*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-16{height:4rem}.h-8{height:2rem}.w-auto{width:auto}.max-w-7xl{max-width:80rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-neutral-100{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity,1))}.bg-primary-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-sm{--tw-shadow:0 1px 2px rgba(17,24,39,.06);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-primary-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:text-neutral-900:hover{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.hover\:opacity-80:hover{opacity:.8}:root{--coral-soft:#ffe7e6;--coral:#ff7d7a;--coral-deep:#f2514d;--tangerine-soft:#ffead5;--tangerine:#ff9f45;--tangerine-deep:#ed7a12;--sun-soft:#fff3cc;--sun:#ffc83d;--sun-deep:#e0a200;--grass-soft:#dcf8e6;--grass:#25d366;--grass-deep:#128c4b;--sky-soft:#d8f0ff;--sky:#1fb6ff;--sky-deep:#0a82c4;--violet-soft:#ece4ff;--violet:#8b5cf6;--violet-deep:#6d28d9;--indigo-soft:#e4e6ff;--indigo:#5b5bf0;--indigo-deep:#3a36c9;--ink:#101012;--ink-700:#1c1c20;--ink-600:#2a2a30;--ink-500:#3a3a42;--neutral-0:#fff;--neutral-50:#f7f9fa;--neutral-100:#eef2f4;--neutral-200:#e2e8ec;--neutral-300:#cdd6dc;--neutral-400:#9aa7b0;--neutral-500:#6b7882;--neutral-600:#4a555e;--neutral-700:#333b42;--neutral-800:#20262b;--neutral-900:#11161a;--bg-canvas:#f4f7f9;--bg-surface:#fff;--bg-subtle:var(--neutral-50);--bg-ink:var(--ink);--fg-1:#14181b;--fg-2:#3c464e;--fg-3:#6b7882;--fg-4:#9aa7b0;--fg-on-ink-1:#fff;--fg-on-ink-2:#b9c2c9;--fg-on-ink-3:#7e8a92;--border-1:#e7edf0;--border-2:#d9e1e6;--border-3:#c2ccd3;--border-ink:hsla(0,0%,100%,.1);--action:var(--ink);--action-hover:var(--ink-700);--accent:var(--coral);--link:var(--sky-deep);--success:var(--grass-deep);--warning:var(--sun-deep);--danger:var(--coral-deep);--font-sans:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--fs-mega:clamp(3.25rem,1.5rem + 7vw,7rem);--fs-7xl:clamp(2.75rem,1.6rem + 4.6vw,5rem);--fs-6xl:clamp(2.25rem,1.5rem + 3vw,3.75rem);--fs-5xl:clamp(2rem,1.5rem + 2vw,3rem);--fs-4xl:2.25rem;--fs-3xl:1.75rem;--fs-2xl:1.375rem;--fs-xl:1.1875rem;--fs-lg:1.0625rem;--fs-base:1rem;--fs-sm:0.875rem;--fs-xs:0.75rem;--fs-2xs:0.6875rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extra:800;--fw-black:900;--lh-tight:1.02;--lh-snug:1.15;--lh-head:1.08;--lh-body:1.6;--track-mega:-0.02em;--track-head:-0.012em;--track-tight:-0.01em;--track-label:0.14em;--s-1:0.25rem;--s-2:0.5rem;--s-3:0.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--s-20:5rem;--s-24:6rem;--s-32:8rem;--s-40:10rem;--gutter:clamp(1.25rem,5vw,5rem);--maxw:1200px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px;--r-2xl:32px;--r-3xl:44px;--r-pill:9999px;--sh-xs:0 1px 2px rgba(16,16,18,.06);--sh-sm:0 2px 6px rgba(16,16,18,.07);--sh-md:0 8px 22px -6px rgba(16,16,18,.14);--sh-lg:0 22px 48px -16px rgba(16,16,18,.22);--sh-xl:0 40px 80px -28px rgba(16,16,18,.3);--sh-block:0 14px 0 -6px rgba(16,16,18,.04),0 18px 40px -18px rgba(16,16,18,.28);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-snap:cubic-bezier(0.34,1.56,0.64,1);--ease-inout:cubic-bezier(0.65,0,0.35,1);--t-fast:140ms;--t-base:220ms;--t-slow:420ms}:root[data-theme=dark]{color-scheme:dark;--bg-canvas:#0e1116;--bg-surface:#171b22;--bg-subtle:#1e232b;--fg-1:#f2f5f8;--fg-2:#c4cdd5;--fg-3:#8b95a0;--fg-4:#5c6670;--border-1:#262c35;--border-2:#313842;--border-3:#3d4550;--neutral-50:#1c2128;--neutral-100:#222831;--neutral-200:#2c333d;--neutral-300:#3d4550}:root[data-theme=dark] body{background:var(--bg-canvas);color:var(--fg-2)}:root[data-theme=dark] .btn-primary{background:#f2f5f8;color:#101012}:root[data-theme=dark] .btn-primary:hover{background:#fff}:root[data-theme=dark] .btn-ghost{color:var(--fg-1)}:root[data-theme=dark] .h-nav,:root[data-theme=dark] .nav,:root[data-theme=dark] .subhead,:root[data-theme=dark] .topbar{background:rgba(14,17,22,.82)}:root[data-theme=dark] .hero-logos span,:root[data-theme=dark] .trusted .row span{color:var(--fg-3)}:root[data-theme=dark] .h-brand img,:root[data-theme=dark] .nav-logo img,:root[data-theme=dark] .sidebar-head img,:root[data-theme=dark] .subhead .logo img{filter:brightness(0) invert(1)}:root[data-theme=dark] .bw-c.on .n,:root[data-theme=dark] .bw-c.on .s,:root[data-theme=dark] .conv.active .nm,:root[data-theme=dark] .conv.active .snip,:root[data-theme=dark] .conv.active .tm,:root[data-theme=dark] .fb-field.selected .fc-label,:root[data-theme=dark] .fb-field.selected label,:root[data-theme=dark] .onboard-band h3,:root[data-theme=dark] .onboard-band p,:root[data-theme=dark] .pt-card .sec-eyebrow,:root[data-theme=dark] .pt-card h2,:root[data-theme=dark] .pt-card p,:root[data-theme=dark] .story.tint,:root[data-theme=dark] .story.tint .read,:root[data-theme=dark] .story.tint .stat,:root[data-theme=dark] .story.tint .statlbl,:root[data-theme=dark] .voice .col,:root[data-theme=dark] .voice h4,:root[data-theme=dark] .voice li{color:#14181b}:root{--grid-line:rgba(20,24,27,.05)}:root[data-theme=dark]{--grid-line:hsla(0,0%,100%,.045)}:root[data-theme=dark] .pt-card .btn-ghost{color:#101012}:root[data-theme=dark] .chart .col .bar{background:#5b6672}:root[data-theme=dark] .chart .col .bar.alt{background:var(--sky)}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:6px}.dd-opt:focus-visible{outline:2px solid var(--sky);outline-offset:-2px}.mnav-i:focus-visible,.ri:focus-visible{outline:2px solid #fff;outline-offset:-2px}.skip-link{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:.5rem 1rem;border-radius:8px;z-index:999;font-weight:600}.skip-link:focus{left:8px}*,:after,:before{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--fg-2);background-color:var(--bg-canvas);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:27px 27px;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01" 1,"cv01" 1}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}::-moz-selection{background:var(--coral);color:#fff}::selection{background:var(--coral);color:#fff}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(4rem,9vw,9rem);position:relative}.section--ink{background:var(--ink);color:var(--fg-on-ink-1)}.section--ink h1,.section--ink h2,.section--ink h3,.section--ink h4{color:#fff}.divider{height:1px;background:var(--border-1);border:0}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-3)}.eyebrow:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--coral);transform:rotate(12deg)}.section--ink .eyebrow{color:var(--fg-on-ink-3)}.sec-head{max-width:720px;margin-bottom:clamp(2.5rem,5vw,4rem)}.sec-head h2{font-size:var(--fs-6xl);font-weight:var(--fw-extra);letter-spacing:var(--track-head);line-height:var(--lh-head);color:var(--fg-1);margin-top:1rem;text-wrap:balance}.sec-head p{font-size:var(--fs-xl);color:var(--fg-3);margin-top:1.1rem;max-width:56ch;text-wrap:pretty}.sec-num{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-4);letter-spacing:.1em}h1,h2,h3,h4{color:var(--fg-1);line-height:var(--lh-head);letter-spacing:var(--track-head)}.mono{font-family:var(--font-mono)}.blocks{display:inline-grid;grid-auto-flow:column;gap:10px;align-items:center}.glyph{width:30px;height:30px;display:inline-block}.glyph--pill{width:46px;height:24px;border-radius:var(--r-pill);background:var(--tangerine)}.glyph--dot{width:26px;height:26px;border-radius:50%;background:var(--sky)}.glyph--tri{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:26px solid var(--sky)}.glyph--arrow{width:26px;height:26px;position:relative}.glyph--arrow:after,.glyph--arrow:before{content:"";position:absolute;width:60%;height:4px;border-radius:2px;background:var(--coral);top:50%;left:50%}.glyph--arrow:before{transform:translate(-50%,-50%) rotate(45deg)}.glyph--arrow:after{transform:translate(-50%,-50%) rotate(-45deg)}.brickmark{--u:26px;display:grid;grid-template-columns:repeat(3,var(--u));grid-template-rows:repeat(3,var(--u));gap:8px;align-items:center;justify-items:center}.brickmark .pill{grid-column:1/2;width:calc(var(--u)*1.7);height:calc(var(--u)*.78);border-radius:999px;background:var(--tangerine)}.brickmark .pill.b{grid-column:1/2}.brickmark .av{width:var(--u);height:var(--u);position:relative}.brickmark .av:after,.brickmark .av:before{content:"";position:absolute;left:50%;top:50%;width:78%;height:4.5px;border-radius:3px;background:var(--coral)}.brickmark .av:before{transform:translate(-50%,-50%) rotate(45deg)}.brickmark .av:after{transform:translate(-50%,-50%) rotate(-45deg)}.brickmark .tri{width:0;height:0;border-left:calc(var(--u)*.5) solid transparent;border-right:calc(var(--u)*.5) solid transparent;border-bottom:var(--u) solid var(--sky)}.float-blocks{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.fb{position:absolute;opacity:0;animation:fb-in .7s var(--ease-snap) forwards}@keyframes fb-in{0%{opacity:0;transform:translateY(18px) scale(.6) rotate(var(--rot,0deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--rot,0deg))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-base);line-height:1;padding:.95rem 1.6rem;border-radius:var(--r-pill);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),color var(--t-fast)}.btn:active{transform:translateY(0) scale(.97)}.btn-primary{background:var(--action);color:#fff;box-shadow:var(--sh-sm)}.btn-primary:hover{background:var(--action-hover);transform:translateY(-2px);box-shadow:var(--sh-md)}.btn-coral{background:var(--coral);color:#fff;box-shadow:0 6px 18px -6px var(--coral)}.btn-coral:hover{background:var(--coral-deep);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--fg-1);border-color:var(--border-2)}.btn-ghost:hover{border-color:var(--fg-1);transform:translateY(-2px)}.btn-wa{background:var(--grass);color:#08381f;box-shadow:0 6px 18px -6px var(--grass)}.btn-wa:hover{background:var(--grass-deep);color:#fff;transform:translateY(-2px)}.btn-sm{padding:.6rem 1.1rem;font-size:var(--fs-sm)}.btn-lg{padding:1.15rem 2rem;font-size:var(--fs-lg)}.on-ink .btn-ghost{color:#fff;border-color:var(--border-ink)}.on-ink .btn-ghost:hover{border-color:#fff}.on-ink .btn-primary{background:var(--bg-surface);color:var(--fg-1)}.on-ink .btn-primary:hover{background:var(--neutral-100)}.nav{position:sticky;top:0;z-index:50;background:rgba(244,247,249,.82);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border-1)}.nav .wrap{justify-content:space-between;height:70px}.nav .wrap,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.6rem;font-weight:var(--fw-black);font-size:1.45rem;letter-spacing:-.04em;color:var(--fg-1)}.nav-logo img{height:26px;width:auto}.nav-tag{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);padding:3px 8px;border:1px solid var(--border-2);border-radius:var(--r-pill)}.nav-links{display:flex;gap:1.6rem;align-items:center}.nav-links a{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-2);transition:color var(--t-fast)}.nav-links a:hover{color:var(--fg-1)}@media (max-width:820px){.nav-links .hide-sm{display:none}}.cover{background:var(--bg-canvas);position:relative;overflow:hidden;padding-block:clamp(4rem,9vw,8rem) clamp(3rem,6vw,6rem)}.cover .wrap{position:relative;z-index:2}.cover-kicker{display:flex;align-items:center;gap:.8rem;margin-bottom:1.8rem}.cover h1{font-size:var(--fs-mega);font-weight:var(--fw-black);letter-spacing:var(--track-mega);line-height:var(--lh-tight);color:var(--fg-1);text-wrap:balance}.cover h1 em{font-style:normal;color:var(--coral)}.cover-sub{font-size:clamp(1.1rem,.8rem + 1vw,1.5rem);color:var(--fg-2);max-width:60ch;margin-top:1.6rem;line-height:1.5}.cover-meta{display:flex;flex-wrap:wrap;gap:2.2rem;margin-top:2.6rem}.cover-meta .m b{display:block;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-4);margin-bottom:.3rem}.cover-meta .m span{font-weight:var(--fw-semibold);color:var(--fg-1);font-size:var(--fs-base)}.grid{display:grid;gap:clamp(1rem,2vw,1.5rem)}.g-2{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-4{grid-template-columns:repeat(4,1fr)}@media (max-width:920px){.g-3,.g-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.g-2,.g-3,.g-4{grid-template-columns:1fr}}.card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-xl);padding:var(--s-6)}.card-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4)}.spectrum{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}@media (max-width:920px){.spectrum{grid-template-columns:repeat(4,1fr)}}@media (max-width:520px){.spectrum{grid-template-columns:repeat(2,1fr)}}.hue-stack{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);cursor:pointer;transition:transform var(--t-fast) var(--ease-snap)}.hue-stack:hover{transform:translateY(-4px)}.hue-band{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.hue-band.tall{height:88px}.hue-band .hx{font-family:var(--font-mono);font-size:var(--fs-2xs);opacity:0;transition:opacity var(--t-fast)}.hue-stack:hover .hx{opacity:.9}.hue-name{margin-top:.7rem;font-weight:var(--fw-bold);color:var(--fg-1);font-size:var(--fs-sm)}.hue-token{font-size:var(--fs-2xs);color:var(--fg-4)}.copy-toast,.hue-token{font-family:var(--font-mono)}.copy-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:.7rem 1.2rem;border-radius:var(--r-pill);font-size:var(--fs-xs);opacity:0;pointer-events:none;transition:all var(--t-base) var(--ease-out);z-index:100}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width:720px){.roles{grid-template-columns:repeat(2,1fr)}}.role{border-radius:var(--r-lg);padding:1.1rem;color:#fff;font-weight:var(--fw-semibold);display:flex;flex-direction:column;gap:.3rem;min-height:96px}.role small{font-family:var(--font-mono);font-size:var(--fs-2xs);opacity:.85;font-weight:var(--fw-regular)}.type-row{display:grid;grid-template-columns:160px 1fr;gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid var(--border-1);align-items:baseline}@media (max-width:680px){.type-row{grid-template-columns:1fr;gap:.4rem}}.type-meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-4);line-height:1.5}.type-meta b{color:var(--fg-2);display:block;font-weight:var(--fw-medium)}.spec{color:var(--fg-1);letter-spacing:var(--track-head)}.weights{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:baseline}.weights span{font-size:2rem;color:var(--fg-1)}.spec-list{display:flex;flex-direction:column;gap:.5rem}.spec-item{display:flex;align-items:center;gap:1.2rem;padding:.5rem 0}.spec-item .name{font-size:var(--fs-sm);color:var(--fg-2);width:120px}.spec-item .name,.spec-item .val{font-family:var(--font-mono);flex-shrink:0}.spec-item .val{font-size:var(--fs-xs);color:var(--fg-4);width:64px}.bar{height:22px;background:var(--coral);border-radius:5px}.radii{display:flex;flex-wrap:wrap;gap:1.5rem}.radii .r{width:92px}.radii .r .box{height:92px;background:var(--ink);border:2px solid var(--ink)}.radii .r .lbl{margin-top:.6rem;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4)}.radii .r .lbl b{display:block;color:var(--fg-2);font-size:var(--fs-xs)}.shadows{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width:720px){.shadows{grid-template-columns:repeat(2,1fr)}}.shadow-chip{background:var(--bg-surface);height:120px;border-radius:var(--r-lg);display:flex;align-items:flex-end;padding:.8rem;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4)}.swatch-pad{background:var(--neutral-50);border:1px solid var(--border-1);border-radius:var(--r-xl);padding:var(--s-8);display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.status-grid{display:flex;flex-direction:column;gap:8px;max-width:420px}.status-row{display:flex;gap:8px;align-items:center}.status-pill{flex:1;text-align:center;color:#fff;font-weight:var(--fw-semibold);font-size:var(--fs-sm);padding:.7rem 1rem;border-radius:var(--r-md);transition:transform var(--t-fast) var(--ease-snap);cursor:default}.status-pill:hover{transform:scale(1.03)}.status-label{width:96px;font-size:var(--fs-sm);color:var(--fg-3);font-family:var(--font-mono)}.tags{display:flex;flex-wrap:wrap;gap:.6rem}.tag{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:.4rem .8rem;border-radius:var(--r-pill)}.tag:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.tag-coral{background:var(--coral-soft);color:var(--coral-deep)}.tag-grass{background:var(--grass-soft);color:var(--grass-deep)}.tag-sky{background:var(--sky-soft);color:var(--sky-deep)}.tag-violet{background:var(--violet-soft);color:var(--violet-deep)}.tag-sun{background:var(--sun-soft);color:var(--sun-deep)}.field{display:flex;flex-direction:column;gap:.45rem;max-width:320px}.field label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-1)}.field input{font-family:var(--font-sans);font-size:var(--fs-base);padding:.8rem 1rem;border:1.5px solid var(--border-2);border-radius:var(--r-md);background:var(--bg-surface);color:var(--fg-1);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.field input:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px var(--sky-soft)}.field .hint{font-size:var(--fs-xs);color:var(--fg-4)}.feat{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-xl);padding:var(--s-6);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base)}.feat:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}.feat .ic{width:52px;height:52px;border-radius:var(--r-md);display:grid;place-items:center;margin-bottom:1.1rem}.feat h4{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.feat p{font-size:var(--fs-base);color:var(--fg-3);margin-top:.5rem;line-height:1.55}.phone{width:340px;max-width:100%;background:#0b141a;border-radius:38px;padding:12px;box-shadow:var(--sh-xl),0 0 0 1px hsla(0,0%,100%,.06);position:relative}.phone-screen{border-radius:28px;overflow:hidden;background:#0b141a}.wa-bar{background:#1f2c33;color:#e9edef;display:flex;align-items:center;gap:.7rem;padding:14px}.wa-ava{width:38px;height:38px;border-radius:50%;background:var(--gradient,linear-gradient(135deg,var(--violet),var(--indigo)));display:grid;place-items:center;font-weight:var(--fw-bold);color:#fff;flex-shrink:0}.wa-name{font-weight:var(--fw-semibold);font-size:.95rem;line-height:1.1}.wa-status{font-size:.72rem;color:#8696a0;display:flex;align-items:center;gap:.3rem}.wa-status .ai{color:var(--violet);font-weight:600}.wa-thread{background:#0b141a;background-image:radial-gradient(hsla(0,0%,100%,.025) 1px,transparent 0);background-size:18px 18px;padding:18px 14px;display:flex;flex-direction:column;gap:10px;min-height:420px}.bub{max-width:80%;padding:8px 11px 9px;border-radius:12px;font-size:.86rem;line-height:1.4;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.15)}.bub .t{display:block;font-size:.62rem;text-align:right;margin-top:3px;opacity:.6}.bub.in{align-self:flex-start;background:#202c33;color:#e9edef;border-top-left-radius:4px}.bub.out{align-self:flex-end;background:#005c4b;color:#e9edef;border-top-right-radius:4px}.bub.out .t{color:#a7d3c8}.bub-typing{align-self:flex-start;background:#202c33;padding:12px 14px;border-radius:12px;border-top-left-radius:4px;display:flex;gap:4px}.bub-typing i{width:7px;height:7px;border-radius:50%;background:#8696a0;display:inline-block;animation:blink 1.2s infinite}.bub-typing i:nth-child(2){animation-delay:.2s}.bub-typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.agent-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.6rem;font-weight:700;color:#d9c8ff;background:rgba(139,92,246,.34);padding:2px 7px;border-radius:999px;margin-bottom:5px}.miniapp{align-self:flex-start;max-width:84%;background:var(--bg-surface);border-radius:12px;border-top-left-radius:4px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25)}.miniapp-head{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-1)}.miniapp-head b{font-size:.8rem;color:var(--fg-1)}.miniapp-body{padding:11px 12px;display:flex;flex-direction:column;gap:8px}.miniapp-line{display:flex;justify-content:space-between;font-size:.78rem;color:var(--fg-2)}.miniapp-line.total{font-weight:700;color:var(--fg-1);border-top:1px dashed var(--border-2);padding-top:8px}.miniapp-cta{background:var(--grass);color:#08381f;font-weight:700;text-align:center;padding:9px;border-radius:8px;font-size:.82rem;margin-top:2px}.wa-input{background:#1f2c33;display:flex;align-items:center;gap:8px;padding:9px 12px}.wa-input .box{flex:1;background:#2a3942;border-radius:999px;padding:8px 14px;color:#8696a0;font-size:.82rem}.wa-input .send{width:36px;height:36px;border-radius:50%;background:var(--grass);display:grid;place-items:center;flex-shrink:0}.health{background:var(--ink-700);border:1px solid var(--border-ink);border-radius:var(--r-lg);padding:1.4rem}.health-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.health-score{font-size:2.4rem;font-weight:var(--fw-black);color:var(--grass);letter-spacing:-.03em;line-height:1}.health-bar{height:10px;border-radius:999px;background:var(--ink-500);overflow:hidden}.health-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--grass),var(--sky))}.applied{background:var(--bg-canvas)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}@media (max-width:940px){.hero-grid{grid-template-columns:1fr}}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-surface);border:1px solid var(--border-2);border-radius:999px;padding:.45rem .9rem .45rem .5rem;font-size:var(--fs-sm);font-weight:var(--fw-medium);box-shadow:var(--sh-xs)}.hero-pill .dot{width:22px;height:22px;border-radius:50%;background:var(--grass-soft);color:var(--grass-deep);display:grid;place-items:center;font-size:.7rem;font-weight:800}.hero h2.big{font-size:var(--fs-7xl);font-weight:var(--fw-black);letter-spacing:var(--track-mega);line-height:1;margin:1.4rem 0;color:var(--fg-1)}.hero h2.big em{font-style:normal;position:relative;color:var(--fg-1);white-space:nowrap}.hero h2.big em:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.08em;height:.34em;background:var(--tangerine);z-index:-1;border-radius:4px;transform:rotate(-1deg)}.hero p.lede{font-size:var(--fs-xl);color:var(--fg-2);max-width:48ch;line-height:1.5}.hero-cta{gap:.8rem;margin-top:2rem}.hero-cta,.hero-logos{display:flex;flex-wrap:wrap;align-items:center}.hero-logos{gap:1.4rem;margin-top:2.4rem;opacity:.5}.hero-logos span{font-weight:800;color:var(--fg-2);font-size:1.05rem;letter-spacing:-.02em}.voice{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media (max-width:680px){.voice{grid-template-columns:1fr}}.voice .col{border-radius:var(--r-lg);padding:1.5rem}.voice .do{background:var(--grass-soft)}.voice .dont{background:var(--coral-soft)}.voice h4{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-base);margin-bottom:1rem}.voice ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}.voice li{font-size:var(--fs-base);padding-left:1.5rem;position:relative;line-height:1.4}.voice .do li:before{content:"✓";position:absolute;left:0;color:var(--grass-deep);font-weight:800}.voice .dont li:before{content:"✕";position:absolute;left:0;color:var(--coral-deep);font-weight:800}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}@media (max-width:820px){.principles{grid-template-columns:1fr}}.principle{padding:1.6rem;border-radius:var(--r-lg);background:var(--ink-700);border:1px solid var(--border-ink)}.principle .n{font-family:var(--font-mono);color:var(--coral);font-size:var(--fs-sm)}.principle h4{color:#fff;font-size:var(--fs-xl);margin:.6rem 0}.principle p{font-size:var(--fs-base);line-height:1.5}.foot,.principle p{color:var(--fg-on-ink-2)}.foot{background:var(--ink);padding-block:4rem 3rem}.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;align-items:flex-end}.foot-logo{display:flex;align-items:center;gap:.7rem}.foot-logo img{height:30px}.foot small{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-on-ink-3)}.app{display:grid;grid-template-columns:268px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--bg-surface);border-right:1px solid var(--border-1);display:flex;flex-direction:column;min-width:0}.sidebar-head{display:flex;align-items:center;gap:.55rem;padding:18px 20px;border-bottom:1px solid var(--border-1)}.sidebar-head img{height:24px;width:auto}.sidebar-head .slash{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);padding:2px 7px;border:1px solid var(--border-2);border-radius:var(--r-pill)}.sidebar-nav{padding:12px 12px 20px;overflow-y:auto;flex:1}.nav-group{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-4);padding:16px 10px 6px}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .6rem;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.nav-item:hover{background:var(--neutral-50);color:var(--fg-1)}.nav-item.active{background:var(--ink);color:#fff;font-weight:var(--fw-semibold)}.nav-item .chip{width:20px;height:20px;border-radius:6px;flex-shrink:0}.nav-item.active .chip{box-shadow:0 0 0 2px hsla(0,0%,100%,.18)}.sidebar-foot{padding:14px 18px;border-top:1px solid var(--border-1);display:flex;align-items:center;justify-content:space-between}.sidebar-foot small{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:64px;flex-shrink:0;background:hsla(0,0%,100%,.82);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border-1);justify-content:space-between;padding:0 clamp(1.25rem,3vw,2.5rem)}.crumb,.topbar{display:flex;align-items:center}.crumb{font-size:var(--fs-sm);color:var(--fg-3);gap:.5rem}.crumb b{color:var(--fg-1);font-weight:var(--fw-semibold)}.crumb .sep{color:var(--fg-4)}.topbar-right{display:flex;align-items:center;gap:1rem}.minispectrum{display:flex;gap:3px}.minispectrum i{width:13px;height:13px;border-radius:4px}@media (max-width:680px){.minispectrum,.topbar .btn{display:none}}.content{padding:0 clamp(1.25rem,3vw,3rem);width:100%;max-width:1120px}.block{scroll-margin-top:80px;padding-block:clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--border-1)}.block:last-of-type{border-bottom:0}.block-head{max-width:720px;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.block-head .num{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;color:var(--fg-4)}.block-head h2{font-size:var(--fs-4xl);font-weight:var(--fw-extra);letter-spacing:var(--track-head);line-height:1.1;color:var(--fg-1);margin-top:.55rem;text-wrap:balance}.block-head p{font-size:var(--fs-lg);color:var(--fg-3);margin-top:.7rem;max-width:62ch;text-wrap:pretty}.overview{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.5rem,3vw,2rem);align-items:stretch}@media (max-width:860px){.overview{grid-template-columns:1fr}}.ov-card{background:var(--ink);color:#fff;border-radius:var(--r-2xl);padding:clamp(1.75rem,4vw,2.75rem);position:relative;overflow:hidden}.ov-card h1{color:#fff;font-size:var(--fs-6xl);font-weight:var(--fw-black);letter-spacing:var(--track-mega);line-height:1.04}.ov-card h1 em{font-style:normal;color:var(--coral)}.ov-card p{color:var(--fg-on-ink-2);font-size:var(--fs-lg);margin-top:1.1rem;max-width:46ch}.ov-blocks{position:absolute;right:-10px;bottom:-10px;opacity:.9}.ov-side{display:grid;grid-template-rows:repeat(2,1fr);gap:clamp(1.5rem,3vw,2rem)}.stat-tile{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-2xl);padding:1.5rem;display:flex;flex-direction:column;justify-content:center}.stat-tile .k{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4)}.stat-tile .v{font-size:var(--fs-3xl);font-weight:var(--fw-extra);color:var(--fg-1);letter-spacing:-.02em;margin-top:.3rem;line-height:1.1}.stat-tile .v small{font-size:var(--fs-base);color:var(--fg-3);font-weight:var(--fw-medium)}.ink-panel{background:var(--ink);color:var(--fg-on-ink-1);border-radius:var(--r-2xl);padding:clamp(1.75rem,4vw,3rem)}.ink-panel .block-head h2,.ink-panel h2,.ink-panel h3,.ink-panel h4{color:#fff}.ink-panel .block-head p{color:var(--fg-on-ink-2)}.ink-panel .block-head .num,.ink-panel .eyebrow{color:var(--fg-on-ink-3)}@media (max-width:900px){.app{display:block}.sidebar{position:sticky;top:0;z-index:40;height:auto;width:100%;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--border-1)}.sidebar-head{border-bottom:0;border-right:1px solid var(--border-1);flex-shrink:0}.sidebar-nav{display:flex;flex-direction:row;gap:4px;padding:10px;overflow-x:auto}.nav-group,.nav-item .label-long,.sidebar-foot{display:none}}.tok-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.25rem}.tok-tab{font-family:var(--font-mono);font-size:var(--fs-xs);padding:.5rem .9rem;border-radius:var(--r-pill);border:1px solid var(--border-2);background:var(--bg-surface);color:var(--fg-3);cursor:pointer;transition:all var(--t-fast);white-space:nowrap}.tok-tab:hover{border-color:var(--fg-3);color:var(--fg-1)}.tok-tab.active{background:var(--ink);color:#fff;border-color:var(--fg-1)}.tok-tab.export{margin-left:auto;background:var(--coral-soft);color:var(--coral-deep);border-color:transparent;font-weight:var(--fw-semibold)}.tok-tab.export:hover{background:var(--coral);color:#fff}.token-grid{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-xs)}.token-cat{padding:.55rem 1.1rem;background:var(--neutral-50);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-4)}.token-cat,.token-row{border-bottom:1px solid var(--border-1)}.token-row{display:grid;grid-template-columns:1.6fr 1fr auto;gap:1rem;align-items:center;padding:.62rem 1.1rem;cursor:pointer;transition:background var(--t-fast)}.token-row:last-child{border-bottom:0}.token-row:hover{background:var(--neutral-50)}.token-row .tk{color:var(--violet-deep)}.token-row .tk,.token-row .tv{font-family:var(--font-mono);font-size:var(--fs-sm)}.token-row .tv{color:var(--fg-2);display:flex;align-items:center;gap:.6rem}.token-row .sw{width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.08);flex-shrink:0}.token-row .cp{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);opacity:0;transition:opacity var(--t-fast);justify-self:end}.token-row:hover .cp{opacity:1}.code-block{background:var(--ink);color:#d7dbe0;border-radius:var(--r-lg);padding:1.3rem 1.5rem;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.75;overflow-x:auto;white-space:pre;margin-top:1.25rem}.code-block .ck{color:#c0a3ff}.code-block .cv{color:#7fd6ff}.code-block .cc{color:#6b7882}.pcard{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-xl);padding:var(--s-6);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base)}.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}.pcard .badge{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);margin-bottom:1rem;font-weight:var(--fw-black);color:#fff}.pcard h4{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.pcard p{font-size:var(--fs-base);color:var(--fg-3);margin-top:.5rem;line-height:1.55}.stack-sm>*+*{margin-top:.9rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.muted{color:var(--fg-3)}.center{text-align:center}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.fb{animation:none;opacity:1}*{scroll-behavior:auto}}.motion-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media (max-width:820px){.motion-row{grid-template-columns:1fr}}.mstage{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-xl);overflow:hidden}.mstage .canvas{min-height:300px;display:grid;place-items:center;background:var(--bg-canvas);position:relative;overflow:hidden}.mstage .canvas.dark{background:var(--ink)}.mstage .bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;border-top:1px solid var(--border-1)}.mstage .bar .nm{font-weight:var(--fw-semibold);color:var(--fg-1);font-size:var(--fs-base)}.mstage .bar .cd{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-4);margin-top:1px}.replay{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-1);background:var(--neutral-100);border:0;border-radius:var(--r-pill);padding:.5rem .9rem;cursor:pointer;transition:background var(--t-fast),transform var(--t-fast)}.replay:hover{background:var(--neutral-200)}.replay:active{transform:scale(.95)}.replay svg{transition:transform var(--t-slow) var(--ease-out)}.replay:hover svg{transform:rotate(-180deg)}.uxicon{width:240px;height:240px;background:#000;border-radius:54px;position:relative;overflow:hidden;box-shadow:var(--sh-lg)}.stage.play .uxicon{animation:iconIn .6s var(--ease-snap) both}.uxicon .wm{position:absolute;top:34px;left:50%;width:162px;transform:translateX(-50%)}.uxicon .wm-clip{overflow:hidden}.stage.play .uxicon .wm-clip{animation:wmWipe .7s var(--ease-out) .35s both}.uxicon .wm img{width:162px;display:block}.uxicon .ground{position:absolute;left:30px;right:30px;bottom:32px;display:flex;justify-content:space-between;align-items:flex-end}.uxicon .pills{display:flex;flex-direction:column;gap:14px}.uxicon .pill{width:58px;height:27px;border-radius:999px;background:#ff9f45;opacity:0}.stage.play .uxicon .pill{animation:pillIn .5s var(--ease-snap) both}.stage.play .uxicon .pill.a{animation-delay:.5s}.stage.play .uxicon .pill.b{animation-delay:.62s;transform-origin:left}.uxicon .pill.b{margin-left:20px}.uxicon .matrix{display:grid;grid-template-columns:repeat(2,27px);grid-auto-rows:27px;gap:9px}.uxicon .cell{width:27px;height:27px;opacity:0;display:grid;place-items:center}.stage.play .uxicon .cell{animation:cellPop .42s var(--ease-snap) both}.stage.play .uxicon .cell:first-child{animation-delay:.6s}.stage.play .uxicon .cell:nth-child(2){animation-delay:.68s}.stage.play .uxicon .cell:nth-child(3){animation-delay:.76s}.stage.play .uxicon .cell:nth-child(4){animation-delay:.84s}.stage.play .uxicon .cell:nth-child(5){animation-delay:.92s}.stage.play .uxicon .cell:nth-child(6){animation-delay:1s}.uxicon .tri{width:0;height:0;border-left:13.5px solid transparent;border-right:13.5px solid transparent;border-bottom:24px solid #1fb6ff}.uxicon .sheen{position:absolute;top:0;left:-60%;width:50%;height:100%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.16),transparent)}.stage.play .uxicon .sheen{animation:sheen 1s var(--ease-out) 1.1s both}@keyframes iconIn{0%{opacity:0;transform:scale(.7) translateY(14px)}to{opacity:1;transform:none}}@keyframes wmWipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes pillIn{0%{opacity:0;transform:translateX(-30px) scaleX(.4)}to{opacity:1;transform:none}}@keyframes cellPop{0%{opacity:0;transform:scale(.3) rotate(-25deg)}to{opacity:1;transform:none}}@keyframes sheen{0%{left:-60%}to{left:130%}}.ar-up{width:24px;height:24px}.wm-reveal{width:230px}.wm-reveal .clip{overflow:hidden}.wm-reveal img{width:230px;display:block;transform:translateY(18px)}.stage.play .wm-reveal .clip{animation:wmWipe .8s var(--ease-out) both}.stage.play .wm-reveal img{animation:wmRise .8s var(--ease-out) both}.wm-reveal .dotline{display:flex;gap:8px;justify-content:center;margin-top:18px}.wm-reveal .dotline i{width:10px;height:10px;border-radius:3px;opacity:0}.stage.play .wm-reveal .dotline i{animation:cellPop .5s var(--ease-snap) both}.stage.play .wm-reveal .dotline i:first-child{animation-delay:.5s;background:var(--coral)}.stage.play .wm-reveal .dotline i:nth-child(2){animation-delay:.58s;background:var(--tangerine)}.stage.play .wm-reveal .dotline i:nth-child(3){animation-delay:.66s;background:var(--sky);border-radius:50%}@keyframes wmRise{0%{transform:translateY(18px)}to{transform:translateY(0)}}.assembly{display:flex;gap:18px;align-items:center}.assembly>*{opacity:0}.stage.play .assembly>*{animation:blockDrop .55s var(--ease-snap) both}.stage.play .assembly>:first-child{animation-delay:0s}.stage.play .assembly>:nth-child(2){animation-delay:.1s}.stage.play .assembly>:nth-child(3){animation-delay:.2s}.stage.play .assembly>:nth-child(4){animation-delay:.3s}@keyframes blockDrop{0%{opacity:0;transform:translateY(-34px) scale(.5) rotate(-12deg)}to{opacity:1;transform:none}}.wipe-demo{position:absolute;inset:0}.wipe-demo .from,.wipe-demo .to{position:absolute;inset:0;display:grid;place-items:center;font-weight:var(--fw-extra);font-size:var(--fs-2xl)}.wipe-demo .from{background:var(--bg-canvas);color:var(--fg-1)}.wipe-demo .to{background:var(--ink);color:#fff;transform:translateY(100%)}.wipe-demo .ink-sheet{position:absolute;inset:0;background:var(--coral);transform:translateY(100%)}.stage.play .wipe-demo .ink-sheet{animation:sheetUp 1.1s var(--ease-inout) both}.stage.play .wipe-demo .to{animation:toIn 1.1s var(--ease-inout) both}.stage.play .wipe-demo .from{animation:fromOut 1.1s var(--ease-inout) both}@keyframes sheetUp{0%{transform:translateY(100%)}45%{transform:translateY(0)}55%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes toIn{0%,50%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fromOut{0%{transform:translateY(0)}50%,to{transform:translateY(-30%);opacity:.4}}.loader-blocks{display:flex;gap:10px;align-items:flex-end;height:44px}.loader-blocks i{width:16px;height:16px;border-radius:5px}.loader-blocks i:first-child{background:var(--coral);animation:lbPulse 1.1s var(--ease-inout) infinite}.loader-blocks i:nth-child(2){background:var(--tangerine);animation:lbPulse 1.1s var(--ease-inout) .15s infinite}.loader-blocks i:nth-child(3){background:var(--sky);animation:lbPulse 1.1s var(--ease-inout) .3s infinite}.loader-blocks i:nth-child(4){background:var(--violet);animation:lbPulse 1.1s var(--ease-inout) .45s infinite}@keyframes lbPulse{0%,to{transform:translateY(0) scale(1);opacity:.55}40%{transform:translateY(-16px) scale(1.12);opacity:1}}.loader-tri{width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:28px solid var(--coral);animation:triSpin 1.3s var(--ease-inout) infinite}@keyframes triSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.toast-demo{position:absolute;bottom:22px;left:50%;transform:translateX(-50%) translateY(40px);opacity:0;background:var(--ink);color:#fff;padding:.85rem 1.1rem;border-radius:var(--r-pill);display:flex;align-items:center;gap:.6rem;font-weight:var(--fw-medium);box-shadow:var(--sh-lg)}.toast-demo .dot{width:22px;height:22px;border-radius:50%;background:var(--grass);color:#08381f;display:grid;place-items:center;font-weight:800;font-size:12px}.stage.play .toast-demo{animation:toastIn 2.4s var(--ease-snap) both}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(40px)}14%,82%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(40px)}}.hoverdemo{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;justify-content:center}.lift-card{width:150px;padding:1.2rem;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base);cursor:pointer}.lift-card:hover{transform:translateY(-8px);box-shadow:var(--sh-lg)}.lift-card .cap{font-weight:var(--fw-semibold);color:var(--fg-1)}.lift-card small{color:var(--fg-4);font-size:var(--fs-xs)}@media (prefers-reduced-motion:reduce){.stage.play *{animation:none!important}.assembly>*,.toast-demo,.uxicon .cell,.uxicon .pill,.wm-reveal .dotline i{opacity:1!important}.uxicon .wm-clip,.wm-reveal .clip{clip-path:none!important}}.subhead{position:sticky;top:0;z-index:40;height:64px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border-1);display:flex;align-items:center;gap:1.25rem;padding:0 clamp(1.25rem,3vw,2.5rem)}.subhead .back{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-2);padding:.45rem .8rem;border-radius:var(--r-pill);transition:background var(--t-fast),color var(--t-fast)}.subhead .back:hover{background:var(--neutral-100);color:var(--fg-1)}.subhead .logo{display:flex;align-items:center;gap:.5rem}.subhead .logo img{height:22px}.subhead .slash{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);padding:2px 7px;border:1px solid var(--border-2);border-radius:var(--r-pill)}.subhead .crumb{font-size:var(--fs-sm);color:var(--fg-3)}.subhead .crumb b{color:var(--fg-1);font-weight:var(--fw-semibold)}.subhead .spacer{flex:1}.page-tabs{display:flex;gap:2px;background:var(--neutral-100);padding:4px}.page-tab,.page-tabs{border-radius:var(--r-pill)}.page-tab{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-3);padding:.5rem 1rem;cursor:pointer;transition:all var(--t-fast);white-space:nowrap;border:0;background:transparent}.page-tab.active,.page-tab:hover{color:var(--fg-1)}.page-tab.active{background:var(--bg-surface);box-shadow:var(--sh-sm)}@media (max-width:760px){.page-tab .lg,.subhead .crumb{display:none}}.page-wrap{max-width:1160px;margin-inline:auto;padding:clamp(2rem,4vw,3.5rem) clamp(1.25rem,3vw,3rem) 6rem}.page-hero{margin-bottom:clamp(2rem,4vw,3rem)}.page-hero .num{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;color:var(--fg-4)}.page-hero h1{font-size:var(--fs-6xl);font-weight:var(--fw-black);letter-spacing:var(--track-mega);line-height:1.04;margin-top:.6rem;color:var(--fg-1)}.page-hero p{font-size:var(--fs-xl);color:var(--fg-3);margin-top:.9rem;max-width:60ch;text-wrap:pretty}.panel{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-xl);padding:clamp(1.5rem,3vw,2rem)}.panel+.panel{margin-top:1.25rem}.panel-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--fg-1);display:flex;align-items:center;gap:.6rem}.panel-title .kbd{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);background:var(--neutral-100);padding:2px 7px;border-radius:6px;font-weight:var(--fw-medium)}.panel-sub{color:var(--fg-3);margin-top:.35rem;font-size:var(--fs-base)}.label-mono{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4)}.launcher{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}@media (max-width:900px){.launcher{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.launcher{grid-template-columns:1fr}}.launch{display:block;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-xl);padding:1.4rem;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base),border-color var(--t-base);position:relative;overflow:hidden}.launch:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:transparent}.launch .lic{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;color:#fff;margin-bottom:1rem}.launch h4{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--fg-1);display:flex;align-items:center;gap:.4rem}.launch h4 .arr{transition:transform var(--t-base) var(--ease-out);color:var(--fg-4)}.launch:hover h4 .arr{transform:translateX(4px);color:var(--fg-1)}.launch p{font-size:var(--fs-sm);color:var(--fg-3);margin-top:.35rem;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.fc{display:flex;flex-direction:column;gap:.45rem}.fc-label,.fc>label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-1);display:flex;align-items:center;gap:.35rem}.fc-label .req{color:var(--coral-deep)}.fc .help{font-size:var(--fs-xs);color:var(--fg-4)}.fc .err{color:var(--danger)}.fc .err,.fc .ok{font-size:var(--fs-xs);display:flex;align-items:center;gap:.3rem}.fc .ok{color:var(--success)}.inp,.sel,.ta{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--fg-1);padding:.72rem .95rem;border:1.5px solid var(--border-2);border-radius:var(--r-md);background:var(--bg-surface);transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.inp::-moz-placeholder,.ta::-moz-placeholder{color:var(--fg-4)}.inp::placeholder,.ta::placeholder{color:var(--fg-4)}.inp:focus,.sel:focus,.ta:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px var(--sky-soft)}.ta{resize:vertical;min-height:92px;line-height:1.5}.inp:disabled,.ta:disabled{background:var(--neutral-50);color:var(--fg-4);cursor:not-allowed}.inp.is-error{border-color:var(--coral);box-shadow:0 0 0 4px var(--coral-soft)}.inp.is-ok{border-color:var(--grass);box-shadow:0 0 0 4px var(--grass-soft)}.inp-wrap{position:relative;display:flex;align-items:center}.inp-wrap .pre{position:absolute;left:.9rem;color:var(--fg-4);font-size:var(--fs-base);pointer-events:none}.inp-wrap .pre+.inp{padding-left:2.1rem}.inp-wrap .suf{position:absolute;right:.9rem;color:var(--fg-4)}.sel-wrap{position:relative}.sel-wrap:after{content:"";position:absolute;right:1rem;top:50%;width:9px;height:9px;border-right:2px solid var(--fg-3);border-bottom:2px solid var(--fg-3);transform:translateY(-65%) rotate(45deg);pointer-events:none}.sel{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.4rem}.choice,.sel{cursor:pointer}.choice{display:flex;align-items:flex-start;gap:.65rem;font-size:var(--fs-base);color:var(--fg-1)}.choice input{position:absolute;opacity:0;width:0;height:0}.choice .box{width:22px;height:22px;border:2px solid var(--neutral-400);border-radius:7px;flex-shrink:0;display:grid;place-items:center;transition:all var(--t-fast);background:var(--bg-surface);margin-top:1px}.choice .box.round{border-radius:50%}.choice .box svg{opacity:0;transform:scale(.5);transition:all var(--t-fast) var(--ease-snap)}.choice input:checked+.box{background:var(--ink);border-color:var(--fg-1)}.choice input:checked+.box svg{opacity:1;transform:scale(1)}.choice:hover .box{border-color:var(--fg-3)}.choice .box.round .rdot{width:9px;height:9px;border-radius:50%;background:var(--bg-surface);opacity:0;transform:scale(.4);transition:all var(--t-fast) var(--ease-snap)}.choice input:checked+.box.round .rdot{opacity:1;transform:scale(1)}.choice input:focus-visible+.box{box-shadow:0 0 0 4px var(--sky-soft);border-color:var(--sky)}.choice .ctext small{display:block;color:var(--fg-4);font-size:var(--fs-xs);margin-top:1px}.dd{position:relative}.dd-btn{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--fg-1);padding:.72rem .95rem;border:1.5px solid var(--border-2);border-radius:var(--r-md);background:var(--bg-surface);cursor:pointer;text-align:left;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.dd-btn:hover{border-color:var(--border-3)}.dd-btn .chev{color:var(--fg-3);flex-shrink:0;transition:transform var(--t-fast)}.dd.open .dd-btn{border-color:var(--sky);box-shadow:0 0 0 4px var(--sky-soft)}.dd.open .dd-btn .chev{transform:rotate(180deg)}.dd-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:6px;z-index:60;max-height:264px;overflow-y:auto;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.dd.open .dd-menu{opacity:1;transform:none;pointer-events:auto}.dd-opt{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .7rem;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.dd-opt:hover{background:var(--neutral-50);color:var(--fg-1)}.dd-opt.is-sel{background:var(--ink);color:#fff}.dd-opt .ck{opacity:0;flex-shrink:0}.dd-opt.is-sel .ck{opacity:1}.switch{display:inline-flex;align-items:center;gap:.7rem;cursor:pointer;font-size:var(--fs-base);color:var(--fg-1)}.switch input{position:absolute;opacity:0}.switch .track{width:46px;height:26px;border-radius:999px;background:var(--neutral-300);position:relative;transition:background var(--t-base);flex-shrink:0}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--bg-surface);box-shadow:var(--sh-sm);transition:transform var(--t-base) var(--ease-snap)}.switch input:checked+.track{background:var(--grass)}.switch input:checked+.track:after{transform:translateX(20px)}.switch input:focus-visible+.track{box-shadow:0 0 0 4px var(--sky-soft)}.segmented{display:inline-flex;background:var(--neutral-100);border-radius:var(--r-pill);padding:4px;gap:2px}.segmented button{border:0;background:transparent;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-3);padding:.5rem 1rem;border-radius:var(--r-pill);cursor:pointer;transition:all var(--t-fast)}.segmented button.active{background:var(--bg-surface);color:var(--fg-1);box-shadow:var(--sh-sm)}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--neutral-200);outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ink);cursor:pointer;box-shadow:var(--sh-sm);border:3px solid #fff}.range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ink);cursor:pointer;border:3px solid #fff}.dropzone{border:2px dashed var(--border-3);border-radius:var(--r-lg);padding:2rem;text-align:center;color:var(--fg-3);transition:all var(--t-fast);cursor:pointer;background:var(--neutral-50)}.dropzone:hover{border-color:var(--sky);background:var(--sky-soft);color:var(--sky-deep)}.dropzone .di{width:44px;height:44px;margin:0 auto .7rem;border-radius:var(--r-md);background:var(--bg-surface);display:grid;place-items:center;box-shadow:var(--sh-sm)}.chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.55rem;border:1.5px solid var(--border-2);border-radius:var(--r-md)}.chip-x,.chips{align-items:center}.chip-x{display:inline-flex;gap:.4rem;background:var(--ink);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:.3rem .35rem .3rem .7rem;border-radius:var(--r-pill)}.chip-x b{width:16px;height:16px;border-radius:50%;background:hsla(0,0%,100%,.2);display:grid;place-items:center;font-size:11px;cursor:pointer}.states-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width:760px){.states-row{grid-template-columns:repeat(2,1fr)}}.builder{display:grid;grid-template-columns:244px 1fr 312px;height:calc(100vh - 64px);background:var(--bg-canvas)}@media (max-width:1080px){.builder{grid-template-columns:1fr;height:auto}.builder .bpanel.inspector,.builder .bpanel.palette{display:none}}.bpanel{background:var(--bg-surface);min-height:0;overflow-y:auto}.bpanel.palette{border-right:1px solid var(--border-1)}.bpanel.inspector{border-left:1px solid var(--border-1)}.bpanel-head{padding:1rem 1.1rem .7rem;position:sticky;top:0;background:var(--bg-surface);z-index:2}.bpanel-head h3{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--fg-1)}.bpanel-head p{font-size:var(--fs-xs);color:var(--fg-4);margin-top:2px}.pal-group{padding:.4rem 1.1rem 1rem}.pal-group .label-mono{padding:.6rem 0 .5rem;display:block}.pal-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .65rem;border-radius:var(--r-md);cursor:grab;transition:background var(--t-fast);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-2);border:1px solid transparent}.pal-item:hover{background:var(--neutral-50);border-color:var(--border-1);color:var(--fg-1)}.pal-item:active{cursor:grabbing}.pal-item .pic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.canvas-area{overflow-y:auto;padding:clamp(1.25rem,3vw,2.5rem)}.form-doc{max-width:560px;margin-inline:auto;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-2xl);box-shadow:var(--sh-md);overflow:hidden}.form-doc-head{background:var(--ink);color:#fff;padding:1.6rem 1.75rem;position:relative}.form-doc-head .badge-wa{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--grass);background:rgba(37,211,102,.16);padding:3px 9px;border-radius:999px;margin-bottom:.7rem}.form-doc-head h2{color:#fff;font-size:var(--fs-2xl);font-weight:var(--fw-extra)}.form-doc-head p{color:var(--fg-on-ink-2);font-size:var(--fs-sm);margin-top:.35rem}.form-doc-body{padding:1.6rem 1.75rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.fb-field{border:1.5px solid transparent;border-radius:var(--r-md);padding:.5rem;margin:-.5rem;position:relative;transition:border-color var(--t-fast),background var(--t-fast);cursor:pointer}.fb-field:hover{border-color:var(--border-2);background:var(--neutral-50)}.fb-field.selected{border-color:var(--sky);background:var(--sky-soft)}.fb-field.selected:before{content:"Editing";position:absolute;top:-10px;left:10px;background:var(--sky);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;font-family:var(--font-mono)}.fb-grip{position:absolute;left:-22px;top:50%;transform:translateY(-50%);color:var(--fg-4);opacity:0;transition:opacity var(--t-fast);cursor:grab}.fb-field:hover .fb-grip{opacity:1}.insp-section{padding:1rem 1.2rem;border-bottom:1px solid var(--border-1)}.insp-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.insp-row:last-child{margin-bottom:0}.clearspace{background:var(--neutral-50);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:3rem;display:grid;place-items:center;position:relative}.clearspace .frame{position:relative;padding:48px}.clearspace .frame:before{content:"";position:absolute;inset:0;border:1.5px dashed var(--border-3);border-radius:8px}.clearspace .frame img{height:50px;position:relative}.cs-tick{position:absolute;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);background:var(--neutral-50);padding:0 4px}.misuse{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width:760px){.misuse{grid-template-columns:1fr}}.misuse .m{border:1px solid var(--border-1);border-radius:var(--r-lg);overflow:hidden}.misuse .m .vis{height:130px;display:grid;place-items:center;background:var(--neutral-50);position:relative}.misuse .m .cap{padding:.7rem .9rem;font-size:var(--fs-sm);color:var(--fg-2);display:flex;align-items:center;gap:.45rem;border-top:1px solid var(--border-1)}.misuse .m .cap .x{width:18px;height:18px;border-radius:50%;background:var(--coral-soft);color:var(--coral-deep);display:grid;place-items:center;font-weight:800;font-size:11px;flex-shrink:0}.misuse .m .cap .ok{background:var(--grass-soft);color:var(--grass-deep)}.app-card{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md);border:1px solid var(--border-1)}.app-card .cap{padding:.8rem 1rem;font-size:var(--fs-sm);color:var(--fg-3);background:var(--bg-surface)}.utility{display:flex;flex-wrap:wrap;gap:.9rem}