:root{--ani-colour-paper-default-h:150;--ani-colour-paper-default-s:14%;--ani-colour-paper-default-l:96%;--ani-colour-paper-default:hsl(var(--ani-colour-paper-default-h),var(--ani-colour-paper-default-s),var(--ani-colour-paper-default-l));--ani-colour-paper-h:150;--ani-colour-paper-s:14%;--ani-colour-paper-l:96%;--ani-colour-paper:hsl(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l));--ani-colour-paper-tint-h:150;--ani-colour-paper-tint-s:10%;--ani-colour-paper-tint-l:98%;--ani-colour-paper-tint:hsl(var(--ani-colour-paper-tint-h),var(--ani-colour-paper-tint-s),var(--ani-colour-paper-tint-l));--ani-colour-paper-card-h:0;--ani-colour-paper-card-s:0%;--ani-colour-paper-card-l:100%;--ani-colour-paper-card:hsl(var(--ani-colour-paper-card-h),var(--ani-colour-paper-card-s),var(--ani-colour-paper-card-l));--ani-colour-ink-default-h:0;--ani-colour-ink-default-s:0%;--ani-colour-ink-default-l:9%;--ani-colour-ink-default:hsl(var(--ani-colour-ink-default-h),var(--ani-colour-ink-default-s),var(--ani-colour-ink-default-l));--ani-colour-ink-h:0;--ani-colour-ink-s:0%;--ani-colour-ink-l:9%;--ani-colour-ink:hsl(var(--ani-colour-ink-h),var(--ani-colour-ink-s),var(--ani-colour-ink-l));--ani-colour-ink-soft-h:0;--ani-colour-ink-soft-s:0%;--ani-colour-ink-soft-l:30%;--ani-colour-ink-soft:hsl(var(--ani-colour-ink-soft-h),var(--ani-colour-ink-soft-s),var(--ani-colour-ink-soft-l));--ani-colour-ink-faint-h:0;--ani-colour-ink-faint-s:0%;--ani-colour-ink-faint-l:52%;--ani-colour-ink-faint:hsl(var(--ani-colour-ink-faint-h),var(--ani-colour-ink-faint-s),var(--ani-colour-ink-faint-l));--ani-colour-line-default-h:0;--ani-colour-line-default-s:0%;--ani-colour-line-default-l:92.5%;--ani-colour-line-default:hsl(var(--ani-colour-line-default-h),var(--ani-colour-line-default-s),var(--ani-colour-line-default-l));--ani-colour-line-h:0;--ani-colour-line-s:0%;--ani-colour-line-l:92.5%;--ani-colour-line:hsl(var(--ani-colour-line-h),var(--ani-colour-line-s),var(--ani-colour-line-l));--ani-colour-line-strong-h:0;--ani-colour-line-strong-s:0%;--ani-colour-line-strong-l:86%;--ani-colour-line-strong:hsl(var(--ani-colour-line-strong-h),var(--ani-colour-line-strong-s),var(--ani-colour-line-strong-l));--ani-colour-accent-default-h:145;--ani-colour-accent-default-s:66%;--ani-colour-accent-default-l:53%;--ani-colour-accent-default:hsl(var(--ani-colour-accent-default-h),var(--ani-colour-accent-default-s),var(--ani-colour-accent-default-l));--ani-colour-accent-h:145;--ani-colour-accent-s:66%;--ani-colour-accent-l:53%;--ani-colour-accent:hsl(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l));--ani-colour-accent-dark-h:145;--ani-colour-accent-dark-s:70%;--ani-colour-accent-dark-l:30%;--ani-colour-accent-dark:hsl(var(--ani-colour-accent-dark-h),var(--ani-colour-accent-dark-s),var(--ani-colour-accent-dark-l));--ani-colour-accent-wash-h:145;--ani-colour-accent-wash-s:55%;--ani-colour-accent-wash-l:95%;--ani-colour-accent-wash:hsl(var(--ani-colour-accent-wash-h),var(--ani-colour-accent-wash-s),var(--ani-colour-accent-wash-l));--ani-colour-state-ok-h:152;--ani-colour-state-ok-s:60%;--ani-colour-state-ok-l:30%;--ani-colour-state-ok:hsl(var(--ani-colour-state-ok-h),var(--ani-colour-state-ok-s),var(--ani-colour-state-ok-l));--ani-colour-state-warn-h:35;--ani-colour-state-warn-s:90%;--ani-colour-state-warn-l:30%;--ani-colour-state-warn:hsl(var(--ani-colour-state-warn-h),var(--ani-colour-state-warn-s),var(--ani-colour-state-warn-l));--ani-colour-state-err-h:0;--ani-colour-state-err-s:72%;--ani-colour-state-err-l:46%;--ani-colour-state-err:hsl(var(--ani-colour-state-err-h),var(--ani-colour-state-err-s),var(--ani-colour-state-err-l));--ani-step--2:clamp(0.6975rem,0.6623rem + 0.1764vw,0.8034rem);--ani-step--1:clamp(0.7813rem,0.7337rem + 0.2378vw,0.9239rem);--ani-step-0:clamp(0.875rem,0.8125rem + 0.3125vw,1.0625rem);--ani-step-1:clamp(0.98rem,0.8994rem + 0.4031vw,1.2219rem);--ani-step-2:clamp(1.0976rem,0.9951rem + 0.5126vw,1.4052rem);--ani-step-3:clamp(1.2293rem,1.1004rem + 0.6444vw,1.6159rem);--ani-step-4:clamp(1.3768rem,1.2163rem + 0.8025vw,1.8583rem);--ani-step-5:clamp(1.542rem,1.3437rem + 0.9917vw,2.1371rem);--ani-step-6:clamp(1.7271rem,1.4836rem + 1.2176vw,2.4576rem);--ani-step-7:clamp(1.9343rem,1.637rem + 1.4865vw,2.8263rem);--ani-step-8:clamp(2.1665rem,1.8052rem + 1.8062vw,3.2502rem);--ani-space-3xs:clamp(0.25rem,0.2292rem + 0.1042vw,0.3125rem);--ani-space-2xs:clamp(0.5rem,0.4792rem + 0.1042vw,0.5625rem);--ani-space-xs:clamp(0.75rem,0.7083rem + 0.2083vw,0.875rem);--ani-space-s:clamp(1rem,0.9583rem + 0.2083vw,1.125rem);--ani-space-m:clamp(1.5rem,1.4375rem + 0.3125vw,1.6875rem);--ani-space-l:clamp(2rem,1.9167rem + 0.4167vw,2.25rem);--ani-space-xl:clamp(3rem,2.875rem + 0.625vw,3.375rem);--ani-space-2xl:clamp(4rem,3.8333rem + 0.8333vw,4.5rem);--ani-space-3xl:clamp(6rem,5.75rem + 1.25vw,6.75rem);--ani-space-3xs-2xs:clamp(0.25rem,0.1458rem + 0.5208vw,0.5625rem);--ani-space-2xs-xs:clamp(0.5rem,0.375rem + 0.625vw,0.875rem);--ani-space-xs-s:clamp(0.75rem,0.625rem + 0.625vw,1.125rem);--ani-space-s-m:clamp(1rem,0.7708rem + 1.1458vw,1.6875rem);--ani-space-m-l:clamp(1.5rem,1.25rem + 1.25vw,2.25rem);--ani-space-l-xl:clamp(2rem,1.5417rem + 2.2917vw,3.375rem);--ani-space-xl-2xl:clamp(3rem,2.5rem + 2.5vw,4.5rem);--ani-space-2xl-3xl:clamp(4rem,3.0833rem + 4.5833vw,6.75rem);--ani-space-s-l:clamp(1rem,0.5833rem + 2.0833vw,2.25rem);--ani-radius-s:8px;--ani-radius-m:12px;--ani-radius-l:22px;--ani-radius-full:9999px;--ani-font-heading:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--ani-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--ani-font-mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;--ani-line-height-tight:1.15;--ani-line-height-normal:1.6;--ani-line-height-heading:1.08;--paper:var(--ani-colour-paper);--paper-2:var(--ani-colour-paper-tint);--card:var(--ani-colour-paper-card);--ink:var(--ani-colour-ink);--ink-soft:var(--ani-colour-ink-soft);--ink-faint:var(--ani-colour-ink-faint);--line:var(--ani-colour-line);--line-strong:var(--ani-colour-line-strong);--accent:var(--ani-colour-accent);--accent-dark:var(--ani-colour-accent-dark);--accent-wash:var(--ani-colour-accent-wash);--ok:var(--ani-colour-state-ok);--warn:var(--ani-colour-state-warn);--err:var(--ani-colour-state-err);--radius:var(--ani-radius-m);--font-body:var(--ani-font-body);--font-display:var(--ani-font-heading);--mono:var(--ani-font-mono);--ink-shadow-soft:hsla(var(--ani-colour-ink-h),var(--ani-colour-ink-s),var(--ani-colour-ink-l),0.07);--ink-shadow:hsla(var(--ani-colour-ink-h),var(--ani-colour-ink-s),var(--ani-colour-ink-l),0.14);--paper-veil:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),0.88)}.input-pill{--input-height:42px;height:var(--input-height);padding:0 var(--ani-space-s);border:1px solid var(--line);border-radius:var(--ani-radius-full);background:var(--card);box-shadow:0 1px 6px var(--ink-shadow-soft);font:inherit;font-size:var(--ani-step-0);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.input-pill::placeholder{color:var(--ink-faint)}.input-pill:hover{border-color:var(--line-strong)}.input-pill:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.18)}.input-pill--dark{background:var(--z850);border-color:var(--hair);color:var(--tx1);box-shadow:none}.input-pill--dark::placeholder{color:var(--tx3)}.input-pill--dark:hover{border-color:var(--hair2);background:var(--z800)}.input-pill--dark:focus{border-color:var(--g);box-shadow:0 0 0 3px var(--g-glow);background:var(--z800)}*{box-sizing:border-box;margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{font-family:var(--font-body);font-size:var(--ani-step-0);overflow-x:clip;color:var(--ink);background:radial-gradient(1100px 520px at 50% -120px,hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.07),transparent 70%),var(--paper);background-attachment:scroll;line-height:var(--ani-line-height-normal);-webkit-font-smoothing:antialiased}a{color:var(--accent-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--ink)}section[id]{scroll-margin-top:calc(var(--ani-space-2xs)*2 + 72px)}.legal{padding-block:var(--ani-space-l) var(--ani-space-2xl)}.legal:not(.legal--plain){background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft);padding:var(--ani-space-l) var(--ani-space-m);margin-block:var(--ani-space-l) var(--ani-space-2xl)}.legal h1{-webkit-margin-after:var(--ani-space-3xs);margin-block-end:var(--ani-space-3xs)}.legal h2{font-size:var(--ani-step-1);margin-block:var(--ani-space-m) var(--ani-space-2xs)}.legal li,.legal p{color:var(--ink-soft);line-height:var(--ani-line-height-relaxed)}.legal ul{list-style:disc;-webkit-padding-start:1.25em;padding-inline-start:1.25em;display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs)}.legal__updated{font-size:var(--ani-step--1);color:var(--ink-soft)}.logo-wall--hidden,.testimonials--hidden{display:none!important}.docs-layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:var(--ani-space-m);gap:var(--ani-space-m);align-items:start;padding-block:var(--ani-space-l)}@media(max-width:860px){.docs-layout{grid-template-columns:1fr}}.docs-layout__side{position:-webkit-sticky;position:sticky;top:calc(var(--ani-space-2xs)*2 + 72px);background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft);padding:var(--ani-space-s);display:grid;grid-gap:var(--ani-space-s);gap:var(--ani-space-s)}.docs-layout__side-head{display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);padding-bottom:var(--ani-space-xs);border-bottom:1px solid var(--line)}.docs-layout__side-cta{padding-top:var(--ani-space-xs);border-top:1px solid var(--line)}.docs-layout__main{min-width:0;margin:0!important}.docs__nav--vertical{display:grid!important;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);margin:0!important}.docs__nav--vertical a{padding:var(--ani-space-2xs) var(--ani-space-xs)!important;border-radius:var(--ani-radius-m)!important;border:1px solid transparent!important}.docs__nav--vertical a[aria-current=page]{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--paper)!important}.docs pre{padding:var(--ani-space-xs) var(--ani-space-s);background:var(--ink);color:var(--paper);border-radius:var(--ani-radius-m);overflow-x:auto;font-size:var(--ani-step--1)}.docs code{font-size:.925em}.docs__nav{display:flex;flex-wrap:wrap;gap:var(--ani-space-3xs);-webkit-margin-after:var(--ani-space-m);margin-block-end:var(--ani-space-m)}.docs__nav a{padding:.35em .9em;border:1px solid var(--ink);border-radius:var(--ani-radius-full);text-decoration:none;font-size:var(--ani-step--1);font-weight:600}.docs__nav a[aria-current=page],.docs__nav a[aria-current=page]:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.docs__nav a:hover{color:var(--ink);background:var(--card)}.site-header{position:-webkit-sticky;position:sticky;top:0;padding-block:var(--ani-space-2xs);z-index:50}.site-header__inner{display:flex;align-items:center;justify-content:space-between;background:var(--card);border-radius:var(--ani-radius-full);box-shadow:0 2px 16px var(--ink-shadow-soft);padding:var(--ani-space-3xs) var(--ani-space-3xs) var(--ani-space-3xs) var(--ani-space-s);min-height:3.4rem}.site-header__logo{--logo-contrast:var(--card);display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:var(--ani-step-2);letter-spacing:-.01em}.site-header__logo,.site-header__logo:hover{color:var(--ink);text-decoration:none}.site-header__logo span{color:var(--accent)}.site-header__nav{display:flex;align-items:center;gap:var(--ani-space-m)}.site-header__nav a:not(.btn){color:var(--ink-soft);font-size:var(--ani-step-0);font-weight:500;text-decoration:none}.site-header__nav a:not(.btn)[aria-current=page]{color:var(--ink);font-weight:600;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:6px}.site-header__nav a:not(.btn):hover{color:var(--accent-dark);text-decoration:underline;text-underline-offset:5px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.site-footer{background:var(--ink);color:var(--paper)}.site-footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--ani-space-xl);gap:var(--ani-space-xl);padding-block:var(--ani-space-2xl) var(--ani-space-xl)}.site-footer__brand p{margin-top:var(--ani-space-2xs);max-width:38ch;font-size:var(--ani-step-0);color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.6)}.site-footer__logo{--logo-contrast:var(--ink);display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:var(--ani-step-3);letter-spacing:-.01em;color:var(--paper)}.site-footer__logo em{font-style:normal}.site-footer__col{display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);align-content:start;font-size:var(--ani-step-0)}.site-footer__col strong{font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.5);margin-bottom:var(--ani-space-3xs)}.site-footer__col a{color:var(--paper);text-decoration:none;width:-moz-fit-content;width:fit-content}.site-footer__col a:hover{text-decoration:underline;text-underline-offset:4px}.site-footer__note{border-top:1px solid hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.15);padding-block:var(--ani-space-s);font-family:var(--mono);font-size:var(--ani-step--1);color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.5)}.container{max-width:1280px;margin-inline:auto;padding-inline:var(--ani-space-m)}.price-was{font-size:.55em;font-weight:600;color:var(--ink-faint);text-decoration-thickness:2px;margin-right:.3em;vertical-align:.18em}.logo-mark{width:1.06em;height:1.06em;flex-shrink:0;margin-right:.3em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ani-space-2xs);padding:var(--ani-space-2xs) var(--ani-space-m);font:inherit;font-weight:600;font-size:var(--ani-step-0);border:1px solid var(--ink);border-radius:var(--ani-radius-full);background:var(--ink);box-shadow:0 6px 18px var(--ink-shadow);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.btn,.btn:hover{color:var(--card);text-decoration:none}.btn:hover{background:var(--ink-soft);border-color:var(--ink-soft)}.btn:active{transform:translateY(1px)}.btn--accent{border-color:var(--accent)}.btn--accent,.btn--accent:hover{background:var(--accent);color:var(--ink)}.btn--accent:hover{border-color:var(--ink)}.btn--ghost{border-color:var(--card);box-shadow:0 2px 12px var(--ink-shadow-soft)}.btn--ghost,.btn--ghost:hover{background:var(--card);color:var(--ink)}.btn--ghost:hover{border-color:var(--ink)}.btn--big{font-size:var(--ani-step-1);padding:var(--ani-space-xs) var(--ani-space-m)}.btn:disabled{opacity:.5;cursor:not-allowed}section{padding-block:var(--ani-space-xl);position:relative}section:before{content:"";position:absolute;top:8%;left:-6%;width:620px;height:620px;border-radius:var(--ani-radius-full);background:radial-gradient(circle,hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.055),transparent 70%);pointer-events:none;z-index:-1;animation:glow-drift 16s ease-in-out infinite alternate}section:nth-of-type(odd):before{left:-6%;right:auto}section:nth-of-type(2n):before{display:none}section:nth-of-type(4n+1):before{animation-delay:-8s}section h2.section-title{font-family:var(--font-display);font-size:var(--ani-step-5);line-height:var(--ani-line-height-heading);letter-spacing:-.015em;font-weight:700;margin-bottom:var(--ani-space-2xs);max-width:24ch}section .section-sub{color:var(--ink-soft);max-width:58ch;margin-bottom:var(--ani-space-l);font-size:var(--ani-step-1)}.section-head{display:flex;align-items:center;gap:var(--ani-space-2xs);margin-bottom:var(--ani-space-m)}.section-head__no{color:var(--accent)}.section-head__label,.section-head__no{font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600}.section-head__label{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint)}.section-head:after{content:"";flex:1 1;border-top:1px solid var(--line-strong);margin-left:var(--ani-space-2xs)}.hero{position:relative;padding-block:var(--ani-space-2xl) var(--ani-space-xl);display:grid;justify-items:center;text-align:center;isolation:isolate}.hero:before{content:"";position:absolute;inset:0 0 12% 0;background:radial-gradient(circle at 1px 1px,hsla(var(--ani-colour-ink-h),var(--ani-colour-ink-s),var(--ani-colour-ink-l),.06) 1px,transparent 0);background-size:22px 22px;-webkit-mask:radial-gradient(700px 420px at 50% 0,#000 40%,transparent 78%);mask:radial-gradient(700px 420px at 50% 0,#000 40%,transparent 78%);z-index:-1;pointer-events:none}.hero__eyebrow{display:inline-flex;align-items:center;gap:.6em;font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-full);box-shadow:0 2px 12px var(--ink-shadow-soft);padding:var(--ani-space-3xs) var(--ani-space-s);margin-bottom:var(--ani-space-m)}.hero h1{font-family:var(--font-display);font-size:var(--ani-step-8);line-height:1.02;letter-spacing:-.022em;font-weight:700;max-width:18ch;text-wrap:balance}.hero h1 em{font-style:normal}.hero h1 .dot{color:var(--accent)}.hero__sub{margin-top:var(--ani-space-s);font-size:var(--ani-step-1);color:var(--ink-soft);max-width:46ch;text-wrap:balance}.hero__cta{margin-top:var(--ani-space-m);display:flex;gap:var(--ani-space-xs);flex-wrap:wrap;justify-content:center}.hero__stats{margin-top:var(--ani-space-xl);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--ani-space-s);gap:var(--ani-space-s);width:100%}.hero__stats div{background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 2px 16px var(--ink-shadow-soft);padding:var(--ani-space-s);text-align:left}.hero__stats dt{font-family:var(--font-display);font-size:var(--ani-step-5);font-weight:700;letter-spacing:-.01em;line-height:1}.hero__stats dt:after{content:"";display:block;width:1.4ch;height:4px;margin-top:.35em;border-radius:var(--ani-radius-full);background:var(--accent)}.hero__stats dd{margin-top:var(--ani-space-3xs);font-size:var(--ani-step--1);color:var(--ink-soft)}.tree-card{background:var(--ink);border-radius:var(--ani-radius-l);overflow:hidden;box-shadow:0 8px 30px var(--ink-shadow-soft)}.tree-card__bar{display:flex;align-items:center;gap:var(--ani-space-2xs);padding:var(--ani-space-2xs) var(--ani-space-s);border-bottom:1px solid hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.12);font-size:var(--ani-step--1);color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.5);font-family:var(--mono)}.tree-card__bar i{width:.65rem;height:.65rem;border-radius:var(--ani-radius-full);background:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.25)}.tree-card__bar span{margin-left:var(--ani-space-2xs)}.tree-card pre{padding:var(--ani-space-s);font-family:var(--mono);font-size:var(--ani-step--1);line-height:1.7;color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.72);overflow-x:auto}.tree-card pre b{color:var(--card);font-weight:600}.tree-card pre .hl{color:var(--accent)}.feature-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ani-space-s);gap:var(--ani-space-s)}@media(max-width:960px){.feature-bento{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.feature-bento{grid-template-columns:1fr}}.feature-group-card{background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 2px 16px var(--ink-shadow-soft);padding:var(--ani-space-s);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-group-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 10px 28px var(--ink-shadow-soft)}.feature-group-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ani-space-xs);margin-bottom:var(--ani-space-xs)}.feature-group-card__head strong{font-family:var(--font-display);font-size:var(--ani-step-1);letter-spacing:-.01em}.feature-group-card__count{font-family:var(--mono);font-size:var(--ani-step--1);color:var(--ink-faint);white-space:nowrap}.feature-group-card__chips{display:flex;flex-wrap:wrap;gap:var(--ani-space-2xs)}.feature-group-card__chips span{display:inline-flex;align-items:center;gap:.4em;padding:0 .75em;height:1.8em;border-radius:var(--ani-radius-full);font-weight:600;font-size:var(--ani-step--1);color:var(--ink);background:var(--paper-2);border:1px solid var(--line)}.feature-group-card__chips span:before{content:"";width:.42em;height:.42em;border-radius:var(--ani-radius-full);background:var(--ink-faint);flex:none}.feature-group-card__chips span.is-pro{background:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.1);border-color:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.35)}.feature-group-card__chips span.is-pro:before{background:var(--accent)}.coverage__track{display:flex;flex-wrap:wrap;gap:var(--ani-space-2xs)}.coverage span{display:inline-flex;align-items:center;gap:.5em;padding:.5em 1em;border-radius:var(--ani-radius-full);font-weight:600;font-size:var(--ani-step--1);color:var(--ink);background:var(--card);border:1px solid var(--line);box-shadow:0 1px 8px var(--ink-shadow-soft);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.coverage span:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 20px var(--ink-shadow-soft)}.coverage span:before{content:"";width:.5em;height:.5em;border-radius:var(--ani-radius-full);background:var(--ink-faint);flex-shrink:0}.coverage span.is-pro{background:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.1);border-color:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),1)}.coverage span.is-pro:before{background:var(--accent)}.coverage__note{margin-top:var(--ani-space-s);font-family:var(--mono);font-size:var(--ani-step--1);color:var(--ink-faint)}.coverage__note i{display:inline-block;width:.45em;height:.45em;border-radius:var(--ani-radius-full);background:var(--ink-faint);vertical-align:.1em}.coverage__note i.pro{background:var(--accent)}.vs{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ani-space-l);gap:var(--ani-space-l);align-items:stretch}@media(max-width:720px){.vs{grid-template-columns:1fr}}.vs__card{background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft);padding:var(--ani-space-l) var(--ani-space-m)}.vs__card h3{font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin-bottom:var(--ani-space-s)}.vs__card ul{list-style:none;display:grid}.vs__card li{display:flex;gap:var(--ani-space-2xs);align-items:baseline;font-size:var(--ani-step-0);color:var(--ink-soft);padding-block:var(--ani-space-xs);border-bottom:1px solid var(--line)}.vs__card li:last-child{border-bottom:0}.vs__card i{font-style:normal;font-weight:600;color:var(--accent);flex-shrink:0}.vs__card--us{background:var(--ink);border:1px solid var(--accent);box-shadow:0 16px 44px var(--ink-shadow)}.vs__card--us h3{color:var(--accent)}.vs__card--us li{color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.92);border-color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.12)}.vs__card--us i{color:var(--accent)}.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ani-space-m);gap:var(--ani-space-m);align-items:stretch}@media(max-width:960px){.steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media(max-width:560px){.steps{gap:var(--ani-space-s)}}.steps:before{content:"";position:absolute;top:42px;left:11%;right:11%;height:1px;background:linear-gradient(90deg,transparent 0,var(--line-strong) 12%,var(--line-strong) 88%,transparent 100%);z-index:0}@media(max-width:960px){.steps:before{display:none}}.steps__card{position:relative;z-index:1;background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 4px 20px var(--ink-shadow-soft);padding:var(--ani-space-m) var(--ani-space-m) var(--ani-space-m);display:flex;flex-direction:column;gap:var(--ani-space-2xs);overflow:hidden;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .2s ease}.steps__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);opacity:1}.steps__card:hover{transform:translateY(-4px);border-color:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.35);box-shadow:0 16px 40px var(--ink-shadow)}.steps__card strong{display:block;font-family:var(--font-display);font-size:var(--ani-step-2);letter-spacing:-.015em;line-height:var(--ani-line-height-tight);margin-bottom:var(--ani-space-3xs)}.steps__card>p{line-height:1.65;margin:0}.steps__card ul,.steps__card>p{color:var(--ink-soft);font-size:var(--ani-step-0)}.steps__card ul{margin:var(--ani-space-3xs) 0 0;display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);list-style:none;padding:0;flex:1 1}.steps__card ul li{position:relative;padding-left:1.25em;line-height:var(--ani-line-height-normal)}.steps__card ul li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1.5px;background:var(--accent);border-radius:1px}.steps__card ul li strong{display:inline;font-size:inherit;margin:0;color:var(--ink)}.steps__num{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:var(--font-display);font-size:var(--ani-step-0);font-weight:700;line-height:1;background:var(--accent);color:var(--ink);border-radius:var(--ani-radius-full);margin-bottom:var(--ani-space-xs);box-shadow:0 0 0 6px var(--paper);flex:none}@media(min-width:961px){.steps__num{box-shadow:0 0 0 6px var(--paper),0 4px 12px hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.24)}}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--ani-space-l);gap:var(--ani-space-l);align-items:stretch}.price-card{display:flex;flex-direction:column;padding:var(--ani-space-l) var(--ani-space-m);background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft)}.price-card h2{font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.16em}.price-card__amount{font-family:var(--font-display);font-size:var(--ani-step-6);font-weight:700;letter-spacing:-.02em;margin-block:var(--ani-space-2xs) 0}.price-card__amount .cents{font-family:var(--font-body);font-size:var(--ani-step--1);color:var(--ink-faint);font-weight:500;letter-spacing:0}.price-card ul{list-style:none;margin-block:var(--ani-space-s) var(--ani-space-m);color:var(--ink-soft);font-size:var(--ani-step-0);flex:1 1}.price-card ul li{display:flex;gap:var(--ani-space-2xs);align-items:baseline;padding-block:var(--ani-space-xs);border-bottom:1px solid var(--line)}.price-card ul li:last-child{border-bottom:0}.price-card ul li:before{content:"-";color:var(--accent);font-weight:600;flex-shrink:0}.price-card .btn{width:100%}.price-card__flag{justify-self:start;align-self:start;display:inline-flex;font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600;text-transform:uppercase;letter-spacing:.1em;background:var(--accent);color:var(--ink);border-radius:var(--ani-radius-full);padding:var(--ani-space-3xs) var(--ani-space-s);margin-bottom:var(--ani-space-s)}.price-card--pro{position:relative;background:var(--ink);border:1px solid var(--accent);box-shadow:0 16px 44px var(--ink-shadow),0 0 0 1px hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.22);color:var(--paper-2);overflow:hidden}.price-card--pro:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.35))}.price-card--pro ul li{border-color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.12)}.price-card--pro ul li:before{content:"✓"}.price-card--pro h2{color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.55)}.price-card--pro .price-card__amount{color:var(--card)}.price-card--pro .price-card__amount .cents{color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.55)}.price-card--pro ul{color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.78)}.price-card--pro ul strong{color:var(--card)}.pricing-compare{margin-block:var(--ani-space-m) var(--ani-space-l);background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft);overflow:hidden;font-size:var(--ani-step-0)}.pricing-compare>div{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:0;gap:0;align-items:center}.pricing-compare__header{background:var(--paper-2);font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);padding:var(--ani-space-xs) var(--ani-space-s);border-bottom:1px solid var(--line)}.pricing-compare__header strong{text-align:center;font-family:var(--mono);line-height:1.1}.pricing-compare__header strong em{font-style:normal;font-weight:700;color:var(--ink)}.pricing-compare__header strong span{font-weight:400;text-transform:none;letter-spacing:0;font-size:var(--ani-step--2);display:block;color:var(--ink-faint)}.pricing-compare__header strong.is-pro{color:var(--ink);background:var(--accent);border-radius:var(--ani-radius-full);padding:var(--ani-space-3xs) var(--ani-space-s);justify-self:center}.pricing-compare__header strong.is-pro em{color:var(--ink)}.pricing-compare__header strong.is-pro span{color:hsla(var(--ani-colour-ink-h),var(--ani-colour-ink-s),var(--ani-colour-ink-l),.6)}.pricing-compare__row{padding:var(--ani-space-2xs) var(--ani-space-s);border-bottom:1px solid var(--line)}.pricing-compare__row span:first-child{color:var(--ink-soft);font-weight:500}.pricing-compare__row span:nth-child(2),.pricing-compare__row span:nth-child(3){text-align:center;font-weight:600}.pricing-compare__row span.is-pro{color:var(--ink);font-weight:700}.pricing-compare__row:nth-child(2n){background:var(--paper-2)}.pricing-compare__footer{padding:var(--ani-space-xs) var(--ani-space-s);background:var(--ink);color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.85);font-size:var(--ani-step--1);font-weight:600}.pricing-compare__footer span.is-pro{text-align:center;color:var(--accent);letter-spacing:.02em}.pricing-compare__cta{padding:var(--ani-space-s);gap:var(--ani-space-xs);background:var(--paper-2);border-top:1px solid var(--line)}.pricing-compare__cta .btn{width:100%;justify-content:center}.pricing-compare__cta span:first-child{display:none}@media(max-width:560px){.pricing-compare__cta{grid-template-columns:1fr;gap:var(--ani-space-2xs)}.pricing-compare__cta span:first-child{display:none}.pricing-compare{font-size:var(--ani-step--1)}.pricing-compare>div{grid-template-columns:1.2fr .8fr .9fr}.pricing-compare__cta{grid-template-columns:1fr}}.faq{background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft);padding:var(--ani-space-s) var(--ani-space-l)}.faq code{font-size:.9em;padding:.1em .35em;border-radius:var(--ani-radius-s)}.faq code,.faq pre{font-family:var(--mono);background:var(--paper-2)}.faq pre{margin-top:var(--ani-space-2xs);margin-left:calc(var(--ani-space-2xs) + 1ch);padding:var(--ani-space-s);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--ani-step--1);line-height:var(--ani-line-height-normal);overflow-x:auto}.faq pre code{background:none;padding:0}.faq details{border-bottom:1px solid var(--line);padding:var(--ani-space-s) var(--ani-space-3xs)}.faq details:last-child{border-bottom:0}.faq details summary{font-family:var(--font-display);font-size:var(--ani-step-2);font-weight:700;letter-spacing:-.01em;cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:var(--ani-space-2xs)}.faq details summary::-webkit-details-marker{display:none}.faq details summary:before{content:"+";font-family:var(--mono);color:var(--accent);font-weight:700}.faq details summary:hover{color:var(--accent-dark)}.faq details[open] summary:before{content:"–"}.faq details p{margin-top:var(--ani-space-2xs);color:var(--ink-soft);font-size:var(--ani-step-0);padding-left:calc(var(--ani-space-2xs) + 1ch)}.demo__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ani-space-s);margin-bottom:var(--ani-space-s)}.demo__now{display:grid;min-width:16rem;animation:demo-fade .45s ease}.demo__now strong{font-family:var(--font-display);font-size:var(--ani-step-1);letter-spacing:-.01em}.demo__now span{font-size:var(--ani-step--1);color:var(--ink-faint)}.demo__dots{display:flex;gap:var(--ani-space-3xs);margin-left:auto}.demo__dots button{width:.65rem;height:.65rem;padding:0;border:0;border-radius:var(--ani-radius-full);background:var(--line-strong);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.demo__dots button:hover{background:var(--ink-faint)}.demo__dots button.is-active{background:var(--accent);transform:scale(1.25)}.demo__custom{display:inline-flex;align-items:center;gap:var(--ani-space-3xs);font-size:var(--ani-step--1);font-weight:600;color:var(--ink-soft);cursor:pointer}.demo__custom input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.6rem;height:1.6rem;padding:0;border:1px solid var(--line-strong);border-radius:var(--ani-radius-full);overflow:hidden;background:var(--card);cursor:pointer}.demo__custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.demo__custom input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--ani-radius-full)}.demo__custom input[type=color]::-moz-color-swatch{border:none;border-radius:var(--ani-radius-full)}.demo .demo__stage{display:grid;grid-template-columns:1fr 1fr;align-items:start;align-content:start;padding:var(--pv-space-l);grid-gap:var(--pv-space-l);gap:var(--pv-space-l);min-height:26rem;box-shadow:0 8px 30px var(--ink-shadow-soft);transition:opacity .28s ease,background-color .45s ease}.demo .demo__stage.is-leaving{opacity:0}@media(max-width:720px){.demo .demo__stage{grid-template-columns:1fr}}.demo__col{display:grid;grid-gap:var(--pv-space-s);gap:var(--pv-space-s);align-content:start;min-width:0}.demo__col--receipt{border-left:1px solid var(--pv-colour-neutral-gray-light);padding-left:var(--pv-space-m)}@media(max-width:720px){.demo__col--receipt{border-left:0;padding-left:0;border-top:1px solid var(--pv-colour-neutral-gray-light);padding-top:var(--pv-space-s)}}.demo__receipt-title{font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--pv-colour-neutral-gray)}.demo__swatches{display:flex;align-items:center;gap:var(--pv-space-2xs);flex-wrap:wrap}.demo__swatch{display:inline-flex;align-items:center;padding:2px var(--pv-space-2xs);border-radius:var(--pv-radius-s);color:var(--pv-colour-neutral-white)}.demo__swatch,.demo__swatch-note{font-size:var(--ani-step--1);font-family:var(--pv-font-mono)}.demo__swatch-note{color:var(--pv-colour-neutral-gray-dark)}.demo__cta{margin-top:var(--ani-space-s);font-size:var(--ani-step-0)}.demo__cta span{color:var(--ink-faint);margin-left:var(--ani-space-2xs)}.before-after{display:grid;grid-template-columns:1fr 40px 1fr;grid-gap:var(--ani-space-s);gap:var(--ani-space-s);align-items:stretch}@media(max-width:860px){.before-after{grid-template-columns:1fr}.before-after .before-after__arrow{display:none}}.before-after__card{background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft);padding:var(--ani-space-m);display:grid;grid-gap:var(--ani-space-s);gap:var(--ani-space-s);align-content:start}.before-after__card--before{opacity:.92}.before-after__card--after{border-color:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.35);box-shadow:0 12px 36px var(--ink-shadow-soft)}.before-after__card ul{list-style:none;display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);color:var(--ink-soft);font-size:var(--ani-step-0)}.before-after__card ul li{position:relative;padding-left:1.1em;line-height:var(--ani-line-height-normal)}.before-after__card ul li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1.5px;background:var(--line-strong);border-radius:1px}.before-after__card--after ul li:before{background:var(--accent)}.before-after__kicker{font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint)}.before-after__arrow{display:grid;place-items:center;font-size:var(--ani-step-2);color:var(--ink-faint)}@media(max-width:860px){.before-after__arrow{display:none}}.before-after__mock{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--ani-radius-m);padding:var(--ani-space-s);display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.before-after__mock--branded{background:var(--card);border-color:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.25)}.before-after__mock p{color:var(--ink-soft);font-size:var(--ani-step--1);line-height:var(--ani-line-height-normal);margin:0}.before-after__mock-title{font-family:var(--font-display);font-weight:700;font-size:var(--ani-step-1);letter-spacing:-.01em}.before-after__mock-row{display:flex;gap:var(--ani-space-2xs);flex-wrap:wrap}.before-after__mock-swatch-row{display:flex;align-items:center;gap:var(--ani-space-3xs);font-family:var(--mono);font-size:var(--ani-step--1);color:var(--ink-faint)}.before-after__mock-swatch-row i{width:14px;height:14px;border-radius:var(--ani-radius-full);flex:none}.before-after__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--ani-space-3xs) var(--ani-space-xs);border-radius:var(--ani-radius-full);font-size:var(--ani-step--1);font-weight:600;border:1px solid transparent}.before-after__btn--generic{background:#3b82f6;color:#fff}.before-after__btn--generic-outline{background:#fff;border-color:#cbd5e1;color:#334155}.before-after__btn--brand{background:var(--accent);color:var(--ink)}.before-after__btn--brand-outline{background:var(--card);border-color:var(--ink);color:var(--ink)}.before-after__code{border:1px solid var(--line);border-radius:var(--ani-radius-m);overflow:hidden;background:var(--ink)}.before-after__code--before{border-color:var(--line)}.before-after__code--after{border-color:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.3)}.before-after__code-label{display:block;font-family:var(--mono);font-size:var(--ani-step--2);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:var(--ani-space-3xs) var(--ani-space-xs);border-bottom:1px solid hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.1)}.before-after__code--before .before-after__code-label{color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.55);background:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.04)}.before-after__code--after .before-after__code-label{color:var(--accent);background:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.08)}.before-after__code pre{margin:0;padding:var(--ani-space-xs) var(--ani-space-xs);overflow-x:auto;font-family:var(--mono);font-size:var(--ani-step--1);line-height:1.55;color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.78)}.before-after__code pre code{font-family:inherit;font-size:inherit}.before-after__code--after pre{color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.92)}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ani-space-s);gap:var(--ani-space-s)}@media(max-width:960px){.outcome-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.outcome-grid{grid-template-columns:1fr}}.outcome-card{background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 2px 16px var(--ink-shadow-soft);padding:var(--ani-space-s);display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.outcome-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 10px 28px var(--ink-shadow-soft)}.outcome-card strong{font-family:var(--font-display);font-size:var(--ani-step-1);letter-spacing:-.01em}.outcome-card p{color:var(--ink-soft);font-size:var(--ani-step-0);line-height:var(--ani-line-height-normal);margin:0}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ani-space-s);gap:var(--ani-space-s)}@media(max-width:900px){.audience-grid{grid-template-columns:1fr}}.audience-card{background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 2px 16px var(--ink-shadow-soft);padding:var(--ani-space-m);display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.audience-card strong{font-family:var(--font-display);font-size:var(--ani-step-1);letter-spacing:-.01em}.audience-card>p{color:var(--ink-soft);font-size:var(--ani-step-0);line-height:var(--ani-line-height-normal);margin:0}.audience-card ul{list-style:none;display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);margin-top:var(--ani-space-3xs);padding:0;font-size:var(--ani-step--1);color:var(--ink-soft)}.audience-card ul li{position:relative;padding-left:1.1em;line-height:var(--ani-line-height-normal)}.audience-card ul li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:700;font-size:var(--ani-step--1)}.examples-preview{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ani-space-s);gap:var(--ani-space-s)}@media(max-width:860px){.examples-preview{grid-template-columns:1fr}}.examples-preview__card{background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 2px 16px var(--ink-shadow-soft);padding:var(--ani-space-s);display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs)}.examples-preview__card strong{font-family:var(--font-display);font-size:var(--ani-step-1);letter-spacing:-.01em}.examples-preview__card span{color:var(--ink-soft);font-size:var(--ani-step--1)}.examples-preview__swatches{display:flex;align-items:center;gap:var(--ani-space-3xs);margin-bottom:var(--ani-space-3xs)}.examples-preview__swatches i{width:18px;height:18px;border-radius:var(--ani-radius-full);border:1px solid var(--line);flex:none}.examples-preview__meta{font-family:var(--mono)!important;font-size:var(--ani-step--1)!important;color:var(--ink-faint)!important;margin-left:var(--ani-space-3xs)}.final-cta{background:var(--accent);color:var(--ink);padding-block:var(--ani-space-2xl);text-align:center;margin-top:var(--ani-space-xl)}.final-cta h2{font-family:var(--font-display);font-size:var(--ani-step-5);letter-spacing:-.02em;line-height:1.05;max-width:18ch;margin-inline:auto;color:var(--ink)}.final-cta p{margin-top:var(--ani-space-2xs);color:hsla(var(--ani-colour-ink-h),var(--ani-colour-ink-s),var(--ani-colour-ink-l),.7);max-width:44ch;margin-inline:auto;font-size:var(--ani-step-1)}.final-cta__actions{margin-top:var(--ani-space-m);display:flex;gap:var(--ani-space-xs);justify-content:center;flex-wrap:wrap}.final-cta__newsletter{margin-top:var(--ani-space-l);max-width:520px;margin-inline:auto;padding-top:var(--ani-space-m);border-top:1px solid hsla(var(--ani-colour-ink-h),var(--ani-colour-ink-s),var(--ani-colour-ink-l),.12)}.final-cta .btn--accent{background:var(--ink);border-color:var(--ink);color:var(--card)}.final-cta .btn--accent:hover{background:var(--ink-soft);border-color:var(--ink-soft);color:var(--card)}.final-cta .btn--ghost{background:var(--card);border-color:var(--card);color:var(--ink)}.final-cta .btn--ghost:hover{background:var(--card);border-color:var(--ink);color:var(--ink)}.final-cta .subscribe__btn.btn--accent{background:var(--ink);border-color:var(--ink);color:var(--card)}.final-cta .subscribe__btn.btn--accent:hover{background:var(--ink-soft);border-color:var(--ink-soft);color:var(--card)}.final-cta .final-cta__newsletter-label{color:hsla(var(--ani-colour-ink-h),var(--ani-colour-ink-s),var(--ani-colour-ink-l),.7)}.examples__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ani-space-xs);margin-block:var(--ani-space-s) var(--ani-space-m);padding:var(--ani-space-xs);background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 2px 16px var(--ink-shadow-soft)}.examples__search{position:relative;flex:1 1 240px;min-width:180px}.examples__search input{width:100%;padding:var(--ani-space-xs) var(--ani-space-xl) var(--ani-space-xs) var(--ani-space-xs);border:1px solid var(--line-strong);border-radius:var(--ani-radius-full);background:var(--paper-2);font-size:var(--ani-step--1)}.examples__search input:focus{outline:2px solid var(--accent);border-color:transparent}.examples__search button{position:absolute;right:6px;top:50%;translate:0 -50%;inline-size:26px;block-size:26px;border:0;border-radius:var(--ani-radius-full);background:var(--ink);color:var(--card);cursor:pointer;display:grid;place-items:center}.examples__count{font-family:var(--mono);font-size:var(--ani-step--1);color:var(--ink-faint);padding-inline:var(--ani-space-2xs)}.examples__empty{text-align:center;padding:var(--ani-space-xl) var(--ani-space-m);background:var(--card);border:1px dashed var(--line-strong);border-radius:var(--ani-radius-l)}.examples__empty p{color:var(--ink-soft);margin-bottom:var(--ani-space-xs)}.examples__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--ani-space-m);gap:var(--ani-space-m)}@media(max-width:720px){.examples__grid{grid-template-columns:1fr}}.examples__card{display:flex;flex-direction:column;border-radius:var(--ani-radius-l);border:1px solid var(--line);background:var(--card);overflow:hidden;box-shadow:0 8px 30px var(--ink-shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.examples__card:hover{transform:translateY(-2px);box-shadow:0 16px 40px var(--ink-shadow)}.examples__head{display:flex;align-items:center;justify-content:space-between;gap:var(--ani-space-s);padding:var(--ani-space-s);background:var(--paper)}.examples__head strong{display:block;font-family:var(--font-display);font-size:var(--ani-step-1);letter-spacing:-.01em}.examples__head span{font-size:var(--ani-step--1);color:var(--ink-faint)}.examples .examples__stage{flex:1 1;display:grid;align-content:start;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;padding:var(--pv-space-s);grid-gap:var(--pv-space-s);gap:var(--pv-space-s);box-shadow:none}.examples__dark-chip{font-style:normal;padding:.1em .5em;margin-left:.5em;border-radius:var(--ani-radius-full);background:var(--ink);color:var(--paper);vertical-align:.15em}.examples__dark-chip,.examples__preview-label{font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600}.examples__preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-full);padding:.2em .6em;flex:none}.examples__specs{display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs);padding:var(--ani-space-s);background:var(--paper-2);border-top:1px solid var(--line)}.examples__spec{display:flex;align-items:center;gap:var(--ani-space-xs);font-size:var(--ani-step--1)}.examples__spec strong{font-family:var(--mono);font-size:var(--ani-step--2);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);min-width:76px;flex:none}.examples__spec>span{color:var(--ink-soft);font-size:var(--ani-step--1);align-items:center;flex-wrap:wrap}.examples__spec>span,.examples__swatches{display:inline-flex;gap:var(--ani-space-3xs)}.examples__swatches i{width:14px;height:14px;border-radius:var(--ani-radius-full);border:1px solid var(--line);display:inline-block}.examples__actions{display:flex;gap:var(--ani-space-xs);padding:var(--ani-space-s);border-top:1px solid var(--line);background:var(--card)}.examples__actions .btn{flex:1 1;justify-content:center}.examples__pro-note{font-family:var(--mono);font-size:var(--ani-step--1);color:var(--ink-faint);text-align:center;padding:0 var(--ani-space-s) var(--ani-space-xs);margin:0}.example-detail__section{margin-top:var(--ani-space-xl);padding:var(--ani-space-m);background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft)}.example-detail__h2{font-family:var(--font-display);font-size:var(--ani-step-2);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--ani-space-3xs)}.example-detail__p{font-size:var(--ani-step-0);color:var(--ink-soft);margin-bottom:var(--ani-space-xs);line-height:var(--ani-line-height-normal)}.example-detail__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--ani-space-s);gap:var(--ani-space-s)}@media(max-width:720px){.example-detail__grid{grid-template-columns:1fr}}.example-detail__card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--ani-radius-m);padding:var(--ani-space-s)}.example-detail__card strong{font-size:var(--ani-step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-family:var(--mono)}.example-detail__cta{margin-top:var(--ani-space-xl);padding:var(--ani-space-l);background:var(--ink);border-radius:var(--ani-radius-l);text-align:center;color:var(--paper)}.example-detail__cta h2{font-family:var(--font-display);font-size:var(--ani-step-4);color:var(--paper);margin-bottom:var(--ani-space-3xs)}.example-detail__cta p{color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.7);max-width:44ch;margin:0 auto;font-size:var(--ani-step-0)}body:has(.builder) .site-footer,body:has(.builder) .site-header{display:none}@media(min-width:901px){body:has(.builder),html:has(.builder){height:100%;overflow:hidden}}.builder{--z950:#09090b;--z900:#101012;--z850:#17171a;--z800:#202024;--hair:hsla(0,0%,100%,.07);--hair2:hsla(0,0%,100%,.13);--tx1:#fafafa;--tx2:#a1a1aa;--tx3:#71717a;--l-bg:#fafafa;--l-card:#fff;--l-line:#e7e7ea;--l-tx1:#09090b;--l-tx2:#52525b;--l-tx3:#a1a1aa;--g:var(--accent);--g-d:var(--accent-dark);--g-ink:var(--ink);--g-glow:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),0.24);--r-sm:var(--ani-radius-s);--r-md:var(--ani-radius-m);--r-lg:var(--ani-radius-l);--b-ease:cubic-bezier(0.2,0.8,0.2,1);display:grid;grid-template-columns:340px minmax(0,1fr) 214px;height:100dvh;font-family:var(--builder-font-sans),var(--font-body);font-size:var(--ani-step-0);line-height:var(--ani-line-height-normal);letter-spacing:-.005em}.builder__panel{color-scheme:dark;padding:0 var(--ani-space-xs);overflow-y:auto;overflow-x:hidden;height:100%;min-width:0;background:var(--z950);color:var(--tx1);scrollbar-width:thin;scrollbar-gutter:stable;display:flex;flex-direction:column}.builder__panel>*{flex-shrink:0;min-width:0;max-width:100%}.builder__preview{position:relative;background:var(--l-bg);padding:var(--ani-space-m) var(--ani-space-xl) 90px;overflow-y:auto;height:100%;overscroll-behavior:contain}@media(max-width:1240px){.builder{grid-template-columns:340px minmax(0,1fr)}.builder .pv-sidenav{display:none}}@media(max-width:900px){.builder{display:block;height:auto}.builder__panel,.builder__preview{height:auto;overflow:visible;overscroll-behavior:auto}.builder__preview{padding:var(--ani-space-s) 14px 60px}}.builder__progress{height:2px;background:var(--z800);border-radius:var(--ani-radius-full);overflow:hidden;margin:-6px -12px 6px}.builder__progress span{display:block;height:100%;background:var(--g);transition:width .3s var(--b-ease)}.builder__footer{position:-webkit-sticky;position:sticky;bottom:0;-webkit-margin-before:auto;margin-block-start:auto;padding:var(--ani-space-s) 18px 16px;background:var(--z950);border-top:1px solid var(--hair);display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.builder__footer .hint{color:var(--tx3);font-size:var(--ani-step--1);text-align:center}.builder__footer .btn.btn--big{width:100%;border:0;border-radius:var(--ani-radius-full);padding:var(--ani-space-xs) var(--ani-space-m);font-weight:600;font-size:var(--ani-step-0);display:inline-flex;align-items:center;justify-content:center;gap:var(--ani-space-2xs);box-shadow:0 6px 20px -6px var(--g-glow);transition:.15s var(--b-ease)}.builder__footer .btn.btn--big,.builder__footer .btn.btn--big:hover{background:linear-gradient(180deg,var(--g),var(--g-d));color:var(--g-ink)}.builder__footer .btn.btn--big:hover{transform:translateY(-1px);box-shadow:0 10px 26px -6px var(--g-glow)}.builder__footer .btn.btn--big .price{font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--1);font-weight:400;opacity:.65}.builder__footer .btn.btn--ghost{width:100%;background:var(--z850);border:1px solid var(--hair);border-radius:var(--ani-radius-full);padding:var(--ani-space-xs) var(--ani-space-m);font-weight:500;font-size:var(--ani-step-0);color:var(--tx1);transition:.15s var(--b-ease)}.builder__footer .btn.btn--ghost:hover{background:var(--z800);border-color:var(--hair2);color:var(--tx1)}.builder__error{color:var(--err);font-size:var(--ani-step--1)}.builder .eyebrow{font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}.builder__preview .eyebrow,.pv-sidenav .eyebrow{color:var(--l-tx3)}.foot-line{display:flex;align-items:center;justify-content:center;margin-bottom:var(--ani-space-3xs)}.foot-line .why{font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);color:var(--tx3)}.railtop{display:flex;align-items:center;gap:var(--ani-space-xs);padding:var(--ani-space-m) var(--ani-space-3xs) var(--ani-space-s)}.railtop .brand{--logo-contrast:var(--z950);display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:var(--ani-step-0);letter-spacing:-.01em;color:var(--tx1);text-decoration:none}.railtop .brand em{font-style:normal}.railtop .brand .logo-mark{width:26px;height:26px}.railtop .links{margin-left:auto;display:flex;gap:var(--ani-space-3xs)}.railtop .links a{font-size:var(--ani-step--1);font-weight:500;color:var(--tx2);text-decoration:none;padding:var(--ani-space-3xs) var(--ani-space-2xs);border-radius:var(--ani-radius-full);transition:.15s var(--b-ease)}.railtop .links a:hover{color:var(--tx1);background:var(--z850)}.builder-stepper{display:flex;gap:var(--ani-space-3xs);margin:var(--ani-space-3xs) 0 var(--ani-space-xs);padding:var(--ani-space-3xs);background:var(--z900);border:1px solid var(--hair);border-radius:var(--r-md);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.builder-stepper::-webkit-scrollbar{display:none}.builder-stepper__step{flex:0 0 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--ani-space-3xs);padding:var(--ani-space-3xs) var(--ani-space-xs);border:0;border-radius:var(--ani-radius-full);background:transparent;color:var(--tx2);font-size:var(--ani-step--1);font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s var(--b-ease)}.builder-stepper__step:hover{color:var(--tx1);background:var(--z850)}.builder-stepper__step.is-active{background:var(--g);color:var(--g-ink);font-weight:600;box-shadow:0 2px 10px -4px var(--g-glow)}.builder-stepper__step.is-done{color:var(--tx1)}.builder-stepper__dot{inline-size:18px;block-size:18px;display:inline-grid;place-items:center;border-radius:var(--ani-radius-full);font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);font-weight:600;background:var(--z800);color:var(--tx2);flex:none}.builder-stepper__step.is-active .builder-stepper__dot{background:rgba(0,0,0,.14);color:var(--g-ink)}.builder-stepper__label{letter-spacing:-.01em}@media(max-width:480px){.builder-stepper{gap:var(--ani-space-3xs);padding:var(--ani-space-3xs)}.builder-stepper__step{padding:var(--ani-space-3xs) var(--ani-space-2xs);font-size:var(--ani-step--1)}}.quickstart{background:var(--z900);border:1px solid var(--hair);border-radius:var(--r-md);margin-bottom:var(--ani-space-2xs);padding:var(--ani-space-s)}.quickstart>.eyebrow{display:block;margin-bottom:var(--ani-space-xs)}.quickstart .qs-row{display:flex;gap:var(--ani-space-3xs)}.quickstart .qs-row select{flex:1 1;min-width:0;font:inherit;font-size:var(--ani-step-0);font-weight:500;color:var(--tx1);border:1px solid var(--hair);border-radius:var(--r-sm);padding:var(--ani-space-2xs) var(--ani-space-xl) var(--ani-space-2xs) var(--ani-space-xs);cursor:pointer;transition:.15s var(--b-ease)}.quickstart .qs-row select:hover{background-color:var(--z800)}.quickstart .qs-row select:focus{outline:none;border-color:var(--g-d);box-shadow:0 0 0 3px var(--g-glow)}.quickstart .btn-ghost{background:var(--z850);border:1px solid var(--hair);border-radius:var(--r-sm);padding:var(--ani-space-2xs) var(--ani-space-xs);font-size:var(--ani-step-0);font-weight:500;color:var(--tx1);white-space:nowrap;cursor:pointer;transition:.15s var(--b-ease)}.quickstart .btn-ghost:hover{background:var(--z800);border-color:var(--hair2)}.quickstart .qs-note{margin:var(--ani-space-2xs) 0 0;font-size:var(--ani-step--1);line-height:var(--ani-line-height-normal);color:var(--tx3)}@media(max-width:380px){.quickstart .qs-row{flex-direction:column;align-items:stretch}.quickstart .qs-row select{width:100%}.quickstart .qs-row .btn-ghost{width:100%;justify-content:center}.quickstart .url-row{flex-direction:column;align-items:stretch}.quickstart .url-row input{width:100%}.quickstart .url-row__btn{width:100%;justify-content:center}}.figma{margin-top:var(--ani-space-xs);display:flex;align-items:center;gap:var(--ani-space-2xs);width:100%;text-align:left;background:var(--z850);border:1px solid var(--hair);border-radius:var(--r-sm);padding:var(--ani-space-xs) var(--ani-space-xs);font-size:var(--ani-step-0);font-weight:500;color:var(--tx1);cursor:pointer;transition:.15s var(--b-ease)}.figma:hover{background:var(--z800);border-color:var(--hair2)}.figma .sub{display:block;font-weight:400;font-size:var(--ani-step--1);color:var(--tx3);margin-top:var(--ani-space-3xs)}.figma .pro-chip{margin-left:auto}.pv-toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--ani-space-s);padding:var(--ani-space-2xs) 10px 8px 16px;margin-bottom:var(--ani-space-m);background:hsla(0,0%,100%,.72);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid var(--l-line);border-radius:var(--ani-radius-full);box-shadow:0 1px 2px rgba(9,9,11,.04),0 10px 24px -14px rgba(9,9,11,.2)}.pv-toolbar .widths{display:flex;align-items:center;gap:var(--ani-space-xs);min-width:0}.pv-toolbar input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:4px;border-radius:var(--ani-radius-full);background:linear-gradient(var(--g-d),var(--g-d)) no-repeat,#e4e4e7;background-size:var(--fill-w,45%) 100%}.pv-toolbar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:var(--ani-radius-full);background:#fff;border:1px solid var(--l-line);box-shadow:0 1px 3px rgba(9,9,11,.2);cursor:-webkit-grab;cursor:grab}.pv-toolbar input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:var(--ani-radius-full);background:#fff;border:1px solid var(--l-line);box-shadow:0 1px 3px rgba(9,9,11,.2)}.pv-toolbar .readout{font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--1);color:var(--l-tx2);width:50px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pv-toolbar .toolbar-right{margin-left:auto}.seg-light{display:flex;gap:var(--ani-space-3xs);background:#f1f1f3;border-radius:var(--ani-radius-full);padding:var(--ani-space-3xs)}.seg-light button{border:0;background:transparent;border-radius:var(--ani-radius-full);padding:var(--ani-space-3xs) var(--ani-space-s);font:inherit;font-size:var(--ani-step--1);font-weight:500;color:var(--l-tx2);cursor:pointer;transition:.15s var(--b-ease)}.seg-light button:hover{color:var(--l-tx1)}.seg-light button[aria-pressed=true]{background:#fff;color:var(--l-tx1);font-weight:600;box-shadow:0 1px 2px rgba(9,9,11,.12)}.pv-dark-toggle{font:inherit;background:#fff;border:1px solid var(--l-line);border-radius:var(--ani-radius-full);padding:var(--ani-space-3xs) var(--ani-space-s);font-size:var(--ani-step--1);font-weight:500;color:var(--l-tx2);cursor:pointer;white-space:nowrap;transition:.15s var(--b-ease)}.pv-dark-toggle:hover{color:var(--l-tx1);border-color:#d4d4d8}.pv-dark-toggle.is-on{background:var(--z950);border-color:var(--z950);color:#fff;font-weight:600}@media(max-width:900px){.pv-toolbar{top:10px;flex-wrap:wrap;border-radius:var(--r-md)}}.pv-sidenav{height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--l-card);border-left:1px solid var(--l-line);padding:var(--ani-space-m) 0;display:flex;flex-direction:column;scrollbar-width:thin}.pv-sidenav>.eyebrow{display:block;padding:0 16px 10px;flex:none}.pv-sidenav .idx-filter{width:calc(100% - 28px);margin:0 14px 14px;flex:none;background:#f4f4f5;border:1px solid transparent;border-radius:var(--r-sm);padding:var(--ani-space-2xs) 11px;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--1);color:var(--l-tx1);transition:.15s var(--b-ease)}.pv-sidenav .idx-filter::placeholder{color:var(--l-tx3)}.pv-sidenav .idx-filter:focus{outline:none;background:#fff;border-color:var(--g-d);box-shadow:0 0 0 3px var(--g-glow)}.pv-sidenav .idx-group{padding:var(--ani-space-3xs) 0 var(--ani-space-s);display:flex;flex-direction:column;flex:none}.pv-sidenav .idx-group>.eyebrow{padding:0 16px 6px}.pv-sidenav button{flex:none;display:flex;align-items:center;gap:var(--ani-space-2xs);font:inherit;font-size:var(--ani-step-0);font-weight:500;line-height:var(--ani-line-height-normal);text-align:start;margin:0 8px;padding:var(--ani-space-3xs) var(--ani-space-xs);border:0;border-radius:var(--ani-radius-s);background:none;color:var(--l-tx2);cursor:pointer;white-space:nowrap;overflow:hidden;transition:.12s var(--b-ease)}.pv-sidenav button:before{content:"";width:5px;height:5px;border-radius:var(--ani-radius-full);background:#d4d4d8;flex:none;transition:.15s var(--b-ease)}.pv-sidenav button .n{margin-left:auto;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);color:var(--l-tx3)}.pv-sidenav button.is-active,.pv-sidenav button:hover{background:#f4f4f5;color:var(--l-tx1)}.pv-sidenav button.is-active{font-weight:600}.pv-sidenav button.is-active:before{background:var(--g);box-shadow:0 0 8px var(--g-glow)}.panel-sec{border:1px solid var(--hair);border-radius:var(--r-md);background:var(--z900);margin-bottom:var(--ani-space-2xs);overflow:hidden;padding:0;transition:border-color .18s var(--b-ease)}.panel-sec:not(.is-open):hover{border-color:var(--hair2)}.panel-sec__head{display:flex;align-items:center;gap:var(--ani-space-xs);width:100%;padding:var(--ani-space-s) var(--ani-space-s);background:transparent;border:0;cursor:pointer;text-align:left;font:inherit;color:inherit}.panel-sec__no{font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);font-weight:500;background:var(--z800);color:var(--tx2);border-radius:var(--ani-radius-s);inline-size:20px;block-size:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:.18s var(--b-ease)}.panel-sec__title{font-size:var(--ani-step-0);font-weight:600;letter-spacing:-.015em;color:var(--tx1);white-space:nowrap}.panel-sec__meta{margin-left:auto;display:inline-flex;align-items:center;gap:var(--ani-space-3xs);min-width:0;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-sec__chev{margin-left:var(--ani-space-3xs);inline-size:.5rem;block-size:.5rem;flex-shrink:0;color:var(--tx3);-webkit-border-end:2px solid currentColor;border-inline-end:2px solid currentColor;-webkit-border-after:2px solid currentColor;border-block-end:2px solid currentColor;transform:translateY(-.12rem) rotate(45deg);transition:transform .22s var(--b-ease)}.panel-sec.is-open{border-color:var(--hair2);background:linear-gradient(var(--z850),var(--z900) 64px)}.panel-sec.is-open .panel-sec__no{background:var(--g);color:var(--g-ink)}.panel-sec.is-open .panel-sec__chev{color:var(--tx1);margin-left:auto;transform:translateY(.12rem) rotate(-135deg)}.panel-sec__body{padding:var(--ani-space-3xs) var(--ani-space-s) var(--ani-space-m)}.swatch-dot{display:inline-block;inline-size:12px;block-size:12px;border-radius:var(--ani-radius-full);box-shadow:0 0 0 1px var(--hair2);flex-shrink:0}.builder__panel .field select,.builder__panel .font-row select,.builder__panel select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--z850);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23A1A1AA' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;-webkit-padding-end:30px;padding-inline-end:30px}.builder__panel .field label{font-size:var(--ani-step--1);font-weight:500;color:var(--tx2)}.builder__panel .field input[type=email],.builder__panel .field input[type=number],.builder__panel .field input[type=text],.builder__panel .field select{font-size:var(--ani-step-0);padding:var(--ani-space-2xs) var(--ani-space-xs);background:var(--z850);border:1px solid var(--hair);border-radius:var(--r-sm);color:var(--tx1);transition:.15s var(--b-ease)}.builder__panel .field input[type=email]::placeholder,.builder__panel .field input[type=number]::placeholder,.builder__panel .field input[type=text]::placeholder,.builder__panel .field select::placeholder{color:var(--tx3)}.builder__panel .field input[type=email]:hover,.builder__panel .field input[type=number]:hover,.builder__panel .field input[type=text]:hover,.builder__panel .field select:hover{border-color:var(--hair2)}.builder__panel .field input[type=email]:focus,.builder__panel .field input[type=number]:focus,.builder__panel .field input[type=text]:focus,.builder__panel .field select:focus{outline:none;border-color:var(--g-d);box-shadow:0 0 0 3px var(--g-glow);background:var(--z800)}.builder__panel .field .hint,.builder__panel .hint{font-size:var(--ani-step--1);line-height:var(--ani-line-height-normal);color:var(--tx3)}.fieldset{border:1px solid var(--line);border-radius:var(--ani-radius-m);background:var(--paper-2);padding:var(--ani-space-s);margin-bottom:var(--ani-space-s)}.fieldset legend{float:left;font-size:var(--ani-step--1);font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:var(--accent-dark);margin-bottom:var(--ani-space-xs);border-bottom:1px solid var(--line);padding-bottom:var(--ani-space-2xs);width:100%}.fieldset legend+*{clear:both}.field{display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);align-content:start;margin-bottom:var(--ani-space-xs)}.field label{font-size:var(--ani-step--1);font-weight:600;color:var(--ink)}.field input[type=email],.field input[type=number],.field input[type=text],.field select{font:inherit;font-size:var(--ani-step--1);padding:var(--ani-space-2xs) var(--ani-space-2xs);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;background:var(--card);color:var(--ink)}.field input[type=email]:focus,.field input[type=number]:focus,.field input[type=text]:focus,.field select:focus{outline:2px solid var(--ink);outline-offset:-1px;border-color:transparent}.field .hint{font-size:var(--ani-step--1);color:var(--ink-faint)}.font-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.font-row>:first-child{grid-row:1;grid-column:1}.font-row>:nth-child(2){grid-row:2;grid-column:1/-1}.font-row>:nth-child(3){grid-row:1;grid-column:2}.font-row input,.font-row select{font:inherit;font-size:var(--ani-step-0);padding:var(--ani-space-2xs) var(--ani-space-xs);border:1px solid var(--hair);border-radius:var(--r-sm);min-width:0;background:var(--z850);color:var(--tx1);transition:.15s var(--b-ease)}.font-row input:hover,.font-row select:hover{border-color:var(--hair2)}.font-row input:focus,.font-row select:focus{outline:none;border-color:var(--g-d);box-shadow:0 0 0 3px var(--g-glow);background:var(--z800)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.field-row--quad{align-items:end}.field-row--quad,.semantic-row{grid-template-columns:repeat(4,1fr)}.semantic-row{display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.semantic-row .semantic-swatch{display:flex;flex-direction:column;gap:var(--ani-space-3xs);font-size:var(--ani-step--2);color:var(--tx3);text-align:center;text-transform:capitalize;cursor:pointer}.semantic-row .semantic-swatch input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:34px;padding:0;border:1px solid var(--hair2);border-radius:var(--r-sm);overflow:hidden;background:none;cursor:pointer}.semantic-row .semantic-swatch input[type=color]::-webkit-color-swatch-wrapper{padding:var(--ani-space-3xs)}.semantic-row .semantic-swatch input[type=color]::-moz-color-swatch,.semantic-row .semantic-swatch input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--ani-radius-s)}.shadow-editor{display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);margin-top:var(--ani-space-2xs)}.shadow-editor__label{font-size:var(--ani-step--2);font-weight:700;color:var(--ink-soft);align-self:end;padding-bottom:.6em}.colour-row{display:flex;align-items:center;gap:var(--ani-space-2xs);margin-bottom:var(--ani-space-2xs)}.colour-row input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:34px;height:34px;padding:0;border:1px solid var(--hair2);border-radius:var(--r-sm);overflow:hidden;background:none;cursor:pointer;flex:none}.colour-row input[type=color]::-webkit-color-swatch-wrapper{padding:var(--ani-space-3xs)}.colour-row input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--ani-radius-s)}.colour-row input[type=color]::-moz-color-swatch{border:none;border-radius:var(--ani-radius-s)}.colour-row input[type=text]{flex:1 1;font:inherit;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--1);padding:var(--ani-space-2xs) var(--ani-space-xs);border:1px solid var(--hair);border-radius:var(--r-sm);min-width:0;background:var(--z850);color:var(--tx2);transition:.15s var(--b-ease)}.colour-row input[type=text]:hover{border-color:var(--hair2)}.colour-row input[type=text]:focus{outline:none;border-color:var(--g-d);box-shadow:0 0 0 3px var(--g-glow);background:var(--z800)}.colour-row input[type=text]:disabled{color:var(--tx3);background:var(--z900)}.colour-row .remove{background:none;border:none;color:var(--tx3);cursor:pointer;font-size:var(--ani-step-0);line-height:1}.colour-row .remove:hover{color:var(--err)}.add-variant{background:none;border:1px dashed var(--hair2);border-radius:var(--r-sm);padding:var(--ani-space-2xs) var(--ani-space-xs);font-size:var(--ani-step--1);font-weight:500;color:var(--tx2);cursor:pointer;width:100%;transition:.15s var(--b-ease)}.add-variant:hover{color:var(--tx1);border-color:var(--tx3)}.radio-cards{display:flex;flex-wrap:wrap;gap:var(--ani-space-3xs)}.radio-cards label{position:relative;display:inline-flex;align-items:center;gap:var(--ani-space-3xs);border:1px solid var(--hair);border-radius:var(--ani-radius-full);padding:var(--ani-space-3xs) var(--ani-space-xs);font-size:var(--ani-step--1);font-weight:500;cursor:pointer;color:var(--tx2);background:var(--z850);transition:.15s var(--b-ease)}.radio-cards label:hover{background:var(--z800);color:var(--tx1)}.radio-cards label:has(input:checked){border-color:var(--g);background:var(--g);color:var(--g-ink);font-weight:600;box-shadow:0 0 14px -2px var(--g-glow)}.radio-cards label:has(input:focus-visible){outline:none;box-shadow:0 0 0 3px var(--g-glow)}.radio-cards label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.chip-glyph{display:inline-block;width:11px;height:11px;border:1.5px solid;background:transparent;font-style:normal;flex-shrink:0}.chip-glyph--shadow{border:0;border-radius:var(--ani-radius-s);background:currentColor}.chip-glyph--edit{border:0;width:auto;height:auto;font-size:.85em;line-height:1}.mini-grid{display:grid;grid-template-columns:2.2rem repeat(4,1fr);grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);align-items:center;margin-top:var(--ani-space-2xs)}.mini-grid--three{grid-template-columns:2.2rem repeat(3,1fr)}.mini-grid--heads{grid-template-columns:2.6rem repeat(6,1fr)}.mini-grid__head{color:var(--tx3)}.mini-grid__head,.mini-grid__label{font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-align:center}.mini-grid__label{color:var(--tx2)}.builder__panel .pin-reset{background:none;border:none;padding:0;font:inherit;font-size:inherit;color:var(--g);text-decoration:underline;cursor:pointer}.builder__panel .type-style-list{display:flex;flex-direction:column;gap:var(--ani-space-xs);margin-bottom:var(--ani-space-2xs)}.builder__panel .type-style-row{border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--z850);padding:var(--ani-space-2xs) var(--ani-space-xs) var(--ani-space-xs)}.builder__panel .type-style-row__head{display:flex;align-items:center;justify-content:space-between;gap:var(--ani-space-2xs);margin-bottom:var(--ani-space-2xs)}.builder__panel .type-style-row__head code{font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--1);color:var(--tx1)}.builder__panel .type-style-row__head .pin-reset{margin-left:auto;font-size:var(--ani-step--1);flex:none}.builder__panel .type-style-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.builder__panel .type-style-ctl{display:flex;flex-direction:column;gap:var(--ani-space-3xs);font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--tx2)}.builder__panel .type-style-ctl input,.builder__panel .type-style-ctl select{font:inherit;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--1);letter-spacing:normal;text-transform:none;padding:var(--ani-space-3xs) var(--ani-space-3xs);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--z800);color:var(--tx1);width:100%;min-width:0;transition:.15s var(--b-ease);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.builder__panel .type-style-ctl input::-webkit-inner-spin-button,.builder__panel .type-style-ctl input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.builder__panel .type-style-ctl input:focus,.builder__panel .type-style-ctl select:focus{outline:none;border-color:var(--g-d);box-shadow:0 0 0 3px var(--g-glow);background:var(--z750)}.builder__panel .mini-grid input[type=number]{width:100%;min-width:0;font:inherit;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--1);padding:var(--ani-space-2xs) 4px;border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--z850);color:var(--tx1);text-align:center;transition:.15s var(--b-ease);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.builder__panel .mini-grid input[type=number]::-webkit-inner-spin-button,.builder__panel .mini-grid input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.builder__panel .mini-grid input[type=number]:hover{border-color:var(--hair2)}.builder__panel .mini-grid input[type=number]:focus{outline:none;border-color:var(--g-d);box-shadow:0 0 0 3px var(--g-glow);background:var(--z800)}.pro-chip{font-style:normal;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);font-weight:500;letter-spacing:.1em;line-height:1.4;padding:var(--ani-space-3xs) var(--ani-space-2xs);border-radius:var(--ani-radius-full);border:0;color:var(--g);background:rgba(0,224,124,.12);margin-left:.35rem;vertical-align:.08em;flex:none}.figma-cta{width:100%;margin-bottom:var(--ani-space-2xs);margin-top:var(--ani-space-2xs)}.adv__label{display:block;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--tx3);margin-bottom:var(--ani-space-s)}.adv{margin-block:15px 8px;border-top:1px solid var(--hair);padding-top:var(--ani-space-xs)}.adv summary{font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--tx3);cursor:pointer;list-style:none;margin-bottom:var(--ani-space-s)}.adv summary::-webkit-details-marker{display:none}.adv summary:before{content:"▸ ";color:var(--tx2)}.adv summary:hover{color:var(--tx1)}.adv[open] summary:before{content:"▾ "}.quick-select{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ani-space-2xs) 10px;margin-bottom:var(--ani-space-xs)}.quick-select .segmented{display:flex;gap:var(--ani-space-3xs);background:var(--z850);border:1px solid var(--hair);border-radius:var(--ani-radius-full);padding:var(--ani-space-3xs);flex:none;min-width:0}.quick-select .segmented button{font:inherit;font-size:var(--ani-step--1);font-weight:500;padding:var(--ani-space-3xs) var(--ani-space-xs);border:0;border-radius:var(--ani-radius-full);background:transparent;color:var(--tx2);cursor:pointer;transition:.15s var(--b-ease);white-space:nowrap;min-width:0}.quick-select .segmented button:hover{color:var(--tx1)}.quick-select .segmented button[aria-pressed=true]{background:var(--g);color:var(--g-ink);font-weight:600}.quick-select .count{font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);color:var(--tx3);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.quick-select .count b{color:var(--tx1);font-weight:500}.cmp-filter-wrap{position:relative;display:grid}.cmp-filter__clear{position:absolute;right:72px;top:50%;translate:0 -50%;inline-size:22px;block-size:22px;display:grid;place-items:center;border:0;border-radius:var(--ani-radius-full);background:var(--z800);color:var(--tx2);cursor:pointer;font-size:var(--ani-step-0);line-height:1}.cmp-filter__count{position:absolute;right:10px;top:50%;translate:0 -50%;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);color:var(--tx3);pointer-events:none}.cmp-empty{margin:12px 4px;padding:var(--ani-space-xs);border:1px dashed var(--hair2);border-radius:var(--r-sm);text-align:center}.cmp-empty p{color:var(--tx2)}.cmp-empty p,.cmp-filter{font-size:var(--ani-step--1);margin-bottom:var(--ani-space-3xs)}.cmp-filter{width:100%;font-family:var(--builder-font-mono),var(--mono);padding:var(--ani-space-2xs) var(--ani-space-xs);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--z850);color:var(--tx1);transition:.15s var(--b-ease)}.cmp-filter::placeholder{color:var(--tx3)}.cmp-filter:hover{border-color:var(--hair2)}.cmp-filter:focus{outline:none;border-color:var(--g-d);box-shadow:0 0 0 3px var(--g-glow);background:var(--z800)}.check-group{margin-top:var(--ani-space-s)}.check-group__title{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--tx3);margin-bottom:var(--ani-space-3xs)}.check-group__title em{font-style:normal;text-transform:none;letter-spacing:0;font-size:var(--ani-step--2);color:var(--tx2);font-weight:600}.check-grid{display:grid;grid-template-columns:1fr;grid-gap:0;gap:0}.check-grid label{display:flex;align-items:center;gap:var(--ani-space-2xs);padding:var(--ani-space-3xs) var(--ani-space-2xs);border-radius:var(--ani-radius-s);font-size:var(--ani-step-0);font-weight:500;cursor:pointer;color:var(--tx3);transition:.12s var(--b-ease)}.check-grid label:hover{background:var(--z850)}.check-grid label:has(input:checked){color:var(--tx1)}.check-grid label input{accent-color:var(--g);width:14px;height:14px;flex:none;margin:0}.check-grid label .pro-chip{margin-left:auto}.contrast-warn{display:block;font-size:var(--ani-step--1);line-height:1.45;padding:var(--ani-space-3xs) var(--ani-space-2xs);border-radius:var(--radius);margin-top:var(--ani-space-3xs)}.contrast-warn--fail{color:var(--err);background:hsla(var(--ani-colour-state-err-h),var(--ani-colour-state-err-s),var(--ani-colour-state-err-l),.07);border:1px solid hsla(var(--ani-colour-state-err-h),var(--ani-colour-state-err-s),var(--ani-colour-state-err-l),.35)}.contrast-warn--large-only{color:var(--warn);background:hsla(var(--ani-colour-state-warn-h),var(--ani-colour-state-warn-s),var(--ani-colour-state-warn-l),.07);border:1px solid hsla(var(--ani-colour-state-warn-h),var(--ani-colour-state-warn-s),var(--ani-colour-state-warn-l),.35)}.delivery{max-width:640px;margin:var(--ani-space-2xl) auto;padding:var(--ani-space-l);background:var(--card);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft);text-align:center}.delivery h1{font-family:var(--font-display);font-size:var(--ani-step-3);letter-spacing:-.01em;margin-bottom:var(--ani-space-2xs)}.delivery p{color:var(--ink-soft);margin-bottom:var(--ani-space-s)}.delivery code{font-family:var(--mono);font-size:.85em;background:var(--paper-2);padding:.1em .4em;border-radius:var(--ani-radius-s)}.delivery__check{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:var(--ani-radius-full);background:var(--ok);color:var(--card);font-size:.6em;vertical-align:.25em;margin-right:.15em}.delivery__reveal{margin-block:var(--ani-space-s)}.delivery__reveal .delivery__reveal-stage{padding:var(--pv-space-m);gap:var(--pv-space-s);border:1px solid var(--line-strong);justify-items:center}.delivery__reveal-swatches{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--ani-space-3xs)}.delivery__reveal-swatches span{width:1.6rem;height:1.6rem;border-radius:var(--pv-radius-s);border:1px solid var(--pv-colour-neutral-border)}.delivery__stats{display:flex;justify-content:center;gap:var(--ani-space-l);margin-block:var(--ani-space-m);font-size:var(--ani-step--1);color:var(--ink-faint)}.delivery__stats strong{display:block;font-family:var(--font-display);font-size:var(--ani-step-1);color:var(--ink)}.delivery__spinner{margin:var(--ani-space-m) auto;width:2.5rem;height:2.5rem;border:3px solid var(--line);border-top-color:var(--accent);border-radius:var(--ani-radius-full);animation:spin .8s linear infinite}.delivery__lead{font-size:var(--ani-step-1);color:var(--ink-soft);margin-bottom:var(--ani-space-s)}.delivery__includes{margin:var(--ani-space-l) 0;padding:var(--ani-space-m);background:var(--paper-2);border-radius:var(--ani-radius-m);text-align:left}.delivery__includes-title{display:block;font-weight:600;font-size:var(--ani-step-0);color:var(--ink);margin-bottom:var(--ani-space-xs)}.delivery__checklist{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);font-size:var(--ani-step-0);color:var(--ink-soft)}.delivery__checklist-icon{color:var(--ok);font-weight:600;margin-right:var(--ani-space-3xs)}.delivery__upsell{margin:var(--ani-space-l) 0;padding:var(--ani-space-m);background:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.08);border:1px solid hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.22);border-radius:var(--ani-radius-m);text-align:center}.delivery__upsell-text{font-size:var(--ani-step-0);color:var(--ink);margin-bottom:var(--ani-space-s)}.delivery__actions{display:flex;justify-content:center;gap:var(--ani-space-s);margin-top:var(--ani-space-l);flex-wrap:wrap}.delivery__create-another,.delivery__share{font-size:var(--ani-step-0)}.delivery__hint{font-size:var(--ani-step--1);color:var(--ink-faint);margin-top:var(--ani-space-s);line-height:var(--ani-line-height-normal)}.delivery__footer-actions{margin-top:var(--ani-space-l);padding-top:var(--ani-space-m);border-top:1px solid var(--line)}@keyframes spin{to{transform:rotate(1turn)}}.buyer{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--ani-space-m)}.buyer__backdrop{position:absolute;inset:0;background:hsla(0,0%,8%,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.buyer__panel{position:relative;width:min(30rem,100%);max-height:90vh;overflow:auto;background:var(--card);border-radius:var(--ani-radius-l);box-shadow:0 18px 60px var(--ink-shadow);padding:var(--ani-space-m)}.buyer__panel h3{font-family:var(--font-display);font-size:var(--ani-step-2);margin-bottom:var(--ani-space-3xs)}.buyer__panel>.hint{display:block;font-size:var(--ani-step--1);color:var(--ink-faint);margin-bottom:var(--ani-space-s)}.buyer__type{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs)}.buyer__type button{font:inherit;font-size:var(--ani-step--1);font-weight:600;padding:var(--ani-space-2xs);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card);color:var(--ink);cursor:pointer}.buyer__type button.is-active{border-color:var(--ink);background:var(--ink);color:var(--card)}.buyer__actions{display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs);margin-top:var(--ani-space-s)}.account{max-width:860px;margin-block:var(--ani-space-xl);min-height:50vh;text-align:left}.account h1{font-size:var(--ani-step-3);letter-spacing:-.01em;margin-bottom:var(--ani-space-3xs)}.account h1,.account h2{font-family:var(--font-display)}.account h2{font-size:var(--ani-step-1);margin-block:var(--ani-space-m) var(--ani-space-s)}.account>p{color:var(--ink-soft);margin-bottom:var(--ani-space-s)}.account .hint{font-size:var(--ani-step--1);color:var(--ink-faint)}.account__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ani-space-s);padding:var(--ani-space-m);background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft);margin-bottom:var(--ani-space-m)}.account__metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--ani-space-xs);gap:var(--ani-space-xs);margin-bottom:var(--ani-space-m)}@media(max-width:560px){.account__metrics{grid-template-columns:1fr}}.account__metrics div{background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);padding:var(--ani-space-s);box-shadow:0 2px 16px var(--ink-shadow-soft)}.account__metrics div strong{display:block;font-family:var(--font-display);font-size:var(--ani-step-3);line-height:1}.account__metrics div span{font-size:var(--ani-step--1);color:var(--ink-faint)}.account__login{max-width:26rem;display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs);padding:var(--ani-space-m);background:var(--card);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft);margin:auto}.account__list{list-style:none;padding:0;display:grid;grid-gap:var(--ani-space-s);gap:var(--ani-space-s)}.account__purchase{background:var(--card);border:1px solid var(--line);border-radius:var(--ani-radius-l);box-shadow:0 8px 30px var(--ink-shadow-soft);padding:var(--ani-space-m);transition:transform .2s ease,box-shadow .2s ease}.account__purchase:hover{transform:translateY(-1px);box-shadow:0 12px 36px var(--ink-shadow-soft)}.account__purchase code{font-family:var(--mono);font-size:.85em;background:var(--paper-2);padding:.1em .4em;border-radius:var(--ani-radius-s);word-break:break-all}.account__purchase-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ani-space-xs);margin-bottom:var(--ani-space-xs)}.account__purchase-head strong{font-family:var(--font-display);font-size:var(--ani-step-1)}.account__status{font-size:var(--ani-step--1);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.account__status--ready{color:var(--ok)}.account__status--failed{color:var(--warn,#c0392b)}.account__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));grid-gap:var(--ani-space-xs);gap:var(--ani-space-xs);margin-bottom:var(--ani-space-s)}.account__details dt{font-size:var(--ani-step--1);font-weight:600;color:var(--ink-faint)}.account__details dd{margin:0;font-size:var(--ani-step--1)}.account__actions{display:flex;flex-wrap:wrap;gap:var(--ani-space-2xs)}.account__actions .btn{font-size:var(--ani-step--1)}@media(max-width:720px){.colour-row input[type=text],.field input[type=email],.field input[type=number],.field input[type=text],.field select,.font-row input,.font-row select{font-size:var(--ani-step-0)}.container{padding-inline:var(--ani-space-s)}section{padding-block:var(--ani-space-l)}.hero{padding-block:var(--ani-space-xl) var(--ani-space-m)}.hero__stats{grid-template-columns:repeat(2,1fr)}.site-header__nav{gap:var(--ani-space-xs)}.site-header__nav a[href="/examples"],.site-header__nav a[href^="/#"]{display:none}.site-footer__inner{grid-template-columns:1fr;gap:var(--ani-space-m)}.tree-card pre{font-size:var(--ani-step--1)}.delivery,.price-card{padding:var(--ani-space-m) var(--ani-space-s)}.delivery{margin:var(--ani-space-m) var(--ani-space-s)}.delivery__stats{flex-wrap:wrap;gap:var(--ani-space-s)}}@media(max-width:480px){.compare td:first-child{white-space:normal}.field-row{grid-template-columns:1fr}.radio-cards{grid-template-columns:repeat(2,1fr)}.check-grid{grid-template-columns:1fr}.builder__panel{padding:var(--ani-space-s) var(--ani-space-s) 0}.builder__footer{-webkit-margin-before:var(--ani-space-s);margin-block-start:var(--ani-space-s);-webkit-margin-after:calc(-1*var(--ani-space-s));margin-block-end:calc(-1*var(--ani-space-s));padding:var(--ani-space-xs) var(--ani-space-s)}.font-row{grid-template-columns:1fr}.hero__cta .btn{width:100%}.hero__stats{grid-template-columns:repeat(2,1fr)}}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}@keyframes glow-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(70px,50px,0) scale(1.18)}}@media(prefers-reduced-motion:reduce){section:before{animation:none}}html.motion-ok [data-reveal]{opacity:0;transform:translateY(30px) scale(.985);filter:blur(5px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--reveal-i, 0)*90ms)}html.motion-ok [data-reveal].is-inview{opacity:1;transform:none;filter:none}html.motion-ok.motion-reduced [data-reveal]{transform:none;filter:none;transition:opacity .6s ease}html.motion-ok.motion-reduced .faq details[open] p,html.motion-ok.motion-reduced .faq details[open] pre,html.motion-ok.motion-reduced .site-header__inner{animation:none}html.motion-ok.motion-reduced .btn:hover,html.motion-ok.motion-reduced .examples__card:hover,html.motion-ok.motion-reduced .hero__stats div:hover,html.motion-ok.motion-reduced .price-card:hover,html.motion-ok.motion-reduced .steps__card:hover,html.motion-ok.motion-reduced .tree-card:hover,html.motion-ok.motion-reduced .vs__card:hover{transform:none}html.motion-ok .site-header__inner{animation:header-in .65s cubic-bezier(.22,1,.36,1) both}html.motion-ok .examples__card,html.motion-ok .hero__stats div,html.motion-ok .price-card,html.motion-ok .steps__card,html.motion-ok .tree-card,html.motion-ok .vs__card{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}html.motion-ok .examples__card:hover,html.motion-ok .hero__stats div:hover,html.motion-ok .price-card:hover,html.motion-ok .steps__card:hover,html.motion-ok .tree-card:hover,html.motion-ok .vs__card:hover{transform:translateY(-5px);box-shadow:0 22px 48px var(--ink-shadow)}html.motion-ok .btn:hover{transform:translateY(-2px)}html.motion-ok .btn:active{transform:translateY(1px) scale(.98)}html.motion-ok .faq details[open] p,html.motion-ok .faq details[open] pre{animation:faq-open .45s cubic-bezier(.22,1,.36,1) both}@keyframes header-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes faq-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes demo-enter{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}.demo__flip,.hero h1 em{font-style:normal;background:linear-gradient(90deg,hsl(var(--ani-colour-accent-h),var(--ani-colour-accent-s),30%),hsl(var(--ani-colour-accent-h),var(--ani-colour-accent-s),53%),hsl(var(--ani-colour-accent-h),var(--ani-colour-accent-s),68%),hsl(var(--ani-colour-accent-h),var(--ani-colour-accent-s),53%),hsl(var(--ani-colour-accent-h),var(--ani-colour-accent-s),30%)) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.demo__flip{display:inline-block;min-width:4.9em}html.motion-ok .demo__flip,html.motion-ok .hero h1 em{animation:gradient-flow 5s linear infinite}html.motion-ok .demo__flip{animation:gradient-flow 5s linear infinite,flip-in .55s cubic-bezier(.22,1,.36,1) both}html.motion-ok .type-caret{display:inline-block;width:.06em;height:.82em;margin-left:.06em;background:var(--accent);vertical-align:-.06em;animation:caret-blink .75s steps(1) infinite}html.motion-ok .section-title:after{content:"";display:block;width:2.2ch;height:5px;margin-top:var(--ani-space-3xs);border-radius:var(--ani-radius-full);background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.22,1,.36,1) .25s}html.motion-ok .section-title.is-inview:after{transform:scaleX(1)}html.motion-ok.motion-reduced .demo__flip{animation:gradient-flow 5s linear infinite,demo-fade .4s ease both}html.motion-ok .btn{position:relative;overflow:hidden}html.motion-ok .btn:after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:55%;transform:skewX(-18deg);background:linear-gradient(100deg,transparent,hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),100%,.5),transparent);opacity:0;pointer-events:none}html.motion-ok .btn:hover:after{animation:btn-sheen .7s ease}html.motion-ok .btn--ghost:after{background:linear-gradient(100deg,transparent,hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.22),transparent)}html.motion-ok .btn--accent:after{animation:btn-sheen-loop 3.6s ease 1.2s infinite}html.motion-ok .btn--accent:hover:after{animation:btn-sheen .7s ease}html.motion-ok .coverage__note i.pro{animation:dot-pulse 1.9s ease-out infinite}@keyframes gradient-flow{to{background-position:200% 0}}@keyframes flip-in{0%{opacity:0;transform:translateY(.35em) rotateX(55deg)}to{opacity:1;transform:none}}@keyframes caret-blink{50%{opacity:0}}@keyframes btn-sheen{0%{left:-80%;opacity:1}to{left:125%;opacity:1}}@keyframes btn-sheen-loop{0%{left:-80%;opacity:1}22%{left:125%;opacity:1}23%,to{left:125%;opacity:0}}@keyframes dot-pulse{0%{box-shadow:0 0 0 0 hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.55)}75%{box-shadow:0 0 0 .6em hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),0)}to{box-shadow:0 0 0 0 hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),0)}}.wizard-steps{display:flex;gap:var(--ani-space-3xs);margin:var(--ani-space-xs) 0 var(--ani-space-s);padding:var(--ani-space-3xs);background:var(--z900);border:1px solid var(--hair);border-radius:var(--ani-radius-full);overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;scroll-padding-inline:12px}.wizard-steps::-webkit-scrollbar{display:none}.wizard-steps__step{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--ani-space-3xs);padding:var(--ani-space-3xs) var(--ani-space-xs);border:0;border-radius:var(--ani-radius-full);background:transparent;color:var(--tx3);font-size:var(--ani-step--1);font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s var(--b-ease);scroll-snap-align:center}.wizard-steps__step:hover{color:var(--tx1);background:var(--z850)}.wizard-steps__step.is-active{background:var(--g);color:var(--g-ink);font-weight:600;box-shadow:0 2px 10px -4px var(--g-glow)}.wizard-steps__step.is-done{color:var(--tx2)}.wizard-steps__dot{inline-size:18px;block-size:18px;display:inline-grid;place-items:center;border-radius:var(--ani-radius-full);font-size:var(--ani-step--2);font-weight:700;background:var(--z800);color:var(--tx2);flex:none}.wizard-steps__step.is-active .wizard-steps__dot{background:rgba(0,0,0,.14);color:var(--g-ink)}.wizard-steps__step.is-done .wizard-steps__dot{background:var(--g);color:var(--g-ink)}.wizard-step{display:grid;grid-gap:var(--ani-space-xs);gap:var(--ani-space-xs);padding-bottom:var(--ani-space-2xs);min-width:0;overflow-x:hidden}.wizard-title{font-size:var(--ani-step-1);font-weight:700;letter-spacing:-.02em;color:var(--tx1);line-height:1.2;margin:0}.wizard-sub{font-size:var(--ani-step-0);color:var(--tx2);line-height:var(--ani-line-height-normal);margin:-6px 0 2px}.wizard-cards{display:grid;grid-gap:var(--ani-space-xs);gap:var(--ani-space-xs)}.wizard-card{position:relative;background:var(--z900);border:1px solid var(--hair);border-radius:var(--ani-radius-m);padding:var(--ani-space-s);display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);transition:border-color .15s ease}.wizard-card:hover{border-color:var(--hair2)}.wizard-card strong{font-size:var(--ani-step-0);font-weight:600;color:var(--tx1)}.wizard-card span{font-size:var(--ani-step-0);color:var(--tx2);line-height:1.4}.wizard-card__icon{font-size:var(--ani-step-1);line-height:1}.wizard-card__cta{margin-top:var(--ani-space-3xs);width:100%;justify-content:center;font-size:var(--ani-step-0)}.wizard-card--figma{border-color:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.22)}.wizard-pro-badge{position:absolute;top:10px;right:10px;font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--2);font-weight:700;letter-spacing:.08em;padding:var(--ani-space-3xs) var(--ani-space-2xs);border-radius:var(--ani-radius-full);background:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.18);color:var(--g)}.wizard-tabs{display:flex;gap:var(--ani-space-3xs);padding:var(--ani-space-3xs);background:var(--z900);border:1px solid var(--hair);border-radius:var(--ani-radius-full)}.wizard-tabs button{flex:1 1;padding:var(--ani-space-3xs) var(--ani-space-xs);border:0;border-radius:var(--ani-radius-full);background:transparent;color:var(--tx2);font-size:var(--ani-step-0);font-weight:500;cursor:pointer;transition:.15s var(--b-ease)}.wizard-tabs button.is-active{background:var(--g);color:var(--g-ink);font-weight:600}.wizard-tabs button:hover:not(.is-active){color:var(--tx1)}.wizard-panel-inner{display:grid;grid-gap:var(--ani-space-s);gap:var(--ani-space-s);padding:var(--ani-space-xs);background:var(--z900);border:1px solid var(--hair);border-radius:var(--ani-radius-m)}.wizard-actions{display:flex;gap:var(--ani-space-2xs);margin-top:var(--ani-space-3xs)}.wizard-actions .btn{flex:1 1}.wizard-actions--stack{flex-direction:column}.wizard-preview-hint{background:var(--z900);border:1px solid var(--hair);border-radius:var(--ani-radius-m);padding:var(--ani-space-xs);display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.wizard-preview-hint p{font-size:var(--ani-step-0);color:var(--tx2);margin:0;line-height:var(--ani-line-height-normal)}.wizard-preview-hint__row{display:flex;gap:var(--ani-space-3xs)}.wizard-preview-hint__label{flex:1 1;text-align:center;padding:var(--ani-space-3xs);border-radius:8px;background:var(--z850);border:1px solid var(--hair);font-size:var(--ani-step--1);font-weight:600;color:var(--tx1)}.wizard-tiers{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--ani-space-xs);gap:var(--ani-space-xs)}@media(max-width:420px){.wizard-tiers{grid-template-columns:1fr}}.wizard-tier{background:var(--z900);border:1px solid var(--hair);border-radius:var(--ani-radius-m);padding:var(--ani-space-xs);display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs)}.wizard-tier--pro{border-color:hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.35)}.wizard-tier.is-recommended{box-shadow:0 0 0 2px hsla(var(--ani-colour-accent-h),var(--ani-colour-accent-s),var(--ani-colour-accent-l),.22)}.wizard-tier strong{font-size:var(--ani-step-0);color:var(--tx1)}.wizard-tier__once{font-weight:400;font-size:var(--ani-step--1);color:var(--tx2)}.wizard-tier__meta{font-size:var(--ani-step--1);color:var(--tx3)}.wizard-tier ul{list-style:none;display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);margin:4px 0 0;padding:0;font-size:var(--ani-step--1);color:var(--tx2)}.wizard-tier ul li{position:relative;padding-left:12px}.wizard-tier ul li:before{content:"·";position:absolute;left:2px;color:var(--tx3)}.wizard-footer-nav{display:flex;gap:var(--ani-space-2xs);width:100%}.wizard-footer-nav .btn:first-child{flex:0 0 auto}.wizard-footer-nav .btn:last-child{flex:1 1}.wizard-footer-nav button{flex:1 1!important}#url-import{width:100%;padding:var(--ani-space-2xs) var(--ani-space-m)}.check-group--expandable{border:1px solid var(--hair);border-radius:var(--ani-radius-s);overflow:hidden;margin-bottom:var(--ani-space-3xs);background:var(--z900)}.check-group--expandable.is-expanded{border-color:var(--hair2)}.check-group--expandable .check-group__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--ani-space-2xs) var(--ani-space-xs);background:transparent;border:0;cursor:pointer;color:var(--tx1);font-size:var(--ani-step-0);font-weight:500}.check-group--expandable .check-group__title em{font-style:normal;font-weight:600;color:var(--tx2);margin-left:var(--ani-space-3xs);font-family:var(--builder-font-mono),var(--mono);font-size:var(--ani-step--1)}.check-group--expandable .check-group__chev{inline-size:8px;block-size:8px;-webkit-border-end:1.5px solid var(--tx3);border-inline-end:1.5px solid var(--tx3);-webkit-border-after:1.5px solid var(--tx3);border-block-end:1.5px solid var(--tx3);transform:rotate(45deg);transition:transform .15s ease}.check-group--expandable.is-expanded .check-group__chev{transform:rotate(-135deg)}.check-group--expandable .check-grid{padding:0 8px 10px}.verify-page{padding:var(--ani-space-xl)}.hero__cta--flush{margin-top:0}.subscribe{display:flex;gap:var(--ani-space-xs);align-items:center;flex-wrap:wrap}.subscribe__input{flex:1 1;min-width:180px}.subscribe__btn{height:var(--input-height)}.subscribe__msg{font-size:var(--ani-step--1);width:100%}.subscribe__msg--error{color:var(--err)}.subscribe__msg--ok{color:var(--ok)}.account__hint{margin-top:var(--ani-space-s);text-align:center}.account__empty{background:var(--card);border:1px dashed var(--line-strong);border-radius:var(--ani-radius-l);padding:var(--ani-space-l);text-align:center}.account__empty-title{margin-bottom:var(--ani-space-xs)}.account__empty-hint{margin-top:var(--ani-space-xs)}.docs-layout__eyebrow{font-family:var(--mono);font-size:var(--ani-step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.docs-layout__title{font-family:var(--font-display);font-size:var(--ani-step-0);font-weight:700}.docs-layout__nav{gap:var(--ani-space-xs)}.docs-layout__group{display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs)}.docs-layout__group-label{font-family:var(--mono);font-size:var(--ani-step--1);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:0 var(--ani-space-xs)}.docs-layout__group-items{display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs)}.docs-layout__badge{color:var(--accent);margin-left:var(--ani-space-3xs)}.docs-layout__cta-btn{width:100%;justify-content:center}.docs-layout__cta-hint{font-size:var(--ani-step--1);color:var(--ink-faint);text-align:center;display:block;margin-top:var(--ani-space-3xs)}.docs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs);margin:var(--ani-space-s) 0 var(--ani-space-m)}.docs-card{border:1px solid var(--line);border-radius:var(--ani-radius-m);padding:var(--ani-space-xs);background:var(--card);text-decoration:none;display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);transition:border-color .15s ease,transform .15s ease}.docs-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.docs-card__title{color:var(--ink);font-weight:700;font-size:var(--ani-step-0)}.docs-card__desc{display:block;font-size:var(--ani-step--1);color:var(--ink-soft)}.docs-steps{padding-left:var(--ani-space-s)}.docs-steps,.frameworks-grid{display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.frameworks-grid{margin:var(--ani-space-s) 0}.frameworks-card{border:1px solid var(--line);border-radius:var(--ani-radius-m);padding:var(--ani-space-xs);background:var(--card);text-decoration:none;display:grid;grid-gap:var(--ani-space-3xs);gap:var(--ani-space-3xs);color:var(--ink);transition:border-color .15s ease}.frameworks-card:hover{border-color:var(--line-strong)}.frameworks-card--accent{border-color:var(--accent);background:var(--ink);color:var(--paper)}.frameworks-card__desc{display:block;color:var(--ink-soft);font-size:var(--ani-step--1)}.frameworks-card__desc--light{color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.7)}.before-after__mock-title--generic{font-family:Inter,system-ui,sans-serif}.swatch--generic-blue{background:#3b82f6}.swatch--generic-slate{background:#64748b}.swatch--generic-light{background:#e2e8f0}.swatch--accent{background:var(--accent)}.swatch--ink{background:var(--ink)}.swatch--paper{background:var(--paper-2);border:1px solid var(--line)}.feature-bento--spaced{margin-top:var(--ani-space-m)}.coverage__link{text-decoration:underline;text-underline-offset:3px}.examples-preview__btn{margin-top:var(--ani-space-2xs);font-size:var(--ani-step--1);padding:var(--ani-space-3xs) var(--ani-space-xs)}.examples-preview__note{margin-top:var(--ani-space-s);font-size:var(--ani-step--1);color:var(--ink-faint)}.price-grid--spaced{margin-top:var(--ani-space-m)}.final-cta__newsletter-label{margin-bottom:var(--ani-space-xs);color:var(--ink-soft)}.examples__filter{background:var(--paper-2);border:1px solid var(--line)}.examples__filter-btn{text-transform:capitalize}.examples__label-suffix{font-weight:400;color:var(--ink-faint);margin-left:var(--ani-space-3xs);font-size:var(--ani-step--1)}.pv-progress__bar--70{width:70%}.pv-progress__bar--82{width:82%}.pv-progress__bar--34{width:34%}.pv-row--between{justify-content:space-between}.pv-row--start{justify-content:flex-start}.pv-stats--borderless{border:0}.pv-ml-auto{margin-left:auto}.pv-flex-1{flex:1 1}.pv-card--full{max-width:100%}.pv-badge--primary{background:var(--pv-colour-primary)}.pv-text-primary{color:var(--pv-colour-primary)}.pv-skeleton--70{width:70%}.pv-skeleton--90{width:90%}.pv-stack{display:grid;grid-gap:var(--pv-space-3xs);gap:var(--pv-space-3xs)}.breadcrumb{margin:var(--ani-space-s) 0 var(--ani-space-2xs);font-size:var(--ani-step--1)}.breadcrumb,.breadcrumb__link{color:var(--ink-faint)}.section-head--flush{margin-top:0}.example-detail__stage{min-height:320px;box-shadow:0 8px 30px var(--ink-shadow-soft);background:var(--pv-colour-neutral-white)}.example-detail__dark-stage,.example-detail__stage{border:1px solid var(--line);border-radius:var(--ani-radius-l);padding:var(--pv-space-l)}.example-detail__dark-stage{min-height:220px;background:var(--ink);color:var(--paper)}.example-detail__swatches{display:flex;gap:var(--ani-space-2xs);flex-wrap:wrap;margin-top:var(--ani-space-2xs)}.example-detail__swatch{display:inline-flex;align-items:center;gap:var(--ani-space-3xs);font-size:var(--ani-step--1)}.example-detail__swatch i{width:18px;height:18px;border-radius:var(--ani-radius-full);border:1px solid var(--line);display:inline-block}.example-detail__swatch--sm{font-size:var(--ani-step--1);color:var(--ink-faint)}.example-detail__swatch--sm i{width:14px;height:14px}.example-detail__semantics{color:var(--ink-faint)}.example-detail__semantics,.example-detail__spacing{margin-top:var(--ani-space-2xs);font-size:var(--ani-step--1)}.example-detail__spacing{color:var(--ink-soft);line-height:var(--ani-line-height-normal)}.example-detail__typography{display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.example-detail__typography-meta{display:flex;gap:var(--ani-space-s);flex-wrap:wrap;font-size:var(--ani-step--1)}.example-detail__typography-scale{font-size:var(--ani-step--1);color:var(--ink-faint)}.example-detail__headings{display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs);margin-top:var(--ani-space-2xs)}.example-detail__heading-row{display:flex;align-items:baseline;gap:var(--ani-space-2xs)}.example-detail__heading-sample{font-family:var(--pv-font-heading);font-weight:var(--pv-heading-weight);line-height:1.1}.example-detail__heading-sample--h1{font-size:var(--ani-step-3)}.example-detail__heading-sample--h2{font-size:var(--ani-step-2)}.example-detail__heading-sample--h3{font-size:var(--ani-step-1)}.example-detail__heading-meta{font-size:var(--ani-step--1);color:var(--ink-faint);font-family:var(--mono)}.example-detail__chips{display:flex;flex-wrap:wrap;gap:var(--ani-space-3xs)}.example-detail__chip{padding:var(--ani-space-3xs) var(--ani-space-2xs);border-radius:var(--ani-radius-full);background:var(--paper-2);border:1px solid var(--line);font-size:var(--ani-step--1);color:var(--ink-soft)}.example-detail__chips-more{font-size:var(--ani-step--1);color:var(--ink-faint);align-self:center}.example-detail__sample-grid{margin-top:var(--ani-space-xs);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.example-detail__sample-card,.example-detail__sample-grid{display:grid;grid-gap:var(--ani-space-2xs);gap:var(--ani-space-2xs)}.example-detail__sample-card{border:1px solid var(--line);border-radius:var(--ani-radius-m);padding:var(--ani-space-xs)}.example-detail__sample-label{font-size:var(--ani-step--1);font-family:var(--mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.example-detail__note{font-size:var(--ani-step--1);color:var(--ink-faint);margin-top:var(--ani-space-2xs)}.example-detail__code-grid{display:grid;grid-gap:var(--ani-space-xs);gap:var(--ani-space-xs);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.example-detail__code-label{font-size:var(--ani-step--1);font-family:var(--mono);color:var(--ink-faint);margin-bottom:var(--ani-space-3xs);text-transform:uppercase;letter-spacing:.08em}.example-detail__code-snippet{padding:var(--ani-space-xs);border-radius:var(--ani-radius-m);overflow:auto;font-size:var(--ani-step--1);line-height:var(--ani-line-height-normal)}.example-detail__code-snippet--dark{background:var(--ink);color:var(--paper)}.example-detail__code-snippet--light{background:var(--paper-2);border:1px solid var(--line);max-height:260px;font-size:var(--ani-step--1);line-height:var(--ani-line-height-normal)}.example-detail__cta-actions{display:flex;gap:var(--ani-space-xs);justify-content:center;flex-wrap:wrap;margin-top:var(--ani-space-s)}.example-detail__cta-note{margin-top:var(--ani-space-xs);font-size:var(--ani-step--1);color:hsla(var(--ani-colour-paper-h),var(--ani-colour-paper-s),var(--ani-colour-paper-l),.6);text-align:center}.example-detail__back-links{margin-top:var(--ani-space-m);font-size:var(--ani-step--1);color:var(--ink-faint)}.category__meta{padding:var(--ani-space-s);background:var(--paper-2);border-top:1px solid var(--line);display:flex;gap:var(--ani-space-2xs);align-items:center}.category__meta i{width:var(--ani-space-s);height:var(--ani-space-s);border-radius:var(--ani-radius-full);border:1px solid var(--line)}.category__meta span{font-size:var(--ani-step--1);color:var(--ink-soft)}.category__cta{margin-top:var(--ani-space-m);text-align:center}.builder-mt-8{margin-top:var(--ani-space-2xs)}.builder-mt-10,.builder-mt-12{margin-top:var(--ani-space-xs)}.builder-mt-6{margin-top:var(--ani-space-3xs)}.builder-field-mt{margin-top:var(--ani-space-2xs)}.builder-text-capitalize{text-transform:capitalize}.builder-text-center{text-align:center}.builder-flex-1{flex:1 1;min-width:0}.builder-h-42{height:var(--input-height)}.builder-textarea{font-family:var(--mono);background:var(--z850);color:var(--tx1);border:1px solid var(--hair);border-radius:var(--ani-radius-s);padding:var(--ani-space-2xs);width:100%}.builder-hint-sm,.builder-textarea{font-size:var(--ani-step--1);margin-top:var(--ani-space-3xs)}.builder-error{margin-top:var(--ani-space-xs);color:var(--err);font-size:var(--ani-step--1)}.builder-progress-bar{width:var(--progress,0)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--ani-space-2xs);background:var(--z850);border:1px solid var(--hair);border-radius:var(--r-sm);padding:var(--ani-space-2xs) var(--ani-space-xs);font-size:var(--ani-step-0);font-weight:500;color:var(--tx1);white-space:nowrap;cursor:pointer;transition:.15s var(--b-ease)}.btn-ghost:hover{background:var(--z800);border-color:var(--hair2)}.btn-ghost:focus{outline:none;border-color:var(--g-d);box-shadow:0 0 0 3px var(--g-glow)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.url-row{display:flex;gap:var(--ani-space-3xs);align-items:center}.url-row__btn{flex-shrink:0}.builder-url-row{display:flex;flex-direction:column;gap:var(--ani-space-3xs);align-items:center}.builder-skeleton--35{width:35%}.builder-skeleton--60{width:60%}.builder-skeleton--70{width:70%}.builder-badge--primary{background:var(--pv-colour-primary)}.builder-badge--neutral{background:var(--pv-colour-neutral-gray-light);color:var(--pv-colour-neutral-gray-dark)}.builder-text-primary{color:var(--pv-colour-primary)}.builder-spacer{height:var(--pv-space-m)}.component-index__input{width:100%;max-width:28rem}.component-index__code{overflow-wrap:anywhere}.hero__cta--delivery{margin-top:0;margin-bottom:var(--ani-space-m)}.pv-row--center{justify-content:center}.builder-font-meta{margin-left:var(--ani-space-2xs);font-weight:400;font-family:var(--mono)}.builder-mb-6{margin-bottom:var(--ani-space-3xs)}.builder-mb-8{margin-bottom:var(--ani-space-2xs)}.builder-m-0{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.share-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--ani-space-xl) var(--ani-space-m)}.share-page__inner{max-width:680px;width:100%;text-align:center}.share-page__badge{display:inline-block;font-size:var(--ani-step--1);font-weight:500;color:var(--accent-dark);background:var(--accent-wash);padding:var(--ani-space-3xs) var(--ani-space-s);border-radius:var(--ani-radius-full);margin-bottom:var(--ani-space-s)}.share-page__title{font-family:var(--font-display);font-size:var(--ani-step-5);letter-spacing:-.02em;margin-bottom:var(--ani-space-3xs)}.share-page__subtitle{font-size:var(--ani-step-1);color:var(--ink-soft)}.share-page__preview,.share-page__subtitle{margin-bottom:var(--ani-space-l)}.share-page__preview-stage{padding:var(--pv-space-m);gap:var(--pv-space-s);border:1px solid var(--line-strong);border-radius:var(--ani-radius-l);justify-items:center}.share-page__preview-swatches{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--ani-space-3xs)}.share-page__preview-swatches span{width:1.6rem;height:1.6rem;border-radius:var(--pv-radius-s);border:1px solid var(--pv-colour-neutral-border)}.share-page__stats{display:flex;justify-content:center;gap:var(--ani-space-l);margin-bottom:var(--ani-space-l);font-size:var(--ani-step--1);color:var(--ink-faint)}.share-page__stats strong{display:block;font-family:var(--font-display);font-size:var(--ani-step-1);color:var(--ink)}.share-page__cta{margin-top:var(--ani-space-m)}.share-page__cta-sub{font-size:var(--ani-step--1);color:var(--ink-faint);margin-top:var(--ani-space-xs)}.delivery__share--active{border-color:var(--accent);color:var(--accent-dark)}