:root{
  --brand:#72418f;--brand-rgb:114,65,143;--accent:#c290df;--accent-soft:#eddff6;--accent-marker:#d4adeb;--accent-deep:#301a3d;--accent-rgb:194,144,223;
  --on-accent:#ffffff;--plate:var(--brand);
  --background:#000;--foreground:#fff;--muted:#9ba0a6;--dim:#747980;--ink:#f4f5f6;
  --title-accent:#d6dadd;--surface-badge:#121315;--surface-raised:#131416;
  --border-subtle:rgba(255,255,255,.1);--border-glass:rgba(255,255,255,.22);
  --card-glass:rgba(14,15,17,.42);
  --stream-main:var(--accent);--stream-alt:#52c8ff;--stream-core:var(--accent-soft);--stream-deep:var(--accent-deep);--stream-spark:#ffffff;
  --shadow-float:0 .5rem 1.375rem -.25rem rgba(0,0,0,.5);
  --type-section-title:2.75rem;--type-section-title-accent:3.125rem;--line-section-title:3.875rem;
  --page-width:90rem;--page-inset:5rem;--section-gap:4.5rem;--nav-h:5.5rem;
  --mono:"Fragment Mono",ui-monospace,monospace;--serif:"Instrument Serif",Georgia,serif;--sans:"Inter",system-ui,sans-serif;
  --ease:cubic-bezier(.2,0,0,1);
}
@media (width<=1200px){:root{--page-width:64rem;--page-inset:3rem;--section-gap:4rem;--type-section-title:2.25rem;--type-section-title-accent:2.5rem;--line-section-title:3.125rem}}
@media (width<=900px){:root{--page-width:48rem;--page-inset:2.5rem;--section-gap:3.5rem;--type-section-title:1.875rem;--type-section-title-accent:2rem;--line-section-title:2.625rem;--nav-h:4rem}}
@media (width<=580px){:root{--page-width:24.375rem;--page-inset:1.25rem;--section-gap:3rem;--type-section-title:1.5rem;--type-section-title-accent:1.625rem;--line-section-title:2rem;--nav-h:3.5rem}}
html{font-size:min(1.111111vw,21.333333px)}
@media (width<=1200px){html{font-size:min(1.5625vw,16px)}}
@media (width<=900px){html{font-size:min(2.083333vw,16px)}}
@media (width<=580px){html{font-size:min(4.102564vw,16px)}}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:#000;color:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,ul,dl,dd,figure,blockquote{margin:0;padding:0}
ul{list-style:none}
a{color:inherit;text-decoration:none}
img{display:block}
button,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.h-note{max-width:100%}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:var(--mono);font-size:.875rem;line-height:1.25rem;white-space:nowrap}
.muted{color:var(--muted)}.dim{color:var(--dim)}
html[data-preload]{overflow:hidden}
html[data-preload] main{transform:translateY(200vh)}
.wrap{overflow-x:clip}
main{position:relative;margin:0 auto;width:var(--page-width);overflow-y:clip}
.gap{height:var(--section-gap)}
section,footer{position:relative}

/* preloader */
[data-preloader]{display:none;position:fixed;inset:0;z-index:60;pointer-events:none}
html[data-preload] [data-preloader],html[data-preload-closing] [data-preloader]{display:block}
.pl-stage{position:absolute;inset:0;background:#000}
.pl-svg{position:absolute;inset:0;width:100%;height:100%}
.pl-flood{position:absolute;inset:0;opacity:0}
.pl-plate{position:absolute;inset:0;background:var(--plate);display:none}
.pl-tile{position:absolute;top:calc(50% - 2.375rem);left:calc(50% - 2.375rem);width:4.75rem;height:4.75rem}
.pl-tile>.mark{position:absolute;inset:0}

/* logo marks */
.mark{display:block;border-radius:31.58%;overflow:clip;position:relative}
.mark-lite{background:linear-gradient(135deg,#8d5bab,var(--brand) 71.429%);border:1px solid rgba(255,255,255,.25)}
.mark-dark{background:linear-gradient(135deg,#25222e,#0b0912 71.429%);border:1px solid rgba(11,9,18,.25)}
.mark svg{position:absolute;inset:0;width:100%;height:100%}
.mark-dark{background:linear-gradient(135deg,#2a2233,#0c0910 71.429%)}

/* backdrop */
.backdrop{position:absolute;inset:0;pointer-events:none}
.bd-top{position:absolute;left:0;right:0;top:0;height:72.125rem}
.bd-light{position:absolute;top:0;left:calc(50% - 50vw);right:calc(50% - 50vw);height:35rem;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent)}
.bd-img{position:absolute;top:0;left:0;max-width:none;transform:translateY(calc(var(--hero-extra) / 2))}
.bd-dots{height:66.25rem;width:90rem}
.bd-dots768{display:none;height:72.125rem;width:48rem}
.bd-specks{height:73.75rem;width:90rem}
.bd-field{position:absolute;top:236rem;left:0;height:150rem;width:var(--page-width);max-width:none;opacity:.35}
@media (width<=900px){.bd-dots{display:none}.bd-dots768{display:block}.bd-specks{height:68.075rem}}

/* stream */
#stream{position:fixed;top:0;left:0;width:100%;height:100lvh;pointer-events:none;mix-blend-mode:screen;display:block}

/* primitives */
.badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border-subtle);background:var(--surface-badge);border-radius:999px;padding:.3125rem .8125rem .3125rem .6875rem;box-shadow:var(--shadow-float);font-weight:500;font-size:.875rem;line-height:1.25rem;letter-spacing:.025rem;color:var(--muted);align-self:flex-start;white-space:nowrap}
.badge i{position:relative;width:6px;height:6px;border-radius:50%;background:var(--accent-marker)}
.badge i::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--accent-marker);opacity:0;transform:scale(var(--halo-s,1));opacity:var(--halo-o,0)}
@media (width<=1200px){.badge{padding:.4375rem .9375rem .4375rem .6875rem}}
.title{font-weight:600;font-size:var(--type-section-title);line-height:var(--line-section-title);letter-spacing:-.125rem;background:linear-gradient(to bottom,#fff,#bababa);-webkit-background-clip:text;background-clip:text;color:transparent}
.title em,h1 em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:var(--type-section-title-accent);line-height:1;-webkit-text-fill-color:var(--title-accent);color:var(--title-accent);letter-spacing:0}
[data-focus]{-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--reveal,140%) - 40%),transparent var(--reveal,140%));mask-image:linear-gradient(90deg,#000 calc(var(--reveal,140%) - 40%),transparent var(--reveal,140%))}
[data-focus].done{-webkit-mask-image:none;mask-image:none}
[data-draw]{transform-origin:left}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}
.shead-l{width:47.5rem;display:flex;flex-direction:column;gap:1rem}
.shead-a{width:27.5rem;font-size:1rem;line-height:1.5rem;color:var(--muted);margin-bottom:.25rem}
@media (width<=1200px){.shead{flex-direction:column;align-items:center;text-align:center;gap:1rem}.shead-l{width:100%;align-items:center}.shead-l .badge{align-self:center}.shead-a{width:35rem;margin:0}}
@media (width<=580px){.shead{gap:.75rem}.shead-a{width:100%}}

/* buttons */
.pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1.5rem;border-radius:999px;font-weight:500;font-size:.875rem;line-height:1.25rem;white-space:nowrap;cursor:pointer;border:0;background:none}
.pill.lg{height:3rem;font-size:1rem;line-height:1.5rem}
.cta{color:var(--on-accent);filter:drop-shadow(0 .5rem .6875rem rgba(0,0,0,.5));overflow:hidden;isolation:isolate}
.cta .c-fill{position:absolute;inset:0;border-radius:999px;background:var(--brand);z-index:-1}
.cta .c-ink{position:absolute;inset:0;border-radius:999px;background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;clip-path:inset(0 100% 0 0 round 999px)}
.cta .c-ink span{display:inline-flex;align-items:center}
.cta .c-chev{width:.8em;height:.8em;margin-left:.4em;opacity:0}
.ring{position:absolute;inset:0;border-radius:999px;padding:1px;background:conic-gradient(from 0deg,var(--ring-c,var(--accent)) var(--fill,0%),transparent var(--fill,0%));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.glass{color:#fff;border:1px solid var(--border-glass);backdrop-filter:blur(2px);background:linear-gradient(to bottom,rgba(255,255,255,.16),rgba(255,255,255,.04));box-shadow:var(--shadow-float)}
.glass .ring{inset:-1px;--ring-c:rgba(255,255,255,.7)}

/* nav */
.nav{position:fixed;inset-inline:0;top:0;z-index:40}
.nav-plate{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0}
.nav-in{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:5.5rem;width:var(--page-width);margin:0 auto;padding:0 5rem;opacity:0}
.brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;line-height:1.75rem;font-weight:500;letter-spacing:-.0625rem}
.brand .logo{display:block;width:3.25rem;height:auto}
[aria-disabled="true"]{cursor:default}
.nav-links{display:flex;gap:2.5rem;font-size:.875rem;line-height:1.25rem;color:var(--muted)}
.nav-links a{transition:color .15s var(--ease)}.nav-links a:hover{color:var(--accent)}
.nav-act{display:flex;align-items:center;gap:.75rem;justify-self:end}
.nav-in>.brand{justify-self:start}
.status{display:flex;align-items:center;gap:.5rem;height:2.75rem;padding:0 1rem;border-radius:999px;border:1px solid var(--border-glass);background:rgba(7,7,7,.55);box-shadow:var(--shadow-float);font-family:var(--mono);font-size:.875rem;white-space:nowrap}
.breath{position:relative;width:6px;height:6px}
.breath b{position:absolute;inset:0;border-radius:50%;background:var(--accent)}
.menu-btn{display:none;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--border-subtle);background:rgba(255,255,255,.04);position:relative;cursor:pointer}
.menu-btn i{position:absolute;height:2px;border-radius:2px;background:rgba(255,255,255,.9);left:.6875rem;width:1rem}
.menu-btn i:nth-child(1){top:.8125rem}.menu-btn i:nth-child(2){top:1.1875rem}.menu-btn i:nth-child(3){top:1.5rem;left:.875rem;width:.625rem}
.mmenu{position:absolute;left:8px;right:8px;top:8px;z-index:-1;transform-origin:top right;border-radius:1.5rem;border:1px solid var(--border-subtle);background:#131416;padding:3rem .5rem .5rem;visibility:hidden;opacity:0}
.mmenu ul{display:flex;flex-direction:column;gap:2px}
.mmenu a{display:flex;gap:.75rem;align-items:center;border-radius:.875rem;padding:.625rem}
.mmenu a:hover{background:rgba(255,255,255,.04)}
.mmenu .t{width:2.25rem;height:2.25rem;border-radius:.6875rem;border:1px solid var(--border-subtle);display:grid;place-items:center;font-family:var(--mono);font-size:.875rem;color:var(--muted);transition:all .15s}
.mmenu a:hover .t{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.1);color:var(--accent)}
.mmenu b{display:block;font-weight:500;font-size:1rem;line-height:1.5rem}.mmenu small{font-size:.875rem;line-height:1.25rem;color:var(--muted)}
.nav-slot{height:var(--nav-h)}
@media (width<=1200px){.nav-in{padding:0 3rem}.nav-links{gap:2rem}}
@media (width<=900px){.nav-in{height:4rem;padding:0 2rem}.nav-links{gap:1.5rem}.status{display:none}.brand{font-size:1.125rem}}
@media (width<=580px){.brand .logo{width:2.75rem}.nav-in{height:3.5rem;padding:0 1.25rem}.nav-links{display:none}.menu-btn{display:block}.nav-act{gap:.5rem}.brand{font-size:1rem;line-height:1.5rem}}

/* hero */
#hero{--hero-frame:44.5rem;--hero-extra:max(0px,calc(100svh - var(--nav-h) - var(--hero-frame)));height:calc(var(--hero-frame) + var(--hero-extra))}
.hero-in{position:absolute;inset-inline:0;top:calc(var(--hero-extra) / 2);height:var(--hero-frame)}
.h-col{position:absolute;left:5rem;top:0;bottom:0;width:36.25rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.chip{display:inline-flex;align-items:center;gap:.75rem;height:2.25rem;border-radius:.5rem;border:1px solid rgba(var(--accent-rgb),.45);background:rgba(255,255,255,.04);backdrop-filter:blur(4px);padding:.4375rem .8125rem .4375rem .6875rem;color:var(--ink)}
.chip i{width:6px;height:6px;background:var(--accent)}
.h-title{margin-top:2.25rem;width:36.25rem;font-weight:600;font-size:4.5rem;line-height:5.25rem;letter-spacing:-.125rem;background:linear-gradient(to bottom,#fff,#bababa);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-title em{font-size:4.875rem}
.h-sub{margin-top:2.5rem;width:29.4375rem;font-size:1.125rem;line-height:1.75rem;color:var(--muted)}
.h-act{margin-top:2rem;display:flex;gap:.75rem}
.h-note{margin-top:1.5rem;color:var(--muted)}
.wfit{position:absolute;left:40.625rem;top:2.75rem;width:calc(49.375rem * var(--ws));height:calc(39rem * var(--ws));--ws:1}
.tilt{position:absolute;inset:0;transform-origin:76.3889% 50%;pointer-events:none}
.wscale{position:absolute;left:0;top:0;width:49.375rem;height:39rem;transform:scale(var(--ws));transform-origin:0 0;--gx:6.875rem}
.w-bloom{position:absolute;left:-13.125rem;top:-12.75rem;width:87.5rem;height:63.75rem;background:radial-gradient(closest-side,rgba(var(--accent-rgb),.26),rgba(var(--accent-rgb),.08) 55%,transparent);pointer-events:none}
.win{position:absolute;left:var(--gx);top:0;width:42.5rem;height:39rem;border-radius:1.75rem;background:rgba(12,13,14,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:clip}
.win-ring{position:absolute;left:var(--gx);top:0;width:42.5rem;height:39rem;border-radius:1.75rem;padding:1px;background:linear-gradient(to bottom right,rgba(var(--accent-rgb),.5),rgba(var(--accent-rgb),.22) 30%,rgba(255,255,255,.07) 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.win .ab,.wscale .ab{position:absolute}
.w-grid{inset:0;width:100%;height:100%}
.w-chrome .cd{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.2)}
.w-ttl{left:2.4375rem;top:2.4375rem;font-size:1rem;line-height:1.5rem;color:var(--muted)}
.w-div{left:11.25rem;top:2.75rem;width:1px;height:.875rem;background:rgba(255,255,255,.16)}
.w-meta{left:12.5rem;top:2.5625rem;color:var(--ink)}
.w-rule{left:0;top:5.4375rem;width:100%;height:1px;background:rgba(255,255,255,.07)}
.w-tools{left:2.4375rem;top:6.9375rem;display:flex;flex-direction:column;gap:.5rem}
.w-tools span{width:2.25rem;height:2.25rem;border-radius:.625rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);display:grid;place-items:center}
.w-tools span.on{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1)}
.w-tools svg{width:1.25rem;height:1.25rem}
.w-zoom{left:36.3125rem;top:6.9375rem;border-radius:.5rem;padding:.3125rem .6875rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--muted)}
.w-run{left:29.9375rem;top:2.5625rem;width:10rem;text-align:right;color:var(--accent)}
.w-svg{left:0;top:0;width:100%;height:100%;overflow:visible}
.node{height:4.75rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(22,23,26,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.8125rem 1.1875rem;display:flex;flex-direction:column;gap:.25rem;white-space:nowrap;box-shadow:var(--shadow-float)}
.node b{font-weight:500;font-size:1rem;line-height:1.5rem}
.node span{font-family:var(--mono);font-size:.875rem;line-height:1.25rem;color:var(--dim)}
.node.glow{box-shadow:0 0 16px 0 rgba(var(--accent-rgb),.2),0 10px 22px -4px rgba(0,0,0,.55)}
.n1{left:10.5625rem;top:10.125rem;width:13.125rem}.n2{left:10.5625rem;top:20.125rem;width:13.125rem}.n3{left:28.6875rem;top:15.125rem;width:11.25rem}
.ntrig{left:0;top:15.25rem;width:12.5rem}
.wchip{left:28.6875rem;top:20.5rem;display:flex;align-items:center;gap:.5rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.12);background:rgba(22,23,26,.5);padding:.1875rem .6875rem;color:var(--muted)}
.wchip i{width:6px;height:6px;border-radius:50%;background:var(--dim)}
.blab{border-radius:.375rem;border:1px solid rgba(255,255,255,.1);background:rgba(22,23,26,.5);padding:.1875rem .4375rem;color:var(--muted)}
.bl1{left:6.5rem;top:13.5rem}.bl2{left:6.5rem;top:19.625rem}
.lr-rule{left:2.4375rem;top:27.5625rem;width:37.5rem;height:1px;background:rgba(255,255,255,.07)}
.lr-lab{left:2.4375rem;top:28.8125rem;color:var(--dim)}
.lr-list{left:2.4375rem;top:30.875rem;width:37.5rem;height:5.5625rem}
.lr-row{position:absolute;left:0;right:0;top:0;height:1.3125rem;font-family:var(--mono);font-size:.875rem;line-height:1.25rem;white-space:nowrap}
.lr-row i{position:absolute;left:0;top:.5rem;width:6px;height:6px;border-radius:50%;background:var(--muted)}
.lr-row .t{position:absolute;left:1.25rem;color:var(--dim)}.lr-row .n{position:absolute;left:6.875rem;color:var(--muted)}.lr-row .d{position:absolute;right:0;color:var(--dim)}
@media (width<=1200px){
  #hero{--hero-frame:44.5rem}
  .h-col{left:3rem;width:23.75rem}.h-title{width:23.75rem;font-size:2.75rem;line-height:3.25rem;margin-top:1.75rem}.h-title em{font-size:3rem}
  .h-sub{width:23.75rem;margin-top:1.5rem}.h-act{margin-top:1.75rem}.h-note{margin-top:1.25rem;white-space:normal}
  .wfit{left:27rem;top:3rem;--ws:.75}
}
@media (width<=900px){
  #hero{height:auto;--hero-extra:0px}.hero-in{position:relative;top:0;height:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem var(--page-inset) 2rem}
  .h-col{position:relative;left:auto;top:auto;bottom:auto;width:100%;align-items:center}
  .h-title{width:100%;font-size:2.25rem;line-height:2.875rem;margin-top:1.5rem}.h-title em{font-size:2.5rem}
  .h-sub{width:30rem;margin-top:1rem}.h-act{margin-top:1.5rem;justify-content:center}.h-note{margin-top:1.25rem}
  .wfit{position:relative;left:auto;top:auto;margin-top:3rem;--ws:.87}
  .win,.win-ring{border-radius:1.75rem}.tilt{transform-origin:50% 66.5%}
}
@media (width<=580px){
  .h-title{font-size:1.75rem;line-height:2.375rem}.h-title em{font-size:2rem}.h-sub{width:100%;font-size:1rem;line-height:1.5rem}
  .h-act{flex-direction:column;width:100%}.h-act .pill{width:100%}.h-note{white-space:normal;font-size:.75rem;line-height:1.3}
  .wfit{--ws:.5147}.wscale{--gx:0px;width:42.5rem}.ntrig,.trig-only{display:none}
}

/* scroll blur wrappers + slab */
.sb>div{will-change:opacity,transform}
.slab{position:relative}
.slab::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:rgba(8,9,10,.22);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none}

/* integrations */
#integrations{height:22.125rem;overflow:clip}
.int-cap{position:absolute;left:5rem;top:6rem;color:var(--muted)}
.int-cap2{display:none}
.int-row{position:absolute;left:5rem;top:10rem;display:flex;gap:7.125rem}
.int-row li{position:relative;width:3.75rem;height:3.75rem}
.tile{position:absolute;inset:0;border-radius:1rem;overflow:clip;backdrop-filter:blur(8px);opacity:0;transform:scale(.8)}
.tile>span{position:absolute;inset:0;border-radius:1rem;display:grid;place-items:center;font-family:var(--mono);font-size:.875rem;letter-spacing:1px}
.tile .idle{border:1px solid rgba(255,255,255,.12);background:linear-gradient(to bottom,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--muted)}
.tile .act{border:1px solid rgba(var(--accent-rgb),.55);background:linear-gradient(to bottom,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.08) 45%,rgb(14,13,18));color:var(--accent);opacity:0}
.int-row .lab{position:absolute;top:4.875rem;left:50%;transform:translateX(-50%);width:5rem;text-align:center;font-family:var(--mono);font-size:.875rem;line-height:1.25rem;color:var(--muted);white-space:nowrap}
.int-row li:first-child .lab{left:0;transform:none;text-align:left}
.int-row li:last-child .lab{left:auto;right:0;transform:none;text-align:right}
.rail{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.rail svg{position:absolute;overflow:visible}
.pkt{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.7);opacity:0}
@media (width<=1200px){#integrations{height:13.25rem}.int-cap{left:3rem;top:2rem}.int-row{left:3rem;top:5.25rem;gap:7.1rem}.int-row .hide1024{display:none}}
@media (width<=900px){#integrations{height:14.25rem}.int-cap{left:2.5rem;top:2.5rem}.int-row{left:2.5rem;top:5.75rem;gap:4.1rem}.int-row li:first-child .lab,.int-row li:last-child .lab{left:50%;right:auto;transform:translateX(-50%);text-align:center}}
@media (width<=580px){#integrations{height:13.5rem}.int-cap{display:none}.int-cap2{display:block;position:absolute;left:0;right:0;top:2rem;text-align:center}.int-cap2 .mono{display:block}.int-row{left:1.25rem;top:6rem;gap:2.625rem}.int-row li{width:3.5rem;height:3.5rem}.int-row .hide390{display:none}.int-row .lab{top:4.25rem}.tile>span{font-size:.75rem}}
@media (width<=580px){.int-row .show390{display:block}}
.tile>span{font-size:.8125rem}

/* product */
#product{display:flex;flex-direction:column;padding:6rem 5rem 2rem}
#product .shead{padding-bottom:4rem}
.hair{height:1px;background:rgba(255,255,255,.09);width:100%}
.frow{display:flex;align-items:center;justify-content:space-between;padding:3rem 0;gap:2rem}
.frow.rev{flex-direction:row-reverse}
.fcopy{width:27.5rem;display:flex;flex-direction:column;gap:1rem}
.fidx{font-family:var(--mono);font-size:.875rem;line-height:1.25rem;letter-spacing:1px;color:rgba(var(--accent-rgb),.5);height:1.25rem;overflow:hidden;display:flex}
.fidx .strip{display:flex;flex-direction:column}
.fttl{font-weight:500;font-size:1.625rem;line-height:2rem;letter-spacing:-.0625rem}
.fbody{font-size:1rem;line-height:1.5rem;color:var(--muted)}
.pcard{width:47.5rem;min-height:20.5rem;border-radius:1.625rem;border:1px solid rgba(255,255,255,.07);background:var(--card-glass);overflow:clip;position:relative;padding:1.9375rem;font-family:var(--mono);font-size:.875rem;line-height:1.25rem}
.pc-head{display:flex;justify-content:space-between;align-items:center;height:1.25rem}
.pc-rule{height:1px;background:rgba(255,255,255,.07);margin:.6875rem 0 .5rem}
.trow{display:grid;grid-template-columns:1rem 10.25rem 1fr 6rem;align-items:center;gap:.75rem;height:2.625rem;border-bottom:1px solid rgba(255,255,255,.05)}
.trow .ic{width:1rem;height:1rem}
.trow .trk{position:relative;height:.75rem}
.trow .sp{position:absolute;top:0;height:.75rem;border-radius:.25rem;transform-origin:left;transform:scaleX(0)}
.trow .sp.hot{background:linear-gradient(to right,var(--brand),var(--accent))}
.trow .sp.w{background:rgba(255,255,255,.8)}
.trow .sp.pend{background:rgba(var(--accent-rgb),.16);border:1px dashed rgba(var(--accent-rgb),.6)}
.trow .v{text-align:right;color:var(--dim)}
.axis{display:grid;grid-template-columns:1rem 10.25rem 1fr 6rem;gap:.75rem;margin-top:.75rem}
.axis .ln{grid-column:3;position:relative;height:2.25rem;border-top:1px solid rgba(255,255,255,.09)}
.axis .tk{position:absolute;top:0;width:1px;height:5px;background:rgba(255,255,255,.16)}
.axis .tl{position:absolute;top:.5625rem;transform:translateX(-50%);color:var(--dim);font-size:.875rem}
.tor-body{position:relative;height:16rem}
.dots3{position:absolute;left:2.5rem;top:3rem;display:flex;gap:4px}
.dots3 i{width:6px;height:6px;border-radius:50%;background:var(--dim)}
.msg{position:absolute;inset:0;opacity:0}
.msg .av{position:absolute;left:0;top:.75rem;width:1.75rem;height:1.75rem}
.msg .who{position:absolute;left:2.5rem;top:1rem;font-family:var(--sans);font-weight:500;font-size:.875rem}
.msg .tm{position:absolute;right:0;top:1rem;color:var(--dim)}
.msg .tx{position:absolute;left:2.5rem;top:3.1875rem;right:4rem;font-family:var(--sans);font-size:1rem;line-height:1.5rem;color:var(--muted);white-space:normal}
.msg .bar{position:absolute;left:2.5rem;top:6.75rem;width:3px;height:5rem;border-radius:999px;background:linear-gradient(var(--accent),rgba(var(--accent-rgb),.2));transform-origin:top}
.msg dl{position:absolute;left:3.5rem;top:6.75rem;display:grid;grid-template-columns:6.5rem auto;row-gap:.5rem}
.msg dt{color:var(--dim)}.msg dd{font-family:var(--sans);font-weight:500;color:#fff}
.msg .btns{position:absolute;left:2.5rem;top:12.75rem;display:flex;gap:.5rem}
.mbtn{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;font-family:var(--sans);font-weight:500;font-size:.875rem;padding:.75rem 1rem;box-shadow:var(--shadow-float)}
.mbtn.a{background:var(--brand);color:#fff}.mbtn.b{background:#131416;border:1px solid rgba(255,255,255,.16);padding:.6875rem .9375rem}
.msg .wait{position:absolute;right:0;top:13.5rem;color:var(--dim);font-variant-numeric:tabular-nums}
.chart{position:relative;height:16.5rem;margin-top:.5rem}
.bars{position:absolute;left:0;right:0;bottom:2.25rem;display:flex;justify-content:space-between;align-items:flex-end;padding:0 .125rem}
.bar3{position:relative;width:4.75rem}
.bar3 svg{display:block;width:100%;height:auto}
.bar3 .faces{transform-origin:50% 100%;transform:scaleY(0)}
.bar3 .cap{position:absolute;left:0;top:0;width:100%;opacity:0}
.bar3 .glw{position:absolute;left:-30%;top:-1.5rem;width:160%;height:4.5rem;background:radial-gradient(closest-side,rgba(var(--accent-rgb),.7),transparent);opacity:0;pointer-events:none}
.base{position:absolute;left:0;right:0;bottom:2rem;height:1px;background:rgba(255,255,255,.08)}
.days{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:var(--dim)}
.days span{width:4.75rem;text-align:center}
@media (width<=1200px){#product{padding:5rem 3rem 2rem}#product .shead{padding-bottom:2rem}.fcopy{width:22.5rem}.pcard{width:33rem;padding:1.4375rem}.trow{grid-template-columns:.75rem 8.5rem 1fr 4.5rem;gap:.5rem}.axis{grid-template-columns:.75rem 8.5rem 1fr 4.5rem;gap:.5rem}.bar3{width:3.5rem}.days span{width:3.5rem}.fttl{font-size:1.5rem}}
@media (width<=900px){#product{padding:2.75rem 2.5rem 2rem}.frow,.frow.rev{flex-direction:column;gap:2rem}.fcopy{width:32.5rem;text-align:center;align-items:center}.pcard{width:100%;max-width:43rem}.fttl{font-size:1.25rem;line-height:1.75rem}}
@media (width<=580px){#product{padding:3rem 1.25rem 2rem}.frow{padding:1.5rem 0;gap:1.5rem}.fcopy{width:100%}.pcard{padding:1.1875rem;font-size:.75rem;line-height:1.125rem}.trow{grid-template-columns:.5rem 6.5rem 1fr 3.25rem;gap:.4rem;height:2.2rem}.axis{grid-template-columns:.5rem 6.5rem 1fr 3.25rem;gap:.4rem}.axis .tl{font-size:.75rem}.fttl{font-size:1.125rem;line-height:1.5rem}.hair.in{display:none}.msg .tx{font-size:.875rem;line-height:1.125rem;right:0}.msg dl{grid-template-columns:5rem auto}.bar3{width:2.6875rem}.days span{width:2.6875rem}.tor-body{height:15.5rem}.msg .wait{top:14.25rem;left:2.5rem;right:auto}}

/* statement */
.logo-wrap{position:relative;height:calc(34.5rem + 15rem)}
.logo-open{position:sticky;top:calc(50lvh - 17.25rem);clip-path:inset(50%)}
#statement{position:relative;overflow:clip;border-radius:2rem;background:var(--plate);height:34.5rem;color:var(--on-accent)}
.st-dots{position:absolute;inset:0;width:100%;height:100%;color:rgba(255,255,255,.16)}
.st-kick{position:absolute;top:4rem;left:0;right:0;text-align:center;color:rgba(255,255,255,.7)}
.st-title{position:absolute;top:6.75rem;left:5rem;right:5rem;text-align:center;font-weight:600;font-size:var(--type-section-title);line-height:var(--line-section-title);letter-spacing:-.125rem;color:var(--on-accent)}
.st-title .ln{display:block}
.st-title .w{display:inline-block}
.st-title em{display:inline-block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:var(--type-section-title-accent);line-height:1;letter-spacing:0;transform-origin:bottom left}
.st-mark{position:absolute;top:18.25rem;left:calc(50% - 2.375rem);width:4.75rem;height:4.75rem}
.st-mark .mark{width:100%;height:100%}
.st-stem{position:absolute;top:23rem;left:calc(50% - .5px);width:1px;height:6.375rem;transform-origin:top;transform:scaleY(0);background:linear-gradient(to bottom,rgba(255,255,255,.85),rgba(255,255,255,.2))}
.st-cap{position:absolute;top:28rem;left:5rem;color:rgba(255,255,255,.65)}
.st-ticks{position:absolute;top:30.25rem;left:5rem;right:5rem;height:1.125rem;color:var(--on-accent)}
.st-ticks svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.st-now{position:absolute;top:29.375rem;left:calc(50% - 1.875rem);width:3.75rem;text-align:center;opacity:0}
.st-dot{position:absolute;top:30.8rem;left:calc(50% - 5px);width:10px;height:10px;transform:scale(0)}
.st-dot b{position:absolute;inset:0;border-radius:50%;background:var(--on-accent);box-shadow:0 0 0 2px rgba(255,255,255,.3)}
.st-dot i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.6);opacity:0}
.st-hours{position:absolute;top:31.75rem;left:5rem;right:5rem;height:1.25rem;color:rgba(255,255,255,.7)}
.st-hours li{position:absolute;top:0;width:5rem;text-align:center;opacity:0;transform:translateX(-50%)}
.st-hours li:first-child{transform:none;text-align:left}.st-hours li:last-child{transform:translateX(-100%);text-align:right}
@media (width<=1200px){.logo-wrap{height:calc(33rem + 15rem)}#statement{height:33rem}.st-title{top:5.25rem;left:3rem;right:3rem}.st-mark{top:14.5rem}.st-stem{top:19.25rem;height:8.625rem}.st-cap{top:25.375rem;left:3rem}.st-ticks{top:28rem;left:3rem;right:3rem}.st-now{top:27.1rem}.st-dot{top:28.5rem}.st-hours{top:29.75rem;left:3rem;right:3rem}.st-kick{top:3rem}}
@media (width<=900px){.st-title{top:4.75rem;left:2.5rem;right:2.5rem}.st-kick{top:2.5rem}.st-cap{left:2.5rem}.st-ticks,.st-hours{left:2.5rem;right:2.5rem}.st-mark{top:15.5rem}.st-stem{top:20.25rem;height:7.5rem}}
@media (width<=580px){.logo-wrap{height:calc(23.1875rem + 15rem)}.logo-open{top:calc(50lvh - 11.6rem)}#statement{height:23.1875rem;border-radius:1.5rem}.st-kick{top:1.25rem;font-size:.75rem}.st-title{top:3rem;left:1.25rem;right:1.25rem}.st-mark{top:11rem;width:3.5rem;height:3.5rem;left:calc(50% - 1.75rem)}.st-stem{top:14.75rem;height:3rem}.st-cap{top:16.6rem;left:1.25rem;font-size:.75rem}.st-ticks{top:18.8rem;left:1.25rem;right:1.25rem}.st-now{top:17.9rem}.st-dot{top:19.25rem}.st-hours{top:20.7rem;left:1.25rem;right:1.25rem}.st-hours .h390{display:none}}

/* scale */
#onion{padding:6rem 5rem 4rem}
#onion .shead{margin-bottom:5rem}
.scards{display:flex;gap:1.25rem}
.scard{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;border-radius:1.5rem;border:1px solid var(--border-subtle);background:linear-gradient(to bottom,rgba(23,24,26,.55),rgba(14,15,17,.4));padding:1.9375rem;overflow:clip}
.scard h3{font-weight:500;font-size:1.625rem;line-height:2rem;letter-spacing:-.0625rem}
.scard>p{font-size:1rem;line-height:1.5rem;color:var(--muted);max-width:31.25rem}
.art{position:relative;width:100%;margin-top:.75rem}
.hub{position:relative;width:100%;aspect-ratio:566/336}
.hub>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lanes{display:flex;flex-direction:column}
.lane{position:relative;height:3.5rem;display:grid;grid-template-columns:11rem 1fr 4.5rem;align-items:start;gap:1rem;border-bottom:1px solid rgba(255,255,255,.06);padding-top:.25rem}
.lane .nm{font-family:var(--mono);font-size:.875rem;line-height:1.25rem}
.lane .ct{font-size:.875rem;line-height:1.25rem;color:var(--dim)}
.lane .trk{position:relative;height:10px;margin-top:5px;border-radius:999px;background:rgba(255,255,255,.07)}
.lane .fl{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:rgba(255,255,255,.32);width:0}
.lane:first-child .fl{background:var(--accent)}
.lane .hd{position:absolute;top:0;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#f4f5f6}
.lane .hd i{position:absolute;inset:0;border-radius:50%;border:1px solid #fff;opacity:0}
.lane .sh{font-family:var(--mono);font-size:.875rem;line-height:1.25rem;text-align:right;font-variant-numeric:tabular-nums}
.snote{display:flex;gap:.75rem;align-items:center;margin-top:1rem;color:var(--dim)}
.snote svg{width:.875rem;height:.875rem;flex:none}
@media (width<=1200px){#onion{padding:5rem 3rem 3rem}#onion .shead{margin-bottom:3rem}.scards{gap:.75rem}.scard{padding:1.4375rem}.scard h3{font-size:1.5rem}.lane{grid-template-columns:8.5rem 1fr 4rem}}
@media (width<=900px){#onion{padding:5rem 2.5rem 3rem}.scards{flex-direction:column}.scard h3{font-size:1.25rem;line-height:1.75rem}}
@media (width<=580px){#onion{padding:3rem 1.25rem 2rem}.scard{padding:1.1875rem}.scard h3{font-size:1.125rem;line-height:1.25rem;letter-spacing:0}.scard>p{font-size:.875rem;line-height:1.25rem}.lane{grid-template-columns:7rem 1fr 3.5rem;gap:.6rem}.lane .nm{font-size:.75rem}.lane .ct{font-size:.8125rem}.lane .sh{font-size:.75rem}}

/* signals */
#signals{padding:6rem 5rem 4rem}
#signals .shead{margin-bottom:3rem}
.wgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}
.wdg{position:relative;overflow:clip;border-radius:1.5rem;border:1px solid rgba(255,255,255,.07);background:var(--card-glass);padding:1.4375rem;min-height:15.25rem}
.wdg>.mono:first-child{color:var(--dim)}
.w-week{grid-column:span 8;min-height:16rem}.w-hands{grid-column:span 4;min-height:16rem}.w-wait,.w-fail,.w-map{grid-column:span 4}
.nchip{position:absolute;right:1.25rem;top:1.25rem;display:flex;align-items:center;gap:.5rem;border-radius:.5rem;border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.06);padding:.3125rem .6875rem;box-shadow:var(--shadow-float);color:#fff}
.nchip svg{width:14px;height:14px}
.heat{display:grid;grid-template-columns:2.5rem repeat(7,1fr);column-gap:1rem;margin-top:1.25rem}
.heat .hrs{display:flex;flex-direction:column;justify-content:space-between;padding:.125rem 0 2.25rem;color:var(--dim)}
.heat .col{display:flex;flex-direction:column;gap:3px}
.heat .cell{height:14px;border-radius:4px;position:relative;opacity:0}
.heat .cell.pk{background:linear-gradient(to right,var(--accent),rgba(var(--accent-rgb),.72))}
.heat .cell.pk::after{content:"";position:absolute;inset:0;border-radius:4px;box-shadow:0 0 14px 2px rgba(var(--accent-rgb),.55);opacity:var(--g,0)}
.heat .dl{margin-top:.8125rem;text-align:center;font-family:var(--mono);font-size:.875rem;line-height:1.25rem;color:var(--dim);opacity:0}
.heat .dl.on{color:var(--muted)}
.heat .today{height:2px;border-radius:1px;background:rgba(var(--accent-rgb),.75);transform-origin:left;transform:scaleX(0);margin-top:3px}
.ringw{display:flex;flex-direction:column;align-items:center;margin-top:1rem;gap:.75rem;text-align:center}
.ringb{position:relative;width:8.125rem;height:8.125rem}
.ringb svg{width:100%;height:100%}
.ringb p{position:absolute;inset:0;display:grid;place-items:center;font-weight:500;font-size:2rem;letter-spacing:-.0625rem;font-variant-numeric:tabular-nums}
.wcap{font-size:1rem;line-height:1.5rem;color:var(--muted)}
.faces{display:flex;margin-top:1.75rem}
.faces li{width:3.25rem;height:3.25rem;border-radius:50%;margin-right:-.5rem;border:2px solid #0e0f11;background:#1b1c20;display:grid;place-items:center;font-family:var(--mono);font-size:.75rem;color:var(--muted);opacity:0}
.faces li:nth-child(1){background:#2c1f36;color:var(--accent)}
.cnt{display:flex;align-items:baseline;gap:.5rem;margin-top:1rem}
.cnt b{font-weight:500;font-size:2rem;line-height:2.5rem;letter-spacing:-.0625rem;color:var(--accent);font-variant-numeric:tabular-nums}
.curves{width:100%;height:auto;margin-top:1.25rem;display:block}
.legend{display:flex;gap:1.25rem;margin-top:1rem;color:var(--dim)}
.legend li{display:flex;align-items:center;gap:.5rem}
.legend i{width:8px;height:8px;border-radius:50%}
.mapb{position:relative;margin-top:1rem}
.mapb img{width:100%;height:auto;opacity:0}
.pin{position:absolute;width:1.75rem;height:1.75rem;margin:-.875rem 0 0 -.875rem;opacity:0}
.pin .rg{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(194,194,194,.35)}
.pin .hl{position:absolute;inset:-3px;border-radius:50%;background:radial-gradient(closest-side,rgba(194,194,194,.22),transparent)}
.pin .pt{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--accent-soft)}
.pin .pg{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;border:1px solid var(--accent);opacity:0}
.pin .pl{position:absolute;left:1.5rem;top:.25rem;border-radius:.375rem;background:rgba(11,11,11,.9);box-shadow:var(--shadow-float);padding:.125rem .5rem;color:#fff}
@media (width<=1200px){#signals{padding:5rem 3rem 3rem}.wgrid{gap:.75rem}.w-week,.w-hands{grid-column:span 6}.heat{column-gap:.5rem}.nchip .long{display:none}}
@media (width<=900px){#signals{padding:5rem 2.5rem 3rem}.wgrid{grid-template-columns:1fr 1fr}.w-week{grid-column:1/-1;order:5}.w-hands,.w-wait,.w-fail,.w-map{grid-column:auto}.w-map{order:1}.w-hands{order:2}.w-wait{order:3}.w-fail{order:4}}
@media (width<=580px){#signals{padding:3rem 1.25rem 2rem}.wgrid{grid-template-columns:1fr}.w-fail{display:none}.nchip{position:relative;right:auto;top:auto;margin-top:.75rem;display:inline-flex;font-size:.75rem}.heat{grid-template-columns:1.75rem repeat(7,1fr);column-gap:.3rem}.heat .dl{font-size:.75rem}}

/* proof */
#proof{padding:6rem 5rem 5rem;overflow:clip}
.blooms{position:absolute;inset:0;overflow:clip;pointer-events:none;opacity:0}
.blooms img{position:absolute;max-width:none}
.pf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;position:relative}
.pf-head .shead-l{width:33.5rem}
.pf-hair{position:relative;height:1px;background:rgba(255,255,255,.09);margin:2.5rem 0 2rem;transform:scaleX(0);transform-origin:left}
.stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}
.stat{display:flex;flex-direction:column}
.stat .num{font-weight:600;font-size:3.5rem;line-height:3.75rem;letter-spacing:-.125rem;margin-top:.75rem;font-variant-numeric:tabular-nums}
.stat .cap{margin-top:.75rem;color:var(--muted);white-space:normal}
.vis{position:relative;height:3.5rem;margin-top:1.5rem}
.vis svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tpill{align-self:flex-start;margin-top:1.375rem;border-radius:.5rem;padding:.3125rem .6875rem;background:rgba(255,255,255,.04);border:1px solid rgba(var(--accent-rgb),.45);color:var(--accent);white-space:normal}
.ctick{width:1.75rem;height:2px;border-radius:999px;background:rgba(255,255,255,.25);margin-top:2.75rem;transform:scaleX(0);transform-origin:left}
.stat blockquote{margin-top:1.75rem;font-size:1rem;line-height:1.5rem}
.stat figcaption{margin-top:1.5rem;display:flex;flex-direction:column;gap:2px}
.stat figcaption b{font-weight:500;font-size:.875rem;line-height:1.25rem}
.prog{position:absolute;left:0;right:0;top:1.25rem;height:14px;border-radius:999px;overflow:clip;background:rgba(255,255,255,.07)}
.prog i{position:absolute;inset:0;background:linear-gradient(175deg,#efe8ff 28%,var(--accent) 67%);clip-path:inset(0 100% 0 0 round 999px)}
@media (width<=1200px){#proof{padding:3rem 3rem 4rem}.pf-head{flex-direction:column;align-items:center;text-align:center}.pf-head .shead-l{width:100%;align-items:center}.pf-head .shead-l .badge{align-self:center}.stats{gap:1.5rem}.stat .num{font-size:2.75rem;line-height:3rem}}
@media (width<=900px){#proof{padding:3rem 2.5rem 4rem}.stat .num{font-size:2.25rem;line-height:2.75rem}.stats{gap:1rem}}
@media (width<=580px){#proof{padding:3rem 1.25rem 3rem}.pf-hair{display:none}.stats{grid-template-columns:1fr;gap:.75rem;margin-top:2rem}.stat{border-radius:1.5rem;border:1px solid rgba(255,255,255,.07);background:#0c0d0e;padding:1.25rem}.stat .num{font-size:1.75rem;line-height:2.125rem}}

/* pricing */
#pricing{padding:0 5rem}
#pricing .shead{margin-bottom:3rem}
.meter{position:relative;display:grid;grid-template-columns:1fr 1px 15rem;gap:2.5rem;border-radius:1.875rem;border:1px solid rgba(255,255,255,.07);background:var(--card-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:2.4375rem;overflow:clip}
.m-q{display:block;font-weight:500;font-size:1.25rem;line-height:1.75rem;letter-spacing:-.0625rem;margin-top:.5rem}
.slider{position:relative;margin-top:2.5rem;height:4.75rem}
.slider input{position:absolute;left:0;right:0;top:.9rem;height:1.625rem;width:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;z-index:2}
.s-track{position:absolute;left:0;right:0;top:1.3rem;height:.75rem;border-radius:999px;overflow:clip;background:rgba(255,255,255,.08)}
.slider input:focus-visible~.s-track{outline:2px solid var(--accent);outline-offset:4px}
.s-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(to right,rgba(var(--accent-rgb),.35),rgba(var(--accent-rgb),.95))}
.s-knob{position:absolute;top:.85rem;width:1.625rem;height:1.625rem;margin-left:-.8125rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.18),0 6px 14px rgba(0,0,0,.5);pointer-events:none}
.s-ticks{position:absolute;left:0;right:0;top:3rem}
.s-ticks span{position:absolute;top:0;width:1px;height:10px;background:rgba(255,255,255,.14)}
.s-labs{position:absolute;left:0;right:0;top:4rem}
.s-labs span{position:absolute;color:var(--dim);transform:translateX(-50%)}
.s-labs span:first-child{transform:none}
.s-labs span.on{color:#fff}
.m-v{background:rgba(255,255,255,.09)}
.m-r .nm{font-weight:500;font-size:1.25rem;line-height:1.75rem;letter-spacing:-.0625rem;margin-top:.25rem}
.m-r .pr{display:flex;align-items:flex-end;gap:1rem;margin-top:.5rem}
.m-r .pr b{font-weight:600;font-size:2.75rem;line-height:3rem;letter-spacing:-.125rem;font-variant-numeric:tabular-nums}
.m-r .pr span{margin-bottom:.4rem}
.m-r .rl{height:1px;background:rgba(255,255,255,.1);margin:.875rem 0}
.m-r .inc{color:var(--muted);white-space:normal}
.m-r .pill{width:100%;margin-top:.75rem}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.25rem}
.plan{position:relative;border-radius:1.875rem;border:1px solid rgba(255,255,255,.07);background:var(--card-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1.9375rem;min-height:24.875rem;display:flex;flex-direction:column}
.plan .gl{position:absolute;inset:-1px;border-radius:1.875rem;box-shadow:0 0 24px rgba(var(--accent-rgb),.14),0 18px 44px -10px rgba(0,0,0,.6);opacity:0;pointer-events:none}
.plan .st{position:absolute;inset:-1px;border-radius:1.875rem;padding:1px;background:linear-gradient(to bottom right,#9a62bb,#5c3a72 20%,#30283a 45%,#1d1e1f 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;pointer-events:none}
.plan h3{font-family:var(--mono);font-weight:400;font-size:.875rem;line-height:1.25rem;color:var(--muted)}
.plan .tag{position:absolute;right:1.9375rem;top:1.9375rem;border-radius:.5rem;background:var(--brand);color:#fff;padding:.375rem .75rem;opacity:0}
.plan .pp{display:flex;flex-direction:column;gap:.625rem;margin-top:.625rem}
.plan .pp b{font-weight:600;font-size:2.75rem;line-height:3rem;letter-spacing:-.125rem}
.plan ul{display:flex;flex-direction:column;gap:.625rem;margin-top:1.75rem;flex:1}
.plan li{display:flex;gap:.75rem;font-size:1rem;line-height:1.5rem;color:#d9dce0}
.plan li svg{width:1rem;height:1rem;margin-top:.25rem;flex:none}
.plan .bx{position:relative;height:3rem;margin-top:1.5rem}
.tb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);font-weight:500;color:#f4f5f6;cursor:pointer;overflow:clip}
.tb .tf{position:absolute;inset:-1px;border-radius:999px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;clip-path:inset(0 100% 0 0 round 999px)}
.plan .bx .cta{position:absolute;inset:0;height:auto;opacity:0;pointer-events:none}
@media (width<=1200px){#pricing{padding:0 3rem}.meter{grid-template-columns:1fr 1px 12.5rem;padding:1.4375rem;gap:2rem}.plans{gap:.75rem}.plan{padding:1.4375rem}.plan .tag{right:1.4375rem;top:1.4375rem}.plan .pp b,.m-r .pr b{font-size:2.25rem;line-height:3.125rem}}
@media (width<=900px){#pricing{padding:0 2.5rem}.meter{grid-template-columns:1fr;border-radius:1.5rem}.m-v{height:1px}.plans{grid-template-columns:1fr}.plan{min-height:0;border-radius:1.5rem}.plan .gl,.plan .st{border-radius:1.5rem}}
@media (width<=580px){#pricing{padding:0 1.25rem}.m-q{width:16.5rem}}

/* footer */
#footer{padding:6rem 5rem 4rem;overflow:clip}
.glows{position:absolute;inset:0;pointer-events:none}
.glows img{position:absolute;max-width:none}
.f-top{position:relative;display:grid;grid-template-columns:33.125rem 1fr;gap:1.25rem}
.f-brand{position:relative;overflow:clip;border-radius:1.5rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(148.88deg,#202326,#111214 55%,#0a0b0c);padding:1.9375rem;min-height:20rem;opacity:0}
.f-glyph{position:absolute;left:-2.5rem;top:18.6875rem;width:18.75rem;height:18.75rem;overflow:visible}
.f-tag{position:relative;margin-top:4.25rem;font-size:1.125rem;line-height:1.75rem;width:22.5rem}
.f-hl{position:relative;height:1px;background:rgba(255,255,255,.14);margin:2.75rem 0 1.25rem;transform:scaleX(0);transform-origin:left}
.f-soc{position:relative;display:flex;justify-content:space-between;align-items:center;opacity:0}
.f-soc ul{display:flex;gap:.5rem}
.f-soc a{width:2rem;height:2rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);display:grid;place-items:center;font-family:var(--mono);font-size:.875rem;color:rgba(255,255,255,.8);transition:color .15s var(--ease)}
.f-soc a:hover{color:#fff}
.f-cta{position:relative;overflow:clip;border-radius:1.5rem;background:linear-gradient(135deg,#7f4a9e,var(--brand) 60%,#5e3477);box-shadow:var(--shadow-float);padding:2.5rem;color:var(--on-accent);opacity:0}
.f-cta .ey{color:rgba(255,255,255,.65)}
.f-cta h2{margin-top:1rem;overflow:clip;font-weight:600;font-size:2.25rem;line-height:3.25rem;letter-spacing:-.0625rem}
.f-cta h2 span{display:block;transform:translateY(108%)}
.f-cta h2 em{font-family:var(--serif);font-style:italic;font-weight:400;font-size:2.5rem;letter-spacing:0}
.f-cta p.cp{margin-top:.5rem;font-size:1rem;line-height:1.5rem;color:rgba(255,255,255,.78);max-width:40.625rem}
.f-form{position:relative;display:flex;gap:.5rem;align-items:center;overflow:clip;border-radius:999px;background:#fafbfc;padding:6px 6px 6px 20px;margin-top:2.5rem;max-width:40.625rem}
.f-form .fr{position:absolute;inset:0;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(11,9,18,.15);opacity:0;pointer-events:none}
.f-form input{flex:1;height:1.5rem;border:0;background:none;outline:none;color:#14101a;font-size:1rem;min-width:0}
.f-form input::placeholder{color:rgba(11,9,18,.45)}
.f-form button{display:flex;align-items:center;height:2.5rem;border-radius:999px;background:var(--brand);border:0;padding:0 1.5rem;font-weight:500;font-size:.875rem;color:#fff;cursor:pointer;white-space:nowrap}
.f-form .lb{position:relative;display:inline-block;overflow:clip}
.f-form .lb .sent{position:absolute;left:0;top:0;display:flex;gap:6px;align-items:center;opacity:0}
.f-form .ar{display:flex;justify-content:flex-end;overflow:clip;width:0;opacity:0}
.f-status{position:relative;display:flex;justify-content:space-between;margin-top:2.5rem;color:var(--muted)}
.f-status li{display:flex;align-items:center;gap:.5rem}
.f-status i{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.2;transform:scale(.6)}
.f-status li>span{opacity:0}
.f-hair{position:relative;height:1px;background:rgba(255,255,255,.09);margin-top:2.375rem;transform:scaleX(0);transform-origin:left}
.f-bot{position:relative;display:grid;grid-template-columns:25rem 1fr;gap:6rem;margin-top:3.3rem}
.f-co{display:grid;grid-template-columns:1fr;column-gap:.75rem;row-gap:.5rem;align-content:start;opacity:0}
.f-co .logo{width:2.5rem;height:auto;grid-column:1/-1}
.f-logo .logo{width:4.5rem}
.f-co b{font-weight:500;align-self:center}
.f-co p{grid-column:1/-1;font-size:1rem;line-height:1.5rem;color:var(--muted)}
.f-co .mono{grid-column:1/-1;color:var(--dim);white-space:normal}
.f-cols{display:flex;justify-content:flex-end;gap:6rem}
.f-cols div{display:flex;flex-direction:column;gap:.75rem;opacity:0}
.f-cols h4{margin:0;font-weight:400;font-family:var(--mono);font-size:.875rem;line-height:1.25rem;color:var(--dim)}
.f-cols ul{display:flex;flex-direction:column;gap:.375rem}
.f-cols a{font-size:.875rem;line-height:1.25rem;color:var(--muted);transition:color .15s var(--ease)}
.f-cols a:hover,.f-cols a:focus-visible{color:var(--accent)}
.f-legal{position:relative;display:flex;justify-content:space-between;margin-top:1.5rem;color:var(--dim);opacity:0}
@media (width<=1200px){#footer{padding:4rem 3rem 3rem}.f-top{grid-template-columns:1fr 1fr;gap:.75rem}.f-brand{padding:1.4375rem;min-height:17.4rem}.f-glyph{left:-3rem;top:14.7rem}.f-tag{margin-top:4.5rem;width:15.4rem}.f-hl{margin:2rem 0 1rem}.f-cta{padding:1.5rem}.f-cta h2{font-size:2rem;line-height:2.625rem}.f-cta h2 em{font-size:2rem}.f-form{padding:8px 8px 8px 20px;margin-top:1.5rem}.f-bot{grid-template-columns:18.75rem 1fr;gap:3rem}.f-status{font-size:.8rem}}
@media (width<=900px){#footer{padding:2.5rem 2.5rem 3rem}.f-top{grid-template-columns:1fr}.f-tag{width:18.25rem}.f-cta h2{font-size:1.625rem;line-height:2.125rem}.f-cta h2 em{font-size:1.625rem}.f-status .lg{display:none}.f-status .sh{display:inline}.f-bot{grid-template-columns:1fr;gap:2.5rem}}
.f-status .sh{display:none}
@media (width<=580px){#footer{padding:0 1.25rem 3rem}.f-tag{width:100%;margin-top:6rem}.f-cta{padding:1.25rem}.f-cta h2{font-size:2rem;line-height:2.625rem}.f-cta h2 em{font-size:2rem}.f-status{flex-direction:column;gap:.25rem}.f-cols{flex-wrap:wrap;row-gap:2rem}.f-cols div{width:45%}.f-legal{flex-direction:column;gap:.5rem}.f-soc a{border-radius:.25rem}}

.tb[aria-disabled],.f-form button[disabled]{cursor:default}
.brand .logo,.f-co .logo{stroke:#fff}
.nav-soc{display:flex;gap:.5rem}
.nav-soc a{width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);display:grid;place-items:center;color:rgba(255,255,255,.8);transition:color .15s var(--ease),background .15s var(--ease)}
.nav-soc a:hover{color:#fff;background:rgba(255,255,255,.09)}
.f-soc a svg,.nav-soc a svg{display:block}
@media (width<=900px){.f-cols{justify-content:flex-start;gap:4rem}}
@media (width<=900px){.nav-soc{display:none}}
@media (width<=580px){.f-cols div{width:auto}}
/* cursor */
.cursor{position:fixed;left:0;top:0;z-index:50;pointer-events:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--accent);transform:translate3d(-200px,-200px,0) translate(-50%,-50%);display:none}
.cursor i{position:absolute;inset:0;border-radius:50%;background:var(--accent);opacity:0}
@media (hover:hover) and (pointer:fine){.cursor{display:block}}
@media (prefers-reduced-motion:reduce){.cursor{display:none!important}}
@media (width<=580px){
  html,body{ max-width:100vw!important; overflow-x:hidden!important; }
  .wfit{
    left:50%!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 24px)!important;
    max-width:390px!important;
    height:560px!important;
    --ws:1!important;
  }
  .tilt{ transform:none!important; }
  .wscale{
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
    --gx:0px!important;
  }
  .win,.win-ring{
    left:0!important;
    width:100%!important;
    height:100%!important;
  }
  /* shrink inner diagram so it fits inside */
  .n1{ left:2.5rem!important; }
  .n2{ left:2.5rem!important; }
  .n3{ left:16.5rem!important; width:10rem!important; }
  .wchip{ left:16.5rem!important; }
  .lr-rule,.lr-lab,.lr-list{ width:calc(100% - 3rem)!important; left:1.5rem!important; }

  .int-row{
    left:1.25rem!important;
    gap:1.25rem!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .int-row::-webkit-scrollbar{ display:none!important; }
  .int-row li{ flex:0 0 auto!important; }

  /* fix: 5 layers / tor rou cut off */
  .w-ttl{
    max-width:48%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .w-meta{
    left:auto!important;
    right:1rem!important;
    max-width:46%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:.75rem!important;
  }
}