body{font-size:15px;line-height:1.55}
.display-lg{font-size:clamp(26px,3.4vw,44px)}
.display-xl{font-size:clamp(30px,5.2vw,72px)}
.hero-title{font-size:clamp(30px,4vw,56px)}
h1{font-size:clamp(28px,4vw,52px)}
h2{font-size:clamp(20px,2.4vw,30px)}
h3{font-size:clamp(16px,1.6vw,20px)}
.display-lg,.display-xl,.hero-title{overflow-wrap:anywhere}
.hero-lead,.section-lead,.manifesto{font-size:clamp(14px,1.4vw,17px)}
.manifesto{font-size:clamp(18px,2.4vw,28px)}
.btn{min-height:42px;padding:0 20px;font-size:13.5px}
.btn-sm{min-height:36px;padding:0 15px;font-size:13px}
.btn-lg{min-height:46px;padding:0 24px;font-size:14px}
.footer-bottom{font-size:12.5px}

.nav-list{gap:8px}
.nav-link{padding:8px 18px;font-size:13.5px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface-2);color:var(--text);font-weight:500;transition:background-color .3s,border-color .3s,transform .3s}
.nav-link:hover,.nav-link[aria-current=page]{background:var(--grad-btn);border-color:transparent;color:#fff;transform:translateY(-1px)}
.nav-item.has-mega .nav-link{padding-right:30px}
.mobile-links>li>a,.mobile-sub a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:8px 0;padding:0 20px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface-2);font-size:15px;font-weight:600}
.mobile-links>li>a:hover,.mobile-sub a:hover{background:var(--grad-btn);border-color:transparent}
.mobile-links{font-size:15px}
.mobile-sub a{font-size:13.5px;min-height:40px;font-weight:500}

.footer-col ul li>a:not(.btn){display:inline-flex}
.footer-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface-2);color:var(--text);transition:transform .3s,background-color .3s,border-color .3s}
.footer-social a:hover{background:var(--grad-btn);border-color:transparent;transform:translateY(-3px)}
.footer-social svg{width:19px;height:19px;fill:currentColor;stroke:none}

.social-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:240px;padding:32px 24px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface-2);text-align:center}
.social-card p{color:var(--muted);font-size:14px;max-width:34ch}
.social-card .btn svg{width:18px;height:18px;fill:currentColor;stroke:none}
.social-card .btn{position:relative;z-index:3}

img,svg,video,iframe{max-width:100%}
@media (max-width:1100px){.nav-link{padding:7px 14px}}
@media (max-width:760px){
body{font-size:14px}
.hero-title{font-size:clamp(28px,8.6vw,40px)}
.display-lg{font-size:clamp(24px,7vw,32px)}
.display-xl{font-size:clamp(28px,8.4vw,40px)}
.btn,.btn-lg{width:100%}
.footer-social{justify-content:flex-start}
.footer-bottom{flex-direction:column;align-items:flex-start}
.footer-legal{gap:14px}
.container{padding:0 18px}
}
@media (max-width:480px){
.footer-cols{grid-template-columns:1fr!important}
.cta-details,.hero-actions,.cta-actions{flex-direction:column}
}
table{display:block;overflow-x:auto}
@media (max-width:760px){
.hero{justify-content:flex-end;padding-bottom:110px}
.hero-inner{padding-top:340px;text-align:center}
.hero-eyebrow{justify-content:center;font-size:11px}
.hero-title,.hero-lead{margin-left:auto;margin-right:auto}
.hero-lead{margin-top:18px;font-size:14px}
.hero-actions{margin-top:24px;justify-content:center}
.hero-mark{width:92px}
.hero-aura span:first-child{width:110vw;height:110vw;left:-5vw;right:auto;top:0}
.hero-aura span:last-child{left:20vw;right:auto;width:60vw;height:60vw;top:12%}
.hero-grid{mask-image:radial-gradient(ellipse 90% 45% at 50% 28%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 45% at 50% 28%,#000 20%,transparent 75%)}
.ticker-track{animation:ticker 40s linear infinite}
.header-inner{gap:10px}
}

.scroll-progress,.fab-cta,.ripple{display:none}
@media (pointer:coarse),(max-width:1100px){
.scroll-progress{display:block;position:fixed;left:0;top:0;right:0;height:3px;z-index:300;background:var(--grad);transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 12px #a54cffcc;pointer-events:none}
.ripple{display:block;position:absolute;border-radius:50%;background:radial-gradient(circle,#ffffff66,#ffffff00 70%);transform:scale(0);animation:rip .7s ease-out forwards;pointer-events:none;z-index:2}
@keyframes rip{to{transform:scale(1);opacity:0}}
.fab-cta{display:flex;position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:120;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:999px;background:var(--grad-btn);color:#fff;font-family:var(--font-display);font-weight:600;font-size:14px;box-shadow:0 12px 34px -8px #a54cffcc,0 0 0 1px #ffffff26 inset;transform:translate(-50%,140%);opacity:0;transition:transform .6s var(--ease),opacity .4s;white-space:nowrap}
.fab-cta.is-on{transform:translate(-50%,0);opacity:1;animation:fabpulse 2.8s ease-in-out infinite 1s}
@keyframes fabpulse{50%{box-shadow:0 12px 44px -4px #d14cffee,0 0 0 1px #ffffff40 inset}}
.lang-toast{bottom:78px!important}
.exp-card,.why-item,.pillar,.commit,.project-feature,.exp-row,.social-card{transition:transform .6s var(--ease),border-color .6s,box-shadow .6s,background-color .6s}
.is-focus.exp-card,.is-focus.why-item,.is-focus.pillar,.is-focus.project-feature,.is-focus.social-card{transform:translateY(-4px) scale(1.012);border-color:#a54cff99;box-shadow:0 18px 50px -22px #a54cffcc,0 0 0 1px #a54cff55 inset;background-color:#a54cff14}
.is-focus.commit .commit-line{transform:scaleX(1);filter:drop-shadow(0 0 6px #a54cff)}
.btn-primary{background-size:200% 100%;animation:btnflow 5s linear infinite}
@keyframes btnflow{50%{background-position:100% 0}}
.hero-aura{transform:translate3d(0,calc(var(--sy,0)*-.12px),0)}
.hero-inner{transform:translate3d(0,calc(var(--sy,0)*-.06px),0)}
.page-bg{transform:translate3d(0,calc(var(--sy,0)*-.04px),0)}
.hero-mark-halo{animation-duration:3.2s}
.section{--section-y:clamp(56px,14vw,90px)}
.eyebrow,.kicker{letter-spacing:.14em}
.footer-social a{width:46px;height:46px}
}
@media (max-width:760px){
body{padding-bottom:0}
.site-footer{padding-bottom:84px}
.exp-card,.why-item,.pillar{border-radius:20px}
.mobile-links>li>a{min-height:52px;font-size:17px;background:linear-gradient(100deg,#ffffff0d,#a54cff1a)}
.mobile-menu-foot .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.btn-primary,.fab-cta.is-on{animation:none}}

.home-btn{display:none}
@media (max-width:1100px){
.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface-2);font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--text)}
.home-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-btn:active,.home-btn[aria-current=page]{background:var(--grad-btn);border-color:transparent}
.header-actions{gap:8px}
}
@media (max-width:380px){.home-btn span{display:none}.home-btn{padding:0;width:38px}}

@media (max-width:760px){
.hero-mark:before,.hero-mark:after{content:"";position:absolute;border-radius:50%;pointer-events:none;-webkit-mask:radial-gradient(circle,transparent 60%,#000 61%,#000 63%,transparent 64%);mask:radial-gradient(circle,transparent 60%,#000 61%,#000 63%,transparent 64%)}
.hero-mark:before{inset:-150%;background:conic-gradient(from 0deg,transparent 0 20%,#35cfffcc,transparent 45%,#d14cffcc 70%,transparent 90%);animation:heroSpin 7s linear infinite}
.hero-mark:after{inset:-210%;background:conic-gradient(from 180deg,transparent 0 30%,#7d4dffcc,transparent 55%,#35cfff99 80%,transparent);animation:heroSpin 11s linear infinite reverse;opacity:.8}
.hero-mark img{animation:logoPulse 3.2s ease-in-out infinite 1.8s}
.hero-mark-halo{inset:-120%}
.hero-eyebrow .pulse-dot{box-shadow:0 0 14px var(--cyan)}
.hero-title .line-grad>span{animation:line-up 1.2s var(--ease) .38s both,sheen 2.4s var(--ease-io) 1.3s infinite alternate}
}
@keyframes heroSpin{to{transform:rotate(360deg)}}
@keyframes logoPulse{50%{transform:scale(1.1);filter:drop-shadow(0 0 34px rgba(209,76,255,.95))}}
@media (prefers-reduced-motion:reduce){.hero-mark:before,.hero-mark:after,.hero-mark img{animation:none}}

.orb{display:none}
@media (pointer:coarse),(max-width:1100px){
.orb{display:block;position:fixed;z-index:-1;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.5;will-change:transform}
.orb-a{width:70vw;height:70vw;left:-25vw;top:10vh;background:radial-gradient(circle,#7d4dffaa,transparent 65%);animation:orbA 16s ease-in-out infinite alternate}
.orb-b{width:60vw;height:60vw;right:-25vw;top:45vh;background:radial-gradient(circle,#35cfff66,transparent 65%);animation:orbB 20s ease-in-out infinite alternate}
.orb-c{width:55vw;height:55vw;left:15vw;bottom:-15vh;background:radial-gradient(circle,#d14cff77,transparent 65%);animation:orbA 24s ease-in-out infinite alternate-reverse}
@keyframes orbA{to{transform:translate3d(30vw,22vh,0) scale(1.25)}}
@keyframes orbB{to{transform:translate3d(-35vw,-26vh,0) scale(.85)}}
@keyframes floaty{50%{translate:0 -7px}}
@keyframes glowpulse{50%{box-shadow:0 0 26px -2px #a54cffaa;border-color:#a54cff88}}
@keyframes nudge{50%{transform:translateX(5px)}}
@keyframes spinSlow{to{rotate:360deg}}
@keyframes shimmer{to{background-position:-200% 0}}
.exp-card,.why-item,.pillar,.commit,.offer-card{animation:floaty 6s ease-in-out infinite}
.exp-card:nth-child(2n),.why-item:nth-child(2n),.pillar:nth-child(2n){animation-duration:7.4s;animation-delay:-2s}
.exp-card:nth-child(3n),.why-item:nth-child(3n){animation-duration:8.6s;animation-delay:-4s}
.exp-card,.why-item,.pillar{rotate:calc(var(--sp,0)*.7deg)}
.exp-icon,.mega-icon{animation:glowpulse 3.4s ease-in-out infinite}
.exp-num,.why-num,.pillar-num,.kicker-num{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:shimmer 4s linear infinite}
.link-arrow .icon,.exp-more .icon{animation:nudge 1.6s ease-in-out infinite}
.section .display-lg,.section .display-xl{translate:0 calc(var(--sp,0)*-14px)}
.section-lead,.manifesto{translate:0 calc(var(--sp,0)*-8px)}
.stack-layer{animation:floaty 5s ease-in-out infinite}
.stack-layer:nth-child(2){animation-delay:-1.2s}.stack-layer:nth-child(3){animation-delay:-2.4s}.stack-layer:nth-child(4){animation-delay:-3.6s}
.vision-rings span{animation-play-state:running}
.vision-rings i{animation:glowpulse 3s ease-in-out infinite}
.cta-band-bg span{animation:orbA 14s ease-in-out infinite alternate}
.cta-band-bg span:nth-child(2){animation-duration:18s;animation-direction:alternate-reverse}
.tag-list li{animation:glowpulse 5s ease-in-out infinite}
.tag-list li:nth-child(2n){animation-delay:-1.5s}.tag-list li:nth-child(3n){animation-delay:-3s}
.footer-social a{animation:floaty 4s ease-in-out infinite}
.footer-social a:nth-child(2){animation-delay:-1.3s}.footer-social a:nth-child(3){animation-delay:-2.6s}
.social-card .btn{animation:btnflow 5s linear infinite,floaty 3.5s ease-in-out infinite}
.brand-mark{animation:floaty 4s ease-in-out infinite}
}
@media (prefers-reduced-motion:reduce){.orb{display:none}.exp-card,.why-item,.pillar,.commit,.offer-card,.exp-icon,.exp-num,.why-num,.pillar-num,.kicker-num,.link-arrow .icon,.stack-layer,.tag-list li,.footer-social a,.brand-mark{animation:none!important}}