:root{
  --lime:#d7ff00;
  --black:#070806;
  --panel:#11130f;
  --panel-2:#171a14;
  --line:#292d24;
  --blue:#4f78e8;
  --blue-deep:#112a64;
  --orange:#ff5b31;
  --yellow:#ffd21c;
  --bone:#f3f3ed;
  --muted:#9b9f95;
  --curve:cubic-bezier(.22,.9,.28,1);
  --shell:min(1480px,calc(100% - 64px));
  --r-xl:42px;
  --r-lg:28px;
  --r-md:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@view-transition{navigation:auto}
@keyframes alyxPageEnter{from{opacity:0}to{opacity:1}}
@keyframes alyxPageExit{to{opacity:0}}
body{animation:alyxPageEnter .42s var(--curve) both}
::view-transition-old(root){animation:alyxPageExit .16s ease both}
::view-transition-new(root){animation:alyxPageEnter .36s var(--curve) both}
@media(prefers-reduced-motion:reduce){body,::view-transition-old(root),::view-transition-new(root){animation:none!important}}
body{margin:0;background:var(--black);color:var(--bone);font-family:"Geist",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
p,h1,h2,h3,h4{margin:0}
.shell{width:var(--shell);margin-inline:auto}
.section{position:relative;padding:clamp(82px,9vw,148px) 0}
.display{font-size:clamp(50px,8.4vw,136px);font-weight:900;letter-spacing:-.065em;line-height:.84}
.section-title{font-size:clamp(42px,6.8vw,106px);font-weight:800;letter-spacing:-.06em;line-height:.88;max-width:12ch}
.section-title.wide{max-width:15ch}
.body-lg{font-size:clamp(18px,2vw,27px);line-height:1.32;letter-spacing:-.025em;color:var(--muted);max-width:31ch}
.body-md{font-size:16px;line-height:1.55;color:var(--muted)}
.micro{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* floating navigation */
.desktop-header,.mobile-header{position:fixed;z-index:120;pointer-events:none}
.desktop-header{top:18px;left:50%;width:min(1180px,calc(100% - 40px));transform:translateX(-50%);transition:width .55s var(--curve),top .45s var(--curve)}
.desktop-nav{--scroll-progress:0;position:relative;height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;padding:0 11px 0 22px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(8,9,7,.9);color:var(--bone);box-shadow:0 16px 44px rgba(0,0,0,.16);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);pointer-events:auto;overflow:hidden;transition:height .45s var(--curve),border-radius .45s var(--curve),padding .45s var(--curve),background .3s ease,box-shadow .3s ease}
.desktop-nav::after,.mobile-nav::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:calc(var(--scroll-progress) * 100%);background:var(--lime);opacity:.78;transition:width .08s linear}
.nav-brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:900;letter-spacing:-.045em;white-space:nowrap}
.desktop-links{display:flex;justify-content:center;align-items:center;gap:26px;min-width:0}
.desktop-links a{font-size:10.5px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;color:#b5baae;white-space:nowrap;transition:color .22s ease,transform .22s var(--curve),opacity .32s var(--curve)}
.desktop-links a:hover{color:#fff;transform:translateY(-1px)}
.nav-actions{display:flex;align-items:center;gap:14px;min-width:0}
.nav-cta{height:42px;display:inline-flex;align-items:center;gap:9px;padding:0 17px;border-radius:14px;background:var(--lime);color:var(--black);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:transform .22s var(--curve),border-radius .45s var(--curve),padding .45s var(--curve)}
.nav-cta:hover{transform:translateY(-2px)}
.nav-cta .short{display:none}
body.nav-scrolled .desktop-header{width:min(1000px,calc(100% - 40px));top:14px}
body.nav-scrolled .desktop-nav{background:rgba(8,9,7,.93);box-shadow:0 18px 54px rgba(0,0,0,.24)}
body.nav-compact .desktop-header{width:min(760px,calc(100% - 40px));top:10px}
body.nav-compact .desktop-nav{height:52px;border-radius:18px;padding-left:17px;gap:22px}
body.nav-compact .desktop-links{gap:17px}
body.nav-compact .desktop-links a{font-size:9.5px}
body.nav-compact .nav-cta{height:36px;padding:0 13px;border-radius:12px}
body.nav-compact .nav-cta .full{display:none}
body.nav-compact .nav-cta .short{display:inline}
body.nav-compact .mobile-header{top:10px;left:12px;width:calc(100% - 24px);transition:width .5s var(--curve),left .5s var(--curve),top .42s var(--curve)}
.mobile-nav-shell{pointer-events:auto;position:relative}
.mobile-header{top:10px;left:12px;width:calc(100% - 24px);transition:width .5s var(--curve),left .5s var(--curve),top .42s var(--curve)}
.mobile-nav{--scroll-progress:0;position:relative;z-index:140;height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px 0 17px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(8,9,7,.88);color:var(--bone);box-shadow:0 14px 38px rgba(0,0,0,.2);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);overflow:hidden;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}
.mobile-brand{font-size:15px}
.mobile-menu-btn{width:42px;height:42px;border:0;border-radius:14px;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;position:relative;z-index:142;box-shadow:0 8px 22px rgba(0,0,0,.16);transition:transform .32s var(--curve),background .25s ease}
.mobile-menu-btn:hover{transform:translateY(-1px)}
.mobile-menu-btn span{display:block;width:17px;height:2px;border-radius:999px;background:var(--black);transform-origin:center;transition:transform .38s var(--curve),opacity .22s ease,width .28s var(--curve)}
body.mobile-menu-open .mobile-menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.mobile-menu-open .mobile-menu-btn span:nth-child(2){opacity:0;width:8px}
body.mobile-menu-open .mobile-menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-menu-backdrop{position:fixed;inset:0;z-index:130;background:rgba(4,5,4,.42);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .42s ease}
.mobile-menu{position:fixed;z-index:138;top:10px;right:10px;bottom:10px;width:min(390px,calc(100vw - 20px));padding:86px 24px 22px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(8,10,9,.94);color:var(--bone);box-shadow:-30px 0 70px rgba(0,0,0,.32);backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);transform:translate3d(calc(100% + 24px),0,0);opacity:.78;pointer-events:none;overflow:auto;display:flex;flex-direction:column;transition:transform .58s cubic-bezier(.22,.9,.24,1),opacity .36s ease}
.mobile-menu::before,.mobile-menu::after{content:"";position:absolute;border-radius:50%;filter:blur(46px);pointer-events:none;opacity:.28}
.mobile-menu::before{width:180px;height:180px;right:-70px;top:18%;background:var(--blue)}
.mobile-menu::after{width:140px;height:140px;left:-60px;bottom:14%;background:var(--lime);opacity:.13}
body.mobile-menu-open .mobile-menu-backdrop{opacity:1;pointer-events:auto}
body.mobile-menu-open .mobile-menu{transform:translate3d(0,0,0);opacity:1;pointer-events:auto}
.mobile-menu-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 2px 18px;border-bottom:1px solid rgba(255,255,255,.1);color:#8e958a;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:900}
.mobile-menu-top small{font-size:9px;color:var(--lime);font-weight:900;letter-spacing:.08em}
.mobile-menu-links{position:relative;z-index:1;display:grid;margin-top:8px}
.mobile-menu-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 2px;border-bottom:1px solid rgba(255,255,255,.1);font-size:clamp(28px,8vw,38px);font-weight:780;line-height:.95;letter-spacing:-.055em;color:#fff;opacity:0;transform:translateX(24px);transition:opacity .42s ease,transform .5s var(--curve),color .22s ease}
.mobile-menu-links a b{font-size:9px;letter-spacing:.08em;color:#6d746b;font-weight:900}
.mobile-menu-links a:hover{color:var(--lime)}
body.mobile-menu-open .mobile-menu-links a{opacity:1;transform:none}
body.mobile-menu-open .mobile-menu-links a:nth-child(1){transition-delay:.11s}
body.mobile-menu-open .mobile-menu-links a:nth-child(2){transition-delay:.16s}
body.mobile-menu-open .mobile-menu-links a:nth-child(3){transition-delay:.21s}
body.mobile-menu-open .mobile-menu-links a:nth-child(4){transition-delay:.26s}
.mobile-menu-cta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:17px 18px;border-radius:17px;background:var(--lime);color:var(--black);font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 14px 32px rgba(0,0,0,.22);transition:transform .26s var(--curve),background .22s ease}
.mobile-menu-cta:hover{transform:translateY(-2px);background:#fff}
.mobile-menu-foot{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;padding:16px 2px 0;font-size:10px;color:#828980}
.mobile-menu-foot a{color:inherit}
body.mobile-menu-open{overflow:hidden}
body.nav-compact .mobile-header,body.nav-scrolled .mobile-header,body.mobile-menu-open .mobile-header{width:calc(100% - 24px);left:12px;top:10px}
body.nav-compact .mobile-nav,body.nav-scrolled .mobile-nav{height:58px;border-radius:20px;padding:0 8px 0 17px}

@media(max-width:480px){
  .mobile-header{left:10px!important;width:calc(100% - 20px)!important;top:9px!important}
  .mobile-nav{height:54px!important;border-radius:18px!important;padding-left:15px!important}
  .mobile-menu-btn{width:38px;height:38px;border-radius:12px}
  .mobile-menu{top:8px;right:8px;bottom:8px;width:calc(100vw - 16px);padding:78px 20px 18px;border-radius:24px}
  .mobile-menu-links a{padding:17px 2px;font-size:clamp(27px,9.2vw,34px)}
  .mobile-menu-cta{padding:16px 17px}
}

/* buttons */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 28px;border-radius:999px;background:var(--black);color:var(--lime);font-size:13px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;transition:transform .25s var(--curve),box-shadow .25s var(--curve),background .25s var(--curve)}
.cta:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,.36)}
.cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.cta-light{background:var(--bone);color:var(--black)}
.cta-lime{background:var(--lime);color:var(--black)}
.hero .cta{position:relative;isolation:isolate;overflow:hidden;min-height:58px;padding:0 30px;border:0;background:transparent;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.06);text-shadow:0 1px 8px rgba(255,255,255,.14);transition:transform .32s var(--curve),box-shadow .32s var(--curve),filter .32s ease}
.hero .cta::before{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;background:repeating-linear-gradient(108deg,#2d3035 0%,#f8fbff 8%,#8c9299 16%,#202328 25%,#f5f8fc 34%,#666d75 43%,#1b1e22 52%,#eef3f7 61%,#4b5158 70%,#f8fbff 79%,#2d3035 88%,#2d3035 100%);background-size:320% 100%;background-position:160% 0;animation:heroCtaChrome 4.4s linear infinite;filter:saturate(.72) contrast(1.08);will-change:background-position;transform:translateZ(0)}
.hero .cta::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:calc(999px - 2px);background:linear-gradient(180deg,#15171a 0%,#090a0c 72%,#111317 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -8px 18px rgba(0,0,0,.25)}
.hero .cta>span,.hero .cta>svg{position:relative;z-index:1}
.hero .cta>span{color:#fff;font-weight:900;text-shadow:0 0 9px rgba(255,255,255,.12)}
.hero .cta svg{color:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.14));transition:transform .32s var(--curve)}
.hero .cta:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);filter:brightness(1.06)}
.hero .cta:hover svg{transform:translateX(2px)}
@keyframes heroCtaChrome{from{background-position:160% 0}to{background-position:-160% 0}}
.text-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}

/* hero */
.hero{min-height:100svh;background:linear-gradient(180deg,#d7ff00 0%,#d7ff00 56%,#e3ff4f 82%,#f5ffb7 100%);color:var(--black);padding:132px 0 0;display:flex;align-items:center;overflow:hidden;position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-8% -12% 22% -12%;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.34),rgba(255,255,255,0) 34%),radial-gradient(circle at 18% 32%,rgba(156,194,0,.28),rgba(156,194,0,0) 33%),radial-gradient(circle at 82% 28%,rgba(162,202,0,.2),rgba(162,202,0,0) 30%);filter:blur(28px);opacity:.9;pointer-events:none;z-index:0}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 16%,rgba(0,0,0,.04) 100%);pointer-events:none;z-index:0}
.hero-shader{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none;opacity:.46;mix-blend-mode:multiply;filter:saturate(1.02) contrast(1.16)}
.hero-shader-fade{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 34%,rgba(215,255,0,.22) 0%,rgba(215,255,0,.09) 27%,rgba(215,255,0,0) 58%)}
.hero .shell{width:min(1540px,calc(100% - 64px));position:relative;z-index:2;padding-bottom:clamp(250px,28vw,360px)}
.hero-copy{text-align:center;position:relative;z-index:3;max-width:1100px;margin:0 auto}
.hero h1{font-size:clamp(58px,11.6vw,184px);font-weight:900;letter-spacing:-.075em;line-height:.79;text-transform:uppercase;max-width:9.6ch;margin:auto;position:relative;z-index:3}
.hero h1 .reg{font-size:.28em;vertical-align:top;line-height:1;letter-spacing:0;margin-left:.06em}
.hero-sub{font-size:clamp(14px,1.12vw,18px);line-height:1.34;letter-spacing:-.022em;max-width:660px;margin:24px auto 0;font-weight:600;position:relative;z-index:3}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px;flex-wrap:wrap;position:relative;z-index:3}
.hero-scene{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(1520px,124%);height:clamp(520px,56vw,820px);pointer-events:none;z-index:1;will-change:transform}
.hero-layer{position:absolute;will-change:transform;pointer-events:none}
.hero-layer img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.layer-globe{left:50%;bottom:-14%;width:min(108vw,1480px);transform:translate3d(calc(var(--mx,0px) - 50%),calc(var(--my,0px)),0);z-index:1}
.hero-globe{filter:drop-shadow(0 18px 42px rgba(122,148,0,.2)) drop-shadow(0 60px 90px rgba(0,0,0,.12))}
.layer-cursor{left:14%;bottom:48%;width:188px;transform:translate3d(var(--mx,0px),var(--my,0px),0);z-index:5}
.layer-envelope{left:21%;bottom:24%;width:176px;transform:translate3d(var(--mx,0px),var(--my,0px),0);z-index:5}
.layer-calendar{right:13%;bottom:47%;width:178px;transform:translate3d(var(--mx,0px),var(--my,0px),0);z-index:5}
.layer-phone{right:21%;bottom:22%;width:188px;transform:translate3d(var(--mx,0px),var(--my,0px),0);z-index:5}
.layer-analytics{left:50%;bottom:17%;width:228px;transform:translate3d(calc(var(--mx,0px) - 50%),calc(var(--my,0px)),0);z-index:4}
.hero-icon{filter:drop-shadow(0 18px 30px rgba(121,144,0,.18)) drop-shadow(0 38px 55px rgba(0,0,0,.11));transform-origin:center center;animation:heroBob 8s ease-in-out infinite}
.layer-cursor .hero-icon{animation-duration:8.2s;animation-delay:-1.2s}
.layer-envelope .hero-icon{animation-duration:9.4s;animation-delay:-2.1s}
.layer-calendar .hero-icon{animation-duration:8.8s;animation-delay:-1.6s}
.layer-phone .hero-icon{animation-duration:9.8s;animation-delay:-3s}
.layer-analytics .hero-icon{animation-duration:10.4s;animation-delay:-2.4s}
@keyframes heroBob{0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}50%{transform:translate3d(0,-12px,0) rotate(2.25deg) scale(1.02)}}
/* truth */
.truth{background:#ffffff;color:#090b07;padding-bottom:clamp(66px,7vw,108px)}
.truth .shell{width:min(1640px,calc(100% - 40px))}
.truth-intro{max-width:1120px}
.truth-intro .section-title{max-width:11.5ch}
.motion-word{display:inline-block;color:transparent;background:linear-gradient(105deg,#090b07 0%,#090b07 42%,#7f858b 47%,#f8fbff 50%,#aeb4ba 53%,#090b07 58%,#090b07 100%);background-size:240% 100%;background-position:125% 0;-webkit-background-clip:text;background-clip:text;animation:motionShimmer 4s ease-in-out infinite;will-change:background-position}
@keyframes motionShimmer{0%,74%{background-position:125% 0}90%,100%{background-position:-25% 0}}
.timeline-wrap{margin-top:48px;padding:36px 34px 24px;border-radius:40px;border:1px solid rgba(0,0,0,.06);background:#d7ff00;position:relative;overflow:hidden;box-shadow:0 22px 44px rgba(0,0,0,.14)}
.timeline-wrap::before{content:"";position:absolute;inset:-24% auto auto -8%;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.34),rgba(255,255,255,0) 66%);pointer-events:none}
.timeline-wrap::after{content:"";position:absolute;inset:auto -8% -35% auto;width:590px;height:590px;border-radius:50%;background:radial-gradient(circle at center,rgba(36,92,255,.16),rgba(36,92,255,0) 64%);pointer-events:none}
.timeline-copy{position:relative;z-index:2}
.timeline-copy h3{font-size:clamp(44px,5.2vw,84px);line-height:.87;letter-spacing:-.068em;max-width:12ch;color:#090b07}
.type-title{display:grid;position:relative}
.type-title::before{content:attr(data-text);grid-area:1/1;visibility:hidden;pointer-events:none}
.typed-text{grid-area:1/1;position:relative}
.type-title.typing .typed-text::after{content:"";display:inline-block;width:.065em;height:.78em;margin-left:.04em;background:#245cff;vertical-align:-.02em;animation:typeCaret .7s steps(1,end) infinite}
.type-title.typed .typed-text::after{opacity:0;transition:opacity .25s ease}
@keyframes typeCaret{0%,48%{opacity:1}49%,100%{opacity:0}}
.timeline-flow{position:relative;z-index:2;margin-top:46px;padding:12px 4px 0}
.timeline-flow::before{content:"";position:absolute;left:6.25%;right:6.25%;top:59px;height:3px;border-radius:999px;background:linear-gradient(90deg,#2d61ff 0%,#6da9ff 46%,#2d61ff 100%);box-shadow:0 0 14px rgba(61,115,255,.12)}
.timeline-flow::after{content:"";position:absolute;top:51px;left:calc(6.25% - 9px);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.82) 0 15%,rgba(183,211,255,.62) 38%,rgba(77,130,255,.46) 67%,rgba(36,92,255,.2) 100%);box-shadow:0 0 14px rgba(36,92,255,.22);filter:blur(2.8px);opacity:0;animation:none}
@keyframes flowSweep{0%{left:calc(6.25% - 9px);transform:scale(.72);opacity:0}10%{left:calc(6.25% - 9px);transform:scale(.8);opacity:0}17%{left:calc(6.25% - 9px);transform:scale(.9);opacity:.62}72%{left:calc(93.75% - 9px);transform:scale(1.04);opacity:.62}86%{left:calc(93.75% - 9px);transform:scale(1.08);opacity:.36}96%{left:calc(93.75% - 9px);transform:scale(1.1);opacity:.08}100%{left:calc(93.75% - 9px);transform:scale(1.1);opacity:0}}
.timeline-flow.flow-active::after{animation:flowSweep 10.8s linear infinite}
.flow-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:start}
.flow-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.glass-seq-icon{width:102px;height:102px;display:grid;place-items:center;position:relative;transition:transform .3s var(--curve),filter .3s var(--curve)}
.flow-node:hover .glass-seq-icon,.flow-node.flow-hit .glass-seq-icon{transform:translateY(-4px) rotate(-.8deg) scale(1.035)}
.seq-glass-img{display:block;width:100%;height:100%;object-fit:contain;opacity:.98;mix-blend-mode:normal;filter:grayscale(1) saturate(0) brightness(1) contrast(1.38) drop-shadow(0 1px 1px rgba(0,0,0,.45)) drop-shadow(0 7px 8px rgba(0,0,0,.30)) drop-shadow(0 14px 18px rgba(0,0,0,.14));transition:opacity .3s var(--curve),filter .3s var(--curve)}
.flow-node:hover .seq-glass-img,.flow-node.flow-hit .seq-glass-img{opacity:1;filter:grayscale(1) saturate(0) brightness(1.05) contrast(1.42) drop-shadow(0 1px 1px rgba(0,0,0,.50)) drop-shadow(0 8px 9px rgba(0,0,0,.32)) drop-shadow(0 15px 20px rgba(0,0,0,.15))}
.flow-node b{font-size:10px;font-weight:760;letter-spacing:.1em;text-transform:uppercase;color:#2d61ff;margin-top:14px}
.flow-node span{font-size:13px;font-weight:660;letter-spacing:-.018em;line-height:1.15;color:#090b07;max-width:8ch;margin-top:5px}
.timeline-endcaps{position:relative;z-index:2;display:flex;justify-content:space-between;gap:24px;margin-top:18px;color:#485045;font-size:12px;font-weight:560;letter-spacing:-.01em}
.timeline-endcaps strong{display:block;color:#090b07;font-size:16px;font-weight:710;letter-spacing:-.03em;margin-bottom:4px}
.logic-line{position:relative;z-index:2;margin-top:36px;width:100%;font-size:clamp(32px,3.7vw,58px);line-height:.95;letter-spacing:-.058em;color:#090b07;text-align:center}
.logic-line em{color:#245cff;font-style:normal}

.system-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:clamp(48px,5vw,78px)}
.system-bridge strong{display:block;font-size:clamp(44px,6.2vw,92px);line-height:.88;letter-spacing:-.065em;color:#090b07;max-width:13ch}
.system-bridge strong em{font-style:normal;color:#245cff}
.system-bridge-arrow{display:block;margin-top:24px;font-size:40px;line-height:1;color:#245cff;font-weight:300;animation:systemBridgeArrow 2.25s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(36,92,255,.10))}
@keyframes systemBridgeArrow{0%,100%{transform:translateY(0);opacity:.48}50%{transform:translateY(10px);opacity:1}}

/* leaks */
.leaks{background:#050605;color:var(--bone);overflow:clip;position:relative;isolation:isolate}
.leaks .shell{width:min(1540px,calc(100% - 48px));position:relative;z-index:2}
.leaks-effects{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-color:#050607;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.10'/></svg>"),linear-gradient(180deg,#050607 0%,#080a0d 18%,#0c1014 42%,#14191f 68%,#262c33 86%,#41474f 100%);background-size:120px 120px,auto;background-blend-mode:overlay,normal}
.leaks-effects::after{content:"";position:absolute;inset:0;z-index:5;background:linear-gradient(180deg,rgba(3,4,5,.16) 0%,rgba(3,4,5,.08) 24%,rgba(3,4,5,.18) 60%,rgba(3,4,5,.36) 100%),linear-gradient(90deg,rgba(3,4,5,.24) 0%,rgba(3,4,5,.03) 46%,rgba(3,4,5,.16) 100%)}
.leaks-blur{position:absolute;display:block;aspect-ratio:1.4;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.10) 0%,rgba(215,220,226,.06) 22%,rgba(94,102,110,.03) 48%,rgba(0,0,0,0) 74%);filter:blur(8px);opacity:.34;mix-blend-mode:screen;pointer-events:none}
.leaks-blur-a{left:-18%;top:4%;width:min(78vw,1160px)}
.leaks-blur-b{right:-24%;top:30%;width:min(86vw,1280px);opacity:.28}
.leaks-blur-c{left:-20%;top:58%;width:min(88vw,1320px);opacity:.22}
.leaks-blur-d{right:-16%;bottom:-6%;top:auto;width:min(92vw,1380px);opacity:.26}
.leaks-grain{position:absolute;inset:0;z-index:3;opacity:.09;background-image:url("assets/ca28a91f1ce2.png");background-repeat:repeat;background-size:96px 96px;mix-blend-mode:soft-light}
.leaks-dot-overlay{position:absolute;inset:0;z-index:4;opacity:.16;background-image:radial-gradient(circle,rgba(255,255,255,.18) 0 1.1px,transparent 1.25px),radial-gradient(circle,rgba(255,255,255,.08) 0 .85px,transparent .98px);background-size:18px 18px,34px 34px;background-position:0 0,11px 13px;mask-image:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.34) 18%,rgba(0,0,0,.78) 100%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.34) 18%,rgba(0,0,0,.78) 100%);mix-blend-mode:screen}
.leaks-head{display:block;padding-bottom:16px}
.leaks-head .section-title{max-width:9.5ch}
.loss-title-glitch{position:relative;min-height:1.78em;font-weight:900!important;color:#f4f6f0;text-shadow:none;will-change:transform,text-shadow}
.loss-title-glitch.typing{animation:lossTitleTypeJitter 1.15s steps(2,end) infinite}
.loss-title-glitch.typing .loss-title-typed::after{content:"";display:inline-block;width:.055em;height:.78em;margin-left:.045em;background:#2f66ff;vertical-align:-.02em;animation:typeCaret .5s steps(1,end) infinite}
.loss-title-glitch.typed{animation:lossTitleStatic 7.8s steps(1,end) infinite}
@keyframes lossTitleTypeJitter{0%,78%,100%{transform:translate(0);text-shadow:1px 0 rgba(47,102,255,.34),-1px 0 rgba(215,255,0,.13)}82%{transform:translate(1px,0);text-shadow:3px 0 rgba(47,102,255,.62),-2px 0 rgba(215,255,0,.22)}86%{transform:translate(-1px,0);text-shadow:-2px 0 rgba(47,102,255,.48),2px 0 rgba(215,255,0,.16)}90%{transform:translate(0);text-shadow:none}}
@keyframes lossTitleStatic{0%,91%,94%,100%{transform:translate(0);text-shadow:none}92%{transform:translateX(1px);text-shadow:3px 0 rgba(47,102,255,.52),-2px 0 rgba(215,255,0,.16)}93%{transform:translateX(-1px);text-shadow:-2px 0 rgba(47,102,255,.42),2px 0 rgba(215,255,0,.12)}}
.loss-list{--label-col:340px;--rail-col:66px;position:relative;margin-top:30px}
.loss-rail{position:absolute;z-index:0;left:calc(var(--label-col) + (var(--rail-col) / 2) - 1px);top:var(--rail-top,72px);height:var(--rail-height,calc(100% - 144px));width:2px;border-radius:999px;background:rgba(255,255,255,.12);overflow:visible}
.loss-rail-fill{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(180deg,var(--lime) 0%,#aee33a 42%,#2f66ff 100%);transform:scaleY(var(--loss-progress,0));transform-origin:top center;box-shadow:0 0 16px rgba(215,255,0,.18);will-change:transform}
.loss-item{position:relative;z-index:1;display:grid;grid-template-columns:var(--label-col) var(--rail-col) minmax(0,1fr);align-items:start;min-height:clamp(540px,68vh,720px);padding:56px 0 80px;border-top:1px solid rgba(255,255,255,.055)}
.loss-item:first-of-type{border-top:0}
.loss-label{position:sticky;top:130px;padding-right:28px;align-self:start;opacity:.28;transform:translateY(0);transition:opacity .36s var(--curve),transform .36s var(--curve)}
.loss-item.active .loss-label{opacity:1;transform:translateY(-3px)}
.loss-label-row{display:flex;align-items:center;gap:16px;min-width:0}
.loss-index{display:block;font-size:clamp(50px,4.9vw,78px);font-weight:300;line-height:.88;letter-spacing:-.065em;color:#245cff;text-shadow:0 8px 20px rgba(36,92,255,.10)}
.loss-item.active .loss-index{color:#3472ff}
.loss-label h3{font-size:clamp(24px,2.25vw,36px);font-weight:850;line-height:.96;letter-spacing:-.045em;max-width:9.5ch;margin:0;color:#f2f4ee}.loss-content-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,330px);gap:clamp(28px,4vw,72px);align-items:start;width:100%}.loss-content-head h4{min-width:0}.loss-stat{display:flex;flex-direction:column;gap:7px;align-self:start;margin:clamp(18px,2vw,28px) 0 0;min-width:0;max-width:30ch;color:#ff514a;line-height:1.25}.loss-stat strong{font-size:clamp(12px,1.03vw,15px);font-weight:780;letter-spacing:-.018em;text-wrap:balance}.loss-stat em{font-style:normal;font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.085em;color:rgba(255,255,255,.36);white-space:nowrap}
@media(min-width:761px){
  .loss-content-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,330px);align-items:start;gap:clamp(36px,4.5vw,76px);width:100%}
  .loss-content-head h4{min-width:0;margin-right:0}
  .loss-stat{margin:clamp(18px,1.7vw,24px) 0 0;position:relative;z-index:2}
  .loss-label-row{flex-wrap:nowrap}
  .loss-label h3{max-width:none;flex:1 1 auto}
}

.loss-marker{position:relative;display:flex;justify-content:center;padding-top:8px;min-height:42px}
.loss-node{position:relative;z-index:2;width:18px;height:18px;border-radius:50%;background:#0b0d09;border:2px solid #4a5047;box-shadow:0 0 0 7px #0b0d09;transition:background .28s var(--curve),border-color .28s var(--curve),box-shadow .28s var(--curve),transform .28s var(--curve)}
.loss-item.active .loss-node{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 7px #0b0d09,0 0 22px rgba(215,255,0,.28);transform:scale(1.05)}
.loss-content{width:min(100%,900px);padding-left:22px}
.loss-content h4{font-size:clamp(42px,5.1vw,78px);line-height:.89;letter-spacing:-.065em;max-width:11ch;margin-top:14px;color:#fff}
.loss-content>p{font-size:clamp(15px,1.25vw,18px);line-height:1.55;color:#a1a79d;max-width:49ch;margin-top:22px}
.loss-type-body{min-height:4.65em}
.loss-type-body.typing::after{content:"";display:inline-block;width:.09em;height:.9em;margin-left:.12em;background:#2f66ff;vertical-align:-.08em;animation:typeCaret .58s steps(1,end) infinite}
.loss-image{position:relative;margin-top:38px;width:100%;height:auto;aspect-ratio:16/9;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#080a08;box-shadow:0 18px 38px rgba(0,0,0,.24);isolation:isolate}
.loss-image img,.loss-image video{width:100%;height:100%;position:absolute;left:0;top:0;display:block;object-fit:cover;filter:none;transition:none}
.loss-video{background:#fff;pointer-events:none}
.loss-item.active .loss-image img,.loss-item.active .loss-image video{transform:none;filter:none}
.loss-image::before{content:none}
.loss-image::after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);pointer-events:none}
.loss-image.one img{object-position:50% 50%}
.loss-image.two img{object-position:50% 50%}
.loss-image.three img{object-position:50% 50%}
.loss-image.four img{object-position:50% 50%}
.loss-image.five img{object-position:50% 50%}
.loss-closing{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 0 8px}
.loss-closing strong{display:block;font-size:clamp(42px,5.4vw,78px);line-height:.88;letter-spacing:-.065em;color:#fff;max-width:14ch}
.loss-closing strong em{font-style:normal;color:var(--lime)}
.loss-down-arrow{display:block;margin-top:26px;font-size:38px;line-height:1;color:var(--lime);font-weight:300;animation:lossArrowDrift 2.8s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(215,255,0,.12))}
@keyframes lossArrowDrift{0%,100%{transform:translateY(0);opacity:.52}50%{transform:translateY(10px);opacity:1}}

/* what we build */
.blueprint{background:var(--blue);color:#fff;position:relative;overflow:visible;padding-top:clamp(74px,7vw,112px)}
.blueprint .shell{position:relative;z-index:2}.blueprint-head{display:block}.blueprint-head .section-title{max-width:10.8ch;color:#fff}.blueprint-title-accent{color:#d7ff00!important}.layer-stack{margin-top:34px;display:grid;gap:54px;padding-bottom:36px;overflow:visible}.layer-stack-card{position:relative;align-self:start;border-top:1px solid rgba(255,255,255,.34);padding-top:20px}.layer-stack-copy{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start;margin-bottom:20px}.layer-stack-copy>span{font-size:15px;font-weight:800;letter-spacing:.08em;color:rgba(255,255,255,.55)}.layer-stack-copy h3{font-size:clamp(38px,5.2vw,78px);line-height:.88;letter-spacing:-.064em}.layer-stack-copy p{font-size:14px;line-height:1.5;color:rgba(255,255,255,.78);max-width:44ch;margin-top:10px}.layer-shot{position:relative;width:min(1080px,88%);margin-inline:auto;aspect-ratio:4/3;background:#070806;border-radius:28px;box-shadow:0 28px 54px rgba(18,39,103,.3);overflow:visible}.layer-shot img{width:100%;height:100%;object-fit:contain;border-radius:28px;display:block}.sketch-note{position:absolute;z-index:7;pointer-events:none;color:#d7ff00!important;width:max-content;max-width:none;overflow:visible;opacity:0;transition:opacity .48s cubic-bezier(.22,.7,.28,1);filter:drop-shadow(0 2px 1px rgba(0,0,0,.96)) drop-shadow(0 0 7px rgba(0,0,0,.58));--i:0;--fx:1;--fy:1;--ar:0deg;--ax:72%;--ay:22px;--aw:168px;--ah:84px;--rot:-2deg}.sketch-stage.annotate-active .sketch-note{opacity:1}.sketch-note .sketch-label{display:block;width:max-content;max-width:none;overflow:visible;font-family:"Segoe Print","Bradley Hand","Marker Felt","Chalkboard SE","Comic Sans MS",cursive;font-size:clamp(18px,1.55vw,27px);font-weight:700;line-height:1.22;letter-spacing:-.035em;white-space:nowrap;transform:rotate(var(--rot));transform-origin:left center;opacity:0;padding:.08em .12em .30em .08em;margin:-.08em -.12em -.30em -.08em;clip-path:inset(-.42em 100% -.52em -.28em)}.sketch-note .sketch-arrow{position:absolute;left:var(--ax);top:var(--ay);width:var(--aw);height:var(--ah);overflow:visible;transform-origin:center;transform:scaleX(var(--fx)) scaleY(var(--fy)) rotate(var(--ar));filter:drop-shadow(0 2px 1px rgba(0,0,0,.92)) drop-shadow(0 0 5px rgba(0,0,0,.48))}.sketch-note .sketch-arrow path{fill:none;stroke:#d7ff00!important;stroke-width:3.05;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}.sketch-stage.annotate-live .sketch-label{animation:markerWrite .62s steps(10,end) forwards;animation-delay:calc(.08s + (var(--i) * .62s))}.sketch-stage.annotate-live .sketch-arrow path{animation:markerDraw .72s cubic-bezier(.2,.75,.2,1) forwards;animation-delay:calc(.38s + (var(--i) * .62s))}@keyframes markerWrite{0%{opacity:1;clip-path:inset(-.42em 100% -.52em -.28em);transform:rotate(var(--rot)) translateY(2px)}100%{opacity:1;clip-path:inset(-.42em -.28em -.52em -.28em);transform:rotate(var(--rot)) translateY(0)}}@keyframes markerDraw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.sketch-note{transition:none}.sketch-stage.annotate-live .sketch-label{animation:none;opacity:1;clip-path:inset(-.42em -.28em -.52em -.28em)}.sketch-stage.annotate-live .sketch-arrow path{animation:none;stroke-dashoffset:0}}
/* Front door annotations */.sketch-front .sketch-a{left:-7.5%;top:20%;--rot:-4deg;--aw:158px;--ar:5deg}.sketch-front .sketch-b{left:-7%;top:57%;--rot:2deg;--aw:170px;--ar:-3deg}.sketch-front .sketch-c{right:-7.5%;bottom:9%;text-align:right;--rot:-3deg;--ax:-154px;--ay:-58px;--aw:164px;--fx:-1;--fy:-1;--ar:-5deg}
/* Control center annotations */.sketch-control .sketch-a{left:-7%;top:30%;--rot:-4deg;--aw:174px;--ar:3deg}.sketch-control .sketch-b{right:-7.2%;top:18%;text-align:right;--rot:2deg;--ax:-158px;--aw:168px;--fx:-1;--ar:2deg}.sketch-control .sketch-c{right:-7.4%;bottom:11%;text-align:right;--rot:-3deg;--ax:-158px;--ay:-62px;--aw:170px;--fx:-1;--fy:-1;--ar:-3deg}
/* Booking + money annotations */.sketch-booking .sketch-a{left:-7.5%;top:34%;--rot:-4deg;--aw:176px;--ar:-2deg}.sketch-booking .sketch-b{right:-7%;top:14%;text-align:right;--rot:2deg;--ax:-160px;--aw:172px;--fx:-1;--ar:1deg}.sketch-booking .sketch-c{right:-7.4%;bottom:9%;text-align:right;--rot:-3deg;--ax:-150px;--ay:-62px;--aw:165px;--fx:-1;--fy:-1;--ar:-4deg}
/* Follow-through annotations */.sketch-follow .sketch-a{left:-7.5%;top:31%;--rot:-4deg;--aw:178px;--ar:-1deg}.sketch-follow .sketch-b{right:-7%;top:14%;text-align:right;--rot:2deg;--ax:-164px;--aw:176px;--fx:-1;--ar:3deg}.sketch-follow .sketch-c{right:-7.5%;bottom:9%;text-align:right;--rot:-3deg;--ax:-154px;--ay:-61px;--aw:168px;--fx:-1;--fy:-1;--ar:-4deg}
/* Logic layer annotations */.sketch-logic .sketch-a{left:-7.5%;top:37%;--rot:-4deg;--aw:180px;--ar:-2deg}.sketch-logic .sketch-b{right:-7.2%;top:17%;text-align:right;--rot:2deg;--ax:-160px;--aw:172px;--fx:-1;--ar:1deg}.sketch-logic .sketch-c{right:-7.4%;bottom:9%;text-align:right;--rot:-3deg;--ax:-154px;--ay:-61px;--aw:168px;--fx:-1;--fy:-1;--ar:-4deg}.layer-handoff{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;margin-top:18px;padding:18px 0 0 70px;border-top:1px solid rgba(255,255,255,.18)}.layer-handoff span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5);font-weight:800}.layer-handoff strong{font-size:clamp(21px,2.2vw,32px);line-height:1;letter-spacing:-.045em;color:#fff!important;font-weight:850}.layer-handoff.final{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:34px 0 4px;margin-top:30px}.layer-handoff.final span{color:rgba(255,255,255,.62)}.layer-handoff.final strong{font-size:clamp(40px,5vw,78px);line-height:.88;letter-spacing:-.065em;color:#fff;font-weight:900;max-width:14ch}.layer-handoff.final strong em{font-style:normal;color:var(--lime)}
@media(min-width:1101px){.layer-stack-card{position:sticky;top:calc(92px + (var(--stack) * 34px));background:var(--blue);padding-bottom:36px;z-index:calc(20 + var(--stack))}.layer-stack-card:not(:last-child){min-height:calc(100svh - 112px)}}
@media(min-width:761px) and (max-width:1100px){.layer-stack-card{position:sticky;top:calc(76px + (var(--stack) * 16px));background:var(--blue);padding-bottom:30px;z-index:calc(20 + var(--stack))}.layer-stack-card:not(:last-child){min-height:calc(100svh - 90px)}}
@media(min-width:761px) and (max-height:799px){.layer-stack{gap:34px}.layer-stack-card{top:calc(64px + (var(--stack) * 14px));padding-bottom:22px}.layer-stack-copy{margin-bottom:12px}.layer-stack-copy h3{font-size:clamp(34px,4.4vw,62px)}.layer-stack-copy p{margin-top:7px}.layer-shot{width:min(900px,84%,calc((100svh - 220px) * 1.3333))}.layer-handoff{margin-top:12px;padding-top:12px}.layer-handoff strong{font-size:clamp(19px,1.85vw,27px)}}

/* how we work */
.continuity{background:#070806;color:#fff;position:relative;overflow:hidden}
.continuity::after{content:"";position:absolute;inset:auto -10% -24% 35%;height:58%;background:radial-gradient(circle at 50% 50%,rgba(79,120,232,.14),transparent 68%);pointer-events:none}
.continuity-head{display:grid;gap:13px;position:relative;z-index:2}.continuity-kicker,.proof-kicker,.price-kicker,.contact-top>span{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#747b70}.continuity-head .section-title{max-width:11ch;color:#fff}

.support-bento{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(320px,auto) minmax(280px,auto) minmax(340px,auto);gap:14px;margin-top:54px}
.support-card{--hover-bg-solid:var(--blue);--hover-fg:#fff;--mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:#0b0d12;color:#fff;padding:26px;display:flex;flex-direction:column;box-shadow:0 16px 38px rgba(0,0,0,.2);backdrop-filter:blur(12px) saturate(1.06);-webkit-backdrop-filter:blur(12px) saturate(1.06);transition:transform .42s var(--curve),box-shadow .42s var(--curve),border-color .3s ease,color .3s ease,background-color .3s ease}
.support-card::before{content:"";position:absolute;z-index:-1;inset:-2px;background:var(--hover-bg-solid);clip-path:circle(0% at var(--mx) var(--my));transition:clip-path .62s cubic-bezier(.2,.75,.18,1)}
.support-card::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,0) 46%),radial-gradient(circle at 86% 12%,rgba(255,255,255,.08),transparent 24%);pointer-events:none}
.support-card:hover{color:var(--hover-fg);transform:translateY(-5px);box-shadow:0 26px 56px rgba(0,0,0,.28);border-color:rgba(255,255,255,.22)}
.support-card:hover::before{clip-path:circle(150% at var(--mx) var(--my))}
.support-card>*{position:relative;z-index:1}
.support-card .support-num{font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;opacity:.62}
.support-card h3{font-size:clamp(28px,2.6vw,46px);line-height:.92;letter-spacing:-.055em;margin-top:10px;max-width:10ch}
.support-card p{font-size:13px;line-height:1.55;max-width:34ch;margin-top:12px;color:inherit;opacity:.78}
.support-visual{position:relative;margin-top:auto;min-height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center;overflow:visible;padding-top:14px}
.support-icon-stage{--tx:0px;--ty:0px;position:relative;width:min(100%,280px);aspect-ratio:1;display:grid;place-items:center;transform:translate3d(var(--tx),var(--ty),0);transition:transform .42s var(--curve),filter .42s var(--curve)}
.support-icon-stage::before{content:"";position:absolute;inset:14% 18%;border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(84,125,222,.16),rgba(84,125,222,0) 66%);filter:blur(18px);opacity:.9;transition:opacity .42s ease,transform .42s ease}
.support-icon-img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.32));transform:translateY(0) rotate(0deg) scale(1);transition:transform .42s var(--curve),filter .42s ease;animation:supportIconFloat 6.8s ease-in-out infinite}
.support-card:hover .support-icon-stage::before{opacity:1;transform:scale(1.05)}
@keyframes supportIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.support-map{grid-column:1 / span 3;grid-row:1 / span 2;background:#f2f4ee;color:#080a07;--hover-bg-solid:var(--lime);--hover-fg:#080a07}
.support-map::after{background:linear-gradient(155deg,rgba(255,255,255,.24),rgba(255,255,255,0) 42%),radial-gradient(circle at 84% 10%,rgba(84,125,222,.12),transparent 26%)}
.support-map h3,.support-map p,.support-map .support-num{color:inherit}
.support-map .support-icon-stage::before{background:radial-gradient(circle at 50% 50%,rgba(84,125,222,.18),rgba(84,125,222,0) 68%)}
.support-core{grid-column:4 / span 6;grid-row:1 / span 2;background:linear-gradient(160deg,#102041 0%,#16367a 54%,#1b2e5f 100%);color:#fff;--hover-bg-solid:var(--blue);--hover-fg:#fff;padding:30px 32px}
.support-core::after{background:radial-gradient(circle at 76% 12%,rgba(255,255,255,.24),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 58%),radial-gradient(circle at 18% 78%,rgba(215,255,0,.1),transparent 32%)}
.support-core h3{font-size:clamp(48px,5.7vw,88px);max-width:8ch;margin-top:auto;line-height:.82;letter-spacing:-.07em}
.support-core p{font-size:14px;max-width:40ch;opacity:.88}
.support-core .support-num{color:rgba(255,255,255,.74)}
.support-core .support-visual{min-height:290px;align-items:center;justify-content:flex-end}
.support-core .support-icon-stage{width:min(100%,360px)}
.support-watch{grid-column:10 / span 3;grid-row:1;background:#0f1116;--hover-bg-solid:var(--blue);--hover-fg:#fff}
.support-live{grid-column:10 / span 3;grid-row:2 / span 2;background:#101217;--hover-bg-solid:var(--lime);--hover-fg:#080a07}
.support-live .support-visual{min-height:210px}
.support-change{grid-column:1 / span 3;grid-row:3;background:#111318;--hover-bg-solid:var(--blue);--hover-fg:#fff}
.support-stay{grid-column:4 / span 6;grid-row:3;background:#f2f4ee;color:#080a07;--hover-bg-solid:var(--blue);--hover-fg:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;gap:22px}
.support-stay h3,.support-stay p,.support-stay .support-num{color:inherit}
.support-stay .support-visual{min-height:180px;align-items:center;justify-content:center;padding-top:0}
.support-stay .support-icon-stage{width:min(100%,250px)}
.support-status{display:grid;gap:10px;align-content:start;min-width:0}
.support-status span{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(8,10,7,.1);border-radius:18px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.36)}
.support-status i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(215,255,0,.12)}
.support-stay-copy{display:flex;flex-direction:column}
.support-stay-copy h3{max-width:12ch}
.support-card:hover .support-status span{border-color:rgba(255,255,255,.18)}
.support-tagline{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:24px}
.support-tagline strong{font-size:clamp(24px,2.6vw,42px);letter-spacing:-.055em;color:#fff;line-height:.94;max-width:12ch}.support-tagline strong em{font-style:normal;color:var(--lime)}.support-tagline span{font-size:12px;line-height:1.48;color:#a8aea6;max-width:50ch;text-align:right}
@media(max-width:1100px){.support-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:minmax(340px,auto);gap:12px}.support-map,.support-core,.support-watch,.support-live,.support-change,.support-stay{grid-column:auto;grid-row:auto;min-height:340px}.support-core,.support-stay{grid-column:1 / -1}.support-core{min-height:500px}.support-core .support-visual{min-height:260px}.support-live{min-height:420px}.support-stay{grid-template-columns:1fr 1fr;min-height:390px}}
@media(max-width:760px){.support-bento{grid-template-columns:1fr;margin-top:34px}.support-map,.support-core,.support-watch,.support-live,.support-change,.support-stay{grid-column:1;border-radius:24px;padding:22px;min-height:0}.support-map{min-height:380px}.support-core{min-height:500px}.support-watch{min-height:350px}.support-live{min-height:390px}.support-change{min-height:340px}.support-stay{display:flex;flex-direction:column;gap:16px;min-height:420px}.support-core h3{font-size:52px}.support-core .support-visual{justify-content:center;min-height:250px}.support-tagline{align-items:flex-start;flex-direction:column}.support-tagline span{text-align:left}.support-icon-stage{width:min(100%,240px)}.support-core .support-icon-stage{width:min(100%,290px)}.support-card p{max-width:36ch}}
@media(prefers-reduced-motion:reduce){.support-card,.support-card::before,.support-icon-stage,.support-icon-img,.support-icon-stage::before{transition:none}.support-icon-img{animation:none}}


/* live systems coverflow */
.proof{position:relative;overflow:hidden;background:var(--black);color:#fff;padding-top:clamp(84px,9vw,132px);padding-bottom:clamp(76px,8vw,116px)}
.systems-head{position:relative;z-index:2}
.systems-head h2{font-size:clamp(58px,7.3vw,112px);line-height:.82;letter-spacing:-.075em;max-width:15ch;color:#fff}
.systems-stage{--system-card-w:clamp(310px,36vw,530px);position:relative;z-index:2;margin-top:clamp(40px,5vw,72px)}
.systems-carousel{position:relative;overflow:hidden;padding:30px 0 34px;outline:none;cursor:grab;touch-action:pan-y;perspective:calc(var(--system-card-w) * 3.35)}
.systems-carousel:active{cursor:grabbing}
.systems-track{position:relative;height:calc(var(--system-card-w) * .5625);transform-style:preserve-3d;user-select:none}

.system-card{--cover-bg:#122a5c;--cover-accent:#4f78e8;position:absolute;left:50%;top:0;width:var(--system-card-w);aspect-ratio:16/9;border:0;padding:0;border-radius:18px;overflow:hidden;background:var(--cover-bg);box-shadow:0 30px 70px rgba(0,0,0,.55);transform-style:preserve-3d;will-change:transform,opacity;cursor:pointer;color:#fff;text-align:left;transition:box-shadow .3s var(--curve)}
.system-card::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.13);border-radius:inherit;pointer-events:none}
.system-card:hover{filter:brightness(1.05)}
.system-card[aria-current="true"]{box-shadow:0 40px 90px rgba(0,0,0,.62)}
.system-card:nth-child(1){transform:translateX(-50%) translateZ(0) rotateY(0);z-index:100}
.system-card:nth-child(2){transform:translateX(calc(-50% + var(--system-card-w))) translateZ(calc(var(--system-card-w) * -.42)) rotateY(-34deg);z-index:90}
.system-card:nth-child(3){transform:translateX(calc(-50% + var(--system-card-w) * 2)) translateZ(calc(var(--system-card-w) * -.68)) rotateY(-52deg);z-index:80}
.system-card:nth-child(4){transform:translateX(calc(-50% - var(--system-card-w))) translateZ(calc(var(--system-card-w) * -.42)) rotateY(34deg);z-index:90}

/* covers are lifted off pure black so each card reads as its own artwork */
.system-card.drive{--cover-bg:#132c60;--cover-accent:#4f78e8}
.system-card.pwh{--cover-bg:#2a0745;--cover-accent:#ff2d6b}
.system-card.monkey{--cover-bg:#2b1410;--cover-accent:#e63329}
.system-card.kyoka{--cover-bg:#241f4d;--cover-accent:#c2181c}

.system-cover{position:absolute;inset:0;overflow:hidden;background:var(--cover-bg)}
.system-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.system-cover::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(3,4,3,.9) 0%,rgba(3,4,3,.44) 20%,rgba(3,4,3,.06) 42%,transparent 60%)}

/* the only thing on the card is the company name */
.system-card-copy{position:absolute;left:6.5%;bottom:9%;z-index:2;max-width:40%}
.system-card-copy strong{display:block;font-size:clamp(19px,2.1vw,32px);line-height:.92;letter-spacing:-.055em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}

.systems-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px}
.systems-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);display:grid;place-items:center;color:#fff;font-size:18px;cursor:pointer;transition:transform .25s var(--curve),background .25s ease,border-color .25s ease}
.systems-nav button:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.36)}
.systems-dots{display:flex;gap:7px;align-items:center;padding:0 5px}
.systems-dot{width:6px!important;height:6px!important;padding:0!important;border:0!important;background:#fff!important;opacity:.24;transform:none!important;transition:opacity .25s ease}
.systems-dot.active{opacity:1}

/* caption block: no panel, no capsules, just words and numbers */
.system-detail{position:relative;z-index:3;margin-top:clamp(26px,3.2vw,44px);display:grid;justify-items:center;text-align:center}
.system-detail h3{font-size:clamp(25px,2.5vw,36px);line-height:1;letter-spacing:-.05em;color:#fff;max-width:20ch}
.system-detail-type{font-size:14px;line-height:1.4;color:#8b9186;margin-top:11px;max-width:34ch}
.system-spec{width:min(340px,100%);margin:clamp(26px,3.2vw,42px) 0 0;display:grid;gap:14px}
.system-spec>div{display:flex;align-items:baseline;justify-content:space-between;gap:22px}
.system-spec dt{font-size:13px;line-height:1.3;color:#8b918e;text-align:left}
.system-spec dd{margin:0;font-size:13px;line-height:1.3;font-weight:800;color:#fff;text-align:right;white-space:nowrap}
.system-flow{margin-top:clamp(24px,2.8vw,34px);font-size:11px;line-height:2;letter-spacing:.055em;color:#767c72;max-width:min(780px,100%)}
.system-flow b{color:#464b42;font-weight:600;margin:0 8px}
.system-detail.is-changing{animation:systemDetailSwap .38s var(--curve)}
@keyframes systemDetailSwap{0%{opacity:.15;transform:translateY(8px);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}}

@media(max-width:760px){
  .systems-stage{--system-card-w:clamp(250px,78vw,360px)}
  .system-detail h3{font-size:24px}
  .system-detail-type{font-size:13px}
  .system-flow{font-size:10px;line-height:1.9}
}

@media(max-width:1080px){
  .systems-stage{--system-card-w:clamp(300px,50vw,470px)}
  .system-detail h3{max-width:16ch}
}
@media(max-width:430px){
  .systems-stage{--system-card-w:86vw}
  .system-card-copy{max-width:52%}
  .system-browser{width:54%}
}
@media(prefers-reduced-motion:reduce){
  .system-card,.systems-nav button{transition:none}
  .system-detail.is-changing{animation:none}
}


/* pricing */
.price{background:var(--blue);color:#fff;overflow:hidden}.price-head{display:grid;gap:14px}.price-head .section-title{max-width:10ch}.price-kicker{color:rgba(255,255,255,.62)}.price-intro{font-size:clamp(15px,1.45vw,20px);line-height:1.45;color:rgba(255,255,255,.76);max-width:48ch;margin-top:18px}.price-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin-top:54px}.price-card{position:relative;display:flex;flex-direction:column;min-height:535px;padding:24px;border-radius:30px;background:var(--bone);color:var(--black);border:1px solid rgba(7,8,6,.08);box-shadow:0 18px 42px rgba(17,42,100,.14);transition:transform .35s var(--curve),box-shadow .35s var(--curve),border-color .35s ease}.price-card:hover{transform:translateY(-7px);box-shadow:0 30px 64px rgba(15,38,91,.23)}.price-card.operations{background:#080a07;color:#fff;border-color:rgba(215,255,0,.28);box-shadow:0 22px 52px rgba(5,7,5,.3)}.price-card.operations:hover{box-shadow:0 34px 70px rgba(5,7,5,.4)}.price-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.price-card-id{display:flex;align-items:center;gap:11px}.price-card-id>span{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#747a70}.price-card.operations .price-card-id>span{color:rgba(255,255,255,.5)}.price-card-id h3{font-size:clamp(34px,3.1vw,50px);line-height:.88;letter-spacing:-.06em}.price-badge{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border-radius:999px;background:var(--lime);color:#080a07;font-size:8.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.price-money{display:flex;align-items:flex-end;gap:6px;margin-top:20px}.price-money strong{font-size:clamp(58px,5vw,78px);line-height:.78;letter-spacing:-.075em}.price-money>span{font-size:13px;font-weight:700;padding-bottom:4px;color:#777d73}.price-card.operations .price-money strong{color:var(--lime)}.price-card.operations .price-money>span{color:rgba(255,255,255,.55)}.price-setup{font-size:10px;font-weight:750;margin-top:10px;color:#73796f}.price-card.operations .price-setup{color:rgba(255,255,255,.5)}.price-rule{height:1px;background:rgba(7,8,6,.12);margin:18px 0 16px}.price-card.operations .price-rule{background:rgba(255,255,255,.14)}.price-features{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:11px}.price-features li{position:relative;padding-left:22px;font-size:12.5px;line-height:1.42;color:#4f554d}.price-features li::before{content:"✓";position:absolute;left:0;top:-.03em;color:#080a07;font-weight:950}.price-card.operations .price-features li{color:rgba(255,255,255,.78)}.price-card.operations .price-features li::before{color:var(--lime)}.price-card-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;padding:0 17px;border-radius:16px;background:#080a07;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s var(--curve),background .25s ease,color .25s ease}.price-card-cta b{font-size:17px;color:var(--lime)}.price-card-cta:hover{transform:translateY(-2px)}.price-card.operations .price-card-cta{background:var(--lime);color:#080a07}.price-card.operations .price-card-cta b{color:#080a07}.price-note{font-size:9px;line-height:1.45;color:rgba(255,255,255,.55);margin-top:18px;max-width:66ch}
@media(max-width:1050px){.price-cards{grid-template-columns:1fr 1fr}.price-card.operations{grid-column:1/-1;grid-row:1;min-height:0}.price-card{min-height:520px}.price-card.operations .price-features{grid-template-columns:1fr 1fr;column-gap:26px}}
@media(max-width:760px){.price-cards{grid-template-columns:1fr;gap:12px;margin-top:34px}.price-card,.price-card.operations{grid-column:1;grid-row:auto;min-height:0;padding:21px;border-radius:24px}.price-card:hover{transform:translateY(-4px)}.price-card-id h3{font-size:42px}.price-money strong{font-size:64px}.price-card.operations .price-features{grid-template-columns:1fr}.price-intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){.price-card,.price-card-cta{transition:none}.price-card:hover,.price-card-cta:hover{transform:none}}

/* contact */
.contact{background:#050605;color:#fff;position:relative;overflow:hidden;padding-top:clamp(78px,7vw,116px);padding-bottom:clamp(78px,7vw,116px)}
.contact-panel{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(34px,5vw,76px);align-items:start;background:var(--yellow);color:#080a07;border-radius:38px;padding:clamp(30px,4vw,56px);box-shadow:0 26px 70px rgba(0,0,0,.28)}
.contact-panel-copy{min-width:0}.contact-kicker{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:rgba(8,10,7,.55)}
.contact-panel h2{font-size:clamp(40px,5.2vw,76px);line-height:.86;letter-spacing:-.065em;max-width:8.6ch;margin-top:14px;color:#080a07}.contact-panel-copy>p{font-size:14px;line-height:1.52;color:rgba(8,10,7,.7);max-width:38ch;margin-top:22px}
.contact-direct{margin-top:30px;display:grid}.contact-direct a{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(8,10,7,.18)}.contact-direct a:last-child{border-bottom:1px solid rgba(8,10,7,.18)}.contact-direct a>span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:rgba(8,10,7,.52)}.contact-direct a>strong{font-size:12px;color:#080a07;min-width:0;overflow-wrap:anywhere}.contact-direct a>b{font-size:15px;color:#080a07}
.contact-form{background:rgba(255,255,255,.17);border:1px solid rgba(8,10,7,.11);border-radius:28px;padding:clamp(22px,2.5vw,32px);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:rgba(8,10,7,.56)}
.field input,.field textarea{width:100%;border:1px solid rgba(8,10,7,.14);background:rgba(255,255,255,.46);color:#080a07;border-radius:15px;padding:13px 14px;font:inherit;font-size:13px;outline:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.field input:focus,.field textarea:focus{border-color:#080a07;background:rgba(255,255,255,.66);box-shadow:0 0 0 3px rgba(8,10,7,.08)}.field input::placeholder,.field textarea::placeholder{color:rgba(8,10,7,.42)}.field textarea{min-height:118px;resize:vertical}
.form-submit{grid-column:1/-1;margin-top:2px;border:0;border-radius:16px;background:#080a07;color:#fff;min-height:52px;padding:0 17px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .24s var(--curve),box-shadow .24s ease}.form-submit:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(0,0,0,.18)}.form-submit .arrow{color:var(--lime);font-size:18px}.form-note{grid-column:1/-1;font-size:8.5px;line-height:1.4;color:rgba(8,10,7,.5)}
@media(max-width:980px){.contact-panel{grid-template-columns:1fr;gap:28px}.contact-panel h2{max-width:10ch}.contact-panel-copy>p{max-width:50ch}.contact-direct{max-width:560px}}
@media(max-width:760px){.contact{padding:64px 0}.contact-panel{padding:24px;border-radius:26px;gap:24px}.contact-panel h2{font-size:clamp(42px,13vw,58px);max-width:8.5ch}.contact-panel-copy>p{font-size:13px;margin-top:17px}.contact-direct{margin-top:22px}.contact-form{padding:18px;border-radius:22px}.form-grid{grid-template-columns:1fr;gap:13px}.field.full,.form-submit,.form-note{grid-column:1}.field textarea{min-height:110px}}


.footer{padding:38px 0;background:var(--black);color:var(--bone)}.foot{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#777d72}.foot strong{color:var(--bone)}

/* reveal */
.rv{opacity:1;transform:none;filter:none}.motion-ready .rv{opacity:0;transform:translateY(30px);filter:blur(10px);transition:opacity 1.12s var(--curve),transform 1.2s var(--curve),filter 1.2s var(--curve)}.motion-ready .rv.in{opacity:1;transform:none;filter:blur(0)}.motion-ready .d1{transition-delay:.16s}.motion-ready .d2{transition-delay:.32s}.motion-ready .d3{transition-delay:.48s}.motion-ready .hero h1.rv{transform:translateY(36px);filter:blur(13px);transition-duration:1.34s,1.42s,1.42s}.motion-ready .hero h1.rv.in{transform:none;filter:blur(0)}

@media(max-width:1080px),(pointer:coarse){
  html.motion-ready.motion-lite .rv{opacity:0;transform:translate3d(0,16px,0);filter:none;transition:opacity .48s var(--curve),transform .54s var(--curve)}
  html.motion-ready.motion-lite .rv.in{opacity:1;transform:translate3d(0,0,0);filter:none}
  html.motion-ready.motion-lite .d1{transition-delay:.05s}
  html.motion-ready.motion-lite .d2{transition-delay:.10s}
  html.motion-ready.motion-lite .d3{transition-delay:.15s}
}

@media(max-width:1080px){
  :root{--shell:min(1480px,calc(100% - 40px))}
  .proof-showcase{grid-template-columns:1fr}
  .blueprint-head,.continuity-head,.contact-grid{grid-template-columns:1fr;gap:34px}
  .blueprint-board{grid-template-columns:1fr}.blueprint-core{min-height:430px}.layer-copy{grid-template-columns:58px minmax(0,1fr) minmax(160px,.72fr)}
  .continuity-track{grid-template-columns:1fr 1fr}.work-phase.stay{grid-column:1/-1}.continuity-relief{grid-template-columns:64px 1fr}.continuity-relief p{grid-column:2}.contact-copy{position:relative;top:auto}.flow-grid{grid-template-columns:repeat(4,1fr)}.leaks-head{grid-template-columns:1fr;gap:24px}.loss-list{--label-col:230px;--rail-col:58px}.loss-item{min-height:600px}.loss-content{padding-left:12px}.loss-image{height:auto}
  .work-grid,.pgrid{grid-template-columns:1fr}.pcard{min-height:0}.screen.small{min-height:420px}
}
@media(min-width:761px){.desktop-header{display:block}.mobile-header{display:none}}
@media(max-width:760px){
  :root{--shell:calc(100% - 28px);--r-xl:28px;--r-lg:22px}
  .section{padding:74px 0}.desktop-header{display:none}.mobile-header{display:block}
  .hero{min-height:100svh;padding:106px 0 64px}.hero .shell{width:calc(100% - 28px);padding-bottom:234px}.hero-shader{opacity:.38}.hero h1{font-size:clamp(55px,18vw,92px);line-height:.82}.hero-sub{font-size:14px;margin-top:18px;max-width:32ch}.hero-actions{margin-top:20px}.hero-actions .text-link{display:none}.hero-scene{width:calc(100% + 44px);height:254px;bottom:8px}.layer-globe{width:176%;left:50%;bottom:-30%}.layer-cursor{left:-1%;bottom:48%;width:98px}.layer-envelope{left:8%;bottom:20%;width:104px}.layer-calendar{right:2%;bottom:48%;width:102px}.layer-phone{right:8%;bottom:20%;width:112px}.layer-analytics{display:none}
  .truth .shell{width:calc(100% - 28px)}.timeline-wrap{margin-top:34px;padding:20px 20px 18px;border-radius:28px}.timeline-copy h3{font-size:36px;max-width:9ch}.timeline-flow{margin-top:28px}.timeline-flow::before,.timeline-flow::after{display:none}.flow-grid{grid-template-columns:repeat(2,1fr);gap:18px 10px}.glass-seq-icon{width:84px;height:84px}.timeline-endcaps{flex-direction:column;gap:12px;font-size:11px}.timeline-endcaps strong{font-size:15px}.logic-line{font-size:30px;margin-top:26px}.system-bridge{margin-top:42px}.system-bridge strong{font-size:44px;max-width:10ch}.system-bridge-arrow{font-size:34px;margin-top:20px}.leaks .shell{width:calc(100% - 28px)}.leaks-head{gap:20px}.leaks-head .body-lg{max-width:29ch}.loss-list{--label-col:0px;--rail-col:40px;margin-top:22px}.loss-rail{left:7px}.loss-item{grid-template-columns:40px 1fr;min-height:0;padding:46px 0 58px}.loss-label{position:relative;top:auto;grid-column:2;padding:0 0 20px;opacity:.72}.loss-item.active .loss-label{transform:none}.loss-label-row{gap:12px;align-items:center;flex-wrap:wrap}.loss-index{font-size:46px;font-weight:300}.loss-label h3{font-size:25px;max-width:11ch;margin:0}.loss-content-head{grid-template-columns:1fr;gap:12px}.loss-stat{margin:0;min-width:0;max-width:31ch;justify-self:start;gap:6px}.loss-stat strong{font-size:12.5px;line-height:1.28}.loss-stat em{font-size:7.5px}.loss-marker{grid-column:1;grid-row:1 / span 2;justify-content:flex-start;padding-top:5px}.loss-node{width:16px;height:16px;box-shadow:0 0 0 6px #0b0d09}.loss-item.active .loss-node{box-shadow:0 0 0 6px #0b0d09,0 0 18px rgba(215,255,0,.24)}.loss-content{grid-column:2;padding-left:0}.loss-content h4{font-size:42px;max-width:9.5ch}.loss-content>p{font-size:14px;margin-top:16px}.loss-image{height:auto;margin-top:28px;border-radius:24px}.loss-closing{padding-top:48px}
  .proof-head,.price-head{align-items:flex-start;flex-direction:column}
  .blueprint::after,.continuity::before{height:50px}.blueprint::after{bottom:-25px}.blueprint-head{gap:22px}.blueprint-board{margin-top:38px;border-radius:28px}.blueprint-core{min-height:380px;padding:28px}.blueprint-core strong{font-size:60px}.blueprint-core::after{width:220px;height:220px;border-width:38px}.build-layer{grid-template-columns:58px 1fr;padding:22px 20px;gap:14px}.build-layer:hover{padding-left:20px}.layer-icon{width:52px;height:52px;border-radius:16px}.layer-icon svg{width:25px;height:25px}.layer-copy{grid-template-columns:1fr;gap:5px}.layer-copy .n{display:none}.layer-copy h3{font-size:28px}.layer-copy p{font-size:12px}.blueprint-bottom{flex-wrap:wrap;margin-top:28px}.blueprint-bottom strong{font-size:26px}.continuity-head{padding-top:24px;gap:22px}.continuity-track{grid-template-columns:1fr;margin-top:38px}.work-phase,.work-phase.stay{min-height:330px}.work-phase.stay{grid-column:auto}.continuity-relief{grid-template-columns:52px 1fr;padding:24px 22px}.relief-icon{width:48px;height:48px;border-radius:15px}.continuity-relief p{grid-column:1/-1}.contact-grid{gap:42px}.contact-copy h2{font-size:60px;max-width:8ch}.contact-form{border-radius:28px;padding:24px}.form-intro{align-items:flex-start;flex-direction:column;margin-bottom:28px}.form-intro span{text-align:left}.form-grid{grid-template-columns:1fr}.field.full,.project-choice,.form-submit,.form-note{grid-column:1}.screen.big,.screen.small{min-height:300px}.proof-showcase{gap:10px}.work-grid{grid-template-columns:1fr}.stats{gap:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .rv{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important}.hero-icon{animation:none!important}.sketch-note .sketch-label{opacity:1!important;clip-path:inset(-.42em -.28em -.52em -.28em)!important}.sketch-note .sketch-arrow path{stroke-dashoffset:0!important}}

/* Keep the five-layer sticky storytelling effect intact on short laptops, tablets, and phones. */
@media(max-height:820px) and (min-width:761px){
  .layer-stack{gap:28px}
  .layer-stack-card{position:sticky!important;align-self:start;top:calc(58px + (var(--stack) * 12px))!important;min-height:calc(100svh - 68px)!important;padding-bottom:18px!important}
  .layer-stack-copy{margin-bottom:10px}.layer-stack-copy h3{font-size:clamp(32px,4vw,54px)}.layer-stack-copy p{font-size:12px;line-height:1.35;margin-top:6px}
  .layer-shot{width:min(780px,82%,calc((100svh - 205px) * 1.3333))}
  .layer-handoff{margin-top:9px;padding-top:10px}.layer-handoff strong{font-size:clamp(18px,1.7vw,24px)}
}
@media(max-width:760px){
  .layer-stack{display:block!important;overflow:visible;padding-bottom:22px}
  .layer-stack-card{position:sticky!important;align-self:start;top:calc(62px + (var(--stack) * 7px))!important;min-height:calc(100svh - 68px)!important;margin-bottom:22px!important}
  .layer-stack-card:last-child{margin-bottom:0!important}
}



@media(max-width:1080px){.layer-shot{width:94%}.blueprint .sketch-note{display:block}.blueprint .sketch-note .sketch-label{font-size:clamp(15px,2vw,21px)}.blueprint .sketch-note .sketch-arrow{transform:scale(.82) scaleX(var(--fx)) scaleY(var(--fy)) rotate(var(--ar));transform-origin:left top}.sketch-front .sketch-a,.sketch-control .sketch-a,.sketch-booking .sketch-a,.sketch-follow .sketch-a,.sketch-logic .sketch-a{left:2%}.sketch-front .sketch-b,.sketch-control .sketch-b,.sketch-booking .sketch-b,.sketch-follow .sketch-b,.sketch-logic .sketch-b{left:2%}.sketch-front .sketch-c,.sketch-control .sketch-b,.sketch-control .sketch-c,.sketch-booking .sketch-b,.sketch-booking .sketch-c,.sketch-follow .sketch-b,.sketch-follow .sketch-c,.sketch-logic .sketch-b,.sketch-logic .sketch-c{right:2%}.launch-three{grid-template-columns:1fr}.launch-phase{min-height:320px;border-right:0;border-bottom:1px solid #2a2e27}.launch-phase:last-child{border-bottom:0}.proof-console{grid-template-columns:1fr}.proof-console-copy{position:relative;top:auto}.proof-screens{grid-template-columns:1fr 1fr}.price-row{grid-template-columns:1fr 1fr}.price-row ul{grid-column:1/-1}.price-row>a{justify-self:end}.contact-top,.contact-layout{grid-template-columns:1fr}.contact-layout{gap:34px}}
@media(max-width:760px){.layer-stack{margin-top:28px;gap:28px}.layer-stack-card{position:sticky;top:calc(66px + (var(--stack) * 7px));z-index:calc(20 + var(--stack));background:var(--blue);padding:18px 0 24px}.layer-stack-card:not(:last-child){min-height:calc(100svh - 72px)}.layer-stack-copy{grid-template-columns:42px 1fr;margin-bottom:14px}.layer-stack-copy h3{font-size:42px}.layer-shot{width:100%;border-radius:20px}.layer-shot img{border-radius:20px}.blueprint .sketch-note{display:block;filter:drop-shadow(0 2px 1px rgba(0,0,0,.98)) drop-shadow(0 0 5px rgba(0,0,0,.7))}.blueprint .sketch-note .sketch-label{font-size:clamp(13px,3.65vw,17px);line-height:1.12}.blueprint .sketch-note .sketch-arrow{transform:scale(.60) scaleX(var(--fx)) scaleY(var(--fy)) rotate(var(--ar));transform-origin:left top}.sketch-front .sketch-a,.sketch-control .sketch-a,.sketch-booking .sketch-a,.sketch-follow .sketch-a,.sketch-logic .sketch-a{left:2.5%}.sketch-front .sketch-b,.sketch-control .sketch-b,.sketch-booking .sketch-b,.sketch-follow .sketch-b,.sketch-logic .sketch-b{left:2.5%}.sketch-front .sketch-c,.sketch-control .sketch-b,.sketch-control .sketch-c,.sketch-booking .sketch-b,.sketch-booking .sketch-c,.sketch-follow .sketch-b,.sketch-follow .sketch-c,.sketch-logic .sketch-b,.sketch-logic .sketch-c{right:2.5%}.layer-handoff{grid-template-columns:1fr;padding-left:42px;gap:8px;margin-top:12px;padding-top:12px}.layer-handoff.final{padding-left:0;gap:10px;margin-top:24px}.layer-handoff.final strong{font-size:clamp(38px,11vw,58px);max-width:11ch}.launch-phase{padding:24px 20px;min-height:300px}.support-line{grid-template-columns:1fr;gap:8px}.proof-screens{grid-template-columns:1fr}.field-proof-head{grid-template-columns:1fr;gap:8px}.case-row{grid-template-columns:36px 1fr}.case-stats{grid-column:2;justify-content:flex-start}.price-row{grid-template-columns:1fr}.price-money,.price-row ul,.price-row>a{grid-column:1}.price-row ul{grid-template-columns:1fr}.price-row>a{justify-self:stretch;justify-content:space-between}.contact-top{padding-bottom:28px}.contact-top h2{font-size:58px}.contact-layout{padding-top:28px}.form-grid{grid-template-columns:1fr}.project-choice,.field.full,.form-submit,.form-note{grid-column:1}}

/* Final responsive lock for the five-layer scroll story. */
@media(max-height:820px) and (min-width:761px){
  .blueprint .layer-stack{display:block!important;overflow:visible!important}
  .blueprint .layer-stack-card{position:sticky!important;align-self:start!important;top:calc(58px + (var(--stack) * 12px))!important;min-height:calc(100svh - 66px)!important;margin-bottom:28px!important;padding-bottom:18px!important}
  .blueprint .layer-stack-card:last-child{margin-bottom:0!important}
  .blueprint .layer-shot{width:min(760px,80%,calc((100svh - 205px) * 1.3333))!important}
  .blueprint .layer-stack-copy{margin-bottom:10px!important}
  .blueprint .layer-handoff{margin-top:9px!important;padding-top:10px!important}
}
@media(max-width:760px){
  .blueprint .layer-stack{display:block!important;overflow:visible!important}
  .blueprint .layer-stack-card{position:sticky!important;align-self:start!important;top:calc(62px + (var(--stack) * 7px))!important;min-height:calc(100svh - 68px)!important;margin-bottom:24px!important;padding-bottom:22px!important}
  .blueprint .layer-stack-card:last-child{margin-bottom:0!important}
  .blueprint .layer-shot{width:100%!important}
}


/* FINAL COMPACT SUPPORT BENTO OVERRIDES */
.support-card::after{background:none}
.support-core::after{background:none}

@media(min-width:1101px){
  .support-bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(318px,auto) minmax(318px,auto);gap:12px;margin-top:44px}
  .support-map{grid-column:1 / span 3;grid-row:1}
  .support-core{grid-column:4 / span 6;grid-row:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);grid-template-rows:auto auto 1fr;column-gap:18px;align-items:start;padding:26px 28px}
  .support-core .support-num{grid-column:1;grid-row:1}
  .support-core h3{grid-column:1;grid-row:2;margin-top:10px;font-size:clamp(44px,4.7vw,72px);max-width:8ch}
  .support-core p{grid-column:1;grid-row:3;margin-top:12px;align-self:start}
  .support-core .support-visual{grid-column:2;grid-row:1 / span 3;margin:0;min-height:0;height:100%;padding:0;align-items:center;justify-content:center}
  .support-core .support-icon-stage{width:min(100%,300px)}
  .support-watch{grid-column:10 / span 3;grid-row:1}
  .support-live{grid-column:1 / span 3;grid-row:2}
  .support-change{grid-column:4 / span 3;grid-row:2}
  .support-stay{grid-column:7 / span 6;grid-row:2;min-height:318px;padding:24px 26px;grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);gap:18px}
  .support-stay .support-status{align-content:start}
  .support-stay .support-visual{min-height:130px;margin-top:6px}
  .support-stay .support-icon-stage{width:min(100%,180px)}
  .support-card:not(.support-core):not(.support-stay){padding:22px 22px 20px}
  .support-card:not(.support-core):not(.support-stay) h3{font-size:clamp(27px,2.15vw,38px);margin-top:8px}
  .support-card:not(.support-core):not(.support-stay) p{margin-top:9px;line-height:1.42}
  .support-card:not(.support-core):not(.support-stay) .support-visual{min-height:132px;padding-top:4px}
  .support-card:not(.support-core):not(.support-stay) .support-icon-stage{width:min(100%,185px)}
  .support-live .support-visual{min-height:132px}
}
.support-core{background:linear-gradient(145deg,var(--blue-deep) 0%,var(--blue) 100%);--hover-bg-solid:var(--blue)}
.support-watch,.support-change{--hover-bg-solid:var(--blue)}
.support-stay{--hover-bg-solid:var(--blue)}
.support-map{--hover-bg-solid:var(--lime)}
.support-live{--hover-bg-solid:var(--lime)}
.support-card:hover .support-icon-img,.support-card.support-core:hover .support-icon-img,.support-map:hover .support-icon-img,.support-live:hover .support-icon-img,.support-stay:hover .support-icon-img,.support-core:hover .support-icon-img,.support-watch:hover .support-icon-img,.support-change:hover .support-icon-img{filter:drop-shadow(0 18px 30px rgba(0,0,0,.32));animation-play-state:running;transform:none}
.support-card:hover .support-icon-stage::before{transform:none}
@media(min-width:761px) and (max-width:1100px){
  .support-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(300px,auto);gap:12px;margin-top:42px}
  .support-map,.support-core,.support-watch,.support-live,.support-change,.support-stay{grid-column:auto;grid-row:auto;min-height:300px;padding:22px}
  .support-core,.support-stay{grid-column:auto;display:flex;flex-direction:column}
  .support-core h3{font-size:clamp(36px,5vw,50px);max-width:9ch;margin-top:8px}
  .support-core .support-visual,.support-map .support-visual,.support-watch .support-visual,.support-live .support-visual,.support-change .support-visual,.support-stay .support-visual{min-height:120px;margin-top:auto;padding-top:2px;justify-content:center}
  .support-icon-stage,.support-core .support-icon-stage,.support-stay .support-icon-stage{width:min(100%,180px)}
  .support-stay .support-status{margin-top:12px;grid-template-columns:1fr;gap:7px}
  .support-stay .support-status span{padding:8px 11px}
  .support-stay .support-visual{min-height:105px}
  .support-stay .support-icon-stage{width:min(100%,145px)}
  .support-card h3{font-size:clamp(29px,3.6vw,40px);margin-top:8px}
  .support-card p{margin-top:9px;line-height:1.42}
}
@media(max-width:760px){
  .support-bento{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px;margin-top:30px}
  .support-map,.support-core,.support-watch,.support-live,.support-change,.support-stay{grid-column:1;grid-row:auto;min-height:0!important;padding:20px;border-radius:22px}
  .support-core,.support-stay{display:flex;flex-direction:column}
  .support-card h3,.support-core h3{font-size:clamp(31px,9vw,42px);max-width:10ch;margin-top:8px}
  .support-card p,.support-core p{font-size:12.5px;line-height:1.42;margin-top:9px;max-width:38ch}
  .support-visual,.support-core .support-visual,.support-live .support-visual,.support-stay .support-visual{min-height:0;height:auto;margin-top:10px;padding:0;justify-content:center}
  .support-icon-stage,.support-core .support-icon-stage{width:min(70vw,205px)}
  .support-stay .support-status{margin-top:12px;gap:7px}
  .support-stay .support-status span{padding:8px 11px}
  .support-stay .support-icon-stage{width:min(58vw,170px)}
  .support-tagline{padding-top:20px;gap:12px}
  .support-tagline strong{font-size:clamp(29px,8.5vw,40px);max-width:11ch}
}


/* support-card density audit refinements */
@media(min-width:1101px){
  .support-card:not(.support-core):not(.support-stay) .support-icon-stage{width:min(100%,175px)}
  .support-stay{display:grid;grid-template-columns:minmax(0,1fr) 176px;grid-template-rows:1fr auto;gap:12px 18px;align-items:center}
  .support-stay .support-stay-copy{grid-column:1;grid-row:1;align-self:start}
  .support-stay>.support-visual{grid-column:2;grid-row:1;margin:0;min-height:0;padding:0;align-self:center}
  .support-stay>.support-visual .support-icon-stage{width:min(100%,160px)}
  .support-stay>.support-status{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .support-stay>.support-status span{justify-content:center;padding:8px 10px;white-space:nowrap}
}
@media(min-width:761px) and (max-width:1100px){
  .support-icon-stage,.support-core .support-icon-stage{width:min(100%,165px)}
  .support-stay{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:1fr auto;gap:10px 14px;align-items:center}
  .support-stay .support-stay-copy{grid-column:1;grid-row:1;align-self:start}
  .support-stay>.support-visual{grid-column:2;grid-row:1;margin:0;min-height:0;padding:0}
  .support-stay>.support-visual .support-icon-stage{width:min(100%,140px)}
  .support-stay>.support-status{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:2px}
  .support-stay>.support-status span{justify-content:center;padding:7px 8px;font-size:9px;white-space:nowrap}
}
@media(max-width:760px){
  .support-icon-stage{width:min(64vw,175px)}
  .support-core .support-icon-stage{width:min(70vw,210px)}
  .support-stay{display:flex;flex-direction:column;gap:10px}
  .support-stay>.support-visual{order:2;margin-top:0;min-height:0;padding:0}
  .support-stay>.support-visual .support-icon-stage{width:min(52vw,150px)}
  .support-stay>.support-status{order:3;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:0}
  .support-stay>.support-status span{justify-content:center;gap:6px;padding:7px 5px;font-size:8px;letter-spacing:.05em;white-space:nowrap}
  .support-stay>.support-status i{width:6px;height:6px;box-shadow:0 0 0 4px rgba(215,255,0,.1)}
}


/* let support headlines use card width instead of creating tall narrow stacks */
.support-card:not(.support-core) h3,.support-stay-copy h3{max-width:100%}
@media(min-width:761px) and (max-width:1100px){.support-core h3{max-width:100%}}
@media(max-width:760px){.support-card h3,.support-core h3,.support-stay-copy h3{max-width:100%}}


/* generated glass art stays visually untouched; motion comes from float + parallax only */
.support-icon-stage::before{display:none!important}


/* final interaction + density audit */
.continuity{padding-bottom:clamp(52px,5vw,78px)}
.support-card::before{clip-path:none!important;opacity:0;transition:opacity .32s ease!important;will-change:opacity}
.support-card:hover::before{clip-path:none!important;opacity:1}
.support-card{transition:transform .32s cubic-bezier(.22,.7,.28,1),box-shadow .32s ease,border-color .28s ease,color .28s ease;will-change:transform}
.support-icon-stage{transition:none!important;will-change:transform}
.support-card:hover .support-icon-stage::before{transform:none!important}
.price-card:hover{transform:translateY(-5px)}
@media(max-width:760px){.continuity{padding-bottom:52px}.price-card:hover{transform:translateY(-3px)}.contact .contact-form{padding:18px;border-radius:22px}.contact .form-grid{grid-template-columns:1fr;gap:13px}}



/* final support color treatment */
.support-live{background:var(--lime)!important;color:#080a07!important;--hover-bg-solid:var(--blue)!important;--hover-fg:#fff!important}
.support-live .support-num,.support-live h3,.support-live p{color:inherit!important}
.support-change{--hover-bg-solid:var(--lime)!important;--hover-fg:#080a07!important}

/* Rich footer, continuing the same blue atmosphere as the contact section. */
.footer.footer-rich{position:relative;isolation:isolate;overflow:hidden;padding:0;background:var(--blue);color:#fff;border-top:1px solid rgba(255,255,255,.12)}
.footer.footer-rich::before,.footer.footer-rich::after{content:"";position:absolute;z-index:0;width:14px;height:10px;background:rgba(255,255,255,.18);filter:blur(6px);opacity:.42;pointer-events:none;will-change:transform;mix-blend-mode:screen}
.footer.footer-rich::before{--footer-cloud-scale:2.3;left:5%;top:54px;box-shadow:28px 0 rgba(255,255,255,.18),42px 0 rgba(255,255,255,.18),56px 0 rgba(255,255,255,.18),70px 0 rgba(255,255,255,.18),84px 0 rgba(255,255,255,.18),98px 0 rgba(255,255,255,.18),112px 0 rgba(255,255,255,.18),126px 0 rgba(255,255,255,.18),0 10px rgba(255,255,255,.18),14px 10px rgba(255,255,255,.18),28px 10px rgba(255,255,255,.18),42px 10px rgba(255,255,255,.18),56px 10px rgba(255,255,255,.18),70px 10px rgba(255,255,255,.18),84px 10px rgba(255,255,255,.18),98px 10px rgba(255,255,255,.18),112px 10px rgba(255,255,255,.18),126px 10px rgba(255,255,255,.18),140px 10px rgba(255,255,255,.18),154px 10px rgba(255,255,255,.18),-28px 20px rgba(255,255,255,.18),-14px 20px rgba(255,255,255,.18),0 20px rgba(255,255,255,.18),14px 20px rgba(255,255,255,.18),28px 20px rgba(255,255,255,.18),42px 20px rgba(255,255,255,.18),56px 20px rgba(255,255,255,.18),70px 20px rgba(255,255,255,.18),84px 20px rgba(255,255,255,.18),98px 20px rgba(255,255,255,.18),112px 20px rgba(255,255,255,.18),126px 20px rgba(255,255,255,.18),140px 20px rgba(255,255,255,.18),154px 20px rgba(255,255,255,.18),168px 20px rgba(255,255,255,.18);transform:scale(var(--footer-cloud-scale));animation:footerCloudDriftA 34s ease-in-out infinite alternate}
.footer.footer-rich::after{--footer-cloud-scale:1.9;right:9%;bottom:64px;box-shadow:28px 0 rgba(255,255,255,.16),42px 0 rgba(255,255,255,.16),56px 0 rgba(255,255,255,.16),70px 0 rgba(255,255,255,.16),84px 0 rgba(255,255,255,.16),98px 0 rgba(255,255,255,.16),112px 0 rgba(255,255,255,.16),126px 0 rgba(255,255,255,.16),0 10px rgba(255,255,255,.16),14px 10px rgba(255,255,255,.16),28px 10px rgba(255,255,255,.16),42px 10px rgba(255,255,255,.16),56px 10px rgba(255,255,255,.16),70px 10px rgba(255,255,255,.16),84px 10px rgba(255,255,255,.16),98px 10px rgba(255,255,255,.16),112px 10px rgba(255,255,255,.16),126px 10px rgba(255,255,255,.16),140px 10px rgba(255,255,255,.16),154px 10px rgba(255,255,255,.16),-14px 20px rgba(255,255,255,.16),0 20px rgba(255,255,255,.16),14px 20px rgba(255,255,255,.16),28px 20px rgba(255,255,255,.16),42px 20px rgba(255,255,255,.16),56px 20px rgba(255,255,255,.16),70px 20px rgba(255,255,255,.16),84px 20px rgba(255,255,255,.16),98px 20px rgba(255,255,255,.16),112px 20px rgba(255,255,255,.16),126px 20px rgba(255,255,255,.16),140px 20px rgba(255,255,255,.16),154px 20px rgba(255,255,255,.16);transform:scale(var(--footer-cloud-scale));animation:footerCloudDriftB 38s ease-in-out infinite alternate}
@keyframes footerCloudDriftA{0%{transform:translate3d(-24px,0,0) scale(var(--footer-cloud-scale))}100%{transform:translate3d(104px,24px,0) scale(var(--footer-cloud-scale))}}
@keyframes footerCloudDriftB{0%{transform:translate3d(26px,8px,0) scale(var(--footer-cloud-scale))}100%{transform:translate3d(-112px,-18px,0) scale(var(--footer-cloud-scale))}}
.footer-shell{position:relative;z-index:1;padding-top:clamp(66px,7vw,104px);padding-bottom:32px}
.footer-main{display:grid;grid-template-columns:1.28fr .72fr .95fr 1.05fr;gap:clamp(34px,5vw,78px);align-items:start;padding-bottom:clamp(54px,6vw,82px)}
.footer-brand-col{min-width:0}.footer-mark{position:relative;display:grid;place-items:center;width:26px;height:26px;margin-bottom:25px;color:var(--lime);font-size:15px;font-weight:900;line-height:1;text-transform:none;letter-spacing:0}.footer-mark span{position:relative;z-index:2;transform:skewX(-8deg)}.footer-mark::before,.footer-mark::after,.footer-mark i{content:"";position:absolute;background:currentColor;border-radius:99px}.footer-mark::before{width:2px;height:23px;transform:rotate(28deg)}.footer-mark::after{width:2px;height:23px;transform:rotate(-28deg)}.footer-mark i{width:20px;height:2px;top:12px}.footer-mark span{opacity:0}
.footer-blurb{margin:0;max-width:39ch;font-size:14px;line-height:1.62;color:rgba(255,255,255,.72)}
.footer-company{display:grid;gap:4px;margin-top:25px;font-size:13px;line-height:1.45;color:rgba(255,255,255,.68)}.footer-company strong{color:#f6f7f2;font-size:13px;margin-bottom:3px;letter-spacing:-.01em}.footer-company a{width:max-content;max-width:100%;color:rgba(255,255,255,.68);text-transform:none;letter-spacing:0;transition:color .25s ease}.footer-company a:hover{color:var(--lime)}
.footer-col,.footer-cta-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.footer-col h3,.footer-cta-col h3{margin:0 0 22px;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5);font-weight:900}.footer-col a{display:block;margin:0 0 14px;color:rgba(255,255,255,.74);font-size:13px;font-weight:650;line-height:1.35;text-transform:none;letter-spacing:0;transition:color .24s ease,transform .24s ease}.footer-col a:hover{color:#fff;transform:translateX(2px)}.footer-col .footer-accent-link{color:var(--lime)}.footer-col .footer-accent-link:hover{color:#fff}
.footer-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 22px;border-radius:999px;background:var(--lime);color:#080a07;font-size:12px;font-weight:850;text-transform:none;letter-spacing:0;box-shadow:0 0 0 1px rgba(215,255,0,.16),0 10px 24px rgba(0,0,0,.16);transition:transform .28s var(--curve),background .28s ease,color .28s ease,box-shadow .28s ease}.footer-cta:hover{transform:translateY(-2px);background:#fff;color:#080a07;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.footer-cta-col>p{margin:13px 0 0;font-size:12px;line-height:1.55;color:rgba(255,255,255,.62);max-width:30ch}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;border-top:1px solid rgba(255,255,255,.11);font-size:10px;line-height:1.4;color:rgba(255,255,255,.5);text-transform:none;letter-spacing:0}.footer-bottom nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer-bottom a{color:rgba(255,255,255,.5);text-transform:none;letter-spacing:0;transition:color .24s ease}.footer-bottom a:hover{color:var(--lime)}
@media(min-width:761px) and (max-width:1040px){.footer-main{grid-template-columns:1.25fr .75fr 1fr;column-gap:34px;row-gap:38px;padding-bottom:50px}.footer-cta-col{grid-column:1 / -1;display:grid;grid-template-columns:minmax(100px,.45fr) minmax(220px,1.15fr) minmax(220px,1fr);column-gap:24px;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.11)}.footer-cta-col h3{grid-column:1;margin:0}.footer-cta{grid-column:2}.footer-cta-col>p{grid-column:3;margin:0;max-width:33ch}}
@media(max-width:760px){.footer-shell{padding-top:58px;padding-bottom:24px}.footer-main{grid-template-columns:1fr 1fr;gap:42px 24px;padding-bottom:46px}.footer-brand-col{grid-column:1 / -1}.footer-blurb{font-size:13px;max-width:36ch}.footer-company{font-size:12px}.footer-col h3,.footer-cta-col h3{margin-bottom:18px}.footer-col a{font-size:12px;margin-bottom:12px}.footer-cta-col{grid-column:1/-1;display:flex;gap:0}.footer-cta-col>p{margin:12px 0 0}.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px;padding-top:20px}.footer-bottom nav{gap:18px}}
@media(max-width:480px){.footer-main{grid-template-columns:1fr;gap:34px}.footer-brand-col,.footer-cta-col{grid-column:1}.footer-mark{margin-bottom:20px}.footer-col{padding-top:2px}.footer-cta{width:100%}.footer-bottom nav{width:100%;justify-content:space-between;gap:12px}}
@media(max-width:760px){
  .footer.footer-rich::before{--footer-cloud-scale:1.55;left:-12%;top:74px;opacity:.28}
  .footer.footer-rich::after{--footer-cloud-scale:1.35;right:-20%;bottom:84px;opacity:.24}
}

/* Final contact treatment: blue field + moving pixel clouds behind a frosted glass panel. */
.contact{
  position:relative!important;
  isolation:isolate!important;
  min-height:auto!important;
  padding:clamp(72px,7vw,108px) 0!important;
  background:var(--blue)!important;
  color:#fff!important;
  display:block!important;
  overflow:hidden!important;
}
.contact::before,.contact::after{display:none!important}
.contact>.shell{
  position:relative!important;
  z-index:2!important;
  width:var(--shell)!important;
  padding-block:0!important;
}
.contact>.shell::before{display:none!important}
.contact-pixel-sky{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.contact-pixel-sky::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.018);
  pointer-events:none;
}
.contact-pixel-cloud{
  --cloud-scale:1;
  --cloud-rotate:0deg;
  position:absolute;
  width:14px;
  height:10px;
  color:rgba(255,255,255,.34);
  opacity:.54;
  filter:blur(5.5px);
  transform:translate3d(0,0,0) scale(var(--cloud-scale)) rotate(var(--cloud-rotate));
  transform-origin:center;
  will-change:transform;
  mix-blend-mode:screen;
}
.contact-pixel-cloud::before{
  content:"";
  position:absolute;
  width:14px;
  height:10px;
  background:currentColor;
  box-shadow:
    28px 0 currentColor,42px 0 currentColor,56px 0 currentColor,70px 0 currentColor,84px 0 currentColor,98px 0 currentColor,112px 0 currentColor,126px 0 currentColor,
    0 10px currentColor,14px 10px currentColor,28px 10px currentColor,42px 10px currentColor,56px 10px currentColor,70px 10px currentColor,84px 10px currentColor,98px 10px currentColor,112px 10px currentColor,126px 10px currentColor,140px 10px currentColor,154px 10px currentColor,
    -28px 20px currentColor,-14px 20px currentColor,0 20px currentColor,14px 20px currentColor,28px 20px currentColor,42px 20px currentColor,56px 20px currentColor,70px 20px currentColor,84px 20px currentColor,98px 20px currentColor,112px 20px currentColor,126px 20px currentColor,140px 20px currentColor,154px 20px currentColor,168px 20px currentColor,182px 20px currentColor,
    0 30px currentColor,14px 30px currentColor,28px 30px currentColor,42px 30px currentColor,56px 30px currentColor,70px 30px currentColor,84px 30px currentColor,98px 30px currentColor,112px 30px currentColor,126px 30px currentColor,140px 30px currentColor,154px 30px currentColor;
}
.contact-pixel-cloud::after{
  content:"";
  position:absolute;
  left:42px;
  top:6px;
  width:84px;
  height:10px;
  background:rgba(255,255,255,.16);
  box-shadow:-28px 10px rgba(255,255,255,.1),56px 10px rgba(255,255,255,.09);
}
.contact-pixel-cloud.c1{left:2%;top:12%;--cloud-scale:2.2;animation:contactCloudDriftA 28s ease-in-out infinite alternate}
.contact-pixel-cloud.c2{right:4%;top:13%;--cloud-scale:1.82;--cloud-rotate:2deg;animation:contactCloudDriftB 32s ease-in-out infinite alternate}
.contact-pixel-cloud.c3{left:10%;bottom:12%;--cloud-scale:1.9;--cloud-rotate:-2deg;animation:contactCloudDriftC 26s ease-in-out infinite alternate}
.contact-pixel-cloud.c4{right:9%;bottom:4%;--cloud-scale:1.5;--cloud-rotate:1deg;animation:contactCloudDriftD 30s ease-in-out infinite alternate}
@keyframes contactCloudDriftA{0%{transform:translate3d(-32px,2px,0) scale(var(--cloud-scale)) rotate(var(--cloud-rotate))}100%{transform:translate3d(110px,22px,0) scale(var(--cloud-scale)) rotate(calc(var(--cloud-rotate) + 1deg))}}
@keyframes contactCloudDriftB{0%{transform:translate3d(34px,-4px,0) scale(var(--cloud-scale)) rotate(var(--cloud-rotate))}100%{transform:translate3d(-124px,34px,0) scale(var(--cloud-scale)) rotate(calc(var(--cloud-rotate) - 1deg))}}
@keyframes contactCloudDriftC{0%{transform:translate3d(-26px,12px,0) scale(var(--cloud-scale)) rotate(var(--cloud-rotate))}100%{transform:translate3d(126px,-16px,0) scale(var(--cloud-scale)) rotate(calc(var(--cloud-rotate) + 1deg))}}
@keyframes contactCloudDriftD{0%{transform:translate3d(38px,8px,0) scale(var(--cloud-scale)) rotate(var(--cloud-rotate))}100%{transform:translate3d(-106px,-28px,0) scale(var(--cloud-scale)) rotate(calc(var(--cloud-rotate) - 1deg))}}
.contact-panel{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
  gap:clamp(34px,5vw,72px)!important;
  align-items:center!important;
  padding:clamp(30px,4vw,54px)!important;
  border-radius:38px!important;
  background:rgba(8,26,70,.26)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 28px 72px rgba(12,30,78,.24)!important;
  backdrop-filter:blur(30px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.2)!important;
}
.contact-panel::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:auto!important;
  aspect-ratio:auto!important;
  left:0!important;
  bottom:auto!important;
  border-radius:inherit!important;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.035) 35%,rgba(255,255,255,0) 64%)!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:none!important;
}
.contact-panel::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  width:44%!important;
  aspect-ratio:1!important;
  right:-12%!important;
  top:-34%!important;
  border-radius:50%!important;
  background:rgba(215,255,0,.12)!important;
  filter:blur(70px)!important;
  opacity:.8!important;
  pointer-events:none!important;
}
.contact-panel>*{position:relative!important;z-index:1!important}
.contact-panel-copy::after{display:none!important}
.contact-kicker{color:rgba(255,255,255,.66)!important}
.contact-panel h2{color:#fff!important;font-size:clamp(40px,4.8vw,68px)!important;max-width:9ch!important;text-shadow:none!important}
.contact-panel-copy>p{color:rgba(255,255,255,.75)!important;max-width:39ch!important}
.contact-direct a{border-color:rgba(255,255,255,.2)!important}
.contact-direct a>span{color:rgba(255,255,255,.52)!important}
.contact-direct a>strong,.contact-direct a>b{color:#fff!important}
.contact-form{
  position:relative!important;
  overflow:hidden!important;
  border-radius:28px!important;
  padding:clamp(22px,2.5vw,32px)!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 42px rgba(8,27,76,.13)!important;
  backdrop-filter:blur(18px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.14)!important;
}
.contact-form::before{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0) 44%)!important}
.field label{color:rgba(255,255,255,.68)!important}
.field input,.field textarea{border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.105)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.44)!important}
.field input:focus,.field textarea:focus{border-color:rgba(215,255,0,.82)!important;background:rgba(255,255,255,.15)!important;box-shadow:0 0 0 3px rgba(215,255,0,.12),inset 0 1px 0 rgba(255,255,255,.08)!important}
.form-submit{background:var(--lime)!important;color:#080a07!important;box-shadow:0 12px 26px rgba(17,30,0,.14)!important}
.form-submit .arrow{color:#080a07!important}
.form-submit:hover{background:#fff!important;color:#080a07!important;box-shadow:0 16px 30px rgba(8,27,76,.2)!important}
.form-note{color:rgba(255,255,255,.52)!important}
@media(max-width:980px){
  .contact{padding:72px 0!important}
  .contact-panel{grid-template-columns:1fr!important;gap:30px!important;align-items:start!important}
  .contact-panel h2{max-width:10ch!important}
  .contact-panel-copy>p{max-width:52ch!important}
  .contact-direct{max-width:560px!important}
  .contact-pixel-cloud.c1{left:-5%;top:11%;--cloud-scale:1.9}
  .contact-pixel-cloud.c2{right:-8%;top:20%;--cloud-scale:1.7}
  .contact-pixel-cloud.c3{left:14%;bottom:10%;--cloud-scale:1.65}
  .contact-pixel-cloud.c4{right:12%;bottom:1%;--cloud-scale:1.45}
}
@media(max-width:760px){
  .contact{padding:60px 0!important}
  .contact>.shell{width:calc(100% - 28px)!important}
  .contact-panel{padding:22px!important;border-radius:26px!important;gap:24px!important}
  .contact-panel h2{font-size:clamp(40px,12vw,56px)!important;max-width:9ch!important}
  .contact-panel-copy>p{font-size:13px!important;margin-top:17px!important}
  .contact-direct{margin-top:22px!important}
  .contact-form{padding:18px!important;border-radius:22px!important}
  .contact-pixel-cloud{opacity:.46;filter:blur(4px)}
  .contact-pixel-cloud.c1{left:-18%;top:9%;--cloud-scale:1.35}
  .contact-pixel-cloud.c2{right:-22%;top:31%;--cloud-scale:1.25}
  .contact-pixel-cloud.c3{left:0;bottom:6%;--cloud-scale:1.22}
  .contact-pixel-cloud.c4{right:-4%;bottom:-2%;--cloud-scale:1.05}
}
@media(prefers-reduced-motion:reduce){.contact-pixel-cloud,.footer.footer-rich::before,.footer.footer-rich::after{animation:none!important}}


/* ================= responsive audit fixes ================= */

/* Tablet 761-1080. The leaks head is a two-column grid whose first track is
   minmax(0,1fr). The stat track sizes to its 330px max first, so at 768px the
   title track collapsed to 54px and the headline overflowed across the stat.
   One column is the correct layout at this width. */
@media(min-width:761px) and (max-width:1080px){
  .loss-content-head{grid-template-columns:minmax(0,1fr);gap:14px}
  .loss-list{--label-col:186px;--rail-col:52px}
  .loss-content h4{font-size:clamp(36px,5.2vw,50px);max-width:14ch}
  .loss-stat{margin:16px 0 0;max-width:56ch}
  .loss-label h3{font-size:24px;max-width:12ch}
  .loss-index{font-size:42px}
  .loss-item{min-height:0;padding:48px 0 64px}
}

/* Nothing on the page should render below ~10.5px. These were 7.5-9px. */
.mobile-menu-top span,.mobile-menu-top small{font-size:11px}
.mobile-menu-links a b{font-size:11px}
.loss-stat em{font-size:10.5px;letter-spacing:.08em}
@media(max-width:760px){.loss-stat em{font-size:10.5px}}
.price-badge{font-size:10.5px}
.price-note{font-size:12px;line-height:1.5}
.contact-direct a span{font-size:10.5px}
.contact-form .field label{font-size:11px}
.contact-form .form-note{font-size:11.5px;line-height:1.5}

/* Tap targets. WCAG 2.2 asks for 24x24 CSS px; footer links were 14-18px tall
   and the carousel dots were 6x6. Padding here, hit area for the dots. */
.footer-col a{padding:5px 0;margin-bottom:5px}
.footer-company a{display:inline-block;padding:4px 0}
.footer-bottom a,.foot a{display:inline-block;padding:5px 0}
.systems-dot{position:relative}
.systems-dot::after{content:"";position:absolute;inset:-10px;border-radius:50%}
.desktop-links a{display:inline-block;padding:7px 0;font-size:10.5px}
.hero-actions .text-link{display:inline-flex;align-items:center;padding:6px 0}

/* Card name was clipping at ~1180px, where 40% of the card is narrower than
   "DriveOffDallas" renders. */
.system-card-copy{max-width:64%}

/* "Launch is the start, not the handoff." overflowed its card at 1180px. */
@media(min-width:1081px) and (max-width:1240px){
  .support-card h4,.support-card h3{font-size:clamp(19px,1.7vw,23px)}
}

/* Drawer contact links were 10px text in an 11px tap area. */


/* ================= round 2 changes ================= */

/* Research now reads as a blue card with the source demoted beneath it. */
.loss-stat{display:flex;flex-direction:column;gap:9px;align-self:start;margin:clamp(18px,2vw,28px) 0 0;min-width:0;max-width:34ch;color:inherit;line-height:1.25}
.loss-stat-card{display:block;padding:clamp(15px,1.5vw,20px) clamp(16px,1.6vw,22px);border-radius:18px;background:var(--blue);color:#fff;font-size:clamp(13px,1.08vw,16px);font-weight:700;line-height:1.4;letter-spacing:-.018em;text-wrap:balance;box-shadow:0 14px 30px rgba(17,42,100,.3)}
.loss-stat em{font-style:normal;font-size:10.5px;line-height:1.3;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.34);white-space:normal;padding-left:2px}

/* Glass navigation. saturate lifts the colour that shows through, which is what
   separates real glass from a flat translucent panel. */
.desktop-nav{
  background:rgba(10,12,9,.52);
  border-color:rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  backdrop-filter:blur(22px) saturate(180%);
  box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 18px 44px rgba(0,0,0,.3);
}
body.nav-scrolled .desktop-nav{background:rgba(10,12,9,.62)}
/* backdrop-filter must NOT go on .mobile-nav-shell: it makes the shell a
   containing block for fixed-position descendants, and the slide-out drawer is
   one, which collapsed it to the size of the nav pill. The pill itself carries
   the glass instead. */
@supports not (backdrop-filter:blur(2px)){
  .desktop-nav{background:rgba(8,9,7,.92)}
}

/* Mobile keeps two annotations per screen instead of three. The third pointed
   from outside the image on a narrow viewport and was being clipped. */
@media(max-width:760px){
  .sketch-note.sketch-c{display:none}
  .sketch-note .sketch-label{font-size:clamp(13px,3.5vw,16px)}
  .sketch-note .sketch-arrow{--aw:82px;--ah:46px}
  .sketch-stage .sketch-a{left:2%;top:8%;--rot:-3deg;--ax:64%;--ay:26px;--ar:14deg}
  .sketch-stage .sketch-b{left:auto;right:2%;top:auto;bottom:6%;text-align:right;--rot:2deg;--ax:-72px;--ay:-40px;--fx:-1;--fy:-1;--ar:-12deg}
}

/* The compact nav shrank links to 9.5px on scroll, below the legible floor. */
body.nav-compact .desktop-links a{font-size:10.5px}

/* ---------- mobile refinements ---------- */
@media(max-width:760px){
  /* Globe sits on the section edge: drop the 64px of lime under it, remove the
     scene's 8px lift, and grow the scene so the sphere reads at a usable size. */
  .hero{padding:106px 0 0}
  .hero .shell{padding-bottom:206px}
  .hero-scene{height:302px;bottom:0}
  .layer-globe{bottom:-24%}

  /* One annotation per screen. The lower label pointed across the image from
     outside the frame and never landed on anything. */
  .sketch-note.sketch-b{display:none}
  .sketch-stage .sketch-a{left:3%;top:6%;--rot:-3deg;--ax:62%;--ay:24px;--aw:86px;--ah:48px;--ar:16deg}

  /* Real glass instead of a near solid slab. */
  .mobile-nav{
    background:rgba(10,12,9,.53);
    border-color:rgba(255,255,255,.2);
    -webkit-backdrop-filter:blur(24px) saturate(185%);
    backdrop-filter:blur(24px) saturate(185%);
    box-shadow:none;
  }
  body.mobile-menu-open .mobile-nav{background:rgba(10,12,9,.72)}
  /* The progress bar ran square into the pill's rounded corner and read as a
     rendering fault. Inset and rounded, it reads as a deliberate indicator. */
  /* Bar stops short of the menu button instead of running under it:
     8px nav padding + 42px button + 8px clearance + 12px start inset. */
  .mobile-nav::after{
    left:12px;bottom:7px;height:2px;border-radius:999px;
    width:calc(var(--scroll-progress) * (100% - 70px));opacity:.9;
  }
  @supports not (backdrop-filter:blur(2px)){
    .mobile-nav{background:rgba(8,9,7,.9)}
  }
}

/* ---------- mobile bug fixes ---------- */
@media(max-width:760px){
  /* A bare 1fr track keeps an auto minimum, so the Operations card's
     "Operations" + "Full system" row forced the column 74px wider than the
     screen and pushed every card off to the right. */
  .price-cards{grid-template-columns:minmax(0,1fr)}
  .price-card-top{flex-wrap:wrap;row-gap:9px}
  .price-card-id h3{font-size:36px}
  .price-badge{white-space:nowrap}
}

/* ---------- flat drawer, and the bar steps aside while it is open ---------- */
@media(max-width:760px){
  /* Two blurred colour orbs sat behind the links and read as smudged shadows.
     Flat surfaces, hairline rules, no drop shadows anywhere. */
  .mobile-menu::before,.mobile-menu::after{display:none}
  .mobile-menu{
    box-shadow:none;background:#0a0c09;border-color:rgba(255,255,255,.1);
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .mobile-menu-cta{box-shadow:none}
  .mobile-menu-btn{box-shadow:none}
  .mobile-menu-top{border-bottom-color:rgba(255,255,255,.09)}
  .mobile-menu-links a{border-bottom-color:rgba(255,255,255,.09)}

  /* The pill used to sit on top of the drawer as a second container. It now
     dissolves on open and eases back in on close, leaving just the close
     button floating over the panel. */
  .mobile-nav{
    transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,
               backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;
  }
  .mobile-brand{transition:opacity .24s ease,transform .3s var(--curve)}
  body.mobile-menu-open .mobile-nav{
    background:transparent;border-color:transparent;box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  body.mobile-menu-open .mobile-nav::after{opacity:0}
  body.mobile-menu-open .mobile-brand{opacity:0;transform:translateX(-8px);pointer-events:none}
}


/* Brand mark sizing. Added for the logo swap; nav height, padding and radii untouched. */
.nav-brand .brand-logo{height:22px;width:auto;display:block}
.mobile-brand .brand-logo{height:20px}
.footer-mark{width:auto;height:32px}
.footer-mark .footer-logo{height:32px;width:auto;display:block}
.footer-mark::before,.footer-mark::after{display:none}