body{background:#080d17;color:#e5eaf1}header{background:#080e18cf;border-bottom-color:#ffffff20}.hero{background:#080d17;min-height:820px}.hero-cinema{position:absolute;inset:95px -4% 45px 40%;perspective:1100px;isolation:isolate;pointer-events:none}.hero canvas{inset:0;width:100%;height:100%;position:absolute}.cinema-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 91% 56%,#dba76844 0,transparent 30%),radial-gradient(ellipse at 71% 33%,#7874ad55,transparent 43%),radial-gradient(ellipse at 42% 80%,#18396c44,transparent 45%);animation:light-drift 14s ease-in-out infinite alternate}.hero .scene-wash{z-index:2;background:linear-gradient(90deg,#080d1788,transparent 75%)}.hero-copy{z-index:3;top:32%;width:75%}.hero h1{font-size:clamp(85px,8.9vw,145px);letter-spacing:-.065em;line-height:1.06;margin:22px 0 32px}.hero h1>span{color:#e8e9ef}.hero h1 em{font-style:normal;background:linear-gradient(115deg,#e4e7ef,#b9c7e0 45%,#e4b99c);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description p{font-size:13px;color:#acb5c6}.hero-meta{color:#9fa6ba;z-index:4}.hero-bottom{z-index:4}.scene-caption{z-index:4;bottom:16%;right:5%;font-size:7px}.hero .eyebrow{color:#c2c5d8}.hero .status-dot{background:#debea0;box-shadow:0 0 18px #debea088}.glass-agent{position:absolute;left:24%;top:27%;width:49%;aspect-ratio:1.48;border:1px solid #eef0ff70;border-radius:18px;background:linear-gradient(125deg,#ffffff20,#707fa012 45%,#f0d5b025);box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #c7d7ed55,0 35px 80px #05071380;backdrop-filter:blur(9px);transform:rotate(-23deg) rotateY(-22deg) rotateX(18deg);animation:card-drift 12s ease-in-out infinite;overflow:hidden;color:#eef0f5;z-index:2}.glass-top{position:absolute;left:7%;right:7%;top:10%;display:flex;gap:9px;align-items:center;font-size:20px;letter-spacing:-1px}.glass-top img{width:27px;height:27px}.glass-top small{font-size:6px;letter-spacing:1px;margin-left:auto}.glass-symbol{position:absolute;left:7%;top:30%;font-size:60px;color:#e8e8f099;line-height:1}.glass-bottom{position:absolute;bottom:13%;left:7%;right:7%;display:flex;flex-direction:column;gap:7px;font-size:8px;letter-spacing:1.8px}.glass-bottom span:last-child{font-size:5px;letter-spacing:1.2px;color:#c0c3d5}.glass-sheen{position:absolute;inset:-100%;background:linear-gradient(105deg,transparent 40%,#fff2 49%,#fff4 50%,transparent 59%);animation:sheen 12s ease-in-out infinite;pointer-events:none}.glass-chip{position:absolute;display:flex;align-items:center;gap:8px;background:#18203177;border:1px solid #ccd8ec44;box-shadow:0 12px 35px #0003;backdrop-filter:blur(10px);border-radius:30px;padding:11px 16px;font-size:9px;letter-spacing:.3px;animation:chip-float 7s ease-in-out infinite;color:#d6dce8;z-index:3}.glass-chip>span{font-size:16px;color:#c7b6a9}.chip-context{left:13%;bottom:28%;animation-delay:-2s}.chip-human{right:12%;top:17%;animation-delay:-4s}.fallback-orb{position:absolute;width:58%;aspect-ratio:1;left:25%;top:24%;border-radius:50%;background:radial-gradient(circle at 28% 23%,#dce3ef,#777bab 30%,#242843 50%,#daa77c 77%,#f0dcb2 85%,#161d32);box-shadow:0 0 100px #727bb12b;animation:orb-breathe 8s ease-in-out infinite}.hero-cinema.webgl-ready .fallback-orb{display:none}.hero-meta span{font-size:8px}.motion-story{background:radial-gradient(ellipse at 85% 55%,#20243b55,transparent 50%),#080d17;padding:110px 7%;border-top:1px solid #d0d9ef22}.motion-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:end;margin-bottom:60px}.motion-heading>.eyebrow{grid-column:1/-1;color:#aaa8c6;font-size:8px}.motion-heading h2{font-size:64px;font-weight:400}.motion-heading h2 span{color:#828ba5}.motion-heading>p{font-size:12px;justify-self:end;color:#9aa4ba;line-height:1.9}.motion-stage{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.kinetic-words{display:flex;flex-direction:column}.kinetic-words button{display:flex;align-items:center;justify-content:space-between;text-align:left;background:none;border:0;border-bottom:1px solid #ffffff19;padding:22px 0;color:#5f687c;transition:color .8s,padding .8s;position:relative}.kinetic-words button span{font-family:Manrope;font-size:clamp(42px,5vw,78px);letter-spacing:-.06em;line-height:1.05}.kinetic-words button small{font-size:8px;letter-spacing:1px;color:#818ca3}.kinetic-words button.selected{color:#e5e9f2;padding-left:17px}.kinetic-words button.selected span{background:linear-gradient(110deg,#e9edf6,#b6c5dc,#e6b896);background-clip:text;-webkit-background-clip:text;color:transparent}.kinetic-words button.selected:before{content:'';position:absolute;left:0;top:45%;height:6px;width:6px;border-radius:50%;background:#d9b596;box-shadow:0 0 14px #d9b59699}.agent-theatre{border:1px solid #a2b3d02b;border-radius:16px;background:linear-gradient(135deg,#18223477,#0d1422);overflow:hidden;min-width:0}.theatre-top{display:flex;justify-content:space-between;gap:20px;padding:23px 25px 0;font-size:6px;letter-spacing:1.2px;color:#9ba9be}.system-animation{height:300px;position:relative;perspective:700px}.system-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border:1px solid #c4d7ef66;box-shadow:0 0 65px #5e79c23a,inset 0 0 35px #5d708b44;border-radius:28px;background:linear-gradient(135deg,#9eb9d644,#28384f99);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;animation:core-breathe 5s ease-in-out infinite;z-index:2}.system-core img{width:36px}.system-core>span{font-size:11px;letter-spacing:2px}.system-orbit{position:absolute;width:280px;height:140px;left:50%;top:50%;margin-left:-140px;margin-top:-70px;border:1px solid #c0c9e04d;border-radius:50%;transform:rotate(-30deg)}.orbit-b{transform:rotate(36deg);border-color:#ad9c8e55}.orbit-c{width:240px;height:240px;margin-left:-120px;margin-top:-120px;transform:rotate(0);border-style:dotted;border-color:#9aaec329}.system-node{position:absolute;font-size:6px;letter-spacing:1px;background:#162338;border:1px solid #62779855;padding:8px 10px;border-radius:20px;color:#9daec3;transition:background .8s,color .8s,box-shadow .8s;z-index:3}.node-goal{left:6%;top:22%}.node-data{right:5%;top:27%}.node-human{left:5%;bottom:26%}.node-action{right:5%;bottom:21%}.agent-theatre[data-phase="0"] .node-goal,.agent-theatre[data-phase="1"] .node-data,.agent-theatre[data-phase="2"] .node-human,.agent-theatre[data-phase="2"] .node-action,.agent-theatre[data-phase="3"] .system-core{background:#53617c;color:#fff;box-shadow:0 0 25px #a5b8ed33}.orbit-particle{position:absolute;left:50%;top:50%;height:7px;width:7px;margin:-3px;border-radius:50%;background:#deba97;box-shadow:0 0 16px #e3bd95;animation:particle-path 7s linear infinite;z-index:4}.particle-b{animation-delay:-3.5s;background:#b7dbf5;box-shadow:0 0 16px #b7dbf5}.phase-copy{padding:0 27px 27px;min-height:155px}.phase-copy>span{font-size:7px;letter-spacing:1.5px;color:#c3ac9e}.phase-copy h3{font-size:21px;font-weight:400;letter-spacing:-.5px;margin:13px 0 10px}.phase-copy p{font-size:11px;color:#a2aec2;line-height:1.8;max-width:380px}.tour-controls{border-top:1px solid #a2b3d02b;padding:18px 25px;display:flex;align-items:center;gap:20px}.tour-controls button{border:0;background:none;color:#becada;font-size:9px;padding:0;white-space:nowrap}.tour-progress{height:2px;background:#48556b;flex:1}.tour-progress span{height:100%;width:var(--phase-progress,0%);display:block;background:#ddbea0}.tour-controls>span{font-size:8px;color:#96a6bd}.motion-actions{display:flex;justify-content:space-between;gap:20px;margin-top:25px;color:#a9bbcf}.motion-actions>a{font-size:10px}.motion-actions>a:hover{color:white}.foundation{background:#0d1421;border-top:1px solid #b6bfd333;color:#d5deec}.foundation span,.foundation>p{color:#8e9db2}.section.expertise,.section.outcomes,.section.approach{background:#eeefeb;color:#14212a}.software{color:#14212a}.process article{opacity:1}.process-progress:before,.process-progress:after{display:none}.paused-motion .cinema-halo,.paused-motion .hero-cinema *,.paused-motion .system-animation *{animation-play-state:paused!important}.tour-paused .system-animation *{animation-play-state:paused!important}.brand-caption{display:none}.journey-version{font-size:7px}.motion-enter{animation:copy-in .6s ease both}@keyframes card-drift{0%,100%{transform:translateY(-12px) rotate(-23deg) rotateY(-22deg) rotateX(18deg)}50%{transform:translateY(16px) rotate(-15deg) rotateY(12deg) rotateX(10deg)}}@keyframes sheen{0%,15%{transform:translateX(-30%)}65%,100%{transform:translateX(35%)}}@keyframes chip-float{50%{transform:translateY(-14px)}}@keyframes light-drift{to{opacity:.65;transform:scale(1.15) translate(-2%,2%)}}@keyframes orb-breathe{50%{transform:scale(1.06) rotate(8deg)}}@keyframes core-breathe{50%{box-shadow:0 0 85px #8e98cf66,inset 0 0 35px #718ab455;transform:translate(-50%,-54%) rotate(4deg)}}@keyframes particle-path{0%{transform:rotate(0deg) translateX(142px) rotate(0deg)}100%{transform:rotate(360deg) translateX(142px) rotate(-360deg)}}@keyframes copy-in{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero h1{font-size:10vw}.hero-copy{width:83%}.hero-cinema{left:35%;right:-12%}.glass-agent{width:51%;left:25%}.glass-top{font-size:15px}.glass-top img{width:22px;height:22px}.glass-symbol{font-size:45px}.glass-top small{font-size:5px}.motion-heading h2{font-size:49px}.kinetic-words button span{font-size:55px}.motion-stage{gap:5%}.system-node{font-size:5px;padding:7px}.system-orbit{width:230px;margin-left:-115px}.orbit-c{width:220px;margin-left:-110px}.phase-copy h3{font-size:19px}}
@media(max-width:760px){.hero{height:100svh;min-height:860px;max-height:1100px}.hero-copy{left:6%;top:21%;width:88%}.hero h1{font-size:clamp(51px,12.6vw,85px);line-height:1.08;letter-spacing:-.065em;margin:22px 0}.hero-description p{font-size:11px}.hero-description{gap:22px}.hero .eyebrow{font-size:6px}.hero-cinema{inset:39% -14% 50px 8%;z-index:1}.hero .scene-wash{background:linear-gradient(#080d1722,transparent)}.cinema-halo{background:radial-gradient(ellipse at 70% 72%,#a8756666,transparent 37%),radial-gradient(ellipse at 65% 60%,#6263a566,transparent 45%)}.glass-agent{left:28%;top:31%;width:46%;border-radius:10px}.glass-top{font-size:13px;gap:5px}.glass-top img{width:18px;height:18px}.glass-top small{font-size:4px;letter-spacing:.5px}.glass-symbol{font-size:36px}.glass-bottom{font-size:5px;gap:4px;letter-spacing:.8px}.glass-bottom span:last-child{font-size:3px;letter-spacing:.5px}.chip-context{left:5%;bottom:18%}.chip-human{right:11%;top:18%}.glass-chip{font-size:7px;padding:8px 10px;gap:5px}.glass-chip>span{font-size:12px}.scene-caption{display:none}.hero-bottom{font-size:6px;bottom:24px}.hero-meta>span{font-size:6px}.motion-story{padding:65px 6%}.motion-heading{display:block;margin-bottom:30px}.motion-heading>.eyebrow{margin-bottom:22px;font-size:7px}.motion-heading h2{font-size:40px}.motion-heading>p{font-size:11px;margin-top:20px}.motion-heading>p br{display:none}.motion-stage{grid-template-columns:1fr;gap:30px}.kinetic-words{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.kinetic-words button{padding:16px 0}.kinetic-words button span{font-size:29px}.kinetic-words button.selected{padding-left:10px}.kinetic-words button.selected:before{height:4px;width:4px}.kinetic-words button small{font-size:6px}.system-animation{height:270px}.system-core{width:90px;height:90px;border-radius:22px}.system-core img{width:28px}.system-core>span{font-size:9px}.system-node{font-size:5px;padding:7px;letter-spacing:.5px}.theatre-top{font-size:5px;padding:20px 18px 0;gap:15px;letter-spacing:.5px}.phase-copy{padding:0 21px 24px;min-height:160px}.phase-copy h3{font-size:20px}.phase-copy p{font-size:11px}.tour-controls{padding:17px 20px;gap:15px}.tour-controls button{font-size:8px}.motion-actions{flex-direction:column;gap:18px}.motion-actions a{font-size:10px}.journey-version{display:none}}@media(max-width:360px){.hero h1{font-size:12.5vw}.hero-description p{font-size:9px}.glass-top small{display:none}.glass-symbol{font-size:28px}.system-orbit{width:190px;margin-left:-95px}.orbit-c{width:210px;margin-left:-105px}.system-core{width:76px;height:76px}.kinetic-words button span{font-size:24px}.phase-copy h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-cinema *,.cinema-halo,.system-animation *{animation:none!important}.motion-enter{animation:none}.kinetic-words button{transition:none}}
