:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-50:#d7f9ff;--brand-100:#b3f3ff;--brand-200:#8ef0ff;--brand-300:#63e4f3;--brand-400:#43d3e8;--brand-500:#21b8d5;--brand-600:#0f8fac;--brand-700:#0a6d83;--brand-glow:#7df0ff;--accent-warm:#f4c15f;--ink:#041b27;--bg:#f7fcff;--surface:#ffffffeb;--surface-strong:#e9f7fb;--surface-veil:#ffffff80;--text:#0c2530;--muted:#3f6f82;--border:#0f8fac29;--border-strong:#0f8fac47;--link:#0f8fac;--link-hover:#0b7b8f;--action-bg:linear-gradient(135deg, #63e4f3, #1fb3cd);--action-hover:linear-gradient(135deg, #7df0ff, #22c0db);--action-text:#063241;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--backdrop-blur:14px;--space:10px;--elevation-1:0 10px 30px #05405224;--elevation-2:0 20px 48px #0540522e;--glow:0 0 18px #7df0ff59}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050e15;--surface:#0b1a24eb;--surface-strong:#0f1f2c;--surface-veil:#ffffff0d;--text:#e6f7fb;--muted:#9cc6d4;--border:#5de3f73d;--border-strong:#7df0ff6b;--link:#7df0ff;--link-hover:#9ff7ff;--action-bg:linear-gradient(135deg, #1fa9c7, #0f7b95);--action-hover:linear-gradient(135deg, #22c0db, #118fac);--action-text:#e8fafd;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--backdrop-blur:14px;--space:10px;--elevation-1:0 10px 30px #0000008c;--elevation-2:0 20px 48px #000000bf;--glow:0 0 22px #63f5ff66}*{box-sizing:border-box}body{background:radial-gradient(120% 120% at 0% 20%, #8ef0ff1f, transparent 45%),radial-gradient(90% 90% at 90% 0%, #21b8d514, transparent 40%),var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,SF Pro Display,Roboto,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:var(--link);font-weight:600;text-decoration:none;transition:color .12s,text-shadow .16s}a:hover{color:var(--link-hover);text-shadow:0 0 18px #63e4f366}main.shell{flex-direction:column;gap:1.75rem;width:min(1100px,100%);margin:0 auto;padding:2.5rem 1.5rem 3.25rem;display:flex}.shell--landing{justify-content:space-between;min-height:100dvh;padding-bottom:2rem}.hero--landing{flex:1;align-content:center}.hero.hero--landing .hero__head{grid-column:1/-1}.hero__head{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem 1rem;margin:-.25rem 0 .5rem;display:flex}.hero__x-link{color:var(--muted);font-size:.95rem;font-weight:600}.hero__x-link:hover{color:var(--link);text-shadow:none}.site-footer{text-align:center;margin-top:auto;padding-top:1.5rem}.site-footer p{letter-spacing:.02em;margin:0;font-size:.9rem}.muted{color:var(--muted)}.eyebrow{letter-spacing:.02em;color:#0f8fac;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.95rem;font-weight:800;display:inline-flex}.hero{background:var(--surface);border:1px solid var(--border);box-shadow:var(--elevation-1);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));background:linear-gradient(145deg, #63e4f329, transparent 48%),var(--surface);border-radius:1.6rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;padding:2rem;display:grid}.hero__text h1{letter-spacing:-.02em;margin:.3rem 0 .35rem;font-size:clamp(2rem,4vw,2.6rem)}.hero__text p{margin:.2rem 0 .8rem}.hero__taglines{flex-direction:column;gap:.35rem;margin:.35rem 0 .85rem;display:flex}.hero__taglines p{margin:0;line-height:1.45}.hero__art{isolation:isolate;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:relative}.hero__mascot-wrap{z-index:1;line-height:0;display:inline-block;position:relative}.hero__mascot{filter:drop-shadow(0 18px 28px #00000040);width:min(280px,60vw);height:auto;display:block}.stamp-chip{z-index:2;color:#041b27;letter-spacing:.02em;background:#8ef0ff;border:1px solid #8ef0ffcc;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .75rem;font-weight:700;display:inline-flex;position:static;box-shadow:0 0 0 1px #43d3e8b3,0 8px 32px #43d3e859,0 0 22px #43d3e859}@media (min-width:721px){.hero__art{flex-direction:row;justify-content:center;align-items:center;min-height:min(320px,50vh);padding-top:.5rem}.stamp-chip{position:absolute;top:.75rem;right:clamp(.5rem,4vw,2rem)}}.actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.65rem;display:flex}.button{border-radius:var(--radius-lg);background:var(--action-bg);color:var(--action-text);letter-spacing:.01em;box-shadow:var(--elevation-1),var(--glow);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-weight:700;text-decoration:none;transition:box-shadow .16s,background .16s,filter .16s;display:inline-flex}.button:hover{background:var(--action-hover);box-shadow:var(--elevation-2),var(--glow)}.button:active{filter:brightness(.97)}.button--ghost{border-radius:var(--radius-lg);color:var(--text);letter-spacing:.01em;box-shadow:var(--elevation-1),var(--glow);cursor:pointer;background:#b3f3ff1f;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-weight:700;text-decoration:none;transition:box-shadow .16s,background .16s,filter .16s;display:inline-flex}.button--ghost:hover{box-shadow:var(--elevation-2),var(--glow);background:#b3f3ff2e}.button--ghost:active{filter:brightness(.97)}.button--ghost{border:1px solid var(--border-strong);box-shadow:none}.button--ghost:hover{box-shadow:var(--elevation-1)}.pill{color:#041b27;letter-spacing:.02em;background:#b3f3ff;border:1px solid #b3f3ffcc;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #b3f3ff80}.pill--warm{color:#041b27;background:#f4c15f;border-color:#f4c15fd9;box-shadow:0 4px 16px #f4c15f66}.pill--cool{color:#041b27;background:#8ef0ff;border-color:#8ef0ffcc}.status-row{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.status-pill{color:#041b27;letter-spacing:.02em;background:#63e4f3;border:1px solid #63e4f3cc;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #63e4f380}.status-pill--soft{color:var(--text);letter-spacing:.02em;background:#d7f9ffe6;border:1px solid #d7f9ffcc;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #d7f9ff80}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.builder{display:block}.builder__preview{background:var(--surface);border:1px solid var(--border);box-shadow:var(--elevation-1);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--border-strong);background:linear-gradient(160deg, #b3f3ff59, #d7f9ff33 35%, transparent 70%),var(--surface);border-radius:1.4rem;padding:1.6rem}.builder__actions{flex-wrap:wrap;gap:.55rem;margin-top:.65rem;display:flex}.envelope-visual{aspect-ratio:220/110;place-items:center;width:min(820px,100%);margin:1.4rem auto 0;display:grid;position:relative}.envelope-visual__body{background:linear-gradient(145deg, var(--surface), var(--surface-strong));border:1px solid var(--border-strong);width:100%;height:100%;box-shadow:var(--elevation-1),0 0 0 1px var(--border);border-radius:18px;position:relative;overflow:hidden}.envelope-visual__stamp{border:1px dashed var(--border-strong);color:#041b27;letter-spacing:.02em;width:74px;height:74px;box-shadow:var(--glow);background:#d7f9ffb3;border-radius:16px;place-items:center;font-weight:700;display:grid;position:absolute;top:.8rem;right:.8rem}.envelope-visual__address{gap:.35rem;display:grid;position:absolute;bottom:26%;left:12%;right:24%}.address-line{background:var(--surface-veil);border:1px solid var(--border);border-radius:999px;height:12px;box-shadow:inset 0 1px 2px #041b270d}.address-line--name{width:82%}.address-line--short{width:46%}.envelope-visual__folds{pointer-events:none;display:grid;position:absolute;inset:0}.envelope-visual__folds span{border-top:1px dashed #43d3e866}.envelope-controls{border:1px solid var(--border);width:min(820px,100%);box-shadow:var(--elevation-1);background:#041b270d;border-radius:14px;gap:.5rem;margin:.9rem auto 0;padding:.85rem 1rem;display:grid}.envelope-visual__panel{border:1px dashed var(--border);background:#d7f9ff59;border-radius:14px;position:absolute;inset:16% 12%;box-shadow:inset 0 1px 2px #041b2714}.envelope-visual__flap{clip-path:polygon(0 0,100% 0,50% 52%);opacity:.9;border-bottom:1px solid var(--border);background:linear-gradient(#b3f3ff59,#d7f9ff1f);position:absolute;inset:0}.surface-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--elevation-1);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));border-radius:1.2rem;padding:1.4rem}.envelope-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--elevation-1);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--border-strong);background:linear-gradient(160deg, #b3f3ff59, #d7f9ff33 35%, transparent 70%),var(--surface);border-radius:1.4rem;padding:1.4rem}.badge-row{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}code{border-radius:var(--radius-sm);background:var(--surface-veil);border:1px solid var(--border);padding:.15rem .35rem;font-family:ui-monospace,SFMono-Regular,SFMono,Consolas,Liberation Mono,Menlo,monospace}@media (max-width:720px){main.shell{padding-inline:1.2rem}.hero{padding:1.4rem}}