/* A continuous digital atmosphere on top of the established light identity. */
body[data-route=index] .hero{padding-bottom:165px;min-height:760px;background:radial-gradient(ellipse 48% 46% at 75% 84%,#a7cce2a1,transparent 88%),radial-gradient(ellipse 43% 33% at 25% 84%,#cce0ed9c,transparent 100%),linear-gradient(155deg,#e2e9ed 0%,#d7e1e8 60%,#c6d7e1 100%)}
body[data-route=index] .hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 44%,#ffffff40 55%,transparent 70%);background-size:250% 100%;animation:heroSheen 15s ease-in-out infinite}
body[data-route=index] .hero>h1,body[data-route=index] .hero>p,body[data-route=index] .hero>.buttons,body[data-route=index] .hero>.eyebrow{position:relative;z-index:2}
body[data-route=index] .hero h1{max-width:1100px}
.digital-hero-art{--pointer-x:0px;--pointer-y:0px;position:relative;width:min(800px,90vw);height:320px;margin:7px auto -120px;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .3s ease-out;pointer-events:none;perspective:850px;z-index:1}
.digital-light{position:absolute;inset:10% 8% 0;background:radial-gradient(ellipse at 50% 48%,#b4d7eab3,transparent 60%);filter:blur(22px)}
.digital-ring{position:absolute;left:50%;top:55%;width:390px;height:145px;border:1px solid #7fadc4a8;border-radius:50%;transform:translate(-50%,-50%) rotateX(63deg);box-shadow:0 0 20px #9ec4da48,inset 0 0 18px #91bcd355}
.digital-ring.r2{width:550px;height:205px;animation:ringPulse 6s ease-in-out infinite}
.digital-ring.r3{width:710px;height:265px;border-color:#adcbdc72;animation:ringPulse 6s ease-in-out 1s infinite}
.digital-object{position:absolute;left:50%;top:42%;width:152px;height:152px;transform:translate(-50%,-50%);border-radius:36px;background:linear-gradient(140deg,#f3fbff,#82b2ce 46%,#426d8c 75%,#28465c);box-shadow:inset 13px 11px 22px #ffffffb8,inset -14px -20px 24px #28465e91,0 40px 50px #436e8d6e,0 0 80px #b4d9ebca;animation:digitalLevitate 5.8s ease-in-out infinite}
.digital-object:before,.digital-object:after{content:'';position:absolute;inset:13px;border-radius:28px;border:1px solid #f2fbff9e;transform:rotate(24deg)}.digital-object:after{inset:-25px;border-radius:50%;border:1px solid #96bfd4a1;transform:rotateX(66deg) rotateZ(-16deg)}
.digital-object-core{display:grid;place-items:center;height:100%;font-size:87px;color:#e8f6fb;text-shadow:0 8px 13px #2d526a8c}
.digital-tag{position:absolute;padding:10px 13px;border-radius:9px;background:#ecf5f8c9;border:1px solid #9bbccc;box-shadow:0 15px 34px #5a7f9a26;backdrop-filter:blur(14px);font:700 10px/1.3 'DM Sans',sans-serif;letter-spacing:.1em;color:#355165;animation:digitalLevitate 6s ease-in-out infinite}.digital-tag span{color:#5b8fa7;margin-inline-start:8px}.tag-a{left:13%;top:19%}.tag-b{right:8%;top:37%;animation-delay:-2s}.tag-c{left:19%;bottom:14%;animation-delay:-4s}.digital-ground{position:absolute;left:7%;right:7%;bottom:17px;height:1px;background:linear-gradient(90deg,transparent,#8cb1c5,transparent);box-shadow:0 0 30px #a0c5d9}
.motion-showcase{max-width:1430px;margin:0 auto 90px;padding:75px clamp(22px,6vw,100px) 35px}.motion-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.motion-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#50768b}.motion-intro h2{font-size:clamp(37px,5.7vw,72px);max-width:620px;letter-spacing:-.075em;line-height:1.03;margin:14px 0 12px;white-space:pre-line;color:#282d31}.motion-intro p{max-width:490px;line-height:1.8;color:#526a78;font-size:15px;margin:0}.motion-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:400px}.motion-controls button{border:1px solid #a8c0ce;background:#e0eaf0;border-radius:30px;padding:12px 14px;color:#536b7a;font-size:11px;font-weight:750;white-space:nowrap;transition:.25s}.motion-controls button.active{background:#304a5b;color:#f5fbff;border-color:#304a5b}.motion-controls button:hover{transform:translateY(-3px)}
.motion-stage{border:1px solid #9bb9cb;border-radius:25px;overflow:hidden;background:radial-gradient(ellipse at 50% 54%,#648ba6 0%,#284359 54%,#172e43 100%);box-shadow:0 28px 65px #42688131,0 2px 10px #6389a425;color:#f4f9fc}.motion-stage-top,.motion-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 24px;border-bottom:1px solid #b5d4e142;font-size:10px;font-weight:700;letter-spacing:.12em;color:#d4e5ee}.motion-lights{display:flex;gap:6px}.motion-lights i{display:block;width:7px;height:7px;border-radius:50%;background:#9ebacb}.motion-lights i:first-child{background:#b9e3eb}.motion-status{color:#bde7d8;white-space:nowrap}.motion-stage-main{position:relative;display:grid;grid-template-columns:1fr .7fr 1fr;min-height:340px;align-items:center;gap:5px;padding:35px 5.5%;overflow:hidden}.motion-stage-main:before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);pointer-events:none}.motion-user,.motion-answer{position:relative;z-index:1;min-height:154px;display:flex;flex-direction:column;justify-content:center;gap:16px}.motion-user{align-items:flex-start}.motion-avatar{display:grid;place-items:center;width:42px;height:42px;background:#9ac5dc40;border:1px solid #9dc5dd80;border-radius:13px;font-size:23px}.motion-ask{font-size:clamp(18px,2.15vw,29px);line-height:1.25;font-weight:750;letter-spacing:-.035em;max-width:340px}.motion-orchestrator{position:relative;height:230px;display:grid;place-items:center}.motion-orbit{width:174px;height:174px;border:1px solid #a0d4eb9c;border-radius:50%;box-shadow:0 0 70px #a4d9f17b,inset 0 0 48px #88c9e548;display:grid;place-items:center;position:relative;animation:motionHalo 9s linear infinite}.motion-orbit:before,.motion-orbit:after{content:'';position:absolute;inset:19px;border:1px dashed #d2eaf781;border-radius:50%}.motion-orbit:after{inset:-20px;border-style:solid;opacity:.35}.motion-node{display:grid;place-items:center;width:100px;height:100px;background:radial-gradient(circle at 32% 26%,#eff9ff,#a1c5dc 35%,#5d8bad 70%,#345872);box-shadow:inset 0 0 24px #ffffff88,0 0 36px #82c1e7;border-radius:27px;font-size:55px;color:#f5fbff;animation:nodeFloat 4s ease-in-out infinite}.motion-beam{position:absolute;top:50%;height:2px;background:linear-gradient(90deg,transparent,#c9eeff,transparent);width:20%;box-shadow:0 0 15px #aedff5;animation:beamPulse 2.7s linear infinite}.beam1{right:90%}.beam2{left:90%;animation-delay:1.3s}.motion-answer{background:#d9e9f1f2;color:#2c4657;border:1px solid #ffffff8e;padding:24px;border-radius:17px;box-shadow:0 12px 40px #071a2952;backdrop-filter:blur(12px)}.motion-answer-label{font-size:10px;color:#5b8195;letter-spacing:.12em;font-weight:800}.motion-answer strong{font-size:clamp(16px,1.8vw,22px);letter-spacing:-.04em;line-height:1.3}.motion-bars{display:flex;gap:5px}.motion-bars i{width:25%;height:4px;background:#8db7cc;border-radius:10px}.motion-bars i:nth-child(2){width:15%;background:#6c96af}.motion-bars i:nth-child(3){width:34%}.motion-stage-foot{border-bottom:0;border-top:1px solid #b5d4e142;font-size:10px;letter-spacing:.03em}.motion-stage-foot button{background:none;border:1px solid #b5d4e163;color:#dceef5;padding:9px 12px;border-radius:7px;font-size:11px}.motion-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:24px;font-size:13px;color:#526a78}.motion-bottom a{font-weight:800;color:#315d78;border-bottom:1px solid #7396aa;padding-bottom:5px}.motion-stage.playing .motion-user{animation:enterLeft .7s both}.motion-stage.playing .motion-answer{animation:enterRight .7s .7s both}.motion-stage.playing .motion-node{animation:nodeFloat 4s ease-in-out infinite,popScale .5s .3s both}.motion-stage.playing .motion-beam{animation:beamPulse 2.7s linear infinite}
@keyframes heroSheen{50%{background-position:100% 0}100%{background-position:0 0}}@keyframes digitalLevitate{50%{transform:translateY(-12px)}}@keyframes ringPulse{50%{opacity:.45;scale:1.04}}@keyframes motionHalo{to{transform:rotate(360deg)}}@keyframes nodeFloat{50%{transform:translateY(-6px)}}@keyframes beamPulse{50%{opacity:.22}}@keyframes enterLeft{from{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:none}}@keyframes enterRight{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}@keyframes popScale{from{opacity:.4;scale:.85}to{opacity:1;scale:1}}
html[dir=rtl] .motion-user{align-items:flex-start}html[dir=rtl] .motion-stage.playing .motion-user{animation-name:enterRight}html[dir=rtl] .motion-stage.playing .motion-answer{animation-name:enterLeft}
@media(max-width:900px){.motion-intro{display:block}.motion-controls{max-width:none;justify-content:flex-start;margin-top:22px}.motion-stage-main{grid-template-columns:1fr .55fr 1fr;padding:30px 25px}.motion-orbit{width:120px;height:120px}.motion-node{width:75px;height:75px;font-size:40px}.motion-orchestrator{height:175px}}
@media(max-width:610px){body[data-route=index] .hero{min-height:710px;padding-bottom:120px}.digital-hero-art{height:240px;margin-top:25px;margin-bottom:-100px}.digital-object{width:115px;height:115px}.digital-object-core{font-size:68px}.digital-ring{width:260px;height:110px}.digital-ring.r2{width:350px;height:155px}.digital-ring.r3{width:450px;height:180px}.digital-tag{font-size:8px;padding:7px}.tag-a{left:1%}.tag-b{right:0}.tag-c{left:10%}.motion-showcase{padding:65px 20px 25px;margin-bottom:55px}.motion-intro h2{font-size:42px}.motion-controls button{padding:10px;font-size:10px}.motion-stage-top,.motion-stage-foot{padding:0 14px;font-size:8px}.motion-stage-top>span:nth-child(2){font-size:8px;letter-spacing:0}.motion-stage-main{grid-template-columns:1fr;gap:8px;min-height:auto;padding:22px}.motion-user,.motion-answer{min-height:95px;padding:15px}.motion-user{padding:0 4px}.motion-ask{font-size:20px}.motion-orchestrator{height:116px}.motion-orbit{width:94px;height:94px}.motion-node{width:65px;height:65px;border-radius:18px;font-size:35px}.motion-answer strong{font-size:17px}.motion-bottom{display:block}.motion-bottom a{display:inline-block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.digital-hero-art *,.motion-stage *,.hero:before{animation:none!important;transition:none!important}}