/* ---- base ---- */
:root{--paper:#ebebeb;--ink:#202220;--muted:#68706c;--blue:#0A7CFF;--line:#d2d6d2;--gutter:7.1vw;--font:Rinter,'Helvetica Neue',Arial,sans-serif;--body:'Helvetica Neue',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:auto;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,a{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;background:none;border:0;color:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button:disabled{opacity:.3;cursor:default}svg{display:block}img{display:block;max-width:100%}.blue,.upside-scale-blue,.upside-relocated-blue{color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.skip{position:fixed;top:12px;left:20px;z-index:50;transform:translateY(-160%);padding:10px 16px;background:var(--ink);color:#fff}.skip:focus{transform:none}
#native-stage{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#ebebeb}#native-canvas{display:block;width:100%;height:100%;pointer-events:none;filter:none;transform:none;mix-blend-mode:normal}#load-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:11px/1.7 var(--mono);color:var(--muted);text-align:center;max-width:220px}#load-status[hidden]{display:none}
#story{position:relative;z-index:2}#stage{position:relative}.hero-header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;z-index:10;padding:24px 32px 0 var(--gutter);pointer-events:none}.hero-header a{pointer-events:auto}.brand{width:178px}.brand svg{width:100%;height:auto}.button{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;min-height:auto;font:400 11px/1.2 var(--font);transition:transform .28s ease,filter .28s ease}.button:hover{background:transparent;border-color:transparent;transform:translateY(-2px)}.button-label,.button-icon{display:inline-flex;align-items:center;justify-content:center;min-height:40px;background:rgba(255,255,255,.96);border:1px solid rgba(240,242,238,.95);border-radius:6px;box-shadow:none;transition:transform .28s ease,background .28s ease}.button-label{padding:0 38px;letter-spacing:.04em;color:var(--ink)}.button-icon{width:52px;flex:0 0 52px}.button-icon svg{width:30px;height:30px;transition:transform .28s ease}.button:hover .button-label{background:#fff;box-shadow:none;transform:translateX(-1px)}.button:hover .button-icon{background:#fff;box-shadow:none;transform:translateX(4px)}.button:hover .button-icon svg{transform:translateX(2px)}.button:active{transform:translateY(0)}.button:active .button-label,.button:active .button-icon{box-shadow:none}
#copy{position:relative;z-index:2}.panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px 12%;margin:0 var(--gutter);padding:80px 0;border-bottom:1px solid var(--line)}.panel:first-child{padding-top:145px}.piece{min-width:0}.display{font:400 clamp(34px,3.7vw,64px)/1.045 var(--font);letter-spacing:-.044em;overflow:visible}.display span{display:block}.body-copy{font-size:15px;line-height:1.7;color:var(--muted)}.hero-heading{font-size:clamp(34px,3.9vw,68px)}.eyebrow{font:10px/1.6 var(--mono);color:var(--muted);letter-spacing:.06em;margin-bottom:22px}.eyebrow::before{content:'';display:inline-block;width:5px;height:5px;margin-right:10px;background:var(--blue);vertical-align:middle}.tech-copy{font-size:13px;line-height:1.65;color:var(--muted)}.tech-copy ul{list-style:none;margin:0;padding:0}.tech-copy li{border-top:1px solid var(--line);padding:11px 0}.tech-copy li:first-child{border:0}.tech-copy li svg,.tech-copy .execution-dot{display:none}.tech-copy strong{color:#2585d5;font-weight:500}.tech-copy .execution-main-copy{margin-bottom:17px}.tech-copy .basic-list-item{display:block}.tech-copy .service-single-copy{border:0}.tech-heading .display{font-size:clamp(28px,3vw,50px)}.tech-copy .heading-4{display:none}
.edges-heading .display{font-size:clamp(30px,3.1vw,50px)}.edges-one-line{white-space:nowrap}.edges-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.edge-card{display:grid;grid-template-columns:60px 1fr;align-items:start;gap:20px;border-top:1px solid #ccd3cc;padding-top:22px}.edge-card img{width:60px;height:78px;object-fit:cover;border-radius:3px}.edge-card h3{font:400 18px/1.25 var(--font);letter-spacing:-.02em;margin-bottom:10px}.edge-card p{font-size:12px;line-height:1.65;color:var(--muted)}.max-heading .display{font-size:clamp(36px,4.4vw,74px);letter-spacing:-.045em}.upside-max-copy{font-size:14px;line-height:1.65;color:var(--muted);text-align:left}.upside-max-list{list-style:none;margin:24px 0 0;padding:0}.upside-max-list li{display:flex;gap:10px;margin-top:12px}.upside-max-dot{flex:0 0 4px;height:4px;background:var(--blue);margin-top:9px}
.stage-nav{display:none}.motion #stage,.layout-review #stage{height:100svh;min-height:600px;overflow:hidden}.motion #copy,.layout-review #copy{position:absolute;inset:0}.motion .panel,.layout-review .panel{display:block;position:absolute;inset:0;opacity:0;visibility:hidden;margin:0;padding:0;border:0;pointer-events:none}.motion .piece,.layout-review .piece{position:absolute;will-change:transform}.motion .copy-entrance-target{will-change:transform,filter,opacity;transform-origin:50% 50%}.motion .panel .piece a,.motion .panel .piece button,.layout-review .piece a{pointer-events:auto}.left{left:var(--gutter);width:23vw;max-width:350px}.right{right:var(--gutter);width:22vw;max-width:340px}.hero-title{top:19%;width:34vw;max-width:560px}.hero-heading{white-space:nowrap}.hero-heading .hero-line{display:block}.hero-description{bottom:18%;width:22vw}.scale-title{top:36%}.edges-heading{top:19%;width:40vw}.motion .edges-grid,.layout-review .edges-grid{position:absolute;left:var(--gutter);right:var(--gutter);bottom:15%;gap:34px;will-change:transform}.tech-heading{bottom:19%;width:26vw;max-width:385px}.tech-body{top:31%;width:23vw;max-width:340px}.infrastructure .tech-body{top:22%;font-size:12px}.infrastructure .tech-heading{bottom:18%}.max-heading{top:36%;width:30vw}.max-body{top:36%}.max-action{top:24%;width:auto}
.motion .stage-nav,.layout-review .stage-nav{display:flex;align-items:center;gap:20px;position:absolute;bottom:27px;left:var(--gutter);right:var(--gutter);font:10px/1.5 var(--mono);color:var(--muted);z-index:6;justify-content:flex-end}.chapter-meta{display:flex;align-items:center;gap:20px;flex:1}.chapter-count{color:var(--ink);white-space:nowrap}.chapter-label{font-size:10px;letter-spacing:.01em}.jump-list{display:flex;align-items:center;gap:4px}.jump-list button{width:20px;height:30px;display:grid;place-items:center;padding:0}.jump-list button:after{content:'';width:12px;height:2px;background:#c1cac2}.jump-list button[aria-current='step']:after{background:var(--blue);height:3px}.nav-buttons{display:flex;gap:22px}.nav-buttons button{font:22px/1 var(--body);padding:8px}.progress-track{position:absolute;left:0;right:0;bottom:45px;height:1px;background:#d4d9d3;overflow:hidden}#progress-fill{height:100%;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}
/* v81: keep only previous/next arrows; remove chapter text and all progress indicators. */
.progress-track,.chapter-meta,.jump-list,.nav-buttons{display:none!important}
.site-footer{position:relative;z-index:3;min-height:100svh;padding:13vh var(--gutter) 34px;display:flex;flex-direction:column;justify-content:space-between}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30vw;flex:1;align-items:center}.footer-title{font:400 clamp(25px,2.7vw,46px)/1.15 var(--font);letter-spacing:-.04em}.footer-links{display:grid;gap:28px;justify-self:end;width:25vw;max-width:325px}.footer-label{display:inline-block;color:var(--blue);font:400 24px/1.1 var(--font);margin-bottom:9px;letter-spacing:-.025em}.footer-label:hover{opacity:.65}.footer-links p{font-size:14px;line-height:1.5;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;font:10px/1.5 var(--mono);color:var(--muted);padding-top:32px}.footer-tools{display:flex;gap:24px;align-items:center}.footer-tools button,.footer-tools a{font:10px/1.5 var(--mono)}.footer-superj-blue{color:var(--blue)}
.reading #native-stage{display:none}.reading .site-footer{background:var(--paper);min-height:600px}.reading .hero-header{position:relative}.reading .panel:first-child{padding-top:70px}.reading .left,.reading .right{width:auto;max-width:none}.reading .footer-grid{gap:15vw}.reading .edges-grid{gap:24px}
@media(min-width:1700px){.hero-title{top:23%}.hero-description{bottom:23%}.body-copy{font-size:16px}.tech-copy{font-size:14px}.infrastructure .tech-body{font-size:13px}.edge-card p{font-size:13px}.edge-card img{width:70px;height:90px}.edge-card{grid-template-columns:70px 1fr}.upside-max-copy{font-size:15px}}
@media(max-width:1100px) and (min-width:761px){:root{--gutter:5vw}.brand{width:148px}.display{font-size:39px}.hero-heading{font-size:42px}.left{width:24vw}.right{width:24vw}.body-copy{font-size:13px}.tech-heading .display{font-size:31px}.tech-copy{font-size:11px}.infrastructure .tech-body{font-size:10.5px;top:23%}.tech-copy li{padding:8px 0}.edges-grid{gap:19px}.edge-card{grid-template-columns:44px 1fr;gap:12px}.edge-card img{width:44px;height:58px}.edge-card h3{font-size:15px}.edge-card p{font-size:10px}.edges-heading .display{font-size:33px}.max-heading .display{font-size:45px}.upside-max-copy{font-size:12px}.stage-nav{gap:14px}.chapter-label{max-width:185px}.jump-list button{width:15px}.footer-links{width:28vw}.footer-links p{font-size:13px}}
@media(max-width:760px){:root{--gutter:24px}.hero-header{padding:20px 24px 0}.brand{width:118px}.button{font-size:9px;gap:6px}.button-label,.button-icon{min-height:34px;border-radius:5px}.button-label{padding:0 24px}.button-icon{width:44px;flex-basis:44px}.panel{grid-template-columns:1fr;gap:24px;padding:45px 0}.panel:first-child{padding-top:115px}.display,.hero-heading{font-size:35px}.body-copy{font-size:13px;line-height:1.6}.motion #stage,.layout-review #stage{min-height:600px}.motion .left,.motion .right,.layout-review .left,.layout-review .right{left:24px;right:24px;width:auto;max-width:none}.hero-title{top:16%;width:auto;max-width:none}.hero-heading{white-space:nowrap}.hero-description{bottom:14%}.scale-title{top:18%}.scale-title .display{font-size:40px}.tech-heading{top:15%;bottom:auto}.tech-heading .display{font-size:27px;line-height:1.08}.tech-body{top:auto;bottom:12%;font-size:11px;line-height:1.5}.tech-copy li{padding:7px 0}.tech-copy .execution-main-copy{margin-bottom:9px}.infrastructure .tech-body{top:auto;bottom:12%;font-size:10px;line-height:1.45}.infrastructure .tech-heading{top:13%;bottom:auto}.infrastructure .tech-heading .display{font-size:24px}.edges-heading{top:15%}.edges-heading .display{font-size:29px}.motion .edges-grid,.layout-review .edges-grid{bottom:12%;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;pointer-events:auto;scrollbar-width:thin}.edge-card{flex:0 0 87%;scroll-snap-align:start;display:grid;grid-template-columns:45px 1fr;gap:14px;padding-top:14px}.edge-card img{width:45px;height:58px}.edge-card h3{font-size:15px}.edge-card p{font-size:11px;line-height:1.5;margin-top:8px}.max-heading{top:17%}.max-heading .display{font-size:45px}.motion .max-action,.layout-review .max-action{top:29%;left:24px;right:auto}.max-body{top:auto;bottom:12%}.upside-max-copy{font-size:11.5px;line-height:1.5}.upside-max-list{margin-top:13px}.upside-max-list li{margin-top:8px}.upside-max-dot{margin-top:7px}.motion .stage-nav,.layout-review .stage-nav{left:24px;right:24px;bottom:17px;gap:9px}.chapter-meta{gap:9px}.chapter-count{font-size:9px}.chapter-label{font-size:9px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jump-list{display:none}.nav-buttons{gap:14px}.nav-buttons button{font-size:19px;padding:8px}.progress-track{bottom:43px}.site-footer{padding:100px 24px 28px}.footer-grid{grid-template-columns:1fr;align-items:start;gap:40vh}.footer-title{font-size:30px}.footer-links{width:100%;max-width:none;grid-template-columns:repeat(3,1fr);gap:15px;justify-self:stretch}.footer-label{font-size:18px}.footer-links p{font-size:10px}.footer-bottom{margin-top:55px;flex-wrap:wrap;font-size:9px;gap:20px}.footer-tools{gap:17px}.footer-tools button,.footer-tools a{font-size:9px}.reading .footer-grid{gap:50px}.reading .edges-grid{display:block}.reading .edge-card{margin-top:20px}.reading .panel .display{font-size:33px}#load-status{font-size:9px;max-width:155px}}
@media(max-height:730px) and (min-width:761px){.hero-title{top:19%}.hero-description{bottom:17%}.display{font-size:45px}.tech-heading .display{font-size:35px}.tech-copy{font-size:11px;line-height:1.5}.tech-copy li{padding:7px 0}.infrastructure .tech-body{font-size:10.5px;top:21%}.edge-card p{font-size:11px}.edge-card h3{font-size:16px}.edge-card{padding-top:15px}.upside-max-copy{font-size:12px}}
@media(max-height:720px) and (max-width:760px){.display,.hero-heading{font-size:31px}.hero-description{font-size:12px;bottom:14%}.scale-title .display{font-size:36px}.tech-heading .display{font-size:24px}.tech-body{font-size:10px;bottom:12%}.tech-copy li{padding:5px 0}.infrastructure .tech-body{font-size:9px}.infrastructure .tech-heading .display{font-size:22px}.max-heading .display{font-size:40px}.max-action{top:27%}.max-body{font-size:10px}.upside-max-copy{font-size:10px}.upside-max-list li{margin-top:6px}.edges-heading .display{font-size:26px}.edge-card p{font-size:10px}.edge-card h3{font-size:14px}.footer-grid{gap:35vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
@media print{#native-stage,.stage-nav,.hero-header,.footer-tools{display:none!important}#stage,#copy{position:static!important;height:auto!important;overflow:visible!important}.pin-spacer{height:auto!important;padding:0!important}.panel{position:static!important;opacity:1!important;visibility:visible!important;padding:25px!important;margin:0!important;display:block!important;break-inside:avoid}.panel .piece{position:static!important;width:auto!important;transform:none!important;margin:18px 0!important}.edges-grid{position:static!important;display:block!important}.site-footer{background:white!important;min-height:0;padding:25px}.footer-grid{gap:40px}.display{font-size:27px!important}body{background:white}}

#native-canvas{visibility:hidden}.motion #native-canvas{visibility:visible}

/* v77: retain native scrolling, including touch inertia and boundary exit. */
html,body{overflow-y:visible!important;overscroll-behavior-y:auto;scroll-behavior:auto}
#native-stage,#native-canvas{pointer-events:none!important}
#native-canvas{transform-origin:center center;will-change:transform}
#load-status{transform:translate(-50%,-50%)}
/* The pinned story owns vertical touch gestures; horizontal card swipes and
   pinch zoom remain native. This prevents a touch swipe from also scrolling
   the document underneath the one-screen navigator. */
.motion #copy{touch-action:pan-x pinch-zoom;overscroll-behavior-y:contain}

/* v78: A loaded WebGL canvas must not be hidden by a text-library failure. */
.model-loaded #native-canvas{visibility:visible}
.model-preview #native-stage,.reading.model-preview #native-stage{display:block;position:relative;inset:auto;width:100%;height:min(74svh,700px);min-height:300px}
.model-preview #native-canvas{visibility:visible;transform:none!important}
.model-preview #native-stage + #story .hero-header{position:relative}
/* v114: refined information hierarchy + illustration-free edge cards. */
.edges .edge-card{
  display:block;
  min-width:0;
  border-top:1px solid #cbd2cc;
  padding-top:20px;
}
.edges .edge-card h3{
  font:400 clamp(16px,1.18vw,20px)/1.2 var(--font);
  letter-spacing:-.028em;
  margin:0 0 10px;
  color:var(--ink);
}
.edges .edge-card p{
  max-width:29em;
  font-size:12px;
  line-height:1.65;
  color:var(--muted);
}

.motion .execution .tech-body,.layout-review .execution .tech-body{
  top:25%;
  width:27vw;
  max-width:430px;
}
.execution .execution-list{
  margin:0;
  padding:0;
}
.execution .execution-main-copy{
  margin:0 0 14px;
  padding:0!important;
  border:0!important;
  line-height:1.62;
}
.execution .execution-list>li:not(.execution-main-copy){
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:11px;
  padding:0;
  border:0!important;
  line-height:1.62;
}
.execution .execution-list .execution-dot{
  display:block;
  flex:0 0 4px;
  width:4px;
  height:4px;
  margin-top:9px;
  background:var(--blue);
}
.execution .execution-list strong{
  display:inline;
  margin:0;
  color:var(--blue);
  font:inherit;
  font-weight:500;
}

.motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{
  top:18%;
  width:28vw;
  max-width:445px;
}
.infrastructure .infrastructure-list{
  margin:0;
  padding:0;
}
.infrastructure .infrastructure-list>li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:11px;
  padding:0;
  border:0!important;
  line-height:1.62;
}
.infrastructure .infrastructure-list>li:first-child{margin-top:0}
.infrastructure .infrastructure-list .list-item-svg{
  display:block;
  flex:0 0 4px;
  width:4px;
  height:4px;
  margin-top:9px;
  color:var(--blue);
}
.infrastructure .infrastructure-list strong{
  display:inline;
  margin:0;
  color:var(--blue);
  font:inherit;
  font-size:calc(1em + 1px);
  font-weight:500;
}

.agents-down-arrow{
  position:absolute;
  left:50%;
  bottom:34px;
  width:34px;
  height:34px;
  transform:translateX(-50%);
  z-index:4;
  pointer-events:none;
}
.agents-down-arrow svg{display:block;width:100%;height:100%}

@media(min-width:1700px){
  .motion .execution .tech-body,.layout-review .execution .tech-body{max-width:470px}
  .motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{max-width:480px}
}
@media(max-width:1100px) and (min-width:761px){
  .motion .execution .tech-body,.layout-review .execution .tech-body{width:28vw;max-width:360px}
  .motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{width:29vw;max-width:370px}
  .execution .execution-list>li:not(.execution-main-copy),.infrastructure .infrastructure-list>li{padding-left:24px}
  .execution .execution-list>li:not(.execution-main-copy)::before,.infrastructure .infrastructure-list>li::before{width:6px;height:6px}
}
@media(max-width:760px){
  .motion .execution .tech-body,.layout-review .execution .tech-body,
  .motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{
    left:24px;right:24px;width:auto;max-width:none;
  }
  .execution .execution-main-copy{margin-bottom:15px}
  .execution .execution-list>li:not(.execution-main-copy),.infrastructure .infrastructure-list>li{padding:5px 0 5px 22px}
  .execution .execution-list>li:not(.execution-main-copy)::before,.infrastructure .infrastructure-list>li::before{width:5px;height:5px}
}


/* v-loader: branded 1 -> 9 -> 1 -> UPSIDE mark preload sequence. */
html.upside-loading,html.upside-loading body{overflow:hidden!important;overscroll-behavior:none!important}
#upside-preloader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:var(--paper,#ebebeb);pointer-events:all;overflow:hidden;transform:translate3d(0,0,0);filter:blur(0);opacity:1;will-change:transform,filter,opacity}
#upside-preloader[hidden]{display:none!important}
#upside-loader-blue-wipe{position:absolute;left:50%;top:50%;z-index:1;width:clamp(90px,8.1vw,138px);height:clamp(90px,8.1vw,138px);background:#0A7CFF;transform:translate(-50%,-50%) scale(.7);transform-origin:50% 50%;opacity:0;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden}
.upside-loader-mark{z-index:2;--loader-cell:clamp(30px,2.7vw,46px);--loader-gap:clamp(9px,.72vw,13px);position:relative;display:grid;grid-template-columns:repeat(3,var(--loader-cell));grid-template-rows:repeat(3,var(--loader-cell));gap:var(--loader-gap);width:calc(var(--loader-cell)*3 + var(--loader-gap)*2);height:calc(var(--loader-cell)*3 + var(--loader-gap)*2);transform-origin:50% 50%;will-change:transform}
.upside-loader-cell{display:block;width:var(--loader-cell);height:var(--loader-cell);background:#0A7CFF;opacity:0;transform-origin:50% 50%;will-change:transform,opacity,filter;backface-visibility:hidden;transform:translateZ(0)}
.upside-loader-mark.is-packed .upside-loader-cell{box-shadow:0 0 0 .8px #0A7CFF}
.upside-loader-mark.is-waiting{animation:upsideLoaderBreathe 1.55s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes upsideLoaderBreathe{from{transform:scale(1)}to{transform:scale(1.015)}}
@media(max-width:760px){#upside-loader-blue-wipe{width:102px;height:102px}.upside-loader-mark{--loader-cell:34px;--loader-gap:9px}}
@media(prefers-reduced-motion:reduce){.upside-loader-mark.is-waiting{animation:none}}


.humans .humans-line{white-space:nowrap}


/* Mobile Adaptation v1 — desktop remains unchanged. */
@media (max-width:760px){
  :root{--mobile-pad:20px;--mobile-vh:100dvh;--mobile-stage-h:100dvh}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  #native-stage{height:var(--mobile-stage-h);min-height:var(--mobile-stage-h)}
  .motion #stage,.layout-review #stage{height:var(--mobile-stage-h);min-height:var(--mobile-stage-h);max-height:var(--mobile-stage-h)}
  .motion #copy,.layout-review #copy{height:100%}

  .hero-header{
    padding:max(16px,env(safe-area-inset-top)) var(--mobile-pad) 0;
    gap:12px;
  }
  .brand{width:min(36vw,142px);flex:0 1 auto}
  .button{gap:5px;font-size:9px;white-space:nowrap}
  .button-label,.button-icon{min-height:34px;border-radius:5px}
  .button-label{padding:0 15px}
  .button-icon{width:38px;flex:0 0 38px}
  .button-icon svg{width:24px;height:24px}

  .motion .left,.motion .right,.layout-review .left,.layout-review .right{
    left:var(--mobile-pad);right:auto;width:calc(100vw - var(--mobile-pad)*2);max-width:none;
  }
  .hero-title{top:13.5dvh;width:calc(100vw - var(--mobile-pad)*2)}
  .hero-heading{font-size:clamp(36px,10.8vw,46px);line-height:1;white-space:normal}
  .hero-heading .hero-line{white-space:nowrap}
  .hero-description{
    left:var(--mobile-pad)!important;right:auto!important;
    bottom:calc(6.5dvh + env(safe-area-inset-bottom));
    width:min(78vw,340px)!important;
    font-size:12.5px;line-height:1.55;
  }

  .scale-title{top:13.5dvh;width:82vw!important}
  .scale-title .display{font-size:clamp(35px,10.2vw,44px);line-height:1.02}
  .humans .humans-line{display:block;white-space:nowrap}
  .agents-down-arrow{
    bottom:calc(14px + env(safe-area-inset-bottom));
    width:28px;height:28px;
  }

  .edges-heading{top:12dvh;width:calc(100vw - var(--mobile-pad)*2)!important}
  .edges-heading .display{font-size:clamp(28px,8.2vw,35px);line-height:1.03}
  .edges-one-line{white-space:nowrap}
  .motion .edges-grid,.layout-review .edges-grid{
    left:var(--mobile-pad);right:0;
    bottom:calc(6.5dvh + env(safe-area-inset-bottom));
    display:flex;gap:14px;
    padding:0 max(var(--mobile-pad),16px) 4px 0;
    overflow-x:auto;overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    scroll-snap-type:x mandatory;
    scroll-padding-left:0;
    scrollbar-width:none;
    pointer-events:auto;
  }
  .motion .edges-grid::-webkit-scrollbar,.layout-review .edges-grid::-webkit-scrollbar{display:none}
  .edge-card{
    flex:0 0 min(82vw,330px);
    scroll-snap-align:start;scroll-snap-stop:always;
    display:block;grid-template-columns:none;gap:0;
    padding-top:12px;
  }
  .edges .edge-card h3{font-size:15px;margin-bottom:7px}
  .edges .edge-card p{font-size:10.5px;line-height:1.5;max-width:31em}

  .tech-heading{top:10.5dvh!important;bottom:auto!important;width:87vw!important}
  .tech-heading .display{font-size:clamp(24px,7.2vw,30px);line-height:1.04}
  .motion .tech-body,.layout-review .tech-body{
    left:var(--mobile-pad)!important;right:var(--mobile-pad)!important;
    top:auto!important;bottom:calc(5dvh + env(safe-area-inset-bottom))!important;
    width:auto!important;max-width:none!important;max-height:39dvh;
    font-size:10.8px;line-height:1.5;overflow:hidden;
  }
  .motion .execution .tech-body,.layout-review .execution .tech-body{max-height:42dvh}
  .execution .execution-main-copy{margin-bottom:11px}
  .execution .execution-list>li:not(.execution-main-copy){gap:9px;margin-top:9px;line-height:1.48;padding:0!important}
  .execution .execution-list .execution-dot{margin-top:6px}
  .motion .native-market .tech-body,.layout-review .native-market .tech-body,
  .motion .finality .tech-body,.layout-review .finality .tech-body{bottom:8dvh!important;max-height:25dvh;font-size:11px}
  .motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{
    bottom:calc(3.8dvh + env(safe-area-inset-bottom))!important;
    max-height:43dvh;font-size:9.8px;line-height:1.42;
  }
  .infrastructure .infrastructure-list>li{gap:9px;margin-top:7px;line-height:1.42;padding:0!important}
  .infrastructure .infrastructure-list .list-item-svg{margin-top:5px}

  .max-heading{top:11.5dvh!important;width:auto!important}
  .max-heading .display{font-size:clamp(36px,11vw,46px)}
  .motion .max-action,.layout-review .max-action{
    top:20dvh;left:var(--mobile-pad);right:auto;width:auto;
  }
  .motion .max-body,.layout-review .max-body{
    left:var(--mobile-pad)!important;right:var(--mobile-pad)!important;
    top:auto!important;bottom:calc(6dvh + env(safe-area-inset-bottom))!important;
    width:auto!important;max-width:none!important;
  }
  .upside-max-copy{font-size:11px;line-height:1.48}
  .upside-max-list{margin-top:11px}
  .upside-max-list li{margin-top:7px;gap:9px}
  .upside-max-dot{margin-top:6px}

  .site-footer{
    min-height:100dvh;padding:calc(10dvh + env(safe-area-inset-top)) var(--mobile-pad) calc(20px + env(safe-area-inset-bottom));
  }
  .footer-grid{
    display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;
    gap:0;min-height:72dvh;flex:1;
  }
  .footer-title{font-size:clamp(27px,8.3vw,35px);line-height:1.08;width:100%;max-width:100%}
  .footer-links{
    width:100%;max-width:none;grid-template-columns:1fr;gap:15px;justify-self:auto;
    margin-top:auto;margin-bottom:4dvh;
  }
  .footer-label{font-size:20px;line-height:1.05;margin-bottom:4px}
  .footer-links p{font-size:10.5px;line-height:1.4}
  .footer-bottom{margin-top:0;padding-top:16px;font-size:8.5px;gap:16px;flex-wrap:nowrap}
  .footer-tools{gap:12px}

  #upside-loader-blue-wipe{width:96px;height:96px}
  .upside-loader-mark{--loader-cell:32px;--loader-gap:8px}
}

@media (max-width:430px){
  :root{--mobile-pad:16px}
  .hero-header{padding-top:max(14px,env(safe-area-inset-top))}
  .brand{width:min(35vw,130px)}
  .button-label{padding:0 12px}
  .button-icon{width:36px;flex-basis:36px}
  .hero-title{top:13dvh}
  .hero-heading{font-size:clamp(34px,10.5vw,42px)}
  .hero-description{width:82vw!important;font-size:12px;bottom:calc(5.5dvh + env(safe-area-inset-bottom))}
  .scale-title{top:13dvh;width:88vw!important}
  .scale-title .display{font-size:clamp(33px,10vw,40px)}
  .edges-heading{top:11.5dvh}
  .edges-heading .display{font-size:clamp(27px,8vw,32px)}
  .edge-card{flex-basis:84vw}
  .tech-heading{top:10dvh!important}
  .tech-heading .display{font-size:clamp(23px,7vw,28px)}
  .motion .tech-body,.layout-review .tech-body{font-size:10.3px;max-height:40dvh}
  .motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{font-size:9.3px;max-height:44dvh}
  .max-heading{top:10.5dvh!important}
  .max-heading .display{font-size:clamp(34px,10.5vw,42px)}
  .motion .max-action,.layout-review .max-action{top:18.5dvh}
  .footer-title{font-size:clamp(25px,8vw,32px)}
  .footer-label{font-size:19px}
}

@media (max-width:760px) and (max-height:620px){
  .hero-title{top:17dvh}.hero-heading{font-size:32px}
  .hero-description{right:16px!important;left:auto!important;width:44vw!important;bottom:7dvh;font-size:10.5px}
  .scale-title{top:18dvh;width:46vw!important}.scale-title .display{font-size:30px}
  .tech-heading{top:15dvh!important;width:44vw!important}.tech-heading .display{font-size:22px}
  .motion .tech-body,.layout-review .tech-body{left:auto!important;right:16px!important;width:44vw!important;bottom:8dvh!important;max-height:72dvh;font-size:9px}
  .edges-heading{top:16dvh;width:45vw!important}.edges-heading .display{font-size:24px}
  .motion .edges-grid,.layout-review .edges-grid{left:50vw;right:16px;bottom:7dvh}
  .edge-card{flex-basis:39vw}.edges .edge-card p{font-size:9px}
  .max-heading{top:16dvh!important}.motion .max-action,.layout-review .max-action{top:29dvh}
  .motion .max-body,.layout-review .max-body{left:auto!important;right:16px!important;width:44vw!important;bottom:8dvh!important}
  .site-footer{padding-top:14dvh}.footer-grid{min-height:68dvh}.footer-links{width:44vw;align-self:flex-end;margin-bottom:0}
}



/* Global aspect correction — preserve the Spline scene's authored 16:9
   orthographic projection on every viewport. The WebGL surface always remains
   16:9 and covers the browser window; excess area is cropped instead of
   stretching the 3D model. Page copy/layout still uses the real viewport. */
@media (min-width:761px){
  #native-stage{
    top:50%;
    bottom:auto;
    left:50%;
    right:auto;
    width:max(100vw,177.7777778vh);
    height:max(100vh,56.25vw);
    min-height:0;
    transform:translate(-50%,-50%);
    overflow:hidden;
  }
  #native-canvas{width:100%;height:100%}
}

/* Mobile keeps the same fixed-aspect render strategy, using the visual viewport
   height so Safari's collapsing browser chrome cannot distort the canvas. */
@media (max-width:760px){
  #native-stage{
    top:0;
    bottom:auto;
    left:50%;
    right:auto;
    width:calc(var(--mobile-stage-h) * 1.7777777778);
    height:var(--mobile-stage-h);
    min-height:0;
    transform:translateX(-50%);
    overflow:hidden;
  }
  #native-canvas{width:100%;height:100%}
}


/* Editorial scale typography v1 — inspired by oversized layered editorial type. */
@media (min-width:761px){
  .humans .scale-title,.agents .scale-title,.assets .scale-title{
    top:24%;width:50vw;max-width:none;height:45vh;overflow:visible;
  }
  .scale-editorial{position:relative;width:100%;height:100%;font-size:inherit!important;line-height:.88!important;letter-spacing:-.062em!important;overflow:visible}
  .scale-editorial>span{position:absolute;display:block;white-space:nowrap}
  .scale-editorial .scale-pre{
    left:-.02em;top:-.03em;z-index:1;
    color:#aeb4b0;font-size:clamp(46px,6.4vw,108px);font-weight:400;opacity:.58;
  }
  .scale-editorial .scale-primary{
    left:.05em;top:.54em;z-index:3;
    font-size:clamp(54px,7.25vw,124px);font-weight:400;color:var(--blue);
  }
  .scale-editorial .scale-tail{
    left:.02em;top:1.52em;z-index:4;
    color:var(--ink);font-size:clamp(48px,6.55vw,112px);font-weight:400;
  }
  .agents .scale-editorial .scale-pre{left:3.05em;top:-.08em;font-size:clamp(56px,7.3vw,124px);opacity:.48}
  .agents .scale-editorial .scale-primary{left:0;top:.48em}
  .agents .scale-editorial .scale-tail{left:.35em;top:1.52em}
  .assets .scale-editorial .scale-pre{left:2.15em;top:-.08em;font-size:clamp(44px,5.8vw,98px);opacity:.52}
  .assets .scale-editorial .scale-primary{left:0;top:.50em}
  .assets .scale-editorial .scale-tail{left:1.12em;top:1.52em}
}

/* All muted descriptive copy gets one clearer reading step up. */
.body-copy{font-size:17px;line-height:1.65}
.tech-copy{font-size:15px;line-height:1.6}
.edges .edge-card p{font-size:14px;line-height:1.6}
.upside-max-copy{font-size:16px;line-height:1.58}
.footer-links p{font-size:16px;line-height:1.48}
.footer-bottom{font-size:11px}
.tech-body{width:26vw;max-width:400px}
.infrastructure .tech-body{font-size:14px}

@media (min-width:1700px){
  .body-copy{font-size:18px}.tech-copy{font-size:16px}.infrastructure .tech-body{font-size:15px}
  .edges .edge-card p{font-size:15px}.upside-max-copy{font-size:17px}.footer-links p{font-size:17px}
}

@media (max-width:1100px) and (min-width:761px){
  .body-copy{font-size:15px}.tech-copy{font-size:13px}.infrastructure .tech-body{font-size:12px}
  .edges .edge-card p{font-size:12px}.upside-max-copy{font-size:14px}.footer-links p{font-size:14px}
  .tech-body{width:27vw;max-width:370px}
  .scale-editorial .scale-pre{font-size:clamp(40px,6vw,72px)}
  .scale-editorial .scale-primary{font-size:clamp(48px,7vw,84px)}
  .scale-editorial .scale-tail{font-size:clamp(43px,6.25vw,76px)}
}

@media (max-width:760px){
  .humans .scale-title,.agents .scale-title,.assets .scale-title{top:12.7dvh!important;width:calc(100vw - var(--mobile-pad)*2)!important;height:25dvh!important;overflow:visible}
  .scale-editorial{position:relative;width:100%;height:100%;font-size:inherit!important;line-height:.9!important;letter-spacing:-.055em!important;overflow:visible}
  .scale-editorial>span{position:absolute;display:block;white-space:nowrap}
  .scale-editorial .scale-pre{left:0;top:0;color:#aeb4b0;font-size:clamp(31px,8.8vw,40px);opacity:.58;z-index:1}
  .scale-editorial .scale-primary{left:0;top:.78em;color:var(--blue);font-size:clamp(40px,11.5vw,52px);z-index:3}
  .scale-editorial .scale-tail{left:.18em;top:2.04em;color:var(--ink);font-size:clamp(34px,9.6vw,44px);z-index:4}
  .agents .scale-editorial .scale-pre{left:4.6em;top:-.08em;opacity:.46}
  .agents .scale-editorial .scale-tail{left:.25em}
  .assets .scale-editorial .scale-pre{left:2.65em;top:-.05em;font-size:clamp(28px,8vw,36px)}
  .assets .scale-editorial .scale-tail{left:.9em}

  .hero-description.body-copy{font-size:14px;line-height:1.58;width:min(84vw,360px)!important}
  .motion .tech-body,.layout-review .tech-body{font-size:12.2px;line-height:1.5;max-height:43dvh}
  .motion .native-market .tech-body,.layout-review .native-market .tech-body,
  .motion .finality .tech-body,.layout-review .finality .tech-body{font-size:12.3px;max-height:28dvh}
  .motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{font-size:11.2px;line-height:1.45;max-height:46dvh}
  .edges .edge-card p{font-size:12.5px;line-height:1.52;max-width:30em}
  .upside-max-copy{font-size:13px;line-height:1.5}
  .footer-links p{font-size:12.5px;line-height:1.45}
  .footer-bottom{font-size:9.5px}
}

@media (max-width:430px){
  .scale-editorial .scale-pre{font-size:clamp(28px,8.2vw,35px)}
  .scale-editorial .scale-primary{font-size:clamp(37px,10.8vw,46px)}
  .scale-editorial .scale-tail{font-size:clamp(32px,9.1vw,39px)}
  .hero-description.body-copy{font-size:13.5px}
  .motion .tech-body,.layout-review .tech-body{font-size:11.8px}
  .motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{font-size:10.8px}
  .edges .edge-card p{font-size:12px}
  .upside-max-copy{font-size:12.5px}.footer-links p{font-size:12px}
}

@media (max-width:760px) and (max-height:620px){
  .humans .scale-title,.agents .scale-title,.assets .scale-title{top:14dvh!important;width:47vw!important;height:40dvh!important}
  .scale-editorial .scale-pre{font-size:25px}
  .scale-editorial .scale-primary{font-size:34px}
  .scale-editorial .scale-tail{font-size:29px}
  .hero-description.body-copy{font-size:11.5px}
  .motion .tech-body,.layout-review .tech-body{font-size:10.2px}
  .motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{font-size:9.8px}
  .edges .edge-card p{font-size:10.5px}.upside-max-copy{font-size:11px}.footer-links p{font-size:11px}
}



/* Redmark refinement v2 — readable editorial type + structured EDGES copy. */
@media (min-width:761px){
  .humans .scale-title,.agents .scale-title,.assets .scale-title{
    top:22%;
    width:40vw;
    max-width:690px;
    height:auto;
    overflow:visible;
  }
  .scale-editorial{
    position:relative!important;
    display:flex!important;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:clamp(5px,.45vw,9px);
    width:100%!important;
    height:auto!important;
    line-height:1!important;
    letter-spacing:-.052em!important;
    overflow:visible;
  }
  .scale-editorial>span{
    position:static!important;
    display:block!important;
    left:auto!important;
    top:auto!important;
    white-space:nowrap;
    line-height:.9;
  }
  .scale-humans .scale-pre{
    color:#b7bdb9;
    opacity:.68;
    font-size:clamp(48px,5.35vw,92px);
  }
  .scale-humans .scale-primary{
    color:var(--blue);
    font-size:clamp(66px,6.9vw,118px);
  }
  .scale-humans .scale-tail{
    color:var(--ink);
    font-size:clamp(58px,5.85vw,100px);
  }

  .scale-agents .scale-primary{
    color:var(--blue);
    font-size:clamp(66px,6.9vw,118px);
  }
  .scale-agents .scale-pre{
    color:#b7bdb9;
    opacity:.68;
    font-size:clamp(42px,4.35vw,76px);
  }
  .scale-agents .scale-tail{
    color:var(--ink);
    font-size:clamp(58px,5.8vw,100px);
  }

  .scale-assets .scale-primary{
    color:var(--blue);
    font-size:clamp(66px,6.9vw,118px);
  }
  .scale-assets .scale-pre{
    color:#b7bdb9;
    opacity:.68;
    font-size:clamp(44px,4.7vw,80px);
  }
  .scale-assets .scale-tail{
    color:var(--ink);
    font-size:clamp(58px,5.8vw,100px);
  }

  .motion .edges-grid,.layout-review .edges-grid{
    left:var(--gutter);
    right:var(--gutter);
    bottom:10.5%;
    gap:28px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
  }
  .edges .edge-card{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:16px!important;
    align-items:start;
    min-height:178px;
    padding:18px 0 0!important;
    border-top:1px solid #c9cfcb;
  }
  .edge-index{
    display:block;
    padding-top:4px;
    color:var(--blue);
    font:400 11px/1 var(--mono);
    letter-spacing:.08em;
  }
  .edge-copy{min-width:0;max-width:33ch}
  .edges .edge-card h3{
    margin:0 0 13px!important;
    color:var(--ink);
    font:400 clamp(18px,1.42vw,23px)/1.12 var(--font)!important;
    letter-spacing:-.032em;
    max-width:17ch;
  }
  .edges .edge-card p{
    margin:0!important;
    color:var(--muted);
    font-size:clamp(14px,1vw,16px)!important;
    line-height:1.62!important;
    max-width:31ch!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  .humans .scale-title,.agents .scale-title,.assets .scale-title{width:43vw;max-width:560px;top:23%}
  .scale-humans .scale-pre{font-size:clamp(40px,4.9vw,60px)}
  .scale-humans .scale-primary,.scale-agents .scale-primary,.scale-assets .scale-primary{font-size:clamp(53px,6.2vw,78px)}
  .scale-humans .scale-tail,.scale-agents .scale-tail,.scale-assets .scale-tail{font-size:clamp(46px,5.35vw,68px)}
  .scale-agents .scale-pre,.scale-assets .scale-pre{font-size:clamp(34px,4.1vw,50px)}
  .edges .edge-card{grid-template-columns:30px minmax(0,1fr)!important;column-gap:12px!important;min-height:165px}
  .edges .edge-card h3{font-size:17px!important}
  .edges .edge-card p{font-size:13px!important}
}

@media (max-width:760px){
  .humans .scale-title,.agents .scale-title,.assets .scale-title{
    top:12.8dvh!important;
    width:calc(100vw - var(--mobile-pad)*2)!important;
    height:auto!important;
    overflow:visible;
  }
  .scale-editorial{
    display:flex!important;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    width:100%!important;
    height:auto!important;
    line-height:1!important;
    letter-spacing:-.048em!important;
  }
  .scale-editorial>span{
    position:static!important;
    display:block!important;
    left:auto!important;
    top:auto!important;
    white-space:nowrap;
    line-height:.92;
  }
  .scale-humans .scale-pre{color:#b5bbb7;opacity:.68;font-size:clamp(28px,7.8vw,36px)}
  .scale-humans .scale-primary{color:var(--blue);font-size:clamp(41px,11.2vw,50px)}
  .scale-humans .scale-tail{color:var(--ink);font-size:clamp(34px,9.2vw,42px)}
  .scale-agents .scale-primary,.scale-assets .scale-primary{color:var(--blue);font-size:clamp(40px,11vw,49px)}
  .scale-agents .scale-pre,.scale-assets .scale-pre{color:#b5bbb7;opacity:.68;font-size:clamp(26px,7.2vw,33px)}
  .scale-agents .scale-tail,.scale-assets .scale-tail{color:var(--ink);font-size:clamp(34px,9.1vw,41px)}

  .motion .edges-grid,.layout-review .edges-grid{
    bottom:10.5%;
    display:flex;
    gap:18px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:2px;
  }
  .edges .edge-card{
    flex:0 0 84vw;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    column-gap:12px!important;
    min-height:176px;
    padding-top:14px!important;
    scroll-snap-align:start;
  }
  .edge-index{font-size:10px;padding-top:3px}
  .edge-copy{max-width:none}
  .edges .edge-card h3{font-size:18px!important;line-height:1.14!important;margin-bottom:10px!important;max-width:16ch}
  .edges .edge-card p{font-size:12.6px!important;line-height:1.55!important;max-width:31ch!important}
}

@media (max-width:430px){
  .scale-editorial{gap:4px}
  .scale-humans .scale-pre{font-size:clamp(26px,7.2vw,31px)}
  .scale-humans .scale-primary,.scale-agents .scale-primary,.scale-assets .scale-primary{font-size:clamp(37px,10.4vw,44px)}
  .scale-humans .scale-tail,.scale-agents .scale-tail,.scale-assets .scale-tail{font-size:clamp(31px,8.8vw,37px)}
  .scale-agents .scale-pre,.scale-assets .scale-pre{font-size:clamp(24px,6.7vw,29px)}
  .edges .edge-card{flex-basis:83vw;grid-template-columns:25px minmax(0,1fr)!important;column-gap:10px!important}
  .edges .edge-card h3{font-size:17px!important}
  .edges .edge-card p{font-size:12.2px!important}
}



/* v3 — unified scale typography, lower placement, cleaner EDGES copy. */
@media (min-width:761px){
  .humans .scale-title,.agents .scale-title,.assets .scale-title{
    top:28%!important;
    width:38vw!important;
    max-width:650px!important;
  }
  .scale-editorial{
    gap:clamp(7px,.6vw,11px)!important;
    line-height:1!important;
    letter-spacing:-.05em!important;
  }
  .scale-editorial>span,
  .scale-humans .scale-pre,.scale-humans .scale-primary,.scale-humans .scale-tail,
  .scale-agents .scale-pre,.scale-agents .scale-primary,.scale-agents .scale-tail,
  .scale-assets .scale-pre,.scale-assets .scale-primary,.scale-assets .scale-tail{
    font-size:clamp(58px,5.9vw,102px)!important;
    line-height:.94!important;
  }
  .scale-humans .scale-pre,.scale-agents .scale-pre,.scale-assets .scale-pre{
    color:#b7bdb9!important;
    opacity:.68!important;
  }
  .scale-humans .scale-primary,.scale-agents .scale-primary,.scale-assets .scale-primary{color:var(--blue)!important}
  .scale-humans .scale-tail,.scale-agents .scale-tail,.scale-assets .scale-tail{color:var(--ink)!important}

  .motion .edges-grid,.layout-review .edges-grid{
    left:var(--gutter)!important;
    right:var(--gutter)!important;
    bottom:11.5%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(42px,5vw,88px)!important;
    align-items:start!important;
  }
  .edges .edge-card{
    display:block!important;
    min-height:0!important;
    padding:0!important;
    border-top:0!important;
    border:0!important;
  }
  .edge-index{display:none!important}
  .edge-copy{max-width:none!important}
  .edges .edge-card h3{
    margin:0 0 18px!important;
    max-width:21ch!important;
    font:400 clamp(20px,1.5vw,25px)/1.12 var(--font)!important;
    letter-spacing:-.035em!important;
  }
  .edges .edge-card p{
    margin:0!important;
    max-width:34ch!important;
    font-size:clamp(14px,1.02vw,16px)!important;
    line-height:1.58!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  .humans .scale-title,.agents .scale-title,.assets .scale-title{top:27%!important;width:40vw!important;max-width:520px!important}
  .scale-editorial>span,
  .scale-humans .scale-pre,.scale-humans .scale-primary,.scale-humans .scale-tail,
  .scale-agents .scale-pre,.scale-agents .scale-primary,.scale-agents .scale-tail,
  .scale-assets .scale-pre,.scale-assets .scale-primary,.scale-assets .scale-tail{
    font-size:clamp(48px,5.5vw,68px)!important;
  }
  .motion .edges-grid,.layout-review .edges-grid{gap:34px!important}
  .edges .edge-card h3{font-size:18px!important;margin-bottom:14px!important}
  .edges .edge-card p{font-size:13px!important;max-width:31ch!important}
}

@media (max-width:760px){
  .humans .scale-title,.agents .scale-title,.assets .scale-title{top:15.5dvh!important}
  .scale-editorial{gap:6px!important}
  .scale-editorial>span,
  .scale-humans .scale-pre,.scale-humans .scale-primary,.scale-humans .scale-tail,
  .scale-agents .scale-pre,.scale-agents .scale-primary,.scale-agents .scale-tail,
  .scale-assets .scale-pre,.scale-assets .scale-primary,.scale-assets .scale-tail{
    font-size:clamp(34px,9.4vw,43px)!important;
    line-height:.94!important;
  }
  .motion .edges-grid,.layout-review .edges-grid{
    bottom:10.5%!important;
    gap:18px!important;
  }
  .edges .edge-card{
    flex:0 0 84vw!important;
    display:block!important;
    min-height:170px!important;
    padding:0!important;
    border:0!important;
  }
  .edges .edge-card h3{font-size:19px!important;line-height:1.14!important;margin-bottom:12px!important;max-width:20ch!important}
  .edges .edge-card p{font-size:13px!important;line-height:1.55!important;max-width:32ch!important}
}

@media (max-width:430px){
  .scale-editorial>span,
  .scale-humans .scale-pre,.scale-humans .scale-primary,.scale-humans .scale-tail,
  .scale-agents .scale-pre,.scale-agents .scale-primary,.scale-agents .scale-tail,
  .scale-assets .scale-pre,.scale-assets .scale-primary,.scale-assets .scale-tail{
    font-size:clamp(31px,8.7vw,38px)!important;
  }
  .edges .edge-card{flex-basis:83vw!important}
  .edges .edge-card h3{font-size:18px!important}
  .edges .edge-card p{font-size:12.6px!important}
}


/* v4 — EDGES glass cards + larger section title. */
@media (min-width:1101px){
  .edges-heading{
    top:14%!important;
    width:64vw!important;
    max-width:none!important;
  }
  .edges-heading .display{
    font-size:clamp(60px,6.2vw,100px)!important;
    line-height:.94!important;
    letter-spacing:-.052em!important;
  }
  .motion .edges-grid,.layout-review .edges-grid{
    left:var(--gutter)!important;
    right:var(--gutter)!important;
    bottom:6.5%!important;
    gap:clamp(18px,1.8vw,30px)!important;
    align-items:stretch!important;
  }
  .edges .edge-card{
    min-height:220px!important;
    padding:30px 32px 28px!important;
    border:1px solid rgba(255,255,255,.62)!important;
    border-radius:2px!important;
    background:linear-gradient(180deg,rgba(10,124,255,.075) 0%,rgba(10,124,255,.032) 56%,rgba(255,255,255,.18) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  .edges .edge-card h3{
    max-width:none!important;
    margin:0 0 22px!important;
    font-size:clamp(21px,1.6vw,27px)!important;
    line-height:1.1!important;
  }
  .edges .edge-card p{
    max-width:42ch!important;
    font-size:clamp(14px,1.05vw,17px)!important;
    line-height:1.58!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  .edges-heading{
    top:15%!important;
    width:62vw!important;
    max-width:none!important;
  }
  .edges-heading .display{
    font-size:clamp(50px,6.2vw,70px)!important;
    line-height:.95!important;
    letter-spacing:-.05em!important;
  }
  .motion .edges-grid,.layout-review .edges-grid{
    bottom:8%!important;
    gap:18px!important;
  }
  .edges .edge-card{
    min-height:190px!important;
    padding:24px 24px 22px!important;
    border:1px solid rgba(255,255,255,.6)!important;
    border-radius:2px!important;
    background:linear-gradient(180deg,rgba(10,124,255,.07),rgba(10,124,255,.03) 58%,rgba(255,255,255,.16))!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  .edges .edge-card h3{max-width:none!important;margin-bottom:18px!important;font-size:19px!important}
  .edges .edge-card p{max-width:38ch!important;font-size:13.5px!important;line-height:1.56!important}
}

@media (max-width:760px){
  .edges-heading{top:13dvh!important;width:calc(100vw - var(--mobile-pad)*2)!important}
  .edges-heading .display{
    font-size:clamp(38px,10.8vw,48px)!important;
    line-height:.96!important;
    letter-spacing:-.048em!important;
  }
  .edges-one-line{white-space:normal!important}
  .motion .edges-grid,.layout-review .edges-grid{
    bottom:8.5%!important;
    gap:16px!important;
  }
  .edges .edge-card{
    flex:0 0 84vw!important;
    min-height:210px!important;
    padding:24px 22px 22px!important;
    border:1px solid rgba(255,255,255,.6)!important;
    border-radius:2px!important;
    background:linear-gradient(180deg,rgba(10,124,255,.075),rgba(10,124,255,.03) 58%,rgba(255,255,255,.17))!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  .edges .edge-card h3{max-width:none!important;font-size:19px!important;margin-bottom:18px!important}
  .edges .edge-card p{max-width:38ch!important;font-size:13px!important;line-height:1.56!important}
}



/* v5 — unify key section headline sizing with MILLIONS/BILLIONS/TRILLIONS. */
@media (min-width:1101px){
  .hero-heading,
  .edges-heading .display,
  .max-heading .display{
    font-size:clamp(58px,5.9vw,102px)!important;
    line-height:.94!important;
    letter-spacing:-.05em!important;
  }
}

@media (max-width:1100px) and (min-width:761px){
  .hero-heading,
  .edges-heading .display,
  .max-heading .display{
    font-size:clamp(48px,5.5vw,68px)!important;
    line-height:.94!important;
    letter-spacing:-.05em!important;
  }
}

@media (max-width:760px){
  .hero-heading,
  .edges-heading .display,
  .max-heading .display{
    font-size:clamp(34px,9.4vw,43px)!important;
    line-height:.94!important;
    letter-spacing:-.05em!important;
  }
}

@media (max-width:430px){
  .hero-heading,
  .edges-heading .display,
  .max-heading .display{
    font-size:clamp(31px,8.7vw,38px)!important;
  }
}



/* v9 — 30% EDGES glass cards + stronger ease-in-out sequential reveal. */
@media (min-width:761px){
  .edges .edge-card{
    background:rgba(255,255,255,.30)!important;
    border:0!important;
    border-radius:14px!important;
    box-shadow:none!important;
    backdrop-filter:blur(22px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(112%)!important;
    overflow:hidden!important;
  }
}
@media (max-width:760px){
  .edges .edge-card{
    background:rgba(255,255,255,.30)!important;
    border:0!important;
    border-radius:12px!important;
    box-shadow:none!important;
    backdrop-filter:blur(20px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(110%)!important;
    overflow:hidden!important;
  }
}

@media(min-width:761px){
  .motion .hero-title,.layout-review .hero-title{left:var(--gutter)!important;right:auto!important;top:auto!important;bottom:24%!important;width:min(31vw,520px)!important;max-width:520px!important}
  .motion .hero-description,.layout-review .hero-description{left:var(--gutter)!important;right:auto!important;top:auto!important;bottom:12%!important;width:min(27vw,400px)!important;max-width:400px!important;text-align:left!important}
}

@media(min-width:761px){
  .motion .hero-title,.layout-review .hero-title{
    left:var(--gutter)!important;
    right:auto!important;
    top:46%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:min(31vw,520px)!important;
    max-width:520px!important;
  }
  .motion .hero-description,.layout-review .hero-description{
    left:var(--gutter)!important;
    right:auto!important;
    top:calc(46% + 160px)!important;
    bottom:auto!important;
    transform:none!important;
    width:min(27vw,400px)!important;
    max-width:400px!important;
    text-align:left!important;
  }
}

/* ---- user-v14-overrides ---- */
@media (min-width:761px){
  .hero{
    overflow:visible;
    isolation:isolate;
  }
  .motion .hero-title,.layout-review .hero-title{
    left:50%!important;
    right:auto!important;
    top:46%!important;
    bottom:auto!important;
    width:calc(100vw - (var(--gutter) * 2))!important;
    max-width:none!important;
    transform:translate(-50%,-50%)!important;
    text-align:center!important;
    z-index:5!important;
    pointer-events:none!important;
  }
  .hero-heading{
    font-size:clamp(66px,7.4vw,142px)!important;
    line-height:.94!important;
    letter-spacing:-.065em!important;
    white-space:nowrap!important;
    color:#181818!important;
    mix-blend-mode:overlay!important;
    text-align:center!important;
  }
  .hero-heading .hero-line{display:inline!important}
  .hero-heading .hero-line + .hero-line::before{content:' ';}

  .motion .hero-description,.layout-review .hero-description{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:7.5%!important;
    width:min(880px,64vw)!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1.42!important;
    color:rgba(104,112,108,.92)!important;
    z-index:5!important;
  }

  .edges{overflow:visible}
  .motion .edges-heading,.layout-review .edges-heading{
    left:6vw!important;
    top:28.5%!important;
    width:88vw!important;
    max-width:none!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  .edges-heading .display{
    font-size:clamp(96px,8.7vw,190px)!important;
    line-height:.92!important;
    letter-spacing:-.06em!important;
    color:rgba(255,255,255,.94)!important;
    mix-blend-mode:overlay!important;
  }
  .edges-one-line{white-space:nowrap!important}
  .motion .edges-grid,.layout-review .edges-grid{
    z-index:4!important;
  }

  .motion .tech-heading,.layout-review .tech-heading{
    bottom:auto!important;
    width:min(32vw,560px)!important;
    max-width:none!important;
    z-index:5!important;
  }
  .motion .tech-heading,.layout-review .tech-heading,
  .motion .tech-body,.layout-review .tech-body{
    text-align:left!important;
  }
  .motion .tech-heading .display,.layout-review .tech-heading .display{
    font-size:clamp(39px,3.16vw,58px)!important;
    line-height:1.08!important;
    letter-spacing:-.05em!important;
  }
  .motion .tech-body,.layout-review .tech-body{
    top:auto;
    bottom:auto!important;
    width:min(31vw,480px)!important;
    max-width:none!important;
    font-size:15px!important;
    line-height:1.62!important;
    color:rgba(104,112,108,.92)!important;
    z-index:5!important;
  }
  .motion .native-market .tech-body,.layout-review .native-market .tech-body,
  .motion .finality .tech-body,.layout-review .finality .tech-body{
    width:min(29vw,440px)!important;
  }
  .motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{
    width:min(30vw,470px)!important;
    font-size:14px!important;
    line-height:1.56!important;
  }

  .motion .execution .tech-heading,.layout-review .execution .tech-heading{
    left:7vw!important;
    right:auto!important;
    top:32.5%!important;
    width:min(31vw,480px)!important;
  }
  .motion .execution .tech-body,.layout-review .execution .tech-body{
    left:7vw!important;
    right:auto!important;
    top:57.5%!important;
    width:min(30vw,455px)!important;
  }

  .motion .native-market .tech-heading,.layout-review .native-market .tech-heading{
    left:auto!important;
    right:6.5vw!important;
    top:29%!important;
    width:min(35vw,640px)!important;
  }
  .motion .native-market .tech-body,.layout-review .native-market .tech-body{
    left:auto!important;
    right:6.5vw!important;
    top:66%!important;
  }

  .motion .finality .tech-heading,.layout-review .finality .tech-heading{
    left:7vw!important;
    right:auto!important;
    top:33%!important;
    width:min(31vw,480px)!important;
  }
  .motion .finality .tech-body,.layout-review .finality .tech-body{
    left:7vw!important;
    right:auto!important;
    top:58.5%!important;
    width:min(29vw,430px)!important;
  }

  .motion .infrastructure .tech-heading,.layout-review .infrastructure .tech-heading{
    left:auto!important;
    right:6vw!important;
    top:33%!important;
    width:min(34vw,540px)!important;
  }
  .motion .infrastructure .tech-body,.layout-review .infrastructure .tech-body{
    left:auto!important;
    right:6vw!important;
    top:56.5%!important;
    width:min(32vw,500px)!important;
  }
  .motion .infrastructure .tech-heading .display,.layout-review .infrastructure .tech-heading .display{
    width:100%!important;
    text-align:left!important;
  }
}

@media (max-width:760px){
  .hero{
    isolation:isolate;
  }
  .hero-heading{
    white-space:normal!important;
    mix-blend-mode:overlay!important;
  }
  .motion .hero-description,.layout-review .hero-description{
    left:50%!important;
    right:auto!important;
    bottom:8%!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 48px)!important;
    text-align:center!important;
  }
}

/* ---- user-v20-tech-body-left-gap-tighten ---- */
@media (min-width:761px){
  /* Unified 3-line technical headings + tighter, consistent heading/body spacing */
  .motion .execution .tech-heading,
  .layout-review .execution .tech-heading,
  .motion .finality .tech-heading,
  .layout-review .finality .tech-heading{
    left:7vw!important;
    right:auto!important;
    top:31%!important;
    width:min(31vw,500px)!important;
    max-width:none!important;
    text-align:left!important;
  }

  .motion .native-market .tech-heading,
  .layout-review .native-market .tech-heading{
    left:auto!important;
    right:6.5vw!important;
    top:31%!important;
    width:min(35vw,620px)!important;
    max-width:none!important;
    text-align:left!important;
  }

  .motion .infrastructure .tech-heading,
  .layout-review .infrastructure .tech-heading{
    left:calc(93.5vw - min(35vw,620px))!important;
    right:auto!important;
    top:31%!important;
    width:min(35vw,620px)!important;
    max-width:none!important;
    text-align:left!important;
  }

  .motion .execution .tech-heading .display,
  .layout-review .execution .tech-heading .display,
  .motion .native-market .tech-heading .display,
  .layout-review .native-market .tech-heading .display,
  .motion .finality .tech-heading .display,
  .layout-review .finality .tech-heading .display,
  .motion .infrastructure .tech-heading .display,
  .layout-review .infrastructure .tech-heading .display{
    font-size:clamp(39px,3.16vw,58px)!important;
    line-height:1.08!important;
    letter-spacing:-.05em!important;
    text-align:left!important;
  }

  .motion .execution .tech-body,
  .layout-review .execution .tech-body,
  .motion .finality .tech-body,
  .layout-review .finality .tech-body{
    left:7vw!important;
    right:auto!important;
    top:53.6%!important;
    bottom:auto!important;
    width:min(30vw,455px)!important;
    max-width:none!important;
    text-align:left!important;
  }

  .motion .native-market .tech-body,
  .layout-review .native-market .tech-body{
    left:auto!important;
    right:6.5vw!important;
    top:53.6%!important;
    bottom:auto!important;
    width:min(35vw,510px)!important;
    max-width:none!important;
    text-align:left!important;
  }

  .motion .infrastructure .tech-body,
  .layout-review .infrastructure .tech-body{
    left:calc(93.5vw - min(35vw,620px))!important;
    right:auto!important;
    top:53.6%!important;
    bottom:auto!important;
    width:min(35vw,510px)!important;
    max-width:none!important;
    text-align:left!important;
  }

  .motion .tech-body,
  .layout-review .tech-body{
    font-size:15px!important;
    line-height:1.58!important;
    color:rgba(104,112,108,.92)!important;
  }

  .motion .infrastructure .tech-body,
  .layout-review .infrastructure .tech-body{
    font-size:15px!important;
    line-height:1.58!important;
  }

  .execution .execution-main-copy,
  .execution .execution-list>li:not(.execution-main-copy),
  .native-market .service-single-copy,
  .finality .service-single-copy,
  .infrastructure .infrastructure-list>li{
    line-height:1.58!important;
  }

  .tech-body strong{
    font-size:16px!important;
    line-height:1.58!important;
  }

  .native-market .tech-body .service-single-copy,
  .finality .tech-body .service-single-copy,
  .execution .tech-body .execution-list,
  .infrastructure .tech-body .infrastructure-list{
    margin-left:0!important;
    padding-left:0!important;
  }

  .execution .execution-main-copy{margin-bottom:12px!important}
  .execution .execution-list>li:not(.execution-main-copy),
  .infrastructure .infrastructure-list>li{margin-top:10px!important}
}

/* ---- user-v22-hero-color-burn-fix ---- */
@media (min-width:761px){
  .hero{
    isolation:auto!important;
    overflow:visible!important;
  }
  .motion .hero-title,.layout-review .hero-title{
    z-index:6!important;
  }
  .hero-heading{
    color:#2f6fff!important;
    mix-blend-mode:color-burn!important;
    opacity:.96!important;
  }
}

@media (max-width:760px){
  .hero{
    isolation:auto!important;
  }
  .hero-heading{
    color:#2f6fff!important;
    mix-blend-mode:color-burn!important;
    opacity:.96!important;
  }
}

/* ---- user-v23-edges-overlay-hero-scale ---- */
@media (min-width:761px){
  .edges{
    isolation:auto!important;
    overflow:visible!important;
  }
  .motion .edges-heading,.layout-review .edges-heading{
    left:7vw!important;
    right:auto!important;
    top:23%!important;
    width:86vw!important;
    max-width:none!important;
    z-index:6!important;
    pointer-events:none!important;
  }
  .edges-heading .display{
    font-size:clamp(88px,8.5vw,168px)!important;
    line-height:.92!important;
    letter-spacing:-.065em!important;
    color:#2f6fff!important;
    mix-blend-mode:color-burn!important;
    opacity:.96!important;
  }
  .motion .edges-grid,.layout-review .edges-grid{
    z-index:5!important;
  }
}

@media (max-width:760px){
  .edges{
    isolation:auto!important;
  }
  .edges-heading .display{
    color:#2f6fff!important;
    mix-blend-mode:color-burn!important;
    opacity:.96!important;
  }
}

/* ---- user-v24-hero-left-layout-tight-gap ---- */
@media (min-width:761px){
  .motion .hero-title,.layout-review .hero-title{
    left:7vw!important;
    right:auto!important;
    top:33.5%!important;
    bottom:auto!important;
    width:min(32vw,560px)!important;
    max-width:560px!important;
    transform:none!important;
    text-align:left!important;
    z-index:6!important;
  }
  .hero-heading{
    font-size:clamp(66px,5.8vw,104px)!important;
    line-height:.94!important;
    letter-spacing:-.055em!important;
    white-space:normal!important;
    color:#181818!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
    text-align:left!important;
  }
  .hero-heading .hero-line{display:block!important}
  .hero-heading .hero-line + .hero-line::before{content:none!important}

  .motion .hero-description,.layout-review .hero-description{
    left:7vw!important;
    right:auto!important;
    top:58%!important;
    bottom:auto!important;
    width:min(28vw,430px)!important;
    max-width:430px!important;
    transform:none!important;
    text-align:left!important;
    font-size:17px!important;
    line-height:1.58!important;
    color:rgba(104,112,108,.92)!important;
    z-index:6!important;
  }
}

/* ---- user-v26-layout-polish ---- */
@media (min-width:761px){
  /* Hero: keep current left layout, only tighten heading/body gap. */
  .motion .hero-description,.layout-review .hero-description{
    top:56.5%!important;
  }

  /* EDGES: white overlay that still blends directly with the cube. */
  .edges{
    isolation:auto!important;
  }
  .edges-heading .display{
    color:#fff!important;
    mix-blend-mode:overlay!important;
    opacity:1!important;
  }

  /* Native Market: lock the intended 3-line composition on full desktop. */
  .motion .native-market .tech-heading,
  .layout-review .native-market .tech-heading{
    left:calc(94vw - min(38vw,680px))!important;
    right:auto!important;
    width:min(38vw,680px)!important;
    max-width:none!important;
  }
  .motion .native-market .native-market-heading,
  .layout-review .native-market .native-market-heading{
    font-size:clamp(38px,2.95vw,54px)!important;
    line-height:1.035!important;
    letter-spacing:-.048em!important;
  }
  .native-market .native-market-heading .tech-line{
    display:block!important;
    white-space:nowrap!important;
  }
  .motion .native-market .tech-body,
  .layout-review .native-market .tech-body{
    left:calc(94vw - min(38vw,680px))!important;
    right:auto!important;
    width:min(35vw,510px)!important;
    max-width:none!important;
    line-height:1.58!important;
  }
  .native-market .service-single-copy{
    line-height:1.58!important;
  }
}

@media (max-width:760px){
  .native-market .native-market-heading .tech-line{
    display:block!important;
    white-space:normal!important;
  }
}

/* ---- user-v28-left-center-mobile-scale ---- */
/* v28: requested alignment and CTA/footer copy polish. */
@media (min-width:761px){
  /* UpsideMAX: absolute left-center on the viewport. */
  .motion .max-heading,.layout-review .max-heading{
    left:var(--gutter)!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    max-width:none!important;
    text-align:left!important;
  }

  /* Footer: title absolutely left-centered; links remain right-centered. */
  .site-footer{position:relative!important}
  .site-footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:0!important;
    position:relative!important;
  }
  .site-footer .footer-title{
    position:absolute!important;
    left:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    text-align:left!important;
  }
  .site-footer .footer-links{
    justify-self:end!important;
    margin-left:auto!important;
  }
}

/* Keep footer copyright on one line whenever space permits. */
.footer-bottom > span:last-child{white-space:nowrap}

/* ---- user-v31-mobile-upsideMAX-gap-note ---- */
/* v31: UpsideMAX mobile final face spacing fix.
   v32: mobile final face gap tuned to 101 so the 3x3 cubies visually just touch without overlapping,
   so the 3x3 front-face cubies visually overlapped. Keep model scale unchanged and
   increase only the camera-plane center-to-center spacing for the final 3x3 grid. */

/* ---- user-v30-mobile-stage-spacing-fix-note ---- */
/* v30: mobile BILLIONS / TRILLIONS / EDGES spacing fix.
   - reduce mobile stage zoom amplification for BILLIONS
   - reduce extra model scale on TRILLIONS / EDGES
   - increase inter-cubie and inter-layer gaps so mobile slices no longer bunch together */

/* ---- user-v29-mobile-hero-black-uniform-scale-note ---- */
/* v29: mobile hero title returns to solid black.
   Model scale is handled in JS as a uniform 30% reduction from v28 (0.90 -> 0.63). */
@media (max-width:760px){
  .hero-heading{
    color:#181818!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
  }
}

/* ---- user-v34-backtop-language-mobile-tech ---- */
.hero-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}
.button{font-size:12px}
.hero-header button{pointer-events:auto}
.language-switch{width:52px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border:1px solid rgba(240,242,238,.95);border-radius:6px;padding:0;transition:transform .28s ease,background .28s ease}
.language-switch:hover{transform:translateY(-2px);background:#fff}
.language-switch .language-svg{width:22px;height:22px}
.mobile-tech-title{display:none}
.desktop-tech-title{display:block}

.back-to-top{position:fixed;right:28px;bottom:28px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(240,242,238,.96);border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 36px rgba(20,32,45,.08);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,12px,0) scale(.96);transition:opacity .28s ease,visibility .28s ease,transform .34s cubic-bezier(.22,1,.36,1),background .28s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}
.back-to-top:hover{background:#fff;transform:translate3d(0,-3px,0) scale(1)}
.back-to-top-icon,.back-to-top svg{width:32px;height:32px;display:block}

@media(max-width:760px){
  .hero-actions{gap:6px}
  .hero-actions>.button{display:none!important}
  .button{font-size:10px}
  .language-switch{width:36px;height:34px;border-radius:5px}
  .language-switch .language-svg{width:19px;height:19px}
  .back-to-top{right:16px;bottom:max(18px,env(safe-area-inset-bottom));width:54px;height:54px;border-radius:15px}
  .back-to-top-icon,.back-to-top svg{width:28px;height:28px}

  /* Technical stages: one typography system, two-line titles where possible. */
  .execution .desktop-tech-title,.native-market .desktop-tech-title,.finality .desktop-tech-title,.infrastructure .desktop-tech-title{display:none!important}
  .execution .mobile-tech-title,.native-market .mobile-tech-title,.finality .mobile-tech-title,.infrastructure .mobile-tech-title{display:block!important}
  .mobile-tech-title>span{display:block;white-space:nowrap}
}

/* ---- user-v35-buttons-tech-title-mobile-copy-fix ---- */
/* Header controls: language switch first, unified blue hover treatment. */
.hero-actions .language-switch{order:-1}
.button:hover .button-label,
.button:hover .button-icon,
.language-switch:hover,
.back-to-top:hover{
  background:#0A7CFF!important;
  color:#fff!important;
  border-color:#0A7CFF!important;
}
.button:hover .button-label{color:#fff!important}
.button:hover .button-icon svg *,
.language-switch:hover .language-svg *,
.back-to-top:hover svg *{
  fill:#fff!important;
  stroke:#fff!important;
}

/* Back-to-top: 30% translucent white + glass blur. */
.back-to-top{
  background:rgba(255,255,255,.30)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
}
.back-to-top:hover{
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
}

/* Desktop: prevent the mobile alternate title from rendering behind the desktop title. */
@media (min-width:761px){
  .execution .tech-heading .mobile-tech-title,
  .native-market .tech-heading .mobile-tech-title,
  .finality .tech-heading .mobile-tech-title,
  .infrastructure .tech-heading .mobile-tech-title{display:none!important}
  .execution .tech-heading .desktop-tech-title,
  .native-market .tech-heading .desktop-tech-title,
  .finality .tech-heading .desktop-tech-title,
  .infrastructure .tech-heading .desktop-tech-title{display:block!important}
}

/* ---- user-v36-language-hover-tech-mobile-copy-fix ---- */
/* Language icon: keep line-art shape on hover instead of filling every SVG path. */
.language-switch{position:relative;overflow:hidden}
.language-switch .language-svg{width:22px;height:22px;display:block}
.language-switch .language-svg-hover{display:none}
.language-switch:hover .language-svg-default{display:none!important}
.language-switch:hover .language-svg-hover{display:block!important}
.language-switch:hover .language-svg-hover path{
  fill:none!important;
  stroke:#fff!important;
}
/* Undo the v35 blanket SVG fill specifically for the language icon. */
.language-switch:hover .language-svg *{fill:none!important}

/* Desktop technical titles: make the hidden mobile alternate impossible to paint. */
@media (min-width:761px){
  .execution .mobile-tech-title,
  .native-market .mobile-tech-title,
  .finality .mobile-tech-title,
  .infrastructure .mobile-tech-title{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  .execution .desktop-tech-title,
  .native-market .desktop-tech-title,
  .finality .desktop-tech-title,
  .infrastructure .desktop-tech-title{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
  }
}

@media (max-width:760px){
  .language-switch .language-svg{width:19px;height:19px}

  /* Mobile technical titles: only the compact mobile version can paint. */
  .execution .desktop-tech-title,
  .native-market .desktop-tech-title,
  .finality .desktop-tech-title,
  .infrastructure .desktop-tech-title{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  .execution .mobile-tech-title,
  .native-market .mobile-tech-title,
  .finality .mobile-tech-title,
  .infrastructure .mobile-tech-title{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
  }
}

/* ---- user-v41-language-scroll-isolation-note ---- */
/* v41: isolate language-menu wheel/touch scrolling from the pinned page navigator. */

/* ---- user-v40-language-dropdown-glass ---- */
/* Glass language dropdown */
.hero-actions .language-control{
  position:relative;
  order:-1;
  pointer-events:auto;
  z-index:120;
}
.language-control .language-switch{order:initial!important}
.language-menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  width:250px;
  max-height:min(620px,72vh);
  overflow:auto;
  padding:10px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:16px;
  background:rgba(255,255,255,.30);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  backdrop-filter:blur(24px) saturate(145%);
  box-shadow:0 18px 54px rgba(25,36,48,.08);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,-7px,0) scale(.985);
  transform-origin:top right;
  transition:opacity .22s ease,visibility .22s ease,transform .28s cubic-bezier(.22,1,.36,1);
  scrollbar-width:thin;
  scrollbar-color:rgba(32,34,32,.18) transparent;
  overscroll-behavior:contain;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
}
.language-menu.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0) scale(1);
}
.language-menu::-webkit-scrollbar{width:5px}
.language-menu::-webkit-scrollbar-track{background:transparent}
.language-menu::-webkit-scrollbar-thumb{background:rgba(32,34,32,.16);border-radius:999px}
.language-option{
  width:100%;
  min-height:42px;
  padding:9px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-radius:9px;
  color:rgba(32,34,32,.64);
  font:400 15px/1.2 var(--body);
  text-align:left;
  white-space:nowrap;
  transition:background .18s ease,color .18s ease;
}
.language-option:hover,
.language-option:focus-visible{
  background:rgba(255,255,255,.42);
  color:var(--ink);
}
.language-option.is-active{
  color:var(--blue);
}
.language-check{
  width:15px;
  height:9px;
  flex:0 0 15px;
  border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(-45deg) translateY(-1px);
  opacity:0;
}
.language-option.is-active .language-check{opacity:1}
.language-menu[dir="rtl"] .language-option{text-align:right}

@media(max-width:760px){
  .language-menu{
    position:fixed;
    top:66px;
    right:18px;
    width:min(280px,calc(100vw - 36px));
    max-height:calc(100dvh - 92px);
    padding:9px;
    border-radius:14px;
  }
  .language-option{
    min-height:40px;
    padding:8px 11px;
    font-size:14px;
  }
}

/* ---- user-v42-language-mobile-focus-tab-brand-fix ---- */
/* v42: remove the focus ring / sticky touch-hover from the language trigger.
   Desktop pointer hover still uses the blue treatment; touch devices always return to white. */
.language-switch:focus,
.language-switch:focus-visible,
.language-switch:active{
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
}

@media (hover:none), (pointer:coarse){
  .language-switch,
  .language-switch:hover,
  .language-switch:active,
  .language-switch:focus,
  .language-switch:focus-visible,
  .language-switch[aria-expanded="true"]{
    background:rgba(255,255,255,.96)!important;
    color:inherit!important;
    border-color:rgba(240,242,238,.95)!important;
    transform:none!important;
    outline:none!important;
    box-shadow:none!important;
  }

  .language-switch .language-svg-default,
  .language-switch:hover .language-svg-default,
  .language-switch:active .language-svg-default,
  .language-switch:focus .language-svg-default,
  .language-switch[aria-expanded="true"] .language-svg-default{
    display:block!important;
  }
  .language-switch .language-svg-hover,
  .language-switch:hover .language-svg-hover,
  .language-switch:active .language-svg-hover,
  .language-switch:focus .language-svg-hover,
  .language-switch[aria-expanded="true"] .language-svg-hover{
    display:none!important;
  }
  .language-switch .language-svg-default path,
  .language-switch:hover .language-svg-default path,
  .language-switch:active .language-svg-default path,
  .language-switch:focus .language-svg-default path,
  .language-switch[aria-expanded="true"] .language-svg-default path{
    fill:none!important;
    stroke:#8E8E8E!important;
  }
}

/* ---- user-v45-mobile-root-model-scale-hero-left-align ---- */
/* v45 mobile refinements:
   - restore the pre-v44 mobile camera zoom multiplier;
   - shrink the complete Rubik root node to 60% on mobile (true 40% model reduction);
   - hero heading and description share the exact same left edge. */
@media (max-width:760px){
  .motion .hero-title,
  .layout-review .hero-title{
    left:var(--mobile-pad)!important;
    right:auto!important;
    transform:none!important;
    text-align:left!important;
    width:calc(100vw - var(--mobile-pad)*2)!important;
    max-width:none!important;
  }
  .motion .hero-heading,
  .layout-review .hero-heading{
    text-align:left!important;
  }
  .motion .hero-description,
  .layout-review .hero-description{
    left:var(--mobile-pad)!important;
    right:auto!important;
    transform:none!important;
    text-align:left!important;
    width:min(84vw,360px)!important;
    max-width:360px!important;
  }
}

/* ---- user-v46-mobile-cubes-fixed-center-note ---- */
/* v46: on mobile, all 3D cube/model stages are position-locked to the viewport center. */

/* ---- user-v48-mobile-native-scroll-note ---- */
/* v48: mobile native touch scroll; no touchmove interception; mobile viewport resize jank reduced. */

/* ---- user-v50-mobile-tech-max-cubes-up ---- */
/* v50: mobile technical stages 5-8 lift 4.5vh; UpsideMAX stage 9 lifts 5vh. Other stages remain centered. */

/* ---- user-v51-mobile-type-and-safe-spacing ---- */
/* Final mobile layout authority: readable technical copy and a shared safe bottom rail. */
@media (max-width:760px){
  :root{
    --mobile-safe-bottom:max(18px,env(safe-area-inset-bottom));
    --mobile-copy-bottom:calc(var(--mobile-safe-bottom) + 66px);
  }

  .edges-heading .display{
    color:var(--ink)!important;
    mix-blend-mode:normal!important;
    opacity:1!important;
  }

  .execution .tech-heading .display,
  .native-market .tech-heading .display,
  .finality .tech-heading .display,
  .infrastructure .tech-heading .display{
    font-size:clamp(21px,5.6vw,25px)!important;
    line-height:1.06!important;
  }

  .execution .tech-heading,
  .native-market .tech-heading,
  .finality .tech-heading,
  .infrastructure .tech-heading{
    left:var(--mobile-pad)!important;
    right:var(--mobile-pad)!important;
    top:15dvh!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
  }

  html.motion .execution .tech-body,
  html.layout-review .execution .tech-body,
  html.motion .native-market .tech-body,
  html.layout-review .native-market .tech-body,
  html.motion .finality .tech-body,
  html.layout-review .finality .tech-body,
  html.motion .infrastructure .tech-body,
  html.layout-review .infrastructure .tech-body{
    left:var(--mobile-pad)!important;
    right:var(--mobile-pad)!important;
    top:auto!important;
    bottom:var(--mobile-copy-bottom)!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
    font-size:12px!important;
    line-height:1.5!important;
  }

  .execution .execution-main-copy{margin-bottom:8px!important}
  .execution .execution-list>li:not(.execution-main-copy){
    margin-top:6px!important;
    line-height:1.45!important;
  }
  .infrastructure .infrastructure-list>li{
    margin-top:5px!important;
    line-height:1.4!important;
  }
  .infrastructure .infrastructure-list>li:first-child{margin-top:0!important}

  html.motion .max-body,
  html.layout-review .max-body{
    bottom:var(--mobile-copy-bottom)!important;
  }
  .upside-max-copy{font-size:12px!important;line-height:1.48!important}
  .upside-max-list{margin-top:10px!important}
  .upside-max-list li{margin-top:6px!important}

  .back-to-top{bottom:var(--mobile-safe-bottom)!important}
}

@media (max-width:760px) and (max-height:720px){
  :root{
    --mobile-safe-bottom:max(12px,env(safe-area-inset-bottom));
    --mobile-copy-bottom:calc(var(--mobile-safe-bottom) + 66px);
  }
  .execution .execution-main-copy{margin-bottom:6px!important}
  .execution .execution-list>li:not(.execution-main-copy){margin-top:4px!important}
  .infrastructure .infrastructure-list>li{
    margin-top:2px!important;
    line-height:1.32!important;
  }
  .upside-max-list{margin-top:8px!important}
  .upside-max-list li{margin-top:5px!important}
}

/* ---- app-trade-link-mobile ---- */
@media (max-width:760px){.app-trade-link{display:none!important}}