:root{
  --pink:#EC0062; --orange:#FF6D03; --purple:#AD3BBD; --blue:#00AAEE; --green:#21C81D;
  --ink:#141414; --cream:#fffaf2; --font:"Bricolage Grotesque",system-ui,sans-serif;
  color-scheme:light;
  --bg:#fffaf2; --fg:#141414; --card:#fff; --card-2:#f5f0e6; --muted:#7a7266; --line-soft:#ddd;
  --edge:var(--ink); --hl:#ffd8ea; --purple-text:var(--purple);
  --tint-pink:#ffe0ee; --tint-blue:#e3f5ff; --tint-green:#e6f8e2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--fg);font:19px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.035em;line-height:.95}
p{margin:0 0 1em}

nav{position:fixed;top:14px;left:50%;translate:-50%;z-index:60;display:flex;gap:4px;align-items:center;background:var(--card);border:2px solid var(--edge);border-radius:99px;padding:6px 6px 6px 14px;box-shadow:4px 4px 0 var(--edge);max-width:calc(100% - 24px)}
nav .logo{width:26px;height:26px;margin-right:6px}
nav a{text-decoration:none;font-weight:600;font-size:15px;padding:8px 12px;border-radius:99px;white-space:nowrap}
nav a:hover{background:var(--card-2)}
nav a.go{background:var(--fg);color:var(--bg)}
.theme-toggle{flex:none;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:99px;background:none;color:inherit;cursor:pointer}
.theme-toggle:hover{background:var(--card-2)}
.theme-toggle:focus-visible,nav a:focus-visible,.edition a:focus-visible,.btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.theme-toggle svg{width:19px;height:19px}
:root[data-theme="dark"] .theme-toggle .moon,:root:not([data-theme="dark"]) .theme-toggle .sun{display:none}
@media (max-width:760px){nav a.opt{display:none}}

.band{padding:140px 0;position:relative}
.band.pink{background:var(--pink);color:#fff}
.band.orange{background:var(--orange);color:var(--ink)}
.band.purple{background:var(--purple);color:#fff}
.band.blue{background:var(--blue);color:var(--ink)}
.band.green{background:var(--green);color:var(--ink)}
.band.ink{background:var(--ink);color:#fff}
.label{display:inline-block;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;border:2px solid currentColor;border-radius:99px;padding:6px 14px;margin-bottom:26px}
h2{font-size:clamp(46px,8vw,112px);max-width:12ch;margin-bottom:30px}
.lead{font-size:clamp(20px,2.3vw,26px);max-width:40ch;line-height:1.4}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr}}

/* hero */
.hero{min-height:100vh;display:grid;place-items:center;padding:130px 0 80px;overflow:hidden}
.hero .split{grid-template-columns:1.2fr .8fr}
.hero h1{font-size:clamp(60px,10vw,150px)}
.hero h1 .u{background:linear-gradient(transparent 62%,var(--hl) 62%)}
.edition{display:inline-flex;gap:2px;margin-bottom:26px;padding:3px;background:var(--card);border:2px solid var(--edge);border-radius:99px;box-shadow:3px 3px 0 var(--edge);font-weight:700;font-size:14px}
.edition a{padding:6px 14px;border-radius:99px;text-decoration:none;white-space:nowrap}
.edition a:hover{background:var(--card-2)}
.edition a[aria-current]{background:var(--fg);color:var(--bg)}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px}
.hero-cta .more{font-weight:700;font-size:17px;text-decoration:none;border-bottom:2px solid currentColor}
.badge{background:#fff;color:var(--ink);border:3px solid var(--edge);border-radius:26px;box-shadow:10px 10px 0 var(--edge);overflow:hidden;transform:rotate(4deg);max-width:380px;margin:0 auto;transition:transform .4s}
.badge:hover{transform:rotate(0) scale(1.02)}
.badge .top{background:var(--pink);color:#fff;text-align:center;padding:18px 10px 14px;font-weight:800;font-size:34px;letter-spacing:-.02em}
.badge .top small{display:block;font-size:15px;font-weight:600;letter-spacing:.1em;opacity:.9}
.badge .body{padding:28px;text-align:center}
.badge .body svg{width:150px;height:150px}
.badge .body .lockup-stacked{display:block;width:220px;height:164px;margin:4px auto 10px}
.badge .name{font-size:52px;font-weight:800;letter-spacing:-.04em;margin-top:6px}
.badge .role{font-size:16px;opacity:.7}
.badge .meta{display:flex;justify-content:space-between;border-top:2px dashed #ddd;margin-top:18px;padding-top:14px;font-size:14px}
@media (max-width:860px){.hero .split{grid-template-columns:1fr}.badge{max-width:300px}}
.dots span{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:6px}

/* marquee */
.marquee{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;padding:18px 0;font-size:26px;font-weight:800}
.marquee div{display:inline-block;animation:mq 30s linear infinite}
.marquee span{margin:0 26px}
.marquee i{font-style:normal;color:var(--green)}
@keyframes mq{to{transform:translateX(-50%)}}

/* chat */
.chat{display:flex;flex-direction:column;gap:14px}
.bub{max-width:88%;padding:16px 20px;border-radius:22px;background:#fff;color:var(--ink);border:2px solid var(--edge);box-shadow:5px 5px 0 var(--edge);font-size:17px;transition:all .5s cubic-bezier(.3,1.4,.5,1)}
.js .chat .bub{opacity:0;transform:translateY(20px) scale(.96)}
.bub.me{align-self:flex-end;background:#ffe0ee}
.bub b{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;opacity:.6}
.js .chat.in .bub{opacity:1;transform:none}
.chat.in .bub:nth-child(2){transition-delay:.4s}.chat.in .bub:nth-child(3){transition-delay:.8s}.chat.in .bub:nth-child(4){transition-delay:1.2s}


/* rules */
.rules{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.rule{background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.5);border-radius:20px;padding:24px;display:flex;gap:16px;align-items:flex-start}
.toggle{flex:none;width:52px;height:30px;border-radius:99px;background:rgba(255,255,255,.3);position:relative;transition:background .4s}
.toggle::after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .4s}
.rule.in .toggle{background:var(--green)}
.rule.in .toggle::after{left:26px}
.rule h3{font-size:22px;letter-spacing:-.02em;margin-bottom:6px;line-height:1.1}
.rule p{margin:0;font-size:16px;opacity:.9}
@media (max-width:860px){.rules{grid-template-columns:1fr}}

/* apps */
.appcard{background:#fff;color:var(--ink);border:3px solid var(--edge);border-radius:24px;box-shadow:10px 10px 0 var(--edge);padding:26px}
.appcard .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-weight:800;font-size:22px}
.appcard .hd small{font-weight:600;font-size:13px;background:var(--green);border-radius:99px;padding:4px 10px}
.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kanban .col{background:#f5f0e6;border-radius:14px;padding:10px;font-size:14px}
.kanban .col b{display:block;margin-bottom:8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.kanban .it{background:#fff;border:2px solid var(--ink);border-radius:10px;padding:8px 10px;margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.chips span{background:var(--fg);color:var(--bg);border-radius:99px;padding:8px 16px;font-size:16px;font-weight:600}

/* stories */
.stories{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}
.st{background:var(--card);border:3px solid var(--edge);border-radius:26px;box-shadow:10px 10px 0 var(--edge);padding:34px;display:flex;flex-direction:column}
.st .co{font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.06em;opacity:.6}
.st h3{font-size:clamp(28px,3vw,38px);margin:12px 0 16px;line-height:1}
.st p{font-size:17px}
.st .big{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 20px}
.st .big div{background:var(--c);border-radius:16px;padding:16px;color:#fff}
.st .big b{display:block;font-size:34px;letter-spacing:-.03em;line-height:1}
.st .big span{font-size:14px}
.st q{font-size:21px;font-weight:600;margin-top:auto;quotes:none}
.st cite{display:block;margin-top:10px;font-size:15px;font-style:normal;opacity:.7}
@media (max-width:860px){.stories{grid-template-columns:1fr!important}}

/* pods horizontal */


.cta{padding:160px 0;text-align:center;background:var(--bg)}
.cta h2{margin:0 auto 30px;max-width:13ch}
.btn{display:inline-block;background:var(--pink);color:#fff;border:3px solid var(--edge);box-shadow:6px 6px 0 var(--edge);padding:18px 34px;border-radius:99px;font-weight:800;font-size:20px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--edge)}
/* contact form */
.contact{width:min(660px,100%);margin:0 auto;text-align:left}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact label{display:grid;gap:7px;font-weight:700;font-size:15px}
.contact .wide{grid-column:1/-1}
.contact input,.contact textarea{width:100%;border:2px solid var(--edge);border-radius:14px;background:var(--card);color:var(--fg);font:17px/1.45 var(--font);padding:12px 14px;box-shadow:3px 3px 0 var(--edge)}
.contact textarea{resize:vertical;min-height:120px}
.contact input:focus-visible,.contact textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.contact .trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-actions{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;margin-top:26px}
.contact button.btn{cursor:pointer;font-family:var(--font)}
.contact button.btn:disabled{opacity:.6;cursor:progress}
.contact-status{margin:0;font-size:17px;font-weight:600}
.contact-status[data-state="error"]{color:var(--pink)}
.contact-note{margin:20px 0 0;font-size:14px;color:var(--muted)}
@media (max-width:640px){.contact-grid{grid-template-columns:1fr}}
footer{background:var(--ink);color:#fff;padding:30px 0;font-size:15px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
footer .links{display:flex;flex-wrap:wrap;gap:8px 22px}
footer .links button{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.contact-note a{color:inherit}

.js .pop{opacity:1;transform:none;transition:opacity .8s,transform .8s cubic-bezier(.2,.9,.3,1.2)}
.js .pop.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.pop,.bub{opacity:1!important;transform:none!important}}
/* HOUSE:START "It moves into your house": the comparison as rooms in a house */
.hs{max-width:560px;width:100%;min-width:0;justify-self:end}
.hs-roof{display:block;width:100%;height:auto;margin-bottom:-3px}
.hs-roof path,.hs-roof rect{fill:var(--edge)}
.hs-roof text{fill:var(--bg);font:800 24px var(--font,system-ui);letter-spacing:.16em}
.hs-body{list-style:none;margin:0;padding:0;background:var(--card);border:3px solid var(--edge);border-radius:0 0 24px 24px;box-shadow:10px 10px 0 var(--edge);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.hs-room{position:relative;padding:20px 20px 18px;border-top:2px solid var(--ink)}
.hs-room:nth-child(odd){border-right:2px solid var(--ink)}
.hs-room:nth-child(-n+2){border-top:0}
.hs-k{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:6px}
.hs-room b{display:block;font-size:19px;line-height:1.2;font-weight:800;letter-spacing:-.01em;padding-right:28px}
.hs-was{margin:8px 0 0;font-size:14px;color:var(--muted)}
.hs-was s{text-decoration:line-through;text-decoration-thickness:2px}
.hs-ok{position:absolute;top:16px;right:16px;width:24px;height:24px;border-radius:50%;background:var(--green,var(--a5));border:2px solid var(--ink);display:grid;place-items:center}
.hs-ok::after{content:"";width:5px;height:10px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg);margin-top:-3px}
.js .hs .hs-ok{transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.js .hs.in .hs-ok{transform:scale(1)}
.js .hs .hs-was s{text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 58%/0 2px;transition:background-size .45s ease}
.js .hs.in .hs-was s{background-size:100% 2px}
.hs-room:nth-child(1) *{transition-delay:.35s!important}.hs-room:nth-child(2) *{transition-delay:.5s!important}.hs-room:nth-child(3) *{transition-delay:.65s!important}
.hs-room:nth-child(4) *{transition-delay:.8s!important}.hs-room:nth-child(5) *{transition-delay:.95s!important}.hs-room:nth-child(6) *{transition-delay:1.1s!important}
@media (max-width:860px){.hs{justify-self:stretch;margin:0 auto}}
@media (max-width:560px){.hs-body{grid-template-columns:1fr}.hs-room:nth-child(odd){border-right:0}.hs-room:nth-child(2){border-top:2px solid var(--ink)}}
@media (prefers-reduced-motion:reduce){.js .hs .hs-ok{transform:none}.js .hs .hs-was s{background-size:100% 2px}}
/* HOUSE:END */
/* Velocity Pods + Edge (single-builder pod graphic, pricing, edge flow) */
.vp,.vp-smb,.vp-edge-band{--k1:var(--pink,var(--a1));--k2:var(--orange,var(--a2));--k3:var(--purple,var(--a3));--k4:var(--blue,var(--a4));--k5:var(--green,var(--a5))}
.vp{padding:0 0 140px}
.vp-defs{position:absolute;width:0;height:0;overflow:hidden}
.vp .f1{fill:var(--k1)}.vp .f2{fill:var(--k2)}.vp .f3{fill:var(--k3)}.vp .f4{fill:var(--k4)}.vp .f5{fill:var(--k5)}
.vp-door{fill:var(--card)}
.vp-bcircle{fill:var(--k3)}
.vp-you-light{fill:#fff;color:var(--ink)}
.vp-you-dark{fill:var(--fg);color:var(--card)}
.vp-intro{padding:140px 24px 10px}
.vp-models{padding-top:10px}
.vp-models h2{font-size:clamp(26px,2.8vw,38px);max-width:none;margin:0 0 8px}
.vp-models .lead{font-size:clamp(17px,1.6vw,20px);max-width:62ch;opacity:.85}
.vp-cur-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.vp-cur{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.55);border-radius:99px;padding:4px;margin-top:18px}
.vp-cur label{position:relative;z-index:1;cursor:pointer;padding:8px 22px;font-weight:800;font-size:15px;letter-spacing:.08em;text-align:center;color:#fff;transition:color .3s ease}
.vp-cur label[for="vp-cad"]{font-size:36px;line-height:19px;letter-spacing:0;display:flex;align-items:center;justify-content:center}
.vp-knob{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:99px;background:#fff;transition:transform .35s cubic-bezier(.22,.8,.24,1)}
#vp-cad:checked ~ .vp-cur .vp-knob{transform:translateX(100%)}
#vp-usd:checked ~ .vp-cur label[for="vp-usd"],#vp-cad:checked ~ .vp-cur label[for="vp-cad"]{color:var(--ink)}
#vp-usd:focus-visible ~ .vp-cur,#vp-cad:focus-visible ~ .vp-cur{outline:3px solid var(--k5);outline-offset:3px}
.vp-pricing .cad{display:none}
#vp-cad:checked ~ .vp-cards .cad{display:inline;animation:vpfade .35s ease}
#vp-cad:checked ~ .vp-cards .usd{display:none}
#vp-usd:checked ~ .vp-cards .vp-price .usd{animation:vpfade .35s ease}
@keyframes vpfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.vp-price .usd,.vp-price .cad{display:inline-block}
#vp-cad:checked ~ .vp-cards .vp-price .usd{display:none}
.vp-pricing .vp-price .cad{display:none}
#vp-cad:checked ~ .vp-cards .vp-price .cad{display:inline-block}
.sp-hd{display:flex;justify-content:space-between;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-bottom:10px}
.sp-key{display:flex;gap:12px}
.sp-key i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.sp-row{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:10px;margin-top:7px}
.sp-bar{display:flex;overflow:hidden}
.sp-bar i{display:grid;place-items:center;font-style:normal;font-weight:700;color:#fff;min-width:0;transition:flex-grow .9s cubic-bezier(.2,.8,.2,1)}
.sp .a{background:var(--sp-a)}.sp .m{background:var(--sp-m)}
.sp .f1{flex:1 1 0}.sp .f2{flex:2 1 0}
.sp-ft{margin-top:10px;text-align:right}
.sp{--sp-a:var(--k3);--sp-m:var(--k2);margin:14px 0 18px;border:2px solid var(--fg);border-radius:14px;padding:14px;background:var(--card-2)}
.sp-hd b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.sp-key{font-size:13px;font-weight:600}
.sp-row{font-size:13px;font-weight:700}
.sp-bar{height:28px;border:2px solid var(--fg);border-radius:9px}
.sp-bar i{font-size:14px}
.sp-bar .m{border-left:2px solid var(--fg)}
.sp-ft{font-size:13px;font-weight:800}
.js .vp-card:not(.in) .sp .f2{flex-grow:1}
.vp-per{font-size:20px;font-weight:700;letter-spacing:-.01em;opacity:.7}
.vp-cards-2{grid-template-columns:repeat(2,1fr)!important}
.vp-smb-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;margin-top:6px}
.vp-smb h2{margin-bottom:22px}
.vp-smb-mini{max-width:360px;margin:24px 0 8px}
.vp-smb .vp-card{border-color:var(--edge);box-shadow:10px 10px 0 var(--edge)}
.vp-checks{list-style:none;padding:0!important;margin:14px 0 6px!important}
.vp-checks li{padding-left:28px;position:relative;margin-bottom:10px;font-size:16px}
.vp-checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--k5);font-weight:800}
.vp-smb-more{border-top:2px dashed var(--line-soft);padding-top:14px;margin-top:6px!important}
.vp-smb-pods{font-weight:700}
.vp-smb-pods a{color:var(--purple-text)}
@media (max-width:900px){.vp-smb-grid,.vp-cards-2{grid-template-columns:1fr!important}}
.vp-cards{margin-top:28px!important}
.vp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}
.vp-card{background:var(--card);color:var(--fg);border:3px solid var(--card);border-radius:26px;padding:28px;display:flex;flex-direction:column}
.vp-tag-pill{align-self:flex-start;color:#fff;font-weight:800;font-size:14px;padding:6px 14px;border-radius:99px;margin-bottom:14px}
.vp-tag-pill.k3{background:var(--k3)}.vp-tag-pill.k2{background:var(--k2)}.vp-tag-pill.k5{background:var(--k5)}
.vp-price{font-size:clamp(40px,4vw,54px)!important;font-weight:800;letter-spacing:-.04em;line-height:1;margin:6px 0 6px!important}
.vp-price2{font-size:24px!important;font-weight:800;letter-spacing:-.02em;margin:0 0 6px!important}
.vp-term{font-size:14px!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.65;margin:0 0 6px!important}
.vp-mini{width:100%;height:auto;margin:8px 0 14px}
.vp-mini-pod{fill:var(--card-2);stroke:var(--fg);stroke-width:2;stroke-dasharray:6 6}
.vp-mini-line{fill:none;stroke:var(--fg);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.vp-mini-agent{fill:var(--card);stroke:var(--k5);stroke-width:3.5}
.vp-card h3{font-size:28px;margin:0 0 10px;line-height:1.05}
.vp-card p{font-size:16px;margin:0 0 10px}
.vp-card ul{margin:6px 0 0;padding-left:20px;font-size:15px}
.vp-card li{margin-bottom:6px}
.vp-whitelabel{display:flex;gap:18px;align-items:flex-start;margin-top:30px;padding:22px 24px;border-radius:22px;border:2px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05);font-size:18px;line-height:1.5}
.vp-whitelabel b{font-size:20px}
.vp-wl-tag{flex:none;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:99px;background:linear-gradient(135deg,var(--k3),var(--k1));color:#fff}
@media (max-width:700px){.vp-whitelabel{flex-direction:column}}
.vp-custody{margin:34px 0 0;font-size:clamp(20px,2.2vw,26px);font-weight:800;letter-spacing:-.01em;border-left:6px solid var(--k5);padding-left:18px}
.vp-flowlanes{padding-top:120px}
.vp-flowlanes h2{margin-bottom:22px}
.vp-lanes{position:relative;margin:40px 0 10px;padding:22px 22px 22px 92px;border:2px solid rgba(255,255,255,.18);border-radius:26px;background:rgba(255,255,255,.03)}
.vp-lane{display:grid;grid-template-columns:200px 1fr 230px;align-items:center;gap:18px;height:64px}
.vp-lane+.vp-lane{margin-top:14px}
.vp-lane-name{font-weight:800;font-size:17px}
.vp-track{height:14px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.vp-fill{display:block;height:100%;border-radius:99px;background:var(--k5);animation-duration:16s;animation-timing-function:linear;animation-iteration-count:infinite}
.vp-lane{position:relative}
.vp-chip{grid-column:3;grid-row:1;justify-self:start;font-weight:800;font-size:14px;padding:7px 14px;border-radius:99px;opacity:0;animation-duration:16s;animation-timing-function:linear;animation-iteration-count:infinite}
.vp-wait{background:rgba(255,109,3,.16);color:var(--k2);border:1.5px solid var(--k2)}
.vp-live{background:var(--k5);color:var(--ink)}
.vp-focus{position:absolute;left:18px;top:22px;width:56px;height:64px;display:flex;align-items:center;animation:vpfocus 16s cubic-bezier(.4,0,.2,1) infinite}
.vp-focus svg{width:56px;height:56px}
@keyframes vpfocus{0%,24%{transform:translateY(0)}27%,36%{transform:translateY(156px)}39%,55%{transform:translateY(78px)}58%,67%{transform:translateY(0)}70%,86%{transform:translateY(156px)}89%,97%{transform:translateY(234px)}100%{transform:translateY(0)}}
.l1 .vp-fill{animation-name:vpf1}.l2 .vp-fill{animation-name:vpf2}.l3 .vp-fill{animation-name:vpf3}.l4 .vp-fill{animation-name:vpf4}
@keyframes vpf1{0%{width:0;background:var(--k5)}24.9%{width:40%;background:var(--k5)}25%{width:40%;background:var(--k2)}49.9%{width:40%;background:var(--k2)}50%{width:40%;background:var(--k5)}75%,100%{width:100%;background:var(--k5)}}
@keyframes vpf2{0%{width:8%;background:var(--k2)}31.2%{width:8%;background:var(--k2)}31.3%{width:8%;background:var(--k5)}62.5%{width:70%}81.25%,100%{width:100%;background:var(--k5)}}
@keyframes vpf3{0%{width:0;background:var(--k5)}37.4%{width:55%;background:var(--k5)}37.5%{width:55%;background:var(--k2)}68.7%{width:55%;background:var(--k2)}68.8%{width:55%;background:var(--k5)}87.5%,100%{width:100%;background:var(--k5)}}
@keyframes vpf4{0%{width:0;background:var(--k5)}18.75%{width:30%}56.2%{width:80%;background:var(--k5)}56.3%{width:80%;background:var(--k2)}81.2%{width:80%;background:var(--k2)}81.3%{width:80%;background:var(--k5)}93.75%,100%{width:100%;background:var(--k5)}}
.l1 .vp-wait{animation-name:vpw1}.l2 .vp-wait{animation-name:vpw2}.l3 .vp-wait{animation-name:vpw3}.l4 .vp-wait{animation-name:vpw4}
.l1 .vp-live{animation-name:vpl1}.l2 .vp-live{animation-name:vpl2}.l3 .vp-live{animation-name:vpl3}.l4 .vp-live{animation-name:vpl4}
@keyframes vpw1{0%,24%{opacity:0}25.5%,48.5%{opacity:1}50%,100%{opacity:0}}
@keyframes vpw2{0%,30%{opacity:1}31.3%,100%{opacity:0}}
@keyframes vpw3{0%,36.5%{opacity:0}38%,67.5%{opacity:1}69%,100%{opacity:0}}
@keyframes vpw4{0%,55.5%{opacity:0}57%,80%{opacity:1}81.5%,100%{opacity:0}}
@keyframes vpl1{0%,74%{opacity:0}76%,98%{opacity:1}100%{opacity:0}}
@keyframes vpl2{0%,80%{opacity:0}82%,98%{opacity:1}100%{opacity:0}}
@keyframes vpl3{0%,86.5%{opacity:0}88.5%,98%{opacity:1}100%{opacity:0}}
@keyframes vpl4{0%,93%{opacity:0}95%,98%{opacity:1}100%{opacity:0}}
.vp-lane-pillars{margin-top:30px}
.vp-lane-pillars div{border-top-color:rgba(255,255,255,.6)}
.vp-lanes-tag{margin:34px 0 0;font-size:clamp(20px,2.2vw,26px);font-weight:800;letter-spacing:-.01em;border-left:6px solid var(--k2);padding-left:18px}
@media (max-width:760px){.vp-lanes{padding:18px}.vp-focus{display:none}.vp-lane{grid-template-columns:1fr auto;grid-template-rows:auto auto;height:auto;row-gap:10px}.vp-lane-name{grid-column:1;grid-row:1}.vp-chip{grid-column:2;grid-row:1;justify-self:end;font-size:12px;padding:5px 10px}.vp-track{grid-column:1/-1;grid-row:2}.vp-lane+.vp-lane{margin-top:18px}}
@media (prefers-reduced-motion:reduce){.vp-fill,.vp-chip,.vp-focus{animation:none!important}.l1 .vp-fill{width:70%}.l2 .vp-fill{width:8%;background:var(--k2)}.l2 .vp-wait{opacity:1}.l3 .vp-fill{width:45%}.l4 .vp-fill{width:100%}.l4 .vp-live{opacity:1}}
.vp-how{padding-top:110px}
.vp-how h2{margin-bottom:0}
/* pod walkthrough */
.vp-stage{display:grid;grid-template-columns:1.05fr .95fr;gap:56px}
.vp-visual{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center}
.vp-svg{width:100%;max-height:78vh;overflow:visible}
.vp-pod{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.4);stroke-width:2.5;stroke-dasharray:10 9;transition:stroke .8s ease}

.vp-title{fill:#fff;font-weight:800;font-size:18px;letter-spacing:.14em;transition:opacity .6s ease}
.vp-title-yours{opacity:0}
.vp-plabel{fill:#fff;font-weight:700;font-size:15px}
.vp-slot{fill:none;stroke:rgba(255,255,255,.22);stroke-width:2;stroke-dasharray:6 7}
.vp-cardbg{fill:#232323;stroke:rgba(255,255,255,.28);stroke-width:1.5}
.vp-c4 .vp-cardbg{stroke:var(--k5);stroke-width:2.5}
.vp-cardicon{fill:#fff}
.vp-cardtext{fill:#fff;font-weight:700;font-size:14px}
.vp-cardsub{fill:rgba(255,255,255,.72);font-size:12px;font-weight:600}
.vp-c4 .vp-cardsub{fill:var(--k5)}
.vp-live{fill:var(--k5)}
.vp-tag rect{fill:var(--k5)}
.vp-tag text{fill:var(--ink);font-weight:800;font-size:14px;transition:opacity .5s ease}
.vp-tag-self{opacity:0}
.vp-owner-ring{fill:none;stroke:var(--k5);stroke-width:4;opacity:0;transition:opacity .6s ease}
.vp-packet{fill:#fff}
.vp-packet-glow{fill:var(--k5);opacity:.5}
.vp-pipe-edge{fill:none;stroke:rgba(255,255,255,.22);stroke-width:20;stroke-linecap:round}
.vp-pipe-case{fill:none;stroke:#1f1f1f;stroke-width:16;stroke-linecap:round}
.vp-pipe-glow{fill:none;stroke:url(#vpBizGrad);stroke-width:8;stroke-linecap:round;filter:url(#vpBlur);opacity:.8;animation:vppodglow 1.8s ease-in-out infinite alternate}
.vp-pipe-core{fill:none;stroke:url(#vpBizGrad);stroke-width:4;stroke-linecap:round}
.vp-socket{fill:#1f1f1f;stroke:url(#vpBizGrad);stroke-width:3}
.vp-port{fill:#1c1c1c;stroke:url(#vpBizGrad);stroke-width:3}
.vp-port-glow{fill:none;stroke:url(#vpBizGrad);stroke-width:8;filter:url(#vpBlur);opacity:0;transition:opacity .8s ease}
.js .vp-svg.p5 .vp-port-glow{opacity:.9}
.vp-sp{transform-box:fill-box;transform-origin:center;opacity:0;animation:vpspark .9s cubic-bezier(.12,.75,.3,1) infinite}
.vp-sp-p{fill:var(--k3)}.vp-sp-r{fill:var(--k1)}.vp-sp-w{fill:#fff}.vp-sp-g{fill:var(--k5)}.vp-sp-o{fill:var(--k2)}.vp-sp-b{fill:var(--k4)}
@keyframes vpspark{0%{opacity:0;transform:translate(0,0) scale(1.3)}10%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.15)}}
.vp-edgelabel{fill:rgba(255,255,255,.82);font-size:13px;font-weight:600}
.vp-edge-link{opacity:0;transition:opacity .7s ease}
.vp-t{transform-box:fill-box;transform-origin:center;transition:transform .95s cubic-bezier(.22,.8,.24,1),opacity .6s ease}
/* phases: JS adds p1..p5 cumulatively; without JS the pod shows builder, owner and all agents */
.js .vp-svg .vp-card-a{opacity:0;transform:translateX(18px)}
.js .vp-svg.p2 .vp-c1,.js .vp-svg.p2 .vp-c2,.js .vp-svg.p2 .vp-c3{opacity:1;transform:none}
.js .vp-svg.p2 .vp-c2{transition-delay:.12s}
.js .vp-svg.p2 .vp-c3{transition-delay:.24s}
.js .vp-svg.p3 .vp-tag{transform:translateY(150px)}
.js .vp-svg.p3 .vp-owner-ring{opacity:1}
.js .vp-svg.p4 .vp-builder{transform:translate(430px,172px)}
.vp-morph{transform-box:fill-box;transform-origin:center}
.vp-bperson{transition:transform .45s cubic-bezier(.3,1.3,.5,1) .3s,opacity .3s ease .3s}
.vp-bmark{opacity:0;transform:scale(.3) rotate(-40deg);transition:transform .3s ease-in,opacity .22s ease}
.js .vp-svg.p4 .vp-bperson{opacity:0;transform:scale(.3);transition:transform .32s ease-in,opacity .24s ease}
.js .vp-svg.p4 .vp-bmark{opacity:1;transform:none;transition:transform .6s cubic-bezier(.2,1.25,.3,1) .3s,opacity .3s ease .3s}
.vp-bl1{transition:opacity .3s ease .35s}
.vp-bl2{opacity:0;transition:opacity .2s ease}
.js .vp-svg.p4 .vp-bl1{opacity:0;transition:opacity .2s ease}
.js .vp-svg.p4 .vp-bl2{opacity:1;transition:opacity .35s ease .45s}
.js .vp-svg.p4 .vp-c4{opacity:1;transform:none;transition-delay:.45s}
.vp-tag-lead,.vp-title-pod{transition:opacity .3s ease .3s}
.vp-tag-self,.vp-title-yours{transition:opacity .2s ease}
.js .vp-svg.p4 .vp-tag-lead,.js .vp-svg.p4 .vp-title-pod{opacity:0;transition:opacity .2s ease}
.js .vp-svg.p4 .vp-tag-self,.js .vp-svg.p4 .vp-title-yours{opacity:1;transition:opacity .3s ease .25s}
.vp-gs-a{stop-color:color-mix(in srgb,var(--k4) 55%,#fff)}.vp-gs-b{stop-color:var(--k4)}
.vp-pod-glow{fill:none;stroke:url(#vpBizGrad);stroke-width:7;filter:url(#vpBlur);opacity:0;transition:opacity .8s ease}
.js .vp-svg.p5 .vp-pod{stroke:url(#vpBizGrad);stroke-dasharray:none;stroke-width:3}
.js .vp-svg.p5 .vp-pod-glow{opacity:.7;animation:vppodglow 1.8s ease-in-out .8s infinite alternate}
@keyframes vppodglow{from{opacity:.45}to{opacity:.95}}
.vp-inflow{opacity:0;transition:opacity .8s ease;pointer-events:none}
.js .vp-svg.p5 .vp-inflow{opacity:1}
.vp-in{transform-box:fill-box;transform-origin:center;opacity:0;animation:vpinspark var(--d) cubic-bezier(.12,.7,.3,1) infinite}
@keyframes vpinspark{0%{opacity:0;transform:translate(0,0) scale(1.4)}6%{opacity:1}75%{opacity:.9}100%{opacity:0;transform:translate(var(--ix),var(--iy)) scale(.5)}}
.vp-in1{--ix:-215.9px;--iy:78.8px;--d:1.94s;animation-delay:1.02s}
.vp-in2{--ix:-308.3px;--iy:63.7px;--d:1.70s;animation-delay:1.74s}
.vp-in3{--ix:-217.9px;--iy:-52.5px;--d:1.63s;animation-delay:1.96s}
.vp-in4{--ix:-166.6px;--iy:27.4px;--d:1.56s;animation-delay:1.63s}
.vp-in5{--ix:-157.0px;--iy:164.2px;--d:1.25s;animation-delay:0.08s}
.vp-in6{--ix:-165.1px;--iy:147.3px;--d:1.46s;animation-delay:1.30s}
.vp-in7{--ix:-192.9px;--iy:104.1px;--d:1.60s;animation-delay:1.46s}
.vp-in8{--ix:-146.1px;--iy:30.7px;--d:1.64s;animation-delay:2.05s}
.vp-in9{--ix:-127.8px;--iy:2.0px;--d:1.38s;animation-delay:0.64s}
.vp-in10{--ix:-177.7px;--iy:-63.1px;--d:1.29s;animation-delay:0.64s}
.vp-in11{--ix:-41.5px;--iy:169.1px;--d:1.20s;animation-delay:0.46s}
.vp-in12{--ix:-209.9px;--iy:210.8px;--d:1.52s;animation-delay:0.16s}
.vp-in13{--ix:-103.4px;--iy:-12.3px;--d:1.27s;animation-delay:0.73s}
.vp-in14{--ix:-110.5px;--iy:-60.0px;--d:1.40s;animation-delay:0.22s}
.vp-in15{--ix:-211.6px;--iy:55.9px;--d:1.75s;animation-delay:0.41s}
.vp-in16{--ix:-32.1px;--iy:144.6px;--d:1.54s;animation-delay:0.84s}
.vp-in17{--ix:-226.8px;--iy:-30.2px;--d:1.42s;animation-delay:2.14s}
.vp-in18{--ix:-27.7px;--iy:-90.8px;--d:1.35s;animation-delay:2.19s}
.vp-in19{--ix:-357.5px;--iy:-51.0px;--d:1.55s;animation-delay:0.02s}
.vp-in20{--ix:-85.6px;--iy:24.3px;--d:1.26s;animation-delay:0.46s}
.vp-in21{--ix:-366.6px;--iy:18.8px;--d:1.70s;animation-delay:0.28s}
.vp-in22{--ix:-84.8px;--iy:-54.4px;--d:1.51s;animation-delay:1.38s}
.vp-in23{--ix:-58.6px;--iy:159.8px;--d:1.40s;animation-delay:0.42s}
.vp-in24{--ix:-135.0px;--iy:24.9px;--d:1.59s;animation-delay:0.17s}
@media (prefers-reduced-motion:reduce){.vp-in{animation:none!important;opacity:0!important}}
.vp-border-fx{opacity:0;transition:opacity .8s ease}
.js .vp-svg.p5 .vp-border-fx{opacity:1}
.vp-bs{transform-box:fill-box;transform-origin:center;opacity:0;animation:vpbspark var(--d) cubic-bezier(.15,.7,.3,1) infinite}
@keyframes vpbspark{0%{opacity:0;transform:translate(0,0) scale(1.3)}3%{opacity:1}40%{opacity:0;transform:translate(var(--bx),var(--by)) scale(.3)}100%{opacity:0;transform:translate(var(--bx),var(--by)) scale(.3)}}
.vp-sp1{--sx:-10.0px;--sy:27.5px;animation-delay:0.800s}
.vp-sp2{--sx:-17.6px;--sy:21.0px;animation-delay:0.815s}
.vp-sp3{--sx:-27.3px;--sy:15.8px;animation-delay:0.830s}
.vp-sp4{--sx:-27.7px;--sy:4.9px;animation-delay:0.845s}
.vp-sp5{--sx:-26.5px;--sy:-4.7px;animation-delay:0.860s}
.vp-sp6{--sx:-27.4px;--sy:-15.8px;animation-delay:0.875s}
.vp-sp7{--sx:-25.0px;--sy:-29.8px;animation-delay:0.890s}
.vp-sp8{--sx:-12.7px;--sy:-35.0px;animation-delay:0.905s}
.vp-bs1{--bx:-6.7px;--by:-22.6px;--d:2.11s;animation-delay:1.06s}
.vp-bs2{--bx:-7.8px;--by:-14.5px;--d:2.26s;animation-delay:0.07s}
.vp-bs3{--bx:0.2px;--by:-16.5px;--d:2.23s;animation-delay:2.16s}
.vp-bs4{--bx:-5.2px;--by:-15.8px;--d:2.77s;animation-delay:1.02s}
.vp-bs5{--bx:2.6px;--by:-18.4px;--d:2.37s;animation-delay:2.28s}
.vp-bs6{--bx:2.8px;--by:-21.3px;--d:1.98s;animation-delay:0.50s}
.vp-bs7{--bx:-6.2px;--by:-13.5px;--d:2.23s;animation-delay:1.59s}
.vp-bs8{--bx:-6.3px;--by:-18.7px;--d:2.34s;animation-delay:2.50s}
.vp-bs9{--bx:1.9px;--by:-12.9px;--d:2.51s;animation-delay:2.32s}
.vp-bs10{--bx:1.5px;--by:-22.9px;--d:1.97s;animation-delay:2.73s}
.vp-bs11{--bx:5.0px;--by:-11.3px;--d:1.81s;animation-delay:0.62s}
.vp-bs12{--bx:11.7px;--by:-20.1px;--d:2.15s;animation-delay:2.73s}
.vp-bs13{--bx:13.4px;--by:-5.3px;--d:2.75s;animation-delay:0.60s}
.vp-bs14{--bx:13.2px;--by:0.7px;--d:2.05s;animation-delay:1.18s}
.vp-bs15{--bx:21.6px;--by:6.3px;--d:2.61s;animation-delay:0.19s}
.vp-bs16{--bx:20.7px;--by:0.7px;--d:2.21s;animation-delay:2.16s}
.vp-bs17{--bx:21.7px;--by:-6.3px;--d:1.94s;animation-delay:2.70s}
.vp-bs18{--bx:13.1px;--by:2.6px;--d:2.36s;animation-delay:1.52s}
.vp-bs19{--bx:17.1px;--by:-0.8px;--d:2.07s;animation-delay:0.95s}
.vp-bs20{--bx:20.7px;--by:-1.6px;--d:1.83s;animation-delay:1.83s}
.vp-bs21{--bx:12.7px;--by:11.0px;--d:2.49s;animation-delay:1.51s}
.vp-bs22{--bx:-6.4px;--by:14.9px;--d:2.03s;animation-delay:0.17s}
.vp-bs23{--bx:0.7px;--by:11.2px;--d:2.09s;animation-delay:0.90s}
.vp-bs24{--bx:2.5px;--by:23.5px;--d:1.84s;animation-delay:2.48s}
.vp-bs25{--bx:-0.6px;--by:22.5px;--d:1.89s;animation-delay:0.61s}
.vp-bs26{--bx:6.2px;--by:17.5px;--d:2.79s;animation-delay:0.78s}
.vp-bs27{--bx:-4.5px;--by:11.5px;--d:2.05s;animation-delay:2.75s}
.vp-bs28{--bx:3.6px;--by:21.5px;--d:2.37s;animation-delay:1.74s}
.vp-bs29{--bx:-1.8px;--by:17.6px;--d:2.09s;animation-delay:0.22s}
.vp-bs30{--bx:-7.6px;--by:13.2px;--d:1.98s;animation-delay:0.05s}
.vp-bs31{--bx:0.5px;--by:20.5px;--d:2.10s;animation-delay:2.23s}
.vp-bs32{--bx:6.4px;--by:20.9px;--d:1.93s;animation-delay:0.26s}
.vp-bs33{--bx:-17.4px;--by:16.9px;--d:2.33s;animation-delay:2.41s}
.vp-bs34{--bx:-21.7px;--by:1.7px;--d:2.26s;animation-delay:1.85s}
.vp-bs35{--bx:-15.6px;--by:-7.7px;--d:2.63s;animation-delay:0.11s}
.vp-bs36{--bx:-20.9px;--by:-0.6px;--d:2.12s;animation-delay:1.18s}
.vp-bs37{--bx:-17.1px;--by:5.4px;--d:2.17s;animation-delay:2.67s}
.vp-bs38{--bx:-21.6px;--by:1.6px;--d:2.38s;animation-delay:2.71s}
.vp-bs39{--bx:-16.6px;--by:-1.7px;--d:2.78s;animation-delay:1.85s}
.vp-bs40{--bx:-21.9px;--by:1.7px;--d:2.05s;animation-delay:2.06s}
.vp-bs41{--bx:-23.3px;--by:-2.7px;--d:2.67s;animation-delay:2.01s}
.vp-bs42{--bx:-20.8px;--by:-5.0px;--d:2.34s;animation-delay:0.34s}
.vp-bs43{--bx:-12.9px;--by:-2.3px;--d:1.92s;animation-delay:0.05s}
.vp-bs44{--bx:-9.4px;--by:-17.9px;--d:2.07s;animation-delay:0.80s}
.js .vp-svg.p5 .vp-edge-link{opacity:1}
.vp-steps{list-style:none;margin:0;padding:22vh 0}
.vp-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;transition:opacity .5s ease}
.js .vp-step{opacity:.28}
.js .vp-step.on{opacity:1}
.vp-n{font-weight:800;font-size:15px;letter-spacing:.1em;color:var(--k5)}
.vp-step h3{font-size:clamp(32px,3.8vw,48px);margin:10px 0 14px;line-height:1}
.vp-step p{font-size:19px;opacity:.88;max-width:38ch;margin:0}
/* edge flow */
.vp-edge-band{background:var(--k3);color:#fff}
.vp-flow{margin:30px 0 10px;background:rgba(0,0,0,.18);border:2px solid rgba(255,255,255,.35);border-radius:28px;padding:20px}
.vp-flowsvg{width:100%;height:auto;display:block}
.vp-flowline{fill:none;stroke:rgba(255,255,255,.35);stroke-width:3;stroke-linecap:round}
.vp-pk{fill:#fff}
.vp-pk.c2{fill:var(--k2)}.vp-pk.c4{fill:var(--k4)}.vp-pk.c5{fill:var(--k5)}
.vp-src rect{fill:rgba(255,255,255,.14);stroke:rgba(255,255,255,.45);stroke-width:1.5}
.vp-src text{fill:#fff;font-weight:700;font-size:17px}
.vp-srcdot{fill:#fff;animation:vpglow 2.4s ease-in-out infinite alternate}
.vp-srcdot.s2{animation-delay:.8s}
.vp-srcdot.s3{animation-delay:1.6s}
@keyframes vpglow{from{opacity:.35}to{opacity:1}}
.vp-flowlabel{fill:#fff;font-weight:800;font-size:15px;letter-spacing:.12em}
.vp-core{fill:#fff;stroke:var(--ink);stroke-width:3}
.vp-coretext{fill:var(--ink);font-weight:800;font-size:18px}
.vp-coresub{fill:var(--ink);font-size:12px;font-weight:600;opacity:.7}
.vp-node circle{fill:#fff;stroke-width:5}
.vp-node .ring2{stroke:var(--k2)}.vp-node .ring4{stroke:var(--k4)}.vp-node .ring5{stroke:var(--k5)}
.vp-node text{fill:#fff;font-weight:700;font-size:17px}
.vp-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.vp-pillars div{border-top:3px solid #fff;padding-top:14px}
.vp-pillars b{font-size:24px;letter-spacing:-.02em}
.vp-pillars p{margin:6px 0 0;font-size:17px;opacity:.9}
@media (max-width:900px){.vp-stage{grid-template-columns:1fr;gap:0}.vp-visual{top:56px;height:auto;z-index:2;background:var(--ink);padding:10px 0}.vp-svg{max-height:42vh}.vp-steps{padding:6vh 0}.vp-step{min-height:55vh}.vp-cards,.vp-pillars{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){.vp-knob,.vp-bperson,.vp-bmark,.vp-morph,.vp-bl1,.vp-bl2,.vp-t,.vp-title,.vp-tag text,.vp-owner-ring,.vp-edge-link,.vp-step{transition:none!important}.vp-pod-glow,.vp-bs,.vp-sp,.vp-pipe-glow,.vp-srcdot,.vp-pricing .cad,.vp-pricing .usd{animation:none!important}}
/* AX:NH:CSS:START Aech Apps live demo (app + built-in agent chat) */
.ax-band{background:var(--bg);padding:140px 0 120px}
.ax-band h2{max-width:none}
.ax-h2b{display:block;color:var(--purple-text)}
.ax-stage{position:relative;margin-top:56px;background:#fff;color:var(--ink);border:3px solid var(--edge);border-radius:24px;box-shadow:10px 10px 0 var(--edge);overflow:hidden;font-size:15px;line-height:1.4}
.ax-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:2px solid var(--ink);background:#f7f2e8}
.ax-appname{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;white-space:nowrap}
.ax-applogo{flex:none;width:26px;height:26px;border-radius:8px;background:conic-gradient(from 200deg,var(--pink),var(--orange),var(--purple),var(--blue),var(--green),var(--pink));border:2px solid var(--ink)}
.ax-switch{display:flex;border:2px solid var(--ink);border-radius:99px;padding:3px;background:#fff;font-weight:700;font-size:14px}
.ax-switch span{padding:5px 14px;border-radius:99px;transition:background .3s,color .3s}
.ax-sw-app{background:var(--ink);color:#fff}
.ax-stage.s1 .ax-sw-app{background:none;color:var(--ink)}
.ax-stage.s1 .ax-sw-chat{background:var(--ink);color:#fff}
.ax-who{display:flex;align-items:center;gap:10px}
.ax-lock{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:4px 10px;white-space:nowrap}
.ax-lock svg,.ax-sealed svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.ax-avatar{width:34px;height:34px;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;border:2px solid var(--ink)}
.ax-body{position:relative;height:440px;overflow:hidden}
.ax-app{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;transition:left .55s cubic-bezier(.3,.9,.3,1);left:0}
.ax-stage.s1 .ax-app{left:380px}
.ax-kanban{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ax-col{background:#f5f0e6;border-radius:14px;padding:12px}
.ax-col b{display:block;margin-bottom:10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.ax-it{background:#fff;border:2px solid var(--ink);border-radius:10px;padding:9px 11px;margin-bottom:9px;font-weight:600;transition:outline-color .3s,box-shadow .3s}
.ax-stuck{border-color:var(--pink);outline:3px dashed transparent;outline-offset:4px}
.ax-stage.s2 .ax-stuck{outline-color:var(--purple);box-shadow:0 0 0 6px rgba(173,59,189,.12)}
.ax-new,.ax-clear{display:none}
.ax-stage.s7 .ax-stuck{display:none}
.ax-stage.s7 .ax-new{display:block;border-color:var(--green);box-shadow:0 0 0 5px rgba(33,200,29,.2);animation:axIn .5s cubic-bezier(.3,1.4,.5,1)}
.ax-stage.s7 .ax-clear{display:block;color:#7a7266;font-weight:600;padding:8px 2px;animation:axIn .5s}
.ax-toast{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:14px;padding:12px 16px;font-size:14px;opacity:0;transform:translateY(16px);transition:opacity .4s,transform .4s}
.ax-toast svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ax-stage.s7 .ax-toast{opacity:1;transform:none}
.ax-chat{position:absolute;top:0;left:0;bottom:0;width:380px;background:#fafafa;border-right:2px solid var(--ink);display:grid;grid-template-rows:auto 1fr auto auto;transform:translateX(-104%);transition:transform .55s cubic-bezier(.3,.9,.3,1)}
.ax-stage.s1 .ax-chat{transform:none}
.ax-chat-hd{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e6e1d8}
.ax-chat-hd b{display:block;font-size:16px}
.ax-chat-hd small{color:#7a7266;font-size:13px}
.ax-chat-av{width:38px;height:38px;border-radius:10px;border:2px solid var(--ink);background:#fff;display:grid;place-items:center}
.ax-chat-av svg{width:26px;height:22px}
.ax-log{padding:14px 16px;display:flex;flex-direction:column;gap:10px;overflow:hidden;justify-content:flex-end;-webkit-mask-image:linear-gradient(transparent,#000 36px);mask-image:linear-gradient(transparent,#000 36px)}
.ax-msg{border-radius:14px;padding:10px 12px;max-width:92%;display:none}
.ax-intro{display:block;background:#fff;border:1px solid #e6e1d8;color:#5d564c}
.ax-stage.s3 .ax-intro{display:none}
.ax-me{align-self:flex-end;background:#ffe0ee;border:2px solid var(--ink)}
.ax-pick{display:block;font-size:12px;font-weight:700;color:var(--purple);margin-bottom:4px}
.ax-ai{background:#fff;border:2px solid var(--ink)}
.ax-stage.s3 .ax-me,.ax-stage.s5 .ax-ai,.ax-stage.s7 .ax-done{display:block;animation:axIn .45s cubic-bezier(.3,1.4,.5,1)}
.ax-stage.s5:not(.s7) .ax-done{display:none}
.ax-btns{display:flex;gap:8px;margin-top:10px}
.ax-btns span{border:2px solid var(--ink);border-radius:99px;padding:4px 12px;font-weight:700;font-size:13px}
.ax-approve{background:var(--green);transition:transform .15s,box-shadow .15s;box-shadow:3px 3px 0 var(--ink)}
.ax-stage.s6 .ax-approve{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}
.ax-typing{display:none;gap:5px;padding:12px 14px;background:#fff;border:2px solid var(--ink);border-radius:14px;align-self:flex-start}
.ax-stage.s4:not(.s5) .ax-typing{display:flex}
.ax-typing i{width:7px;height:7px;border-radius:50%;background:var(--ink);animation:axDot 1s infinite}
.ax-typing i:nth-child(2){animation-delay:.15s}.ax-typing i:nth-child(3){animation-delay:.3s}
.ax-compose{display:flex;align-items:center;gap:10px;margin:0 14px;border:2px solid var(--ink);border-radius:14px;padding:10px 12px;background:#fff}
.ax-plus{font-weight:800}
.ax-ph{flex:1;color:#9a9186}
.ax-send{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}
.ax-sealed{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#6b645a;padding:8px 16px 12px}
.ax-cursor{position:absolute;left:0;top:0;width:26px;height:26px;fill:var(--ink);stroke:#fff;stroke-width:1.5;z-index:5;display:none;transition:transform .8s cubic-bezier(.45,0,.2,1);filter:drop-shadow(2px 2px 0 rgba(0,0,0,.25))}
.ax-ring{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:3px solid var(--pink);z-index:4;opacity:0;pointer-events:none}
.ax-ring.go{animation:axRing .5s ease-out}
.ax-stage.run .ax-cursor{display:block}
.ax-tm{position:absolute;inset:0;z-index:3;background:#fff;display:none;grid-template-rows:auto 1fr auto;transition:opacity .5s,visibility .5s,transform .5s}
.ax-stage.run .ax-tm{display:grid}
.ax-stage.app .ax-tm{opacity:0;visibility:hidden;transform:scale(1.03)}
.ax-tm-hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid var(--ink);background:#f7f2e8}
.ax-tm-app{font-weight:800;font-size:13px;border:2px solid var(--ink);border-radius:8px;padding:3px 9px;background:#fff}
.ax-tm-hd b{font-size:16px}
.ax-tm-hd small{color:#7a7266;font-weight:600}
.ax-tm-hd .ax-avatar{margin-left:auto}
.ax-tm-log{padding:16px 20px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 36px);mask-image:linear-gradient(transparent,#000 36px)}
.ax-tm-row{display:none;gap:10px;align-items:flex-start;max-width:620px}
.ax-tm-me{align-self:flex-end;flex-direction:row-reverse}
.ax-stage.t1 .ax-tm-me,.ax-stage.t3 .ax-tm-r1,.ax-stage.t4 .ax-tm-r2{display:flex;animation:axIn .45s cubic-bezier(.3,1.4,.5,1)}
.ax-stage.t2:not(.t3) .ax-tm-wait{display:flex}
.ax-tm-wait .ax-typing{display:flex}
.ax-tm-msg{background:#f5f0e6;border:2px solid var(--ink);border-radius:14px;padding:10px 14px}
.ax-tm-me .ax-tm-msg{background:#ffe0ee}
.ax-tm-msg>b{display:block;font-size:12px;letter-spacing:.05em;text-transform:uppercase;opacity:.6;margin-bottom:3px}
.ax-ck{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}
.ax-ck li{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;opacity:.35;transition:opacity .3s}
.ax-ck i{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;background:#fff;transition:background .3s}
.ax-ck i::after{content:"";width:4px;height:8px;border:solid var(--ink);border-width:0 2.5px 2.5px 0;margin-top:-2px;transform:rotate(45deg) scale(0);transition:transform .3s}
.ax-stage.t3 .ax-ck li{opacity:1}
.ax-stage.t3 .ax-ck i{background:var(--green)}
.ax-stage.t3 .ax-ck i::after{transform:rotate(45deg) scale(1)}
.ax-stage.t3 .ax-ck li:nth-child(1),.ax-stage.t3 .ax-ck li:nth-child(1) i,.ax-stage.t3 .ax-ck li:nth-child(1) i::after{transition-delay:.3s}
.ax-stage.t3 .ax-ck li:nth-child(2),.ax-stage.t3 .ax-ck li:nth-child(2) i,.ax-stage.t3 .ax-ck li:nth-child(2) i::after{transition-delay:.9s}
.ax-stage.t3 .ax-ck li:nth-child(3),.ax-stage.t3 .ax-ck li:nth-child(3) i,.ax-stage.t3 .ax-ck li:nth-child(3) i::after{transition-delay:1.5s}
.ax-stage.t3 .ax-ck li:nth-child(4),.ax-stage.t3 .ax-ck li:nth-child(4) i,.ax-stage.t3 .ax-ck li:nth-child(4) i::after{transition-delay:2.1s}
.ax-link{display:flex;align-items:center;gap:10px;margin-top:10px;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:10px 12px}
.ax-link b{display:block;font-size:15px}
.ax-link small{color:#7a7266;font-size:13px}
.ax-open{margin-left:auto;background:var(--ink);color:#fff;border-radius:99px;padding:6px 14px;font-weight:700;font-size:13px;white-space:nowrap}
.ax-tm-compose{margin:0 16px 16px;border:2px solid var(--ink);border-radius:12px;padding:10px 14px;color:#9a9186}
.ax-veil{position:absolute;inset:0;z-index:4;background:rgba(255,250,242,.74);opacity:0;transition:opacity .5s;pointer-events:none}
.ax-stage.m1 .ax-veil{opacity:1}
.ax-phone{position:absolute;z-index:4;right:64px;top:26px;width:236px;height:452px;box-sizing:border-box;border:3px solid var(--ink);border-radius:34px;background:var(--ink);padding:7px;box-shadow:8px 8px 0 var(--ink);transform:translateY(115%);transition:transform .7s cubic-bezier(.3,1.15,.4,1)}
.ax-stage.m1 .ax-phone{transform:none}
.ax-later{position:absolute;right:calc(100% + 22px);top:36px;white-space:nowrap;background:var(--pink);color:#fff;border:2px solid var(--ink);border-radius:99px;padding:6px 14px;font-weight:800;font-size:14px;box-shadow:3px 3px 0 var(--ink)}
.ax-ph-screen{height:100%;border-radius:27px;background:#fff;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.ax-ph-bar{background:#f7f2e8;border-bottom:2px solid var(--ink);padding:16px 12px 10px}
.ax-ph-row{display:flex;align-items:center;gap:8px}
.ax-ph-row .ax-applogo{width:22px;height:22px;border-radius:7px}
.ax-ph-row b{font-size:14px;font-weight:800;white-space:nowrap}
.ax-ph-row .ax-avatar{margin-left:auto;width:28px;height:28px;font-size:11px}
.ax-ph-sw{display:flex;margin-top:10px;border:2px solid var(--ink);border-radius:99px;padding:3px;background:#fff;font-weight:700;font-size:13px}
.ax-ph-sw span{flex:1;text-align:center;padding:4px;border-radius:99px;transition:background .3s,color .3s}
.ax-ph-a{background:var(--ink);color:#fff}
.ax-stage.m2 .ax-ph-a{background:none;color:var(--ink)}
.ax-stage.m2 .ax-ph-c{background:var(--ink);color:#fff}
.ax-ph-body{position:relative;overflow:hidden}
.ax-ph-app{position:absolute;inset:0;padding:12px}
.ax-ph-sec{margin-bottom:10px}
.ax-ph-sec>b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.ax-ph-app .ax-it{font-size:13px;padding:7px 9px;margin-bottom:6px}
.ax-ph-hot{border-color:var(--green);box-shadow:0 0 0 4px rgba(33,200,29,.2)}
.ax-ph-clear{font-size:13px;color:#7a7266;font-weight:600;border:2px dashed #d8d0c2;border-radius:10px;padding:7px 9px}
.ax-ph-chat{position:absolute;inset:0;background:#fafafa;display:grid;grid-template-rows:1fr auto;transform:translateX(-102%);transition:transform .45s cubic-bezier(.3,.9,.3,1)}
.ax-stage.m2 .ax-ph-chat{transform:none}
.ax-ph-log{padding:12px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden}
.ax-pm{display:none;max-width:88%;border:2px solid var(--ink);border-radius:12px;padding:8px 10px;font-size:13px;line-height:1.35}
.ax-pm-me{align-self:flex-end;background:#ffe0ee}
.ax-pm-ai{background:#fff}
.ax-stage.m3 .ax-pm-me,.ax-stage.m5 .ax-pm-ai{display:block;animation:axIn .45s cubic-bezier(.3,1.4,.5,1)}
.ax-pm-typing{display:none;gap:5px;align-self:flex-start;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:10px 12px}
.ax-stage.m4:not(.m5) .ax-pm-typing{display:flex}
.ax-pm-typing i{width:6px;height:6px;border-radius:50%;background:var(--ink);animation:axDot 1s infinite}
.ax-pm-typing i:nth-child(2){animation-delay:.15s}.ax-pm-typing i:nth-child(3){animation-delay:.3s}
.ax-ph-compose{display:flex;align-items:center;gap:8px;margin:0 10px 12px;border:2px solid var(--ink);border-radius:12px;padding:8px 10px;background:#fff;font-size:13px;color:#9a9186}
.ax-ph-compose span{flex:1}
.ax-ph-compose b{width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px}
.ax-dev{margin-top:30px;background:var(--ink);color:#fff;border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--purple);padding:34px}
.ax-dev-tag{display:inline-block;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border:2px solid #fff;border-radius:99px;padding:4px 12px;margin-bottom:16px}
.ax-dev h3{font-size:clamp(28px,3vw,38px);letter-spacing:-.03em;line-height:1;margin-bottom:14px}
.ax-dev p{font-size:17px;margin:0;opacity:.88}
.ax-dev-head{max-width:72ch}
.ax-dev-uses{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:28px}
.ax-use{min-width:0;background:#1e1e1e;border:2px solid #353535;border-radius:18px;padding:20px;display:flex;flex-direction:column}
.ax-use>p{font-size:16px;margin:0 0 16px;flex:1}
.ax-use-tag{align-self:flex-start;color:var(--ink);font-weight:800;font-size:13px;border:2px solid #fff;border-radius:99px;padding:3px 12px;margin-bottom:12px}
.ax-use-b{background:var(--green)}.ax-use-p{background:var(--blue)}
.ax-dev-foot{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.ax-dev-foot p{font-size:15px}
.ax-made{border-left:4px solid var(--pink);padding-left:14px}
.ax-tl .u{color:var(--pink)}
.ax-term{background:#0b0b0b;border:2px solid #3a3a3a;border-radius:14px;overflow:hidden;font:14px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ax-term-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #2a2a2a;color:#8d8d8d;font-size:12px}
.ax-term-bar i{width:10px;height:10px;border-radius:50%;background:#3a3a3a}
.ax-term-bar span{margin-left:8px}
.ax-term-body{padding:14px 16px;overflow-x:auto;white-space:nowrap}
.ax-tl b{font-weight:600}
.ax-tl .p{color:var(--green)}
.ax-tl .t{color:var(--blue)}
.ax-tl .ok{color:var(--green)}
.js .ax-dev .ax-tl{opacity:0;transform:translateX(-6px);transition:opacity .4s,transform .4s}
.js .ax-dev.in .ax-tl{opacity:1;transform:none}
.js .ax-dev .cw-step{opacity:.25;transition:opacity .4s}
.js .ax-dev.in .cw-step{opacity:1}
.js .ax-dev.in .d2{transition-delay:.6s}.js .ax-dev.in .cw-step.d2{transition-delay:.9s}.js .ax-dev.in .d3{transition-delay:1.2s}.js .ax-dev.in .d4{transition-delay:1.8s}.js .ax-dev.in .d5{transition-delay:2.4s}.js .ax-dev.in .d6{transition-delay:3s}
.cc-u{background:#1d1d1d;border-radius:6px;padding:4px 10px;margin-bottom:8px;color:#fff;white-space:normal}
.cc-u b,.cc-in b{color:#8d8d8d;margin-right:6px}
.cc-a b{color:#fff;margin-right:6px}
.cc-t b{color:var(--green);margin-right:6px}
.cc-t em{font-style:normal;font-weight:700;color:#fff}
.cc-t small{color:#7d7d7d;font-size:.85em;margin-left:4px}
.ax-term .ax-tl{padding-left:1.5em;text-indent:-1.5em}
.ax-term .cc-r{padding-left:3.1em;color:#a9a9a9}
.ax-term .cc-u{padding-left:calc(10px + 1.5em)}
.cc-r b{color:#6d6d6d;margin-right:6px;font-weight:400}
.cc-in{margin-top:10px;border:1px solid #3a3a3a;border-radius:8px;padding:4px 10px;color:#8d8d8d}
.ax-term-body{white-space:normal}
.ax-cw{background:#fbf8f2;color:var(--ink);border:2px solid #353535;border-radius:14px;overflow:hidden;font-size:14px;line-height:1.45}
.ax-cw-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #e4ddd0;color:#8a8275;font-size:12px;font-weight:600;background:#f3eee5}
.ax-cw-bar i{width:10px;height:10px;border-radius:50%;background:#d8d0c2}
.ax-cw-bar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-cw-body{padding:14px;display:flex;flex-direction:column;gap:10px}
.cw-me{align-self:flex-end;max-width:88%;background:#ebe4d8;border-radius:14px 14px 4px 14px;padding:9px 12px}
.cw-steps{background:#fff;border:1px solid #e4ddd0;border-radius:12px;padding:6px 10px}
.cw-step{display:flex;align-items:center;gap:8px;padding:5px 0;font-weight:600}
.cw-step+.cw-step{border-top:1px solid #efe9df}
.cw-step i{flex:none;width:16px;height:16px;border-radius:50%;background:var(--green);position:relative}
.cw-step i::after{content:"";position:absolute;left:5px;top:2.5px;width:3.5px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cw-step small{margin-left:auto;color:#8a8275;font-weight:500;font-size:12px;white-space:nowrap}
.cw-ai{max-width:92%}
.cw-file{display:flex;align-items:center;gap:10px;align-self:flex-start;background:#fff;border:1px solid #e4ddd0;border-radius:10px;padding:7px 12px 7px 8px}
.cw-file b{display:block;font-size:13px}
.cw-file small{color:#8a8275;font-size:12px}
.cw-files{display:flex;flex-wrap:wrap;gap:8px}
.cw-file .ax-applogo{width:26px;height:26px;border-radius:6px}
.cw-doc{width:26px;height:26px;border-radius:6px;background:var(--ink);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}
.cw-xl{width:26px;height:26px;border-radius:6px;background:#1f7a3f;color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center}
.cw-in{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #d8d0c2;border-radius:12px;padding:7px 8px 7px 12px;color:#9a9186}
.cw-in b{width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px}
.ax-caret{display:inline-block;width:8px;height:16px;margin-left:6px;vertical-align:-3px;background:#fff;animation:axBlink 1s steps(1) infinite}
@keyframes axBlink{50%{opacity:0}}
@media (max-width:860px){.ax-dev{padding:26px}.ax-dev-uses,.ax-dev-foot{grid-template-columns:minmax(0,1fr)}.ax-term{font-size:12px}.ax-term-body{white-space:normal;overflow-wrap:anywhere}.ax-term-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-t small,.cw-step small{display:none}}
.ax-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.ax-fact{background:var(--card);border:3px solid var(--edge);border-radius:22px;box-shadow:6px 6px 0 var(--edge);padding:26px}
.ax-fact:nth-child(1){background:var(--tint-pink)}.ax-fact:nth-child(2){background:var(--tint-blue)}.ax-fact:nth-child(3){background:var(--tint-green)}
.ax-fact h3{font-size:26px;letter-spacing:-.02em;line-height:1.05;margin-bottom:10px}
.ax-fact p{font-size:16px;margin:0}
@keyframes axIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes axDot{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes axRing{from{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}
@media (max-width:860px){.ax-facts{grid-template-columns:1fr}}
@media (max-width:720px){
  .ax-bar{flex-wrap:wrap}
  .ax-lock{display:none}
  .ax-body{height:620px}
  .ax-app{padding:14px}
  .ax-stage.s1 .ax-app{left:0}
  .ax-kanban{gap:8px}
  .ax-col{padding:8px;min-height:0;font-size:13px}
  .ax-it{padding:7px 8px}
  .ax-chat{top:auto;width:auto;right:0;height:60%;border-right:0;border-top:2px solid var(--ink);transform:translateY(104%)}
  .ax-toast{top:14px;bottom:auto;right:14px;left:14px}
  .ax-tm-log{padding:12px}
  .ax-link{flex-wrap:wrap}
  .ax-open{margin-left:0;flex-basis:100%;text-align:center}
  .ax-phone{right:auto;left:50%;margin-left:-118px;top:auto;bottom:24px}
  .ax-later{right:auto;left:50%;transform:translateX(-50%);top:-48px}
}
/* AX:NH:CSS:END */
/* AX:FX:CSS:START Hero background: pointer-reactive dot grid + badge tilt */
.hero{position:relative}
.hero>.wrap{position:relative;z-index:1}
.hero-fx{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.js .badge.pop.in{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--bs,1));transition:transform .2s ease-out,opacity .8s}
.js .badge.pop.in:hover{--bs:1.02}
/* AX:FX:CSS:END */
/* dark theme */
:root[data-theme="dark"]{color-scheme:dark;
  --bg:#12110f; --fg:#f4efe6; --card:#1d1b18; --card-2:#29261f; --muted:#a69e91; --line-soft:#3b3731;
  --edge:#f4efe6; --hl:rgba(236,0,98,.62); --purple-text:#d48ae0;
  --tint-pink:color-mix(in srgb,var(--pink) 20%,#1d1b18); --tint-blue:color-mix(in srgb,var(--blue) 18%,#1d1b18); --tint-green:color-mix(in srgb,var(--green) 16%,#1d1b18)}
:root[data-theme="dark"] .band.pink{background:color-mix(in srgb,var(--pink) 24%,var(--bg));color:var(--fg);--edge:var(--pink)}
:root[data-theme="dark"] .band.orange{background:color-mix(in srgb,var(--orange) 20%,var(--bg));color:var(--fg);--edge:var(--orange)}
:root[data-theme="dark"] .band.purple,:root[data-theme="dark"] .vp-edge-band{background:color-mix(in srgb,var(--purple) 26%,var(--bg));color:var(--fg);--edge:var(--purple)}
:root[data-theme="dark"] .band.blue{background:color-mix(in srgb,var(--blue) 20%,var(--bg));color:var(--fg);--edge:var(--blue)}
:root[data-theme="dark"] .band.green{background:color-mix(in srgb,var(--green) 17%,var(--bg));color:var(--fg);--edge:var(--green)}
:root[data-theme="dark"] .hero .badge{--edge:var(--pink)}
:root[data-theme="dark"] .ax-band{background:#161512;--edge:var(--purple)}
:root[data-theme="dark"] .ax-fact:nth-child(1){--edge:var(--pink)}
:root[data-theme="dark"] .ax-fact:nth-child(2){--edge:var(--blue)}
:root[data-theme="dark"] .ax-fact:nth-child(3){--edge:var(--green)}
:root[data-theme="dark"] .ax-dev{border-color:#34312b}
:root[data-theme="dark"] .vp-smb{--edge:var(--green)}
:root[data-theme="dark"] .vp .vp-card{border-color:#3b3731}
:root[data-theme="dark"] .hs-room,:root[data-theme="dark"] .hs-room:nth-child(odd){border-color:color-mix(in srgb,var(--edge) 40%,transparent)}
:root[data-theme="dark"] .marquee,:root[data-theme="dark"] footer{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
/* phones and small tablets */
@media (max-width:760px){
  nav{top:0;left:0;right:0;translate:none;max-width:none;border-radius:0;border-width:0 0 2px;box-shadow:none;padding:8px 12px 8px 16px}
  nav .logo{margin-right:auto}
  nav a{font-size:14px;padding:8px 10px}
  .hero{padding:96px 0 72px}
  .band{padding:88px 0}
  .cta{padding:96px 0}
  .ax-band{padding:88px 0 80px}
  .vp{padding-bottom:88px}
  .vp-intro{padding-top:88px}
  .vp-flowlanes{padding-top:80px}
  .vp-how{padding-top:72px}
}
@media (max-width:560px){
  body{font-size:17px}
  nav a.opt2{display:none}
  .hero h1{font-size:clamp(40px,12.4vw,60px)}
  h2{font-size:clamp(32px,9.6vw,46px)}
  .lead{font-size:18px}
  .label{font-size:12px;padding:5px 12px;margin-bottom:20px}
  .marquee{padding:11px 0;font-size:16px}
  .marquee span{margin:0 14px}
  .st{padding:24px}
  .btn{padding:15px 26px;font-size:18px}
  .hero-cta .more{font-size:16px}
}
@media (max-width:380px){nav a.go{font-size:13px;padding:8px 9px}.edition{font-size:13px}.edition a{padding:6px 11px}}

.case-hero{padding:150px 0 65px}.case-hero h1{font-size:clamp(44px,6.7vw,88px);max-width:19ch;line-height:1.02;margin:22px 0 32px}.case-hero .intro{max-width:55ch;font-size:22px}.case-crumb{font-size:15px;font-weight:600}.case-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.case-meta span{border:2px solid var(--edge);border-radius:99px;padding:7px 16px;font-size:15px;background:var(--card)}
.case-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 0 72px}.case-metric{background:var(--card);border:2px solid var(--edge);border-radius:22px;box-shadow:5px 5px 0 var(--edge);padding:26px 22px}.case-metric strong{display:block;font-size:clamp(30px,3.7vw,48px);font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:20px}.case-metric span{display:block;font-size:17px;line-height:1.45;border-top:5px solid var(--accent,var(--pink));padding-top:16px}.case-section{padding:76px 0;border-top:2px solid var(--edge)}.case-grid{display:grid;grid-template-columns:260px 1fr;gap:70px}.case-section h2{font-size:clamp(34px,4vw,50px);line-height:1.05;max-width:none}.case-copy{max-width:70ch}.case-copy p{margin-bottom:25px}.case-copy p:last-child{margin-bottom:0}.case-quote{margin:0;padding:75px 0}.case-quote blockquote{margin:0;font-size:clamp(26px,3.6vw,43px);line-height:1.22;letter-spacing:-.02em;font-weight:700;max-width:33ch}.case-quote figcaption{margin-top:28px;font-size:18px}.case-cta{padding:85px 0}.case-cta h2{max-width:20ch;font-size:clamp(40px,6vw,72px)}.case-cta .btn{margin-top:15px}.case-card{display:block;text-decoration:none;border:2px solid var(--edge);border-radius:26px;background:var(--card);box-shadow:7px 7px 0 var(--edge);padding:38px;max-width:850px;margin:30px 0 80px}.case-card:hover{transform:translateY(-3px)}.case-card h2{font-size:clamp(32px,4vw,52px);max-width:24ch;line-height:1.08}.case-card .label{background:var(--tint-blue)}.case-card .numbers{font-size:23px;font-weight:700;margin:30px 0}.case-card .read{font-weight:700;text-decoration:underline}.case-nav .logo-link{padding:6px;display:flex}.case-nav img{width:29px;height:29px}.case-nav a{font-size:14px}.case-nav .go{font-size:14px}
@media(max-width:800px){.case-grid{grid-template-columns:1fr;gap:12px}.case-metrics{grid-template-columns:repeat(2,1fr)}.case-section{padding:45px 0}.case-hero{padding-top:125px}.case-nav .go{display:none}}
@media(max-width:420px){.case-metrics{gap:12px}.case-metric{padding:20px 14px}.case-metric strong{font-size:29px}.case-metric span{font-size:15px}.case-card{padding:25px}.wrap{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-card{transition:none}}
.case-nav img{width:85px;height:30px;object-fit:contain}
.skip-link{position:absolute;left:16px;top:-100px;z-index:1000;padding:10px 16px;background:var(--card);color:var(--fg);border:2px solid var(--edge)}.skip-link:focus{top:16px}
:root[data-theme="dark"] .case-nav .logo-link{background:#fff}

.case-company{display:flex;align-items:center;gap:24px;margin:30px 0}.case-company img{width:150px;height:auto;display:block;border-radius:18px}.case-company .label{margin:0}.case-section + .wrap .case-metrics{padding-top:8px}
@media(max-width:600px){.case-company{align-items:flex-start;flex-direction:column;gap:18px}.case-company img{width:125px}}
/* Crop to the existing white logo disc, excluding its grey backdrop. */
.case-company img{border-radius:0;clip-path:ellipse(45.5% 46% at 50% 50%)}

.case-company.prostock-company img{clip-path:none;border-radius:0;width:240px;height:auto}.case-result-heading{font-size:28px;line-height:1.15;max-width:none;margin:0 0 20px}.case-copy p + .case-result-heading{margin-top:38px}@media(max-width:600px){.case-company.prostock-company img{width:200px}}