@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Newsreader:ital,opsz,wght@1,6..72,500&family=Plus+Jakarta+Sans:wght@500;600&display=swap');

:root{
  --ink:#070a10;
  --ink-soft:#0d1220;
  --surface:#f7f8fb;
  --white:#fff;
  --text:#11141c;
  --muted:#697080;
  --violet:#755df0;
  --violet-deep:#4e35cf;
  --blue:#2a84ff;
  --cyan:#57d8ff;
  --line:rgba(16,20,30,.13);
  --header-h:64px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--text);font-family:"DM Sans",Arial,sans-serif;background:var(--white);font-size:16px;line-height:1.5;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img,video{display:block;max-width:100%}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ui-icon,.coin-icon,.orbit-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.pill .ui-icon{width:15px;height:15px;transition:transform .25s}
.text-link .ui-icon{width:16px;height:16px;transition:transform .25s}
.pill:hover .ui-icon{transform:translate(3px,-3px)}
.text-link:hover .ui-icon{transform:translateY(4px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:999;left:16px;top:-80px;background:#fff;color:#111;padding:12px 18px;border-radius:99px;transition:top .2s}
.skip-link:focus{top:12px}

.site-header{position:fixed;z-index:100;inset:0 0 auto;height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;color:#fff;background:rgba(5,8,14,.62);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);transition:background .35s,border-color .35s,transform .35s}
.site-header.scrolled{background:rgba(5,8,14,.94);border-color:rgba(255,255,255,.08)}
.site-header.hide-header{transform:translateY(-100%)}
.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;font-size:15px;font-weight:700;letter-spacing:.18em}
.brand-mark{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:500}
.desktop-nav a,.login-link{position:relative;color:rgba(255,255,255,.78);transition:color .2s}
.desktop-nav a:after,.login-link:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#fff;transition:right .25s}
.desktop-nav a:hover,.login-link:hover{color:#fff}
.desktop-nav a:hover:after,.login-link:hover:after{right:0}
.header-actions{justify-self:end;display:flex;align-items:center;gap:22px;font-size:13px;font-weight:600}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 25px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s,color .25s}
.pill span{transition:transform .25s}
.pill:hover{transform:translateY(-3px)}
.pill:hover span{transform:translate(3px,-3px)}
.pill-small{min-height:38px;padding:0 18px;font-size:12px}
.pill-solid{background:#fff;color:#080a10}
.pill-primary{background:var(--violet);color:#fff;box-shadow:0 14px 35px rgba(91,66,221,.27)}
.pill-primary:hover{background:#846fff;box-shadow:0 20px 45px rgba(91,66,221,.38)}
.pill-dark{background:#0a0d14;color:#fff}
.pill-white{background:#fff;color:#24184e;box-shadow:0 16px 42px rgba(35,19,89,.18)}
.menu-toggle,.mobile-menu{display:none}

.hero{position:relative;min-height:900px;height:100svh;color:#fff;overflow:hidden;background:#05080e}
.hero-media,.hero-media video,.hero-shade,.hero-grid{position:absolute;inset:0;width:100%;height:100%}
.hero-media{transform:scale(1.04);will-change:transform}
.hero-media video{object-fit:cover;filter:saturate(.65) contrast(1.12) brightness(.72)}
.hero-shot{z-index:0;opacity:0;transition:opacity .9s cubic-bezier(.22,.75,.25,1);will-change:opacity,transform}
.hero-shot.is-active{z-index:1;opacity:1}
.hero-shot-close{object-position:50% 38%}
.hero-shade{background:radial-gradient(circle at 50% 38%,rgba(10,15,28,.05),rgba(4,6,12,.3) 42%,rgba(4,6,12,.74) 100%),linear-gradient(180deg,rgba(2,4,9,.1),rgba(5,8,14,.18) 52%,rgba(5,8,14,.82));}
.hero-grid{opacity:.22;background-image:linear-gradient(rgba(122,100,245,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(73,157,255,.14) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,transparent,black 35%,transparent 92%);animation:gridDrift 16s linear infinite}
@keyframes gridDrift{to{background-position:90px 90px}}
.hero-copy{position:absolute;z-index:2;left:50%;top:51%;width:min(1020px,calc(100% - 64px));text-align:center;transform:translate(-50%,-50%);will-change:transform,opacity}
.eyebrow{margin:0 0 24px;color:var(--violet-deep);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.eyebrow.light{color:#cfc5ff}
h1,h2{margin:0;letter-spacing:-.045em;line-height:.92}
h1{font-size:clamp(72px,8.7vw,142px);font-weight:500;text-shadow:0 8px 45px rgba(0,0,0,.24)}
h1 em,h2 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400}
.hero-lead{max-width:720px;margin:30px auto 0;color:rgba(255,255,255,.86);font-size:clamp(18px,1.7vw,24px);line-height:1.45}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:38px}
.text-link{display:inline-flex;gap:14px;align-items:center;font-size:14px;font-weight:600}
.light-link{color:#fff}
.text-link span{transition:transform .25s}
.text-link:hover span{transform:translateY(4px)}
.hero-foot{position:absolute;z-index:2;left:34px;right:34px;bottom:28px;display:flex;justify-content:space-between;color:rgba(255,255,255,.6);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.scroll-cue{display:flex;align-items:center;gap:12px}
.scroll-cue i{display:block;width:34px;height:1px;background:#fff;transform-origin:left;animation:scrollLine 2s ease-in-out infinite}
@keyframes scrollLine{0%,100%{transform:scaleX(.35);opacity:.4}50%{transform:scaleX(1);opacity:1}}

.manifesto{min-height:520px;padding:110px 40px 98px;text-align:center;background:#fff;display:flex;align-items:center;flex-direction:column;justify-content:center}
.manifesto h2,.closing-cta h2{font-size:clamp(58px,7.4vw,116px);font-weight:500;color:#0b0d13}
.manifesto>p:not(.eyebrow){max-width:680px;margin:28px auto 0;color:#656b78;font-size:19px}
.chapter-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:48px}
.chapter-dots a{display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid #e0e3ea;border-radius:99px;font-size:12px;color:#4f5562;transition:border-color .2s,background .2s,transform .2s}
.chapter-dots a:hover{border-color:#a799ff;background:#f7f5ff;transform:translateY(-2px)}
.chapter-dots span{color:var(--violet);font-weight:700}

.product-stage{position:relative;min-height:880px;display:flex;align-items:center;overflow:hidden;padding:100px 5vw}
.stage-inner{position:relative;z-index:2;width:min(1440px,100%);margin:auto;display:grid;grid-template-columns:minmax(360px,.76fr) minmax(560px,1.24fr);gap:7vw;align-items:center}
.stage-inner.reverse{grid-template-columns:minmax(560px,1.24fr) minmax(360px,.76fr)}
.stage-inner.reverse .stage-copy{order:2}
.stage-inner.reverse .reveal-visual{order:1}
.theme-ink,.theme-black{color:#fff;background:var(--ink)}
.theme-frost{background:#eef2fb;color:#11141c}
.theme-violet{color:#fff;background:#5a43d4}
.theme-light{background:#fff;color:#11141c}
.stage-copy{max-width:540px}
.chapter{display:flex;align-items:center;gap:15px;margin:0 0 27px;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.chapter span{display:grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;opacity:.72}
.stage-copy h2{font-size:clamp(55px,6.1vw,96px);font-weight:500}
.stage-copy>p:not(.chapter){margin:30px 0 0;max-width:530px;color:inherit;opacity:.72;font-size:18px;line-height:1.65}
.feature-row{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 36px;padding:0;list-style:none}
.feature-row li{padding:9px 13px;border:1px solid currentColor;border-radius:99px;font-size:11px;font-weight:600;opacity:.68}
.stage-watermark{position:absolute;right:-2vw;bottom:-13vw;color:rgba(255,255,255,.025);font-size:33vw;font-weight:700;line-height:1;letter-spacing:-.08em;pointer-events:none}

.product-frame{position:relative;margin:0;border-radius:25px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 44px 100px rgba(0,0,0,.38);transform:perspective(1400px) rotateY(-4deg) rotateX(1deg);transform-style:preserve-3d;will-change:transform}
.frame-light{box-shadow:0 42px 100px rgba(36,46,75,.18);border-color:rgba(36,46,75,.12)}
.frame-bar{height:46px;padding:0 16px;display:flex;align-items:center;gap:7px;color:#697080;background:#fff;border-bottom:1px solid #e9ebf0;font-size:10px}
.frame-bar i{width:7px;height:7px;border-radius:50%;background:#d2d5dc}
.frame-bar i:first-child{background:#765ff0}
.frame-bar span{margin-left:9px;font-weight:600}
.frame-bar b{margin-left:auto;color:#4a39c3;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.product-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center;background:#f2f4f8}
.product-frame figcaption{position:absolute;right:16px;bottom:14px;display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:99px;background:rgba(7,10,16,.82);color:#fff;font-size:9px;font-weight:600;letter-spacing:.05em;backdrop-filter:blur(12px)}
.live-dot{width:7px;height:7px;border-radius:50%;background:#44d69d;box-shadow:0 0 0 5px rgba(68,214,157,.12);animation:livePulse 1.8s ease-out infinite}
@keyframes livePulse{50%{box-shadow:0 0 0 10px rgba(68,214,157,0)}}
.probability-orbit{position:absolute;right:-10vw;top:-12vw;width:46vw;aspect-ratio:1;border:1px solid rgba(82,58,204,.1);border-radius:50%;animation:orbitSpin 28s linear infinite}
.probability-orbit:before,.probability-orbit:after{content:"";position:absolute;inset:14%;border:1px solid rgba(82,58,204,.09);border-radius:50%}
.probability-orbit:after{inset:31%}
.probability-orbit i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--violet);box-shadow:0 0 30px rgba(117,93,240,.65)}
.probability-orbit i:nth-child(1){left:13%;top:24%}.probability-orbit i:nth-child(2){right:9%;top:49%;background:var(--blue)}.probability-orbit i:nth-child(3){left:40%;bottom:2%;background:var(--cyan)}
@keyframes orbitSpin{to{transform:rotate(360deg)}}

.phone-scene{position:relative;min-height:690px;display:grid;place-items:center;transform-style:preserve-3d}
.phone-shell{position:relative;width:min(390px,68vw);height:705px;border:9px solid #0a0d14;border-radius:52px;overflow:hidden;background:#0b0e16;box-shadow:0 55px 110px rgba(27,13,79,.42);transform:rotate(4deg)}
.phone-shell:after{content:"";position:absolute;inset:0;border-radius:40px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);pointer-events:none}
.phone-speaker{position:absolute;z-index:2;top:13px;left:50%;width:96px;height:24px;transform:translateX(-50%);border-radius:99px;background:#07090d}
.phone-shell img{width:100%;height:100%;object-fit:cover;object-position:center top}
.activity-chip{position:absolute;z-index:3;min-width:178px;padding:15px 18px;border-radius:17px;background:rgba(12,9,29,.86);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 55px rgba(26,14,74,.35);backdrop-filter:blur(16px);animation:floatChip 5s ease-in-out infinite}
.activity-chip span,.activity-chip strong{display:block}.activity-chip span{color:rgba(255,255,255,.62);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.activity-chip strong{margin-top:5px;color:#fff;font-size:15px}
.chip-one{top:19%;left:1%}.chip-two{right:-2%;bottom:19%;animation-delay:-2.5s}
@keyframes floatChip{50%{transform:translateY(-13px)}}
.card-orbit{position:absolute;left:-12vw;bottom:-28vw;width:54vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.card-orbit:before,.card-orbit:after{content:"";position:absolute;inset:15%;border:inherit;border-radius:inherit}.card-orbit:after{inset:32%}

.terminal-stack{position:relative;padding:26px 0 0;transform-style:preserve-3d}
.frame-terminal{transform:perspective(1400px) rotateY(4deg) rotateX(1deg);box-shadow:0 48px 110px rgba(0,0,0,.55)}
.agent-rail{position:absolute;left:8%;right:4%;bottom:-41px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 50px rgba(0,0,0,.4);backdrop-filter:blur(18px)}
.agent-rail span{display:flex;align-items:center;gap:10px;padding:13px 12px;color:rgba(255,255,255,.72);background:rgba(12,16,25,.84);font-size:10px;font-weight:600}
.agent-rail b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;background:var(--violet);font-size:10px}
.market-lines{position:absolute;inset:0;opacity:.11;pointer-events:none;transform:rotate(-9deg) scale(1.2)}
.market-lines i{position:absolute;left:-10%;width:120%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),var(--violet),transparent);animation:marketMove 8s ease-in-out infinite}
.market-lines i:nth-child(1){top:19%}.market-lines i:nth-child(2){top:42%;animation-delay:-2s}.market-lines i:nth-child(3){top:66%;animation-delay:-4s}.market-lines i:nth-child(4){top:84%;animation-delay:-6s}
@keyframes marketMove{0%,100%{transform:translateX(-8%) scaleX(.8)}50%{transform:translateX(8%) scaleX(1.1)}}

.swap-scene{position:relative;min-height:650px;display:grid;place-items:center;perspective:1200px}
.swap-window{position:relative;z-index:2;width:min(510px,86vw);padding:26px;border-radius:28px;background:#0b0e16;color:#fff;box-shadow:0 44px 100px rgba(23,31,55,.22);transform:rotateY(-5deg) rotateX(2deg)}
.swap-head{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 22px;font-size:16px;font-weight:700}.swap-head b{color:#a895ff;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.swap-field{position:relative;min-height:142px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#141925}
.swap-field>span{display:block;color:#838c9f;font-size:11px}.swap-field>strong{display:block;margin-top:17px;font-size:32px;font-weight:500;letter-spacing:-.04em}
.swap-field button{position:absolute;right:17px;bottom:23px;display:flex;align-items:center;gap:8px;padding:8px 12px;color:#fff;border:0;border-radius:99px;background:#262c3a;font-size:12px}
.coin{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-style:normal;font-weight:700}.usdc{background:#2775ca}.btc{background:#f7931a}
.coin-icon{width:19px;height:19px;color:#fff;stroke-width:1.55}.orbit-icon{width:28px;height:28px}
.route-value{display:inline-flex;align-items:center;gap:5px}.route-value .ui-icon{width:12px;height:12px}
.swap-control{position:relative;z-index:3;height:0;display:grid;place-items:center}.swap-control span{display:grid;place-items:center;width:42px;height:42px;border:5px solid #0b0e16;border-radius:13px;background:#282f3d;color:#b8abff;transform:translateY(-21px)}
.route-table{display:grid;gap:10px;padding:21px 4px 18px}.route-table span{display:flex;justify-content:space-between;color:#727c8f;font-size:11px}.route-table b{color:#d9dce4;font-weight:500}
.swap-confirm{height:52px;border-radius:15px;display:grid;place-items:center;background:var(--violet);font-size:13px;font-weight:700}
.coin-orbit{position:absolute;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;color:#fff;font-size:23px;font-weight:700;box-shadow:0 22px 55px rgba(45,44,102,.2);animation:coinFloat 6s ease-in-out infinite}
.orbit-a{left:2%;top:16%;background:#f7931a}.orbit-b{right:1%;top:30%;background:#2775ca;animation-delay:-2s}.orbit-c{left:13%;bottom:10%;background:#6d50df;animation-delay:-4s}
@keyframes coinFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-18px) rotate(7deg)}}

.closing-cta{position:relative;min-height:720px;display:grid;place-items:center;padding:90px 30px;background:#080b12;color:#fff;overflow:hidden;text-align:center}
.closing-copy{position:relative;z-index:2}.closing-cta h2{color:#fff}.closing-cta .pill{margin-top:40px}
.line-field{position:absolute;inset:-20%;opacity:.38;filter:blur(.2px);transform:rotate(-12deg)}
.line-field:before,.line-field:after,.line-field i{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--violet),var(--blue),transparent);box-shadow:0 0 28px rgba(84,112,255,.45);animation:lineWave 9s ease-in-out infinite}
.line-field:before{top:24%}.line-field:after{top:71%;animation-delay:-4s}.line-field i:nth-child(1){top:34%;animation-delay:-1s}.line-field i:nth-child(2){top:44%;animation-delay:-2s}.line-field i:nth-child(3){top:54%;animation-delay:-3s}.line-field i:nth-child(4){top:64%;animation-delay:-4s}.line-field i:nth-child(5){top:84%;animation-delay:-5s}
@keyframes lineWave{0%,100%{transform:translateX(-6%) scaleX(.85)}50%{transform:translateX(6%) scaleX(1.08)}}

.site-footer{padding:72px 5vw 42px;color:#fff;background:#05070b;display:grid;grid-template-columns:1.1fr 1fr auto;gap:24px 40px;align-items:start;border-top:1px solid rgba(255,255,255,.09)}
.site-footer>p{margin:0;max-width:420px;color:rgba(255,255,255,.56);font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:13px 24px;font-size:12px;color:rgba(255,255,255,.72)}
.footer-brand{grid-column:1/-1}.disclosure{grid-column:1/3}.media-credit{justify-self:end;color:rgba(255,255,255,.35);font-size:10px}
.landing-footer{display:block;padding:76px 5vw 36px}
.landing-footer-grid{display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(150px,1fr));gap:48px 42px;width:min(1380px,100%);margin:0 auto}
.landing-footer-brand{max-width:390px}.landing-footer-brand .footer-brand{display:inline-flex;margin-bottom:24px}.landing-footer-brand p{margin:0;color:rgba(255,255,255,.62);font-size:14px;line-height:1.75}
.landing-footer-group h2{margin:4px 0 22px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.landing-footer-group nav{display:grid;gap:14px}.landing-footer-group a{width:fit-content;color:rgba(255,255,255,.68);font-size:13px;line-height:1.45;text-decoration:none;transition:color .2s ease}.landing-footer-group a:hover,.landing-footer-group a:focus-visible{color:#fff}
.landing-footer-bottom{display:flex;justify-content:space-between;gap:24px;width:min(1380px,100%);margin:58px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.42);font-size:11px;line-height:1.6}

.progress-rail{position:fixed;z-index:40;right:17px;top:50%;height:150px;width:20px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;mix-blend-mode:difference;pointer-events:none}
.progress-rail:before{content:"";width:1px;height:120px;background:rgba(255,255,255,.28)}
.progress-rail span{position:absolute;top:0;width:2px;height:0;background:#fff;transition:height .1s linear}
.progress-rail b{font-size:9px;letter-spacing:.1em}

.reveal-copy,.reveal-visual,.reveal-block{opacity:0;transform:translateY(48px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal-visual{transform:translateY(70px) scale(.965);transition-delay:.11s}
.is-visible .reveal-copy,.is-visible .reveal-visual,.reveal-block.is-visible{opacity:1;transform:translateY(0) scale(1)}

@media (max-width:1050px){
  .desktop-nav{gap:18px}.site-header{padding:0 22px}.header-actions{gap:14px}
  .product-stage{min-height:960px;padding:96px 6vw}
  .stage-inner,.stage-inner.reverse{grid-template-columns:1fr;gap:55px}
  .stage-inner.reverse .stage-copy,.stage-inner.reverse .reveal-visual{order:initial}
  .stage-copy{max-width:700px}.product-frame{transform:none}.phone-scene{min-height:660px}
}

@media (max-width:760px){
  :root{--header-h:58px}
  .site-header{grid-template-columns:1fr auto;padding:0 16px}.desktop-nav,.header-actions{display:none}
  .menu-toggle{display:grid;gap:5px;padding:8px;border:0;background:none}.menu-toggle span:not(.sr-only){display:block;width:23px;height:1px;background:#fff;transition:transform .25s}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}
  .mobile-menu{position:fixed;inset:var(--header-h) 0 auto;display:grid;gap:0;padding:20px 16px 28px;background:#070a10;border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(-130%);transition:transform .35s}.mobile-menu.open{transform:translateY(0)}
  .mobile-menu a{padding:14px 6px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
  .hero{min-height:780px}.hero-copy{width:calc(100% - 32px)}.hero-grid{background-size:58px 58px}.hero-foot{left:17px;right:17px}.hero-foot>span:first-child{display:none}
  h1{font-size:clamp(58px,17vw,84px)}.hero-lead{font-size:17px}.hero-actions{flex-direction:column;gap:18px}.pill{min-height:49px}
  .manifesto{padding:86px 18px}.manifesto h2,.closing-cta h2{font-size:clamp(50px,14vw,72px)}.chapter-dots{justify-content:flex-start}
  .product-stage{min-height:auto;padding:94px 18px 110px}.stage-inner,.stage-inner.reverse{gap:44px}.stage-copy h2{font-size:clamp(49px,14vw,68px)}.stage-copy>p:not(.chapter){font-size:16px}.feature-row{margin-bottom:31px}
  .frame-bar{height:38px}.frame-bar span{font-size:8px}.product-frame{border-radius:16px}.product-frame figcaption{display:none}
  .phone-scene{min-height:620px}.phone-shell{height:610px;border-width:7px;border-radius:43px}.activity-chip{min-width:150px;padding:12px 14px}.chip-one{left:-2%}.chip-two{right:-2%}
  .terminal-stack{padding-bottom:55px}.agent-rail{left:3%;right:3%;grid-template-columns:1fr 1fr;bottom:0}.agent-rail span{padding:10px}
  .swap-scene{min-height:590px}.swap-window{padding:18px}.swap-field{min-height:128px}.swap-field>strong{font-size:28px}.coin-orbit{width:53px;height:53px;font-size:18px}.route-table span{font-size:9px}
  .closing-cta{min-height:620px}.site-footer{grid-template-columns:1fr}.disclosure,.footer-brand{grid-column:1}.media-credit{justify-self:start}.landing-footer-grid{grid-template-columns:1fr 1fr}.landing-footer-brand{grid-column:1/-1}.progress-rail{display:none}
}
@media (max-width:680px){.landing-footer{padding:58px 24px 30px}.landing-footer-grid{grid-template-columns:1fr;gap:34px}.landing-footer-brand{grid-column:auto}.landing-footer-group h2{margin-bottom:16px}.landing-footer-bottom{flex-direction:column;margin-top:42px}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .hero-media{transform:none!important}.reveal-copy,.reveal-visual,.reveal-block{opacity:1;transform:none}
}

                                              
                                                                              
                                                               
body{font-family:Inter,Helvetica,Arial,sans-serif;letter-spacing:-.01em}

.site-header{height:64px;padding:0 32px;background:rgba(7,8,13,.94);backdrop-filter:none}
.desktop-nav,.header-actions{font-size:14px}

.hero{height:900px;min-height:900px}
.hero-media{transform:none!important}
.hero-media video{filter:saturate(.58) contrast(1.08) brightness(.55);object-position:center center}
.hero-shade{background:linear-gradient(180deg,rgba(2,3,6,.06),rgba(2,3,6,.1) 44%,rgba(2,3,6,.38) 100%)}
.hero-grid,.hero-foot{display:none}
.hero:not(.hero-system-motion) .hero-copy{top:56.5%;width:min(1045px,calc(100% - 64px));transform:translate(-50%,-50%)!important;opacity:1!important}
.hero-copy h1{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif;font-size:clamp(56px,6.7vw,100px);font-weight:620;line-height:.94;letter-spacing:-.068em;text-shadow:none}
.hero-copy h1 span{display:block;font:inherit}
.hero-lead{width:min(831px,100%);max-width:none;margin-top:28px;font-family:Inter,Helvetica,Arial,sans-serif;font-size:22px;line-height:24px;letter-spacing:-.25px;color:#fff}
.hero-actions{margin-top:34px}
.hero .pill{min-width:146px;min-height:44px;padding:0 24px;border-radius:36px;font-size:13px}
.hero .text-link{font-size:13px}
.hero-copy h1{animation:rhContentEnter .72s cubic-bezier(.22,.75,.25,1) both}
.hero-lead{animation:rhContentEnter .72s .1s cubic-bezier(.22,.75,.25,1) both}
.hero-actions{animation:rhContentEnter .72s .2s cubic-bezier(.22,.75,.25,1) both}
@keyframes rhContentEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.manifesto{min-height:445px;padding:88px 40px 76px}
.manifesto{background:#000;color:#fff}
.manifesto .eyebrow{margin-bottom:14px}
.manifesto h2{font-family:Inter,Helvetica,Arial,sans-serif;font-size:40px;font-weight:400;line-height:48px;letter-spacing:-1px;color:#fff}
.manifesto h2 em{font:inherit}
.manifesto>p:not(.eyebrow){max-width:720px;margin-top:18px;font-size:17px;line-height:25px;color:rgba(255,255,255,.78)}
.chapter-dots{display:none}

.product-stage{min-height:800px;padding:72px 3.125vw}
.stage-inner{width:min(1360px,100%);grid-template-columns:minmax(340px,390px) minmax(0,1fr);gap:52px}
.stage-inner.reverse{grid-template-columns:minmax(0,1fr) minmax(340px,390px)}
.stage-copy{max-width:390px}
.chapter{margin-bottom:28px;font-size:clamp(24px,2.1vw,32px);font-weight:650;line-height:1.08;letter-spacing:-.045em;text-transform:none}
.chapter span{display:none}
.stage-copy h2,.stage-copy h2 em{font-family:Inter,Helvetica,Arial,sans-serif;font-size:40px;font-style:normal;font-weight:400;line-height:48px;letter-spacing:-1px}
.stage-copy h2 em{display:block}
.stage-copy>p:not(.chapter){max-width:390px;margin-top:22px;font-size:17px;line-height:25px;opacity:.74}
.feature-row{display:none}
.stage-copy>.pill{margin-top:32px;min-height:44px;padding:0 22px;font-size:13px}

.product-frame{border-radius:20px;transform:none!important;box-shadow:none;transition:none}
.frame-light{box-shadow:none}
.frame-bar,.product-frame figcaption{display:none}
.product-frame img{aspect-ratio:16/9;object-fit:cover;object-position:top center}
.stage-ask .product-frame,.stage-bet .product-frame,.stage-trading .product-frame{box-shadow:0 24px 70px rgba(0,0,0,.2)}

.phone-scene{min-height:720px;transform:none!important}
.phone-shell{width:min(430px,74vw);height:720px;transform:none;border-width:8px;box-shadow:0 28px 70px rgba(27,13,79,.28)}
.activity-chip{animation:none}
.chip-one{top:20%;left:1%}.chip-two{right:0;bottom:20%}

.terminal-stack{transform:none!important}
.frame-terminal{transform:none!important}
.agent-rail{bottom:-34px}
.swap-scene{transform:none!important}
.swap-window{width:min(590px,92vw);transform:none}
.coin-orbit,.probability-orbit,.card-orbit,.market-lines,.stage-watermark{display:none}

.reveal-copy,.reveal-visual,.reveal-block{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.22,.75,.25,1),transform .7s cubic-bezier(.22,.75,.25,1)}
.reveal-visual{transition-delay:.1s}
.is-visible .reveal-copy,.is-visible .reveal-visual,.reveal-block.is-visible{opacity:1;transform:translateY(0)}

.closing-cta{min-height:704px}
.closing-cta h2{font-family:"Plus Jakarta Sans",Inter,Helvetica,Arial,sans-serif;font-size:72px;font-style:normal;font-weight:600;line-height:72px;letter-spacing:-3.7px}
.closing-cta h2 em{display:block;margin-top:10px;font-family:"Newsreader",Georgia,serif;font-size:96px;font-style:italic;font-weight:500;line-height:88px;letter-spacing:-2.2px;color:#c1b3ff}
.line-field:before,.line-field:after,.line-field i{animation-play-state:paused}
.closing-cta.is-visible .line-field:before,.closing-cta.is-visible .line-field:after,.closing-cta.is-visible .line-field i{animation-play-state:running}
.progress-rail{display:none}

@media (max-width:1050px){
  .product-stage{min-height:900px;padding:84px 5vw}
  .stage-inner,.stage-inner.reverse{grid-template-columns:1fr;gap:42px}
  .stage-inner.reverse .stage-copy,.stage-inner.reverse .reveal-visual{order:initial}
  .stage-copy{max-width:620px}
}

@media (max-width:760px){
  .site-header{height:58px;padding:0 16px}
  .hero{height:786px;min-height:786px}
  .hero-copy{width:calc(100% - 30px)}
  .hero-copy h1{font-size:clamp(42px,11.5vw,54px);line-height:.95;letter-spacing:-.06em}
  .hero-lead{max-width:350px;font-size:17px;line-height:23px}
  .hero-actions{flex-direction:column;gap:15px}
  .manifesto{min-height:auto;padding:78px 18px 70px}
  .manifesto h2{font-size:36px;line-height:42px}
  .product-stage{min-height:auto;padding:84px 18px 100px}
  .stage-copy h2,.stage-copy h2 em{font-size:38px;line-height:43px}
  .chapter{margin-bottom:22px;font-size:24px;line-height:1.12;letter-spacing:-.035em}
  .phone-shell{height:610px}
  .closing-cta{min-height:620px}
  .closing-cta h2{font-size:48px;line-height:51px;letter-spacing:-1.5px}
  .closing-cta h2 em{font-size:58px;line-height:58px}
}

@media (prefers-reduced-motion:reduce){
  .hero-copy h1,.hero-lead,.hero-actions,.line-field:before,.line-field:after,.line-field i{animation:none!important}
  .reveal-copy,.reveal-visual,.reveal-block{opacity:1!important;transform:none!important}
}

                                                                          
                                                                    
.hero-media video{filter:saturate(.82) contrast(1.04) brightness(.72);object-position:center center}
.hero-media .hero-shot-close{object-position:50% 38%}
.hero-shade{background:linear-gradient(180deg,rgba(3,4,7,.05),rgba(3,4,7,.08) 46%,rgba(3,4,7,.34) 100%)}
.hero-copy h1,.hero-lead,.hero-actions{animation:none!important}
.pill:hover{transform:none}
.pill:hover span{transform:none}
.reveal-copy,.reveal-visual,.reveal-block{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.closing-cta{height:704px;min-height:704px;padding:80px 30px}
.closing-media,.closing-shade{position:absolute;inset:0;width:100%;height:100%}
.closing-media{overflow:hidden;background:#05050a}
.security-motion{position:absolute;inset:0;overflow:hidden;background:#07080c;isolation:isolate}
.security-field{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.security-core{position:absolute;left:50%;top:58%;width:390px;height:260px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(126,93,255,.54) 0,rgba(76,86,255,.25) 26%,rgba(19,174,163,.12) 47%,transparent 72%);filter:blur(17px);mix-blend-mode:screen;animation:security-core-pulse 4.6s ease-in-out infinite}
.closing-shade{z-index:1;background:radial-gradient(circle at 50% 55%,transparent 0 22%,rgba(2,3,8,.08) 48%,rgba(2,3,8,.3) 100%),linear-gradient(180deg,rgba(2,3,8,.04),rgba(2,3,8,.2))}
.closing-copy{width:min(920px,calc(100% - 40px));margin:auto}

@keyframes security-core-pulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(.86)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.14)}}
.line-field{display:none!important}
.scroll-cue i,.live-dot,.market-lines i{animation:none!important}
.media-credit a{text-decoration:underline;text-underline-offset:3px}

@media (max-width:760px){
  .hero-media video{object-position:52% center}
  .hero-media .hero-shot-close{object-position:56% 38%}
  .closing-cta{height:620px;min-height:620px}
}

                                                                           
                                                                             
html{scrollbar-width:auto;scrollbar-color:#f2eee4 #171b24}
html::-webkit-scrollbar{width:14px;height:14px}
html::-webkit-scrollbar-track{background:#171b24;border-left:1px solid rgba(255,255,255,.12)}
html::-webkit-scrollbar-thumb{min-height:72px;background:#f2eee4;border:3px solid #171b24;border-radius:999px}
html::-webkit-scrollbar-thumb:hover{background:#fff}
.network-story{position:relative;height:100svh;background:#000;touch-action:pan-y;overscroll-behavior-y:auto}
.network-story-sticky{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;background:#000;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);touch-action:pan-y;overscroll-behavior-y:auto}
.network-story-frame{display:block;width:100%;height:100%;border:0;background:#000;pointer-events:auto;touch-action:pan-y;overscroll-behavior-y:auto}
.network-story-clickshield{position:absolute;z-index:3;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.network-story.is-network-expanded .network-story-clickshield{pointer-events:none}
.network-story-title{position:absolute;z-index:4;left:50%;top:82px;width:min(720px,calc(100% - 40px));color:#fff;text-align:center;transform:translateX(-50%);pointer-events:none}
.network-story-title .chapter{margin:0 0 6px;color:rgba(255,255,255,.72);font-size:8px}
.network-story-title h2{margin:0;white-space:nowrap;font:800 clamp(22px,2vw,31px)/.94 "Manrope","Plus Jakarta Sans",Inter,Arial,sans-serif;letter-spacing:-.07em;text-transform:uppercase}
.network-story-title h2 span{font-style:normal;font-weight:500;color:#c5b9ff}
.network-story-title .agentic-lead{margin:10px auto 0;color:#fff;font:650 clamp(13px,1.25vw,17px)/1.3 "Manrope","Plus Jakarta Sans",Inter,Arial,sans-serif;letter-spacing:-.025em;text-transform:none}
.network-story-copy{position:absolute;z-index:4;left:clamp(16px,2.4vw,38px);top:178px;bottom:auto;width:min(270px,calc(100% - 32px));padding:16px;color:#fff;text-align:left;background:rgba(4,4,8,.82);border:1px solid rgba(255,255,255,.16);border-radius:4px;backdrop-filter:blur(8px);pointer-events:none}
.network-story-copy .agentic-summary{margin:0;color:rgba(255,255,255,.78);font:500 10px/1.48 Arial,sans-serif}
.network-story-copy .agentic-points{display:grid;gap:6px;margin:11px 0 12px;padding:0;list-style:none}
.network-story-copy .agentic-points li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start;color:rgba(255,255,255,.86);font-size:9.5px;line-height:1.34}
.network-story-copy .agentic-points b{padding-top:1px;color:#c5b9ff;font-family:"JetBrains Mono",monospace;font-size:8px;letter-spacing:.04em}
.network-story-copy .feature-row{display:none}
.network-story-copy .pill{pointer-events:auto}
.network-story-copy small{display:none}
.network-story-copy .pill{min-height:33px;padding:0 11px;font-size:10px}
.network-story-actions{display:grid;gap:9px;pointer-events:auto}
.network-story-link{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.84);font:700 9px/1.3 Arial,sans-serif;text-decoration:none}
.network-story-link:hover,.network-story-link:focus-visible{color:#fff}
.network-story-link .ui-icon{width:13px;height:13px}
.network-story-fallback{position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);padding:14px 22px;border-radius:999px;background:#fff;color:#000;font-weight:700}
body.network-story-active .site-header{transform:none}
.network-story-title,.network-story-copy{transition:opacity .26s ease,transform .26s ease}
.network-story.is-network-expanded .network-story-title,.network-story.is-network-expanded .network-story-copy{opacity:0;visibility:hidden}
@media (hover:none),(pointer:coarse){
                                                                                       
  .network-story-frame{pointer-events:auto;touch-action:none}
}

@media (max-width:760px){
  html::-webkit-scrollbar{width:11px;height:11px}
  html::-webkit-scrollbar-thumb{border-width:2px;min-height:60px}
  .network-story{height:100svh}
  .network-story-title{top:76px;width:min(350px,calc(100% - 20px))}
  .network-story-title h2{font-size:clamp(20px,6.5vw,25px)}
  .network-story-title .agentic-lead{margin-top:8px;font-size:12px;line-height:1.3}
  .network-story-copy{left:10px;right:auto;top:160px;bottom:auto;width:224px;padding:12px;border-radius:3px}
  .network-story-copy .agentic-summary{font-size:9px;line-height:1.42}
  .network-story-copy .agentic-points{gap:5px;margin:9px 0 10px}
  .network-story-copy .agentic-points li{font-size:9px;line-height:1.32}
}

                                    
                                                                                     
.hero-system-motion{
  --motion-duration:10.62s;
  position:relative;
  height:max(100svh,760px);
  min-height:760px;
  overflow:hidden;
  isolation:isolate;
  color:#101725;
  background:#fff;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.hero-system-motion .system-motion,
.hero-system-motion .system-scene,
.hero-system-motion .system-bridge{
  position:absolute;
  inset:0;
}
.hero-system-motion .system-motion{z-index:0;background:#fff;overflow:hidden}
.hero-system-motion .system-scene{overflow:hidden}
.hero-system-motion .system-opening{
  z-index:1;
  background:#070914;
  animation:arxn-opening-scene var(--motion-duration) linear 1 forwards;
}
.hero-system-motion .genz-montage{
  position:absolute;
  z-index:1;
  inset:-4px;
  width:calc(100% + 8px);
  height:calc(100% + 8px);
  overflow:hidden;
  pointer-events:none;
  background:#070914;
  clip-path:none;
}
.hero-system-motion .genz-montage:before,
.hero-system-motion .genz-montage:after{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
}
.hero-system-motion .genz-montage:before{
  background:linear-gradient(90deg,rgba(4,7,15,.88) 0%,rgba(5,8,18,.71) 30%,rgba(7,10,20,.28) 59%,rgba(7,10,20,.08) 100%);
}
.hero-system-motion .genz-montage:after{
  background:linear-gradient(180deg,rgba(238,241,245,.12),transparent 42%,rgba(12,17,27,.22));
}
.hero-system-motion .genz-shot{
  position:absolute;
  z-index:0;
  inset:-3%;
  width:106%;
  height:106%;
  object-fit:cover;
  opacity:0;
  filter:saturate(.78) contrast(1.04) brightness(.9);
  transform:scale(1.055);
  transition:opacity .82s cubic-bezier(.22,.75,.25,1),transform 4.8s cubic-bezier(.16,.8,.22,1);
  will-change:opacity,transform;
}
.hero-system-motion .genz-shot.is-active{z-index:2;opacity:1;transform:scale(1)}
.hero-system-motion .genz-shot-wide{object-position:58% 45%}
.hero-system-motion .genz-shot-freckles{object-position:60% 38%}
.hero-system-motion .genz-shot-profile{object-position:62% 42%}
.hero-system-motion .genz-shot-neon{object-position:62% 46%}
.hero-system-motion .genz-shot-coder{object-position:62% 42%}
.hero-system-motion .genz-shot-vr{object-position:60% 44%}
.hero-system-motion .genz-shot-phone{object-position:64% 43%}
.hero-system-motion .genz-shot-laptop{object-position:61% 47%}
.hero-system-motion .genz-shot-workspace{object-position:58% 43%}
.hero-system-motion .genz-shot-city-phone{object-position:52% 36%}
.hero-system-motion .genz-shot-city-walk{inset:-12% -3% auto;object-position:52% 52%}
.hero-system-motion .system-line{display:none!important}
.hero-system-motion .system-line-a{left:5.7%;right:5.7%;top:18.5%;height:1px;animation:arxn-line-in var(--motion-duration) cubic-bezier(.18,.8,.24,1) infinite}
.hero-system-motion .system-line-b{left:5.7%;top:18.5%;bottom:7%;width:1px;animation:arxn-line-down var(--motion-duration) cubic-bezier(.18,.8,.24,1) infinite}
.hero-system-motion .system-line-c{left:5.7%;right:5.7%;bottom:7%;height:1px;animation:arxn-line-in var(--motion-duration) cubic-bezier(.18,.8,.24,1) infinite}
.hero-system-motion .system-index{
  position:absolute;
  top:14.2%;
  color:#263044;
  font:700 9px/1 "Courier New",Courier,monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:0;
  animation:arxn-detail-in var(--motion-duration) linear infinite;
}
.hero-system-motion .system-index-left{left:5.7%}
.hero-system-motion .system-index-right{right:5.7%}
.hero-system-motion .system-notes{
  position:absolute;
  z-index:3;
  top:17.5%;
  right:5.7%;
  display:grid;
  grid-template-columns:repeat(2,minmax(130px,190px));
  gap:34px;
  color:#fff;
  opacity:0;
  animation:arxn-notes-in var(--motion-duration) cubic-bezier(.18,.8,.24,1) 1 forwards;
}
.hero-system-motion .system-notes p{margin:0;padding-top:9px;border-top:1px solid rgba(255,255,255,.52)}
.hero-system-motion .system-notes b,
.hero-system-motion .system-notes span{display:block}
.hero-system-motion .system-notes b{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.28;letter-spacing:-.015em}
.hero-system-motion .system-notes span{margin-top:8px;color:rgba(255,255,255,.88);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.48;letter-spacing:0}

.hero-system-motion .hero-copy-opening{
  z-index:4;
  left:5.7%;
  top:19.5%;
  width:min(660px,47vw);
  text-align:left;
  transform:none;
  color:#fff;
  animation:arxn-opening-copy var(--motion-duration) linear 1 forwards;
}
.hero-system-motion .hero-kicker{
  margin:0 0 17px;
  color:rgba(255,255,255,.92);
  font:700 11px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.hero-system-motion .hero-copy-opening .hero-kicker{
  opacity:0;
  animation:arxn-kicker-in var(--motion-duration) cubic-bezier(.18,.8,.24,1) 1 forwards;
}
.hero-system-motion .hero-copy-opening h1{
  position:relative;
  margin:0;
  color:#fff;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:clamp(62px,6.55vw,104px);
  font-weight:700;
  line-height:.84;
  letter-spacing:-.068em;
  text-shadow:none;
}
.hero-system-motion .hero-copy-opening h1 span{display:block;overflow:hidden;padding:0 .08em .08em 0;opacity:1!important}
.hero-system-motion .hero-copy-opening h1 span:first-child{animation:arxn-word-one var(--motion-duration) cubic-bezier(.18,.88,.24,1) 1 forwards}
.hero-system-motion .hero-copy-opening h1 span:nth-child(2){animation:arxn-word-two var(--motion-duration) cubic-bezier(.18,.88,.24,1) 1 forwards}
.hero-system-motion .hero-copy-opening h1 b{
  position:relative;
  display:inline-block;
  color:#fff;
  font-size:.42em;
  font-weight:800;
  letter-spacing:-.035em;
  vertical-align:.12em;
  -webkit-text-stroke:0 transparent;
  text-shadow:none;
  animation:arxn-market-ink var(--motion-duration) linear 1 forwards;
}
.hero-system-motion .hero-copy-opening h1 b:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-.03em -.12em -.08em -.08em;
  background:linear-gradient(108deg,#8862ea 0%,#7450d7 54%,#5d3db6 100%);
  clip-path:polygon(8% 0,100% 0,91% 100%,0 100%);
  animation:arxn-accent-slice var(--motion-duration) cubic-bezier(.18,.88,.24,1) 1 forwards;
}
@media (min-width:761px){
  .hero-system-motion .hero-copy-opening h1 span:nth-child(2) b{
    display:block;
    width:max-content;
    margin-top:.08em;
    vertical-align:0;
  }
}
.hero-system-motion .hero-copy-opening .hero-lead{
  max-width:590px;
  margin:25px 0 0;
  color:rgba(255,255,255,.94);
  font-size:clamp(14px,1.1vw,18px);
  font-weight:500;
  line-height:1.52;
  opacity:0;
  animation:arxn-lead-in var(--motion-duration) cubic-bezier(.18,.8,.24,1) 1 forwards!important;
}
.hero-system-motion .hero-copy-opening .hero-lead a{
  color:inherit;
  font:inherit;
  text-decoration:none;
  transition:color .2s ease,opacity .2s ease;
}
.hero-system-motion .hero-copy-opening .hero-lead a:hover,
.hero-system-motion .hero-copy-opening .hero-lead a:focus-visible{
  color:#fff;
  opacity:.76;
  text-decoration:none;
}
.hero-system-motion .hero-copy-opening .hero-actions{
  justify-content:flex-start;
  gap:24px;
  margin-top:25px;
  opacity:0;
  animation:arxn-actions-in var(--motion-duration) cubic-bezier(.18,.8,.24,1) 1 forwards!important;
}
.hero-system-motion .hero-copy-opening .pill-primary,
.hero-system-motion .hero-final-panel .pill-primary{
  min-height:42px;
  padding:0 17px;
  border:1px solid rgba(16,23,37,.1);
  color:#fff;
  background:#101725;
  box-shadow:none;
  font-size:11px;
}
.hero-system-motion .hero-copy-opening .light-link{color:#fff;font-size:11px}

.hero-system-motion .fold-mark{position:absolute;z-index:2;filter:drop-shadow(0 24px 34px rgba(45,58,153,.13));transform-style:preserve-3d}
.hero-system-motion .fold-piece{position:absolute;inset:0;display:block;width:100%;height:100%;will-change:transform,opacity;backface-visibility:hidden}
                                                                                      
.hero-system-motion .fold-one{background:linear-gradient(112deg,#9256fa 0%,#7756f4 100%);clip-path:polygon(8% 52%,19.25% 45.67%,40.3% 85.9%,31.5% 100%);transform-origin:31.5% 100%}
.hero-system-motion .fold-two{background:linear-gradient(112deg,#7249dd 0%,#5267ef 100%);clip-path:polygon(19.15% 45.55%,28.15% 34.45%,51.75% 83.25%,40.2% 86.05%);transform-origin:40.2% 86.05%}
.hero-system-motion .fold-three{background:linear-gradient(112deg,#7460f5 0%,#397ff1 100%);clip-path:polygon(28.1% 34.45%,39.45% 28%,60.65% 68.35%,51.7% 83.3%);transform-origin:51.7% 83.3%}
.hero-system-motion .fold-four{background:linear-gradient(112deg,#3e65d8 0%,#149fdc 100%);clip-path:polygon(39.35% 27.9%,48.35% 16.9%,71.95% 65.7%,60.55% 68.5%);transform-origin:60.55% 68.5%}
.hero-system-motion .fold-five{background:linear-gradient(112deg,#4b83ee 0%,#1abdd8 100%);clip-path:polygon(48.3% 16.9%,59.55% 10.45%,80.85% 50.6%,71.9% 65.8%);transform-origin:71.9% 65.8%}
.hero-system-motion .fold-six{background:linear-gradient(112deg,#1f8fcf 0%,#0fa8ca 100%);clip-path:polygon(59.45% 10.35%,69.25% 0%,92.1% 48.1%,80.75% 50.75%);transform-origin:80.75% 50.75%}
.hero-system-motion .fold-seven{background:linear-gradient(112deg,#21b6dc 0%,#2e9eea 100%);clip-path:polygon(69.2% 0%,80.45% 0%,92.15% 48.2%,80.75% 50.75%);transform-origin:80.75% 50.75%}
.hero-system-motion .fold-mark-low{left:0;right:0;bottom:0;width:100%;height:22%;opacity:0;transform:none;transform-origin:50% 100%;animation:arxn-low-fold var(--motion-duration) linear 1 forwards}
                                                               
.hero-system-motion .fold-mark-low .fold-one{inset:auto auto 0 0;width:27.5%;height:69%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform-origin:50% 100%;background:linear-gradient(105deg,#a35cff,#8250f4)}
.hero-system-motion .fold-mark-low .fold-two{inset:auto auto 0 27.4%;width:23.2%;height:69%;clip-path:polygon(0 0,100% 100%,0 100%);transform-origin:0 0;background:linear-gradient(128deg,#7842e8,#654de9)}
.hero-system-motion .fold-mark-low .fold-three{inset:auto auto 0 51.8%;width:27.5%;height:86%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform-origin:50% 100%;background:linear-gradient(105deg,#7948ef,#6b51ee)}
.hero-system-motion .fold-mark-low .fold-four{inset:auto auto 0 79.2%;width:23.2%;height:86%;clip-path:polygon(0 0,100% 100%,0 100%);transform-origin:0 0;background:linear-gradient(128deg,#6246d9,#5759e4)}
.hero-system-motion .fold-mark-low .fold-five{inset:auto -8% 0 auto;width:14%;height:100%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform-origin:50% 100%;background:linear-gradient(105deg,#5651dc,#4d69e7)}
.hero-system-motion .fold-mark-low .fold-six,.hero-system-motion .fold-mark-low .fold-seven{display:none}
.hero-system-motion .fold-mark-low .fold-piece{opacity:0;animation:arxn-low-piece var(--motion-duration) cubic-bezier(.16,.9,.22,1) 1 forwards}
.hero-system-motion .fold-mark-low .fold-two{animation-delay:.18s}
.hero-system-motion .fold-mark-low .fold-three{animation-delay:.36s}
.hero-system-motion .fold-mark-low .fold-four{animation-delay:.54s}
.hero-system-motion .fold-mark-low .fold-five{animation-delay:.72s}

.hero-system-motion .system-bridge{
  z-index:3;
  overflow:hidden;
  background:#eef1f5;
  opacity:0;
  pointer-events:none;
  animation:arxn-bridge-scene var(--motion-duration) linear infinite;
}
.hero-system-motion .fold-mark-bridge{
  left:0;
  bottom:0;
  width:100%;
  height:100%;
}
.hero-system-motion .fold-mark-bridge .fold-piece{opacity:0;animation:arxn-bridge-piece var(--motion-duration) cubic-bezier(.18,.82,.2,1) infinite}
.hero-system-motion .fold-mark-bridge .fold-one{animation-delay:0s}
.hero-system-motion .fold-mark-bridge .fold-two{animation-delay:.18s}
.hero-system-motion .fold-mark-bridge .fold-three{animation-delay:.36s}
.hero-system-motion .fold-mark-bridge .fold-four{animation-delay:.54s}
.hero-system-motion .fold-mark-bridge .fold-five{animation-delay:.72s}
.hero-system-motion .fold-mark-bridge .fold-six{animation-delay:.90s}
.hero-system-motion .fold-mark-bridge .fold-seven{animation-delay:1.08s}

.hero-system-motion .system-final{
  z-index:5;
  opacity:0;
  pointer-events:none;
  background:#eef1f5;
  animation:arxn-final-scene var(--motion-duration) cubic-bezier(.2,.82,.22,1) infinite;
}
.hero-system-motion .fold-mark-final{
  left:-36%;
  top:-6%;
  width:106%;
  height:112%;
}
.hero-system-motion .fold-mark-final .fold-piece{animation:arxn-final-piece var(--motion-duration) cubic-bezier(.2,.82,.22,1) infinite}
.hero-system-motion .fold-mark-final .fold-two{animation-delay:.06s}
.hero-system-motion .fold-mark-final .fold-three{animation-delay:.12s}
.hero-system-motion .fold-mark-final .fold-four{animation-delay:.18s}
.hero-system-motion .fold-mark-final .fold-five{animation-delay:.24s}
.hero-system-motion .fold-mark-final .fold-six{animation-delay:.30s}
.hero-system-motion .fold-mark-final .fold-seven{animation-delay:.36s}
.hero-system-motion .system-final-brand,
.hero-system-motion .system-final-status{
  position:absolute;
  z-index:2;
  color:#101725;
  font:700 9px/1 "Courier New",Courier,monospace;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.hero-system-motion .system-final-brand{left:3%;top:4%}
.hero-system-motion .system-final-status{right:3%;top:4%}
.hero-system-motion .hero-final-panel{
  position:absolute;
  z-index:7;
  top:50%;
  right:6.5%;
  width:min(420px,32vw);
  color:#101725;
  transform:translateY(-45%);
  opacity:0;
  pointer-events:none;
  animation:arxn-final-panel var(--motion-duration) cubic-bezier(.18,.82,.24,1) infinite;
}
.hero-system-motion .hero-final-panel:before{
  content:"";
  position:absolute;
  top:-26px;
  bottom:-26px;
  left:-34px;
  width:1px;
  background:rgba(16,23,37,.18);
}
.hero-system-motion .hero-final-panel h2{
  color:#101725;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:clamp(42px,4.2vw,68px);
  font-weight:700;
  line-height:.94;
  letter-spacing:-.055em;
}
.hero-system-motion .hero-final-panel h2 span{color:#6350dd}
.hero-system-motion .hero-final-panel>p:not(.hero-kicker){margin:22px 0 0;color:#566174;font-size:14px;line-height:1.6}
.hero-system-motion .hero-final-actions{display:flex;align-items:center;gap:20px;margin-top:26px}
.hero-system-motion .hero-final-link{color:#263044;font-size:11px;font-weight:700}

@keyframes arxn-opening-scene{0%,100%{opacity:1}}
@keyframes arxn-opening-copy{0%,100%{opacity:1;visibility:visible;pointer-events:auto}}
@keyframes arxn-line-in{0%,5%{transform:scaleX(0);opacity:0}8%,60%{transform:scaleX(1);opacity:1}61%,100%{transform:scaleX(1);opacity:0}}
@keyframes arxn-line-down{0%,6%{transform:scaleY(0);opacity:0}9%,60%{transform:scaleY(1);opacity:1}61%,100%{transform:scaleY(1);opacity:0}}
@keyframes arxn-detail-in{0%,9%{opacity:0;transform:translateY(-7px)}12%,59%{opacity:1;transform:none}61%,100%{opacity:0}}
@keyframes arxn-notes-in{0%,15%{opacity:0;transform:translateY(-9px)}19%,100%{opacity:1;transform:none}}
@keyframes arxn-kicker-in{0%,5%{opacity:0;transform:translateY(8px)}8%,100%{opacity:1;transform:none}}
@keyframes arxn-word-one{0%,4%{clip-path:inset(0 100% 0 0);transform:translateX(-24px)}10%,100%{clip-path:inset(0);transform:none}}
@keyframes arxn-word-two{0%,7%{clip-path:inset(0 100% 0 0);transform:translateX(-24px)}13%,100%{clip-path:inset(0);transform:none}}
@keyframes arxn-accent-slice{0%,9%{opacity:1;clip-path:polygon(8% 0,8% 0,0 100%,0 100%)}15%,55%{opacity:1;clip-path:polygon(8% 0,100% 0,91% 100%,0 100%)}63%,100%{opacity:.72;clip-path:polygon(8% 0,100% 0,91% 100%,0 100%)}}
@keyframes arxn-market-ink{0%,100%{color:#fff;-webkit-text-stroke:0 transparent;text-shadow:none}}
@keyframes arxn-lead-in{0%,12%{opacity:0;transform:translateY(10px)}17%,100%{opacity:1;transform:none}}
@keyframes arxn-actions-in{0%,15%{opacity:0;transform:translateY(10px)}20%,100%{opacity:1;transform:none}}
@keyframes arxn-low-fold{0%,18.8%{opacity:0}19.2%,100%{opacity:1}}
@keyframes arxn-low-piece{0%,19%{opacity:0;transform:translateY(24%) scaleY(.08) skewY(5deg)}22.2%,100%{opacity:1;transform:translateY(0) scaleY(1) skewY(0)}}
@keyframes arxn-ribbon-wave{
  0%,100%{transform:translate3d(0,0,0) rotate(var(--ribbon-rotate)) skewX(var(--ribbon-skew)) skewY(0)}
  28%{transform:translate3d(.7%,-2.5%,0) rotate(calc(var(--ribbon-rotate) + .65deg)) skewX(calc(var(--ribbon-skew) - .8deg)) skewY(.7deg)}
  58%{transform:translate3d(1.2%,-.7%,0) rotate(calc(var(--ribbon-rotate) - .45deg)) skewX(calc(var(--ribbon-skew) + .9deg)) skewY(-.55deg)}
  82%{transform:translate3d(.25%,-1.8%,0) rotate(calc(var(--ribbon-rotate) + .3deg)) skewX(calc(var(--ribbon-skew) - .35deg)) skewY(.3deg)}
}
@keyframes arxn-bridge-scene{0%,61.4%{opacity:0}62.5%,78%{opacity:1}79.2%,100%{opacity:0}}
@keyframes arxn-bridge-piece{0%,62%{opacity:0;transform:scaleY(0)}66.2%,78%{opacity:1;transform:scaleY(1)}79%,100%{opacity:0;transform:scaleY(1)}}
@keyframes arxn-final-scene{0%,76.5%{opacity:0;clip-path:inset(0 0 0 100%)}81%,100%{opacity:1;clip-path:inset(0)}}
@keyframes arxn-final-piece{0%,76.5%{opacity:0;transform:translate3d(-45%,35%,0) scale(.86)}82%,100%{opacity:1;transform:none}}
@keyframes arxn-final-panel{0%,79%{opacity:0;transform:translate(28px,-45%);pointer-events:none}83%,98%{opacity:1;transform:translate(0,-45%);pointer-events:auto}100%{opacity:0;transform:translate(0,-45%);pointer-events:none}}

.hero-system-motion.is-motion-paused .system-opening,
.hero-system-motion.is-motion-paused .system-bridge,
.hero-system-motion.is-motion-paused .system-final,
.hero-system-motion.is-motion-paused .system-index,
.hero-system-motion.is-motion-paused .system-line,
.hero-system-motion.is-motion-paused .system-notes,
.hero-system-motion.is-motion-paused .hero-copy-opening,
.hero-system-motion.is-motion-paused .hero-copy-opening *,
.hero-system-motion.is-motion-paused .hero-final-panel,
.hero-system-motion.is-motion-paused .fold-mark,
.hero-system-motion.is-motion-paused .fold-piece{animation-play-state:paused!important}

@media (max-width:980px){
  .hero-system-motion .hero-copy-opening{top:18.5%;width:60vw}
  .hero-system-motion .system-notes{top:66%;left:5.7%;right:auto;grid-template-columns:repeat(2,minmax(120px,180px))}
  .hero-system-motion .fold-mark-low{left:1%;right:auto;width:44vw}
  .hero-system-motion .hero-final-panel{right:4%;width:36vw}
}

@media (max-width:760px){
  .hero-system-motion{height:780px;min-height:780px}
  .hero-system-motion .system-index{top:11%;font-size:7px}
  .hero-system-motion .system-index-left{left:20px}
  .hero-system-motion .system-index-right{right:20px}
  .hero-system-motion .system-line-a{left:20px;right:20px;top:15%}
  .hero-system-motion .system-line-b{left:20px;top:15%;bottom:28px}
  .hero-system-motion .system-line-c{left:20px;right:20px;bottom:28px}
  .hero-system-motion .hero-copy-opening{left:20px;top:18%;width:calc(100% - 40px)}
  .hero-system-motion .hero-copy-opening .hero-kicker{margin-bottom:13px;font-size:9px}
  .hero-system-motion .hero-copy-opening h1{font-size:clamp(43px,12.5vw,62px);line-height:.88;letter-spacing:-.075em}
  .hero-system-motion .hero-copy-opening .hero-lead{max-width:430px;margin-top:20px;font-size:14px;line-height:1.48}
  .hero-system-motion .hero-copy-opening .hero-actions{align-items:flex-start;gap:13px;margin-top:20px}
  .hero-system-motion .hero-copy-opening .pill-primary{min-height:40px}
  .hero-system-motion .system-notes{display:none}
  .hero-system-motion .genz-montage{inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);clip-path:none}
  .hero-system-motion .genz-montage:before{background:linear-gradient(180deg,rgba(4,7,15,.8) 0%,rgba(5,8,18,.58) 46%,rgba(7,10,20,.16) 100%)}
  .hero-system-motion .genz-shot{inset:-3%;width:106%;height:106%;object-position:50% 42%}
  .hero-system-motion .genz-shot-wide{object-position:55% 46%}
  .hero-system-motion .genz-shot-freckles{object-position:62% 40%}
  .hero-system-motion .genz-shot-profile{object-position:54% 40%}
  .hero-system-motion .genz-shot-neon{object-position:54% 38%}
  .hero-system-motion .genz-shot-coder{object-position:58% 40%}
  .hero-system-motion .genz-shot-vr{object-position:55% 42%}
  .hero-system-motion .genz-shot-phone{object-position:52% 40%}
  .hero-system-motion .genz-shot-laptop{object-position:62% 45%}
  .hero-system-motion .genz-shot-workspace{object-position:58% 44%}
  .hero-system-motion .genz-shot-city-phone{object-position:50% 34%}
  .hero-system-motion .genz-shot-city-walk{inset:-9% -3% auto;object-position:52% 52%}
  .hero-system-motion .fold-mark-low{left:-4%;right:auto;bottom:0;width:108%;height:18%;transform:none}
  .hero-system-motion .fold-mark-low .fold-one{left:0;width:26%}
  .hero-system-motion .fold-mark-low .fold-two{left:26%;width:22%}
  .hero-system-motion .fold-mark-low .fold-three{left:48%;width:26%}
  .hero-system-motion .fold-mark-low .fold-four{left:74%;width:20%}
  .hero-system-motion .fold-mark-low .fold-five{left:auto;right:0;width:8%}
  .hero-system-motion .fold-mark-bridge{left:-26%;bottom:-6%;width:152vw;height:74%;transform:rotate(-11deg)}
  .hero-system-motion .fold-mark-final{left:-56%;top:-1%;width:128%;height:74%;transform:rotate(-10deg)}
  .hero-system-motion .hero-final-panel{top:auto;right:22px;bottom:54px;width:calc(100% - 44px);transform:none}
  .hero-system-motion .hero-final-panel:before{display:none}
  .hero-system-motion .hero-final-panel h2{font-size:41px}
  .hero-system-motion .hero-final-panel>p:not(.hero-kicker){max-width:490px;margin-top:16px;font-size:13px}
  .hero-system-motion .hero-final-actions{margin-top:18px}
  @keyframes arxn-final-panel{0%,79%{opacity:0;transform:translateY(22px);pointer-events:none}83%,98%{opacity:1;transform:none;pointer-events:auto}100%{opacity:0;transform:none;pointer-events:none}}
}

@media (prefers-reduced-motion:reduce){
  .hero-system-motion .system-opening,
  .hero-system-motion .system-line,
  .hero-system-motion .system-index,
  .hero-system-motion .system-notes,
  .hero-system-motion .hero-copy-opening,
  .hero-system-motion .hero-copy-opening *,
  .hero-system-motion .fold-mark-low,
  .hero-system-motion .fold-mark-low .fold-piece{animation:none!important;opacity:1!important;transform:none!important;clip-path:none}
  .hero-system-motion .system-bridge,
  .hero-system-motion .system-final,
  .hero-system-motion .hero-final-panel{display:none!important}
}