:root{--paper:#fffaf1;--surface:#fff;--ink:#1c1c1e;--muted:#53534f;--accent:#b9382b;--accent-hover:#96271c;--highlight:#f5d65c;--line:#1c1c1e;--success:#24613d;--soft:#f0ece2;--radius:8px;--shadow:5px 5px 0 var(--ink);--space:8px;--pico-font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--pico-font-size:100%;--pico-background-color:var(--paper);--pico-color:var(--ink);--pico-muted-color:var(--muted);--pico-primary:var(--accent);--pico-primary-background:var(--accent);--pico-primary-border:var(--ink);--pico-primary-hover:var(--accent-hover);--pico-primary-hover-background:var(--accent-hover);--pico-primary-focus:var(--highlight);--pico-border-radius:var(--radius);--pico-form-element-background-color:var(--surface);--pico-form-element-border-color:var(--ink);--pico-form-element-color:var(--ink);--pico-form-element-active-border-color:var(--accent);--pico-form-element-focus-color:var(--highlight);--pico-card-background-color:var(--surface);--pico-card-border-color:var(--ink);--pico-h1-color:var(--ink);--pico-h2-color:var(--ink);--pico-h3-color:var(--ink);--pico-ins-color:var(--success);--pico-spacing:1rem;--pico-block-spacing-vertical:1.5rem;--pico-block-spacing-horizontal:1.5rem}
*{box-sizing:border-box}body{margin:0;color:var(--ink);line-height:1.65}a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:4px}a:hover{color:var(--accent)}button,.button{font-weight:700;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:3px 3px 0 var(--ink);padding:12px 20px;cursor:pointer;transition:transform .15s,box-shadow .15s}.button{display:inline-flex;align-items:center;gap:16px;background:var(--accent);color:var(--surface);text-decoration:none;line-height:1.5}.button:hover{color:var(--surface);background:var(--accent-hover)}button:hover:not(:disabled),.button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.secondary,.secondary.outline,.button.secondary{background:var(--paper);color:var(--ink);border-color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input,textarea{border-width:2px}textarea{resize:vertical}label{font-weight:600;font-size:.9rem}small,.small{font-size:.82rem;color:var(--muted)}.container{max-width:1200px;margin-inline:auto;padding-inline:24px}.site-header{border-bottom:2px solid var(--line);background:var(--paper)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.5rem;letter-spacing:-1px}.brand span:not(.brand-mark){font-size:1.1rem}.brand-mark{display:grid;place-items:center;background:var(--highlight);width:40px;height:40px;border:2px solid var(--ink);border-radius:6px;font-weight:900;font-size:1.5rem}.nav-links,.nav-account{display:flex;align-items:center;gap:24px}.nav-links a,.nav-account a{font-size:.875rem;font-weight:600;text-decoration:none}.nav-links a[aria-current]{text-decoration:underline}.small-button{padding:8px 16px}.hero{padding-block:80px 64px;display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center}.eyebrow{display:block;font-size:.7rem;letter-spacing:.14em;font-weight:800;margin-bottom:16px}.hero h1{font-size:clamp(2.6rem,4.3vw,4.5rem);line-height:1.06;letter-spacing:-.055em;margin-bottom:24px;font-weight:800;max-width:720px}.lede{font-size:1.125rem;color:var(--muted);line-height:1.75;max-width:760px}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-block:24px}.actions button{margin-bottom:0}.text-link{font-weight:700;font-size:.9rem}.hero-note{border:2px solid var(--ink);padding:24px;background:var(--highlight);box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-note p{font-size:1.2rem;font-weight:600;margin-top:16px}.hero-note img{display:block;width:100%;height:auto}.stamp{display:inline-block;font-size:1.7rem;font-weight:900;line-height:1;border-bottom:3px solid var(--ink);padding-bottom:8px}.notice{padding:16px 24px;border:2px solid var(--ink);background:var(--highlight);font-size:.875rem;border-radius:var(--radius)}.workbench{border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden;margin-block:32px 64px;background:var(--surface);scroll-margin-top:24px}.workbench-title{display:flex;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:2px solid var(--ink);background:var(--soft);font-size:.7rem;font-weight:800;letter-spacing:.08em}.status-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);margin-right:8px}.workbench-grid{display:grid;grid-template-columns:1.1fr 1fr}.workbench form{padding:32px;margin:0}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.chip{background:var(--paper);color:var(--ink);padding:8px 12px;font-size:.8rem;box-shadow:none;margin:0}.chip:hover,.chip.selected{background:var(--highlight)}.result-panel{padding:32px;background:var(--soft);border-left:2px solid var(--ink);display:flex;flex-direction:column;align-items:stretch}.result-panel h2{font-size:1.5rem}.result-panel>p.small{margin-top:auto;padding-top:24px}.decision-illustration{display:flex;justify-content:center;align-items:center;gap:12px;margin-block:64px}.decision-illustration span{border:2px solid var(--ink);padding:16px 8px;background:var(--paper);font-size:.7rem;font-weight:700}.decision-illustration span:nth-of-type(2){background:var(--highlight)}#result pre,.code-block pre{font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ink);color:var(--paper);padding:24px;border:2px solid var(--ink);border-radius:var(--radius)}pre code{color:inherit;background:transparent}.sample-badge{background:var(--highlight);border:1px solid var(--ink);font-size:.75rem;padding:8px}.error{color:var(--accent);font-weight:600}.muted{color:var(--muted)}.section{margin-block:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section h2,.split h2{font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.035em}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:64px}.card{margin:0;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column}.card h3{font-size:1.3rem;line-height:1.3}.card h3 a{text-decoration:none}.card p{font-size:.9rem;color:var(--muted)}.card>.text-link{margin-top:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-block:2px solid var(--ink);padding-block:32px;gap:32px}.steps h2{font-size:1rem}.steps p{font-size:.9rem;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.code-block{min-width:0}.code-block p{font-size:.8rem;color:var(--muted)}.narrow{max-width:800px;margin-inline:auto}.narrow details{padding:16px 0;border-bottom:1px solid var(--ink)}summary{line-height:1.5}.site-footer{border-top:2px solid var(--ink);padding-block:48px 24px;background:var(--soft);margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:64px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}.footer-grid nav a{font-size:.875rem}.footer-grid .small{max-width:460px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--muted);padding-top:24px;margin-top:24px;font-size:.8rem}.share{display:flex;gap:16px;align-items:center}.text-button{padding:0;border:0;background:none;color:var(--ink);box-shadow:none;margin:0;font-size:.8rem;text-decoration:underline}.breadcrumbs{display:flex;gap:12px;font-size:.75rem;color:var(--muted);margin-top:24px;overflow-wrap:anywhere}.page-hero{padding-block:48px 32px;max-width:920px}.page-hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;letter-spacing:-.045em}.reading{max-width:800px}.reading section{margin-block:40px}.reading h2{font-size:1.5rem}.reading p{color:var(--muted)}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:40px}.plan{border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:var(--radius);display:flex;flex-direction:column;margin:0}.plan.featured{background:var(--highlight)}.plan h2{font-size:1.6rem}.plan>p{font-size:.875rem}.plan li{font-size:.9rem;margin-bottom:8px}.plan .plan-button{margin-top:auto}.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price strong{font-size:2.6rem;letter-spacing:-.06em}.price span{font-size:.85rem}.billing-toggle{display:flex;gap:8px}.calculator{border:2px solid var(--ink);box-shadow:var(--shadow);background:var(--surface);padding:32px;border-radius:var(--radius);margin-block:48px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.calculator output{display:block;font-weight:600}.auth-card{max-width:520px;padding:32px;border:2px solid var(--ink);box-shadow:var(--shadow);background:var(--surface);border-radius:var(--radius);margin-bottom:80px}.account-summary{display:flex;align-items:center;justify-content:space-between;padding:24px;border:2px solid var(--ink);background:var(--highlight);gap:24px}.account-summary strong{display:block;font-size:2.5rem}.table-scroll{overflow:auto}table{font-size:.85rem}td,th{white-space:normal;min-width:100px}.key-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--muted)}#new-key{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--highlight);padding:24px}.assistant{position:fixed;right:24px;bottom:16px;width:min(360px,calc(100vw - 32px));margin:0;z-index:20;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.assistant>summary{padding:12px 16px;font-size:.8rem;font-weight:700;background:var(--highlight);border-radius:6px}.assistant[open]>summary{border-bottom:2px solid var(--ink);border-radius:6px 6px 0 0}.assistant-content{padding:24px;max-height:70vh;overflow:auto}.assistant-content h2{font-size:1.2rem}.assistant-content p{font-size:.85rem}/* Pico styles <dialog> as a full-bleed overlay (display:flex, min-width:100%) and expects a
   nested <article> to be the visible card. This dialog holds its content directly, so neutralise
   the overlay geometry and let the bordered card size and centre itself. */
dialog{display:block;width:min(560px,calc(100vw - 32px));min-width:0;height:fit-content;min-height:0;max-height:calc(100vh - 32px);margin:auto;overflow:auto;padding:40px;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--paper);border-radius:var(--radius)}dialog::backdrop{background:rgb(28 28 30 / .6)}dialog h2{font-size:1.7rem}dialog>button.close-dialog:first-child{float:right;box-shadow:none;background:transparent;color:var(--ink);border:0;padding:0 8px;font-size:1.8rem}dialog .button,dialog .secondary{margin:8px}.toast{position:fixed;left:24px;bottom:24px;padding:12px 24px;background:var(--ink);color:var(--paper);border-radius:var(--radius);z-index:100;max-width:calc(100vw - 48px)}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--highlight);padding:16px}.skip:focus{top:16px}[hidden]{display:none!important}
@media(min-width:1440px){.container{padding-inline:0}}
@media(max-width:960px){.hero{gap:32px;padding-top:48px}.nav-links{gap:16px}.site-nav{gap:16px}.hero-note{padding:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.plans{gap:16px}.plan{padding:20px}.price strong{font-size:2.1rem}.workbench form,.result-panel{padding:24px}}
@media(max-width:720px){.container{padding-inline:16px}.site-nav{flex-wrap:wrap;padding-block:16px;gap:16px}.nav-links{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--ink);padding-top:12px;gap:8px}.nav-links a{font-size:.8rem}.hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.hero-note{transform:none;display:none}.hero h1{font-size:2.8rem}.workbench-grid,.split,.plans,.cards,.footer-grid{grid-template-columns:1fr}.result-panel{border-left:0;border-top:2px solid var(--ink)}.workbench-title{padding:12px 16px}.workbench-title .status-dot{display:none}.workbench form,.result-panel{padding:20px}.workbench{margin-bottom:40px}.section{margin-block:48px}.section-heading{align-items:start;flex-direction:column;gap:8px}.steps{grid-template-columns:1fr;gap:24px}.steps h2{margin-bottom:8px}.form-grid{grid-template-columns:1fr 1fr}.calculator{padding:20px}.footer-grid{gap:24px}.footer-bottom{flex-direction:column;padding-bottom:56px}.assistant{right:16px;bottom:12px}.assistant:not([open]){width:auto;max-width:calc(100vw - 32px)}.account-summary{align-items:start;flex-direction:column;gap:0}.page-hero{padding-block:32px 24px}.auth-card{padding:24px}.actions{gap:12px}.actions>button,.actions>.button{font-size:.85rem}.breadcrumbs{font-size:.7rem}.plan{padding:24px}.price strong{font-size:2.8rem}.card{padding:24px}.share{flex-wrap:wrap}dialog{max-width:calc(100vw - 32px);padding:24px}.toast{bottom:80px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
 .consent-banner{position:fixed;bottom:16px;left:16px;max-width:480px;padding:16px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);z-index:50;box-shadow:4px 4px 0 var(--ink)}.consent-banner button{margin:8px 8px 0 0;padding:8px 16px}