@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/fonts/dm-sans-latin-standard-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:italic;font-display:swap;font-weight:100 1000;src:url(/fonts/dm-sans-latin-standard-italic.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/fonts/dm-sans-latin-ext-standard-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:italic;font-display:swap;font-weight:100 1000;src:url(/fonts/dm-sans-latin-ext-standard-italic.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/dm-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/dm-mono-latin-500-normal.woff2)format("woff2")}:root{--buddi-blue:#3f8ef7;--buddi-navy:#152642;--buddi-cream:#fff7e8;--buddi-coral:#ff786a;--buddi-sand:#f7f4ef;--buddi-sand-deep:#f1ddbd;--bg:#eef4fd;--surface:#fff;--surface-raised:#fff;--surface-sunken:#e6eef9;--surface-warm:#fff7e8;--line:#dbe4f1;--line-strong:#c3d0e3;--text:#152642;--text-muted:#5a6477;--text-faint:#8b92a0;--accent:#2b6fe6;--accent-hover:#245fc7;--accent-soft:#e7f0fe;--on-accent:#fff;--good:#1f7a46;--good-soft:#e3f3e9;--warning:#8a5a00;--warning-soft:#fbf0d9;--critical:#c8392d;--critical-soft:#ffe9e6;--code-bg:#f1f5fb;--terminal-bg:#111a2b;--terminal-ink:#e8edf4;--terminal-muted:#8f99aa;--field-a:#8fbcfb;--field-b:#f3d6a9;--field-c:#b9d4fb;--agent-mail:#ff9a3c;--agent-mail-soft:#fff0e0;--agent-finance:#2eb872;--agent-finance-soft:#e2f6eb;--agent-coding:#6c63ff;--agent-coding-soft:#ecebff;--agent-research:#a259f0;--agent-research-soft:#f4eafe;--shadow-panel:0 1px 2px #1526420f;--shadow-pop:0 8px 28px #15264224;--shadow-float:0 30px 70px -24px #15264252,0 2px 8px #1526420f;--r-sm:4px;--r-md:7px;--r-lg:12px;--r-xl:20px;--r-2xl:28px;--r-pill:999px;--font-sans:"DM Sans Variable","DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:var(--font-sans);--font-mono:"DM Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--gutter:16px;--max:1120px;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c1627;--surface:#131e31;--surface-raised:#1a2740;--surface-sunken:#0a1322;--surface-warm:#211d18;--line:#22314b;--line-strong:#33455f;--text:#e8edf4;--text-muted:#a4aebd;--text-faint:#6f7a8c;--accent:#6ea6ff;--accent-hover:#8bb8ff;--accent-soft:#1a2c4d;--on-accent:#0c1627;--good:#5fcf8b;--good-soft:#123322;--warning:#e6b45a;--warning-soft:#33280f;--critical:#ff8a7e;--critical-soft:#3a1a17;--code-bg:#0f1a2c;--field-a:#2a4d86;--field-b:#4b3d2a;--field-c:#1d3558;--agent-mail-soft:#3a2a15;--agent-finance-soft:#12301f;--agent-coding-soft:#22203f;--agent-research-soft:#2c1c3f;--shadow-float:0 30px 70px -24px #0009,0 2px 8px #0000004d;color-scheme:dark}}:root[data-theme=dark]{--bg:#0c1627;--surface:#131e31;--surface-raised:#1a2740;--surface-sunken:#0a1322;--surface-warm:#211d18;--line:#22314b;--line-strong:#33455f;--text:#e8edf4;--text-muted:#a4aebd;--text-faint:#6f7a8c;--accent:#6ea6ff;--accent-hover:#8bb8ff;--accent-soft:#1a2c4d;--on-accent:#0c1627;--good:#5fcf8b;--good-soft:#123322;--warning:#e6b45a;--warning-soft:#33280f;--critical:#ff8a7e;--critical-soft:#3a1a17;--code-bg:#0f1a2c;--field-a:#2a4d86;--field-b:#4b3d2a;--field-c:#1d3558;--agent-mail-soft:#3a2a15;--agent-finance-soft:#12301f;--agent-coding-soft:#22203f;--agent-research-soft:#2c1c3f;--shadow-float:0 30px 70px -24px #0009,0 2px 8px #0000004d;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:450 16px/1.6 var(--font-sans);margin:0;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}code,pre,kbd{font-family:var(--font-mono)}p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;line-height:1.2}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.field{isolation:isolate;z-index:30;position:relative;overflow:hidden}.field:before{content:"";z-index:-1;background:radial-gradient(60% 55% at 18% 12%,var(--field-a) 0%,transparent 70%), radial-gradient(55% 50% at 88% 78%,var(--field-b) 0%,transparent 70%), radial-gradient(50% 45% at 12% 92%,var(--field-c) 0%,transparent 70%), var(--bg);opacity:.95;animation:90s ease-in-out infinite alternate drift;position:absolute;inset:-20% -10% 0}.field:after{content:"";z-index:-1;background:linear-gradient(180deg,transparent,var(--bg));height:160px;position:absolute;inset:auto 0 0}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-2%,1.5%)scale(1.06)}}.nav{align-items:center;gap:20px;padding:18px 0;display:flex}.brand{color:var(--text);font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:9px;font-size:23px;font-weight:650;line-height:1;display:flex}.brand:hover{color:var(--text)}.brand img{width:36px;height:40px;margin-block:-2px;transform:translateY(-1px)}.nav-links{align-items:center;gap:4px;margin-left:auto;display:flex}.nav-links a:not(.btn){color:var(--text-muted);border-radius:var(--r-md);padding:6px 10px;font-size:14px;font-weight:550}.nav-links a:not(.btn):hover,.nav-links a[aria-current=page]{background:color-mix(in oklab,var(--surface) 70%,transparent);color:var(--text)}.nav-links .btn{margin-left:8px}.menu-btn{border-radius:var(--r-lg);border:1px solid var(--line-strong);background:color-mix(in oklab,var(--surface) 80%,transparent);width:44px;height:44px;color:var(--text);cursor:pointer;place-items:center;margin-left:auto;padding:0;display:none}.menu-btn svg{width:22px;height:22px}.sheet{z-index:50;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet-backdrop{background:#0c162766;animation:.2s ease-out fade;position:absolute;inset:0}.sheet-panel{background:var(--surface);width:min(360px,88vw);box-shadow:var(--shadow-float);padding:18px var(--gutter) 28px;animation:slide-in .25s var(--ease);flex-direction:column;display:flex;position:absolute;inset:0 0 0 auto}.sheet-top{align-items:center;margin-bottom:16px;display:flex}.sheet-top .menu-btn{display:grid}.sheet-links{flex-direction:column;display:flex}.sheet-links a{color:var(--text);border-bottom:1px solid var(--line);padding:14px 4px;font-size:19px;font-weight:600}.sheet-links a[aria-current=page]{color:var(--accent)}.sheet-install{justify-content:center;margin-top:auto}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}html.menu-open,html.menu-open body{overflow:hidden}.cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.btn{border-radius:var(--r-pill);cursor:pointer;height:44px;font-size:15px;font-weight:600;font-family:var(--font-sans);transition:background-color .15s,transform .15s var(--ease);border:1px solid #0000;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.btn-sm{height:36px;padding:0 16px;font-size:14px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--on-accent)}.btn-ghost{background:color-mix(in oklab,var(--surface) 80%,transparent);color:var(--text);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--surface);color:var(--text)}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:12px;font-weight:650;display:inline-flex}.kicker .dot{background:var(--buddi-coral);border-radius:50%;width:8px;height:8px}.kicker-ver{letter-spacing:.02em;font-variant-numeric:tabular-nums;text-transform:none;color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.kicker-ver:hover{color:var(--accent);text-decoration-color:currentColor}h1{letter-spacing:-.02em;max-width:14ch;margin-top:16px;font-size:clamp(38px,6vw,60px);font-weight:650;line-height:1.05}.lede{color:var(--text-muted);max-width:52ch;margin-top:20px;font-size:19px;line-height:1.55}.term{background:var(--terminal-bg);color:var(--terminal-ink);border-radius:var(--r-lg);font-family:var(--font-mono);box-shadow:var(--shadow-panel);padding:14px 76px 14px 18px;font-size:14px;line-height:1.7;position:relative}.term>div{overflow-wrap:anywhere}.term .c{color:var(--terminal-muted)}.term .p{color:#8fbcfb;user-select:none}.term-caption{color:var(--text-muted);margin-top:8px;font-size:13px}.copy{color:var(--terminal-ink);border-radius:var(--r-md);font:550 12px var(--font-sans);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;padding:4px 9px;position:absolute;top:10px;right:10px}.copy:hover{background:#ffffff29}.section{padding:88px 0}.section+.section{border-top:1px solid var(--line)}.section-head{margin-bottom:40px}.section-head h2{text-wrap:balance;max-width:30ch;font-size:clamp(26px,3.6vw,36px);font-weight:650}.section-head p{max-width:60ch;color:var(--text-muted);margin-top:12px;font-size:17px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-panel);min-width:0;padding:24px}.card h3{margin-bottom:8px;font-size:18px;font-weight:650}.card p{color:var(--text-muted);font-size:15px}.frame{border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--surface-sunken);box-shadow:var(--shadow-float);margin:0;overflow:hidden}.frame-bar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.frame-bar i{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.frame-bar span{font:500 11px var(--font-mono);color:var(--text-faint);margin-left:10px}.frame img{aspect-ratio:1440/900;background:var(--bg);width:100%;height:auto;display:block}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-panel);padding:22px}.step:before{counter-increment:step;content:counter(step);background:var(--buddi-navy);color:#fff;width:30px;height:30px;font:650 14px var(--font-display);border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.step h3{margin-bottom:6px;font-size:17px;font-weight:650}.step p{color:var(--text-muted);font-size:14.5px}.step code{background:var(--code-bg);border-radius:var(--r-sm);padding:1px 6px;font-size:13px}.closing{background:var(--surface-warm);border:1px solid color-mix(in oklab,var(--buddi-sand-deep) 60%,transparent);border-radius:var(--r-2xl);grid-template-columns:auto 1fr;align-items:center;gap:32px;padding:40px;display:grid}.closing img{width:120px;height:120px}.closing h2{font-size:28px;font-weight:650}.closing p{color:var(--text-muted);max-width:56ch;margin-top:8px}.closing .cta{margin-top:20px}footer{color:var(--text-muted);padding-block:40px 48px;font-size:14px}footer .row{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}footer a{color:var(--text-muted)}footer a:hover{color:var(--accent)}footer .row .sp{flex:1}.js .reveal{opacity:0;transition:opacity .4s var(--ease),transform .4s var(--ease);transform:translateY(12px)}.js .reveal.is-in{opacity:1;transform:none}.lift{transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}.lift:hover{box-shadow:var(--shadow-pop);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.field:before{animation:none}.js .reveal{opacity:1;transition:none;transform:none}.lift,.lift:hover{transition:none;transform:none}.sheet-backdrop,.sheet-panel{animation:none}}@media (width<=900px){.nav-links{display:none}.menu-btn{display:grid}.nav{padding:12px 0}.steps{grid-template-columns:1fr 1fr}.closing{grid-template-columns:1fr;padding:28px}}@media (width<=560px){.steps{grid-template-columns:1fr}.section{padding:60px 0}.closing img{width:88px;height:88px}h1{max-width:none}.term{font-size:13px}}
