@font-face{font-family:Neotrax;src:url('/seo/assets/neotrax.woff') format('woff');font-display:swap;font-weight:400}
main>.story-scene h2,main>.story-scene .statement{font-family:Neotrax,'DM Sans',sans-serif!important;font-weight:400!important;letter-spacing:-.035em!important;font-size:clamp(30px,4.5vw,66px);line-height:1.12;text-transform:uppercase;max-width:1060px;color:#e0f3fa;text-wrap:balance}.story-scene .sec-head{margin-bottom:64px}.story-scene .eyebrow{margin-bottom:26px}.story-scene h2{background:linear-gradient(110deg,#f7fdff,#87b4c5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.story-scene h3{font-weight:400;letter-spacing:-.03em}.opening-scene{padding-block:140px!important;min-height:680px}.intro-grid{position:relative;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro-crystal{position:absolute;width:480px;left:-100px;top:-100px;opacity:.42;pointer-events:none;z-index:-1}.intro-crystal img{width:100%;height:auto;border-radius:50%;mask-image:radial-gradient(circle,#000 25%,transparent 68%);-webkit-mask-image:radial-gradient(circle,#000 25%,transparent 68%);animation:crystal-drift 14s ease-in-out infinite alternate}.crystal-orbit{position:absolute;inset:14%;border:1px solid #87b4d44a;border-radius:50%;transform:rotateX(55deg) rotateZ(-30deg)}.crystal-orbit.second{inset:4%;transform:rotateX(55deg) rotateZ(30deg)}
#services{overflow:clip;background:linear-gradient(180deg,#0d2531,#112f3d)}.service-story{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:start}.service-visual{position:sticky;top:15vh;padding-block:18px}.scene-glass{position:relative;isolation:isolate;aspect-ratio:1;border:1px solid #79b7cb66;border-radius:42px;overflow:hidden;background:#254d60;box-shadow:0 30px 80px #0004,inset 1px 1px 1px #d5f8ff66;transform:perspective(1200px) rotateY(var(--scene-tilt,-5deg));transition:transform .6s}.scene-glass>img{width:100%;height:100%;object-fit:cover;transform:scale(var(--crystal-scale,1.12)) rotate(var(--crystal-turn,0deg));transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter 1.2s;filter:hue-rotate(var(--crystal-hue,0deg))}.scene-glass:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#e0f7ff30,transparent 35%,#0b213766);pointer-events:none}.scene-scan{position:absolute;inset:-100% 0;background:linear-gradient(180deg,transparent 45%,#bdf4ff44 50%,transparent 55%);animation:crystal-scan 9s linear infinite;pointer-events:none}.visual-caption{position:absolute;left:28px;bottom:30px;font:9px var(--mono);letter-spacing:.13em;z-index:2}.visual-index{position:absolute;top:30px;right:30px;font:48px Neotrax;z-index:2}.scene-readout{display:flex;align-items:center;gap:12px;margin:24px 6px;font:9px var(--mono);letter-spacing:.08em;color:#a7c8d8}.readout-dot{width:6px;height:6px;border-radius:50%;background:#b7e8c1;box-shadow:0 0 12px #9effaa;animation:readout-pulse 3s ease-in-out infinite}.service-story .service-grid{display:flex;flex-direction:column;gap:0;border:0;background:none}.service-story .scroll-service{min-height:320px;padding:50px 28px;border:0;border-top:1px solid #729dae44;border-radius:0;background:transparent;box-shadow:none;transition:opacity .5s,background .5s,transform .5s}.scroll-service:after{display:none}.scroll-service h3{font-size:clamp(26px,3vw,40px);line-height:1.15;margin-top:26px;max-width:480px}.scroll-service p{max-width:460px}.scene-enhanced .scroll-service{opacity:.4}.scene-enhanced .scroll-service.current{opacity:1;transform:translateX(12px);background:linear-gradient(90deg,#6ba4be12,transparent)}.scroll-service .service-number{color:#a9dfe9}
.local-visual{height:220px;margin:-26px -26px 30px;position:relative;overflow:hidden;border-radius:17px 17px 0 0;background:#1f4557}.local-visual img{width:100%;height:100%;object-fit:cover;transform:scale(1.2);transition:transform 1s}.local-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102a36,transparent 80%)}.local-visual>span{position:absolute;bottom:15px;left:25px;z-index:2;font:42px Neotrax;color:#cfeafa}.use-card:hover .local-visual img{transform:scale(1.32) rotate(5deg)}.local-visual-1 img{filter:hue-rotate(20deg)}.local-visual-2 img{filter:hue-rotate(-25deg)}
#case-studies{background:#0b2330}.case-study-list{gap:100px}.case-chapter{display:grid;grid-template-columns:1.1fr 1fr;border:0;border-radius:0;background:none;box-shadow:none;gap:5%;align-items:center}.case-chapter:nth-child(2n) .case-visual{order:2}.case-chapter .case-visual{min-height:620px;border-radius:28px;overflow:hidden;box-shadow:0 28px 70px #0005}.case-chapter .case-photo{height:100%;min-height:620px;object-fit:cover;transform:scale(1.08) translateY(var(--case-shift,0px));will-change:transform}.case-chapter .case-content{padding:30px 0;background:none}.case-chapter-number{position:absolute;left:25px;top:25px;font:50px Neotrax;color:#f3faff;z-index:3;text-shadow:0 2px 25px #000}.case-chapter .case-logo-chip{top:auto;bottom:65px}.case-chapter .case-visual-label{bottom:20px}.case-content h3{font-size:clamp(27px,3vw,42px)}.case-photo{transition:filter .6s}.case-visual:hover .case-photo{filter:saturate(1.2)}
.agent-object{height:300px;position:relative;overflow:hidden;margin:-1px -1px 25px;border-radius:22px 22px 0 0;background:radial-gradient(ellipse,#57839866,#112f3d 70%)}.agent-object img{position:absolute;width:300px;height:300px;left:calc(50% - 150px);object-fit:cover;border-radius:50%;mask-image:radial-gradient(circle,#000 25%,transparent 68%);-webkit-mask-image:radial-gradient(circle,#000 25%,transparent 68%);animation:agent-float 12s ease-in-out infinite alternate}.agent-orbit{position:absolute;inset:15%;border:1px solid #a2e6ef66;border-radius:50%;transform:rotateX(60deg) rotateZ(-25deg)}.orbit-two{inset:5% 20%;transform:rotateY(60deg) rotateZ(35deg)}.agent-node{position:absolute;font:8px var(--mono);letter-spacing:.1em;border:1px solid #acd9e66b;background:#113141a6;backdrop-filter:blur(8px);padding:12px 16px;border-radius:30px;animation:node-float 7s ease-in-out infinite alternate}.node-one{top:35px;left:25px}.node-two{right:20px;top:140px;animation-delay:-3s}.node-three{left:35px;bottom:20px;animation-delay:-5s}.agent-sculpture .agent-terminal-head{border-top:1px solid #79b4c64d}.agent-price b{font-family:Neotrax;font-size:clamp(40px,4vw,58px)}
#process .process-grid{position:relative}.process-step{position:relative;overflow:hidden}.process-step:after{content:'';position:absolute;bottom:0;left:0;width:35%;height:2px;background:linear-gradient(90deg,transparent,#b9efff,transparent);animation:step-light 7s linear infinite}.process-step:nth-child(2):after{animation-delay:-2s}.process-step:nth-child(3):after{animation-delay:-4s}.process-step:nth-child(4):after{animation-delay:-6s}#contact{isolation:isolate;min-height:580px}#contact .cta-grid{position:relative;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center}#contact h2{position:relative;z-index:1;font-size:clamp(34px,4.5vw,64px)}.closing-crystal{position:absolute;width:600px;height:600px;right:0;top:-140px;opacity:.32;z-index:-1;pointer-events:none}.closing-crystal img{border-radius:50%;width:100%;mask-image:radial-gradient(circle,#000 20%,transparent 67%);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 67%);animation:crystal-drift 18s ease-in-out infinite alternate}.story-scene:not(.ambient-running) *{animation-play-state:paused!important}.story-scene.ambient-running .agent-object img,.story-scene.ambient-running .scene-scan{animation-play-state:running}
@keyframes crystal-drift{to{transform:rotate(15deg) translateY(25px) scale(1.12)}}@keyframes crystal-scan{to{transform:translateY(66%)}}@keyframes readout-pulse{50%{opacity:.35;box-shadow:0 0 2px #9effaa}}@keyframes agent-float{to{transform:translateY(-15px) rotate(25deg) scale(1.12)}}@keyframes node-float{to{transform:translateY(-12px)}}@keyframes step-light{to{transform:translateX(400%)}}
@media(max-width:900px){.service-story{grid-template-columns:.9fr 1fr;gap:30px}.case-chapter .case-visual,.case-chapter .case-photo{min-height:470px}.intro-grid{gap:35px}.local-visual{height:170px}.visual-caption{font-size:7px;left:18px}.scene-readout{font-size:7px}}
@media(max-width:760px){main>.story-scene h2,main>.story-scene .statement{font-size:clamp(27px,7.5vw,38px)!important;letter-spacing:-.035em;overflow-wrap:anywhere}.story-scene .sec-head{margin-bottom:36px}.opening-scene{min-height:0;padding-block:85px!important}.intro-grid{grid-template-columns:1fr;gap:35px}.intro-crystal{width:330px;left:-65px;top:-90px}.service-story{display:block}.service-visual{position:relative;top:auto;max-width:380px;margin:0 auto 30px}.scene-glass{aspect-ratio:1.2;border-radius:28px;transform:none}.scene-readout{font-size:8px}.service-story .scroll-service{min-height:0;padding:32px 5px;opacity:1!important;transform:none!important}.scroll-service h3{font-size:28px;margin-top:18px}.case-chapter{grid-template-columns:1fr;gap:25px}.case-chapter:nth-child(2n) .case-visual{order:0}.case-chapter .case-visual,.case-chapter .case-photo{min-height:420px}.case-chapter .case-content{padding:0}.case-study-list{gap:70px}.local-visual{height:230px}.agent-object{height:260px}.agent-object img{width:260px;height:260px;left:calc(50% - 130px)}#contact .cta-grid{grid-template-columns:1fr;gap:35px}.closing-crystal{width:400px;height:400px;right:-80px;top:-60px}.case-photo{will-change:auto}.scene-enhanced .scroll-service.current{background:none}}
@media(prefers-reduced-motion:reduce){.story-scene *{animation:none!important;transition:none!important}.scene-enhanced .scroll-service{opacity:1}.case-chapter .case-photo{transform:none;will-change:auto}.scene-glass{transform:none}}
main>.story-scene h2,main>.story-scene .statement{word-spacing:.14em}.scene-glass>img{transform:scale(var(--crystal-scale,1.5)) rotate(var(--crystal-turn,0deg))}
@media(max-width:760px){.scene-glass>img{transform:scale(1.2)!important;filter:none}.scene-glass .visual-index{display:none}}