:root{--color-bg: #f2efe9;--color-surface: rgba(255, 255, 255, .78);--color-ink: #1c1b18;--color-muted: #5f5c55;--color-accent: #c73a2d;--color-accent-soft: rgba(199, 58, 45, .18);--color-accent-ring: rgba(199, 58, 45, .42);--color-warm: #e07a2f;--color-warm-soft: rgba(224, 122, 47, .22);--color-warm-ring: rgba(224, 122, 47, .46);--color-calm: #3b6f6b;--color-calm-soft: rgba(59, 111, 107, .2);--color-calm-ring: rgba(59, 111, 107, .4);--color-reflect: #b6add6;--color-reflect-soft: rgba(182, 173, 214, .28);--color-reflect-ring: rgba(182, 173, 214, .48);--color-border: rgba(28, 27, 24, .14);--color-border-strong: rgba(28, 27, 24, .22);--shadow-main: 0 16px 40px rgba(28, 27, 24, .14);--shadow-float: 0 8px 22px rgba(28, 27, 24, .18);--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--max-width: 1120px}@font-face{font-family:Recoleta;src:url(../../../fonts/recoleta/RecoletaRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Recoleta;src:url(../../../fonts/recoleta/RecoletaSemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--color-warm)}h1,h2,h3,label,.hero-title{font-family:Recoleta,Georgia,serif;font-weight:600}h1,h2,h3{margin:0;letter-spacing:-.02em}h1{font-size:clamp(28px,3.2vw,42px);line-height:1.05}h2{font-size:clamp(18px,2.2vw,24px)}h3{font-size:16px}p{margin:0}.muted{color:var(--color-muted)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-warm);border-radius:10px}::selection{background:var(--color-warm-soft)}.wrap{max-width:var(--max-width);margin:0 auto;padding:28px 18px 72px}.topbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(to bottom,#f2efe9eb,#f2efe9b3);border-bottom:1px solid var(--color-border)}.nav{max-width:var(--max-width);margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;color:var(--color-ink)}.brandMark{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffd9,#ffffff40),var(--color-reflect-soft);border:2px solid var(--color-reflect);box-shadow:0 10px 22px #b6add640}.links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.card{background:var(--color-surface);background-image:linear-gradient(180deg,var(--color-reflect-soft),transparent 120px);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-main);padding:16px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--color-reflect-soft);border:1px solid var(--color-reflect);color:var(--color-ink);font-size:12px;letter-spacing:.7px;text-transform:uppercase}.tag{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;border:1px solid var(--color-border);background:#fff9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#1c1b18d1;width:fit-content}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-weight:700;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;color:var(--color-ink);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{text-decoration:none}.btn.default{background:#ffffff8c;box-shadow:none}.btn.default:hover{background:#ffffffc7;transform:none;box-shadow:none}.btn.primary{background:linear-gradient(180deg,var(--color-warm),#cf6a25);border-color:var(--color-warm);color:#fff;box-shadow:0 14px 30px #e07a2f47}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 18px 38px #e07a2f6b;filter:saturate(1.04) brightness(1.03)}.btn.alert{background:linear-gradient(180deg,var(--color-accent),#a92c22);border-color:var(--color-accent);color:#fff;box-shadow:0 14px 30px #c73a2d38}.btn.alert:hover{transform:translateY(-1px);box-shadow:0 18px 38px #c73a2d57;filter:saturate(1.03) brightness(1.03)}.btn.calm{background:linear-gradient(180deg,var(--color-calm),#2e5f5b);border-color:var(--color-calm);color:#fff;box-shadow:0 14px 30px #3b6f6b33}.btn.calm:hover{transform:translateY(-1px);box-shadow:0 18px 38px #3b6f6b4d;filter:saturate(1.03) brightness(1.03)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-warm)}.callout{border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-sm);padding:14px;background:#ffffff94}.callout strong{color:var(--color-ink)}.callout p{color:var(--color-muted)}.callout.alert{border-left-color:var(--color-accent);background:var(--color-accent-soft)}.callout.focus{border-left-color:var(--color-warm);background:var(--color-warm-soft)}.callout.calm{border-left-color:var(--color-calm);background:var(--color-calm-soft)}.callout.reflect{border-left-color:var(--color-reflect);background:var(--color-reflect-soft)}.section{margin-top:16px}.sectionHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.hero{margin-top:22px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:stretch}.heroMain{position:relative;isolation:isolate;padding:22px}.heroMain:before{content:"";position:absolute;inset:-38px -48px auto auto;width:320px;height:320px;border-radius:50%;border:2px dashed rgba(182,173,214,.55);background:radial-gradient(circle at 35% 30%,rgba(182,173,214,.18),transparent 60%);transform:rotate(10deg);z-index:-1}.heroMain:after{content:"";position:absolute;inset:auto auto -90px -70px;width:420px;height:420px;border-radius:50%;border:2px solid rgba(224,122,47,.24);background:radial-gradient(circle at 30% 30%,rgba(224,122,47,.14),transparent 58%);transform:rotate(-8deg);z-index:-1}.heroAside{padding:18px;display:flex;flex-direction:column;gap:10px}.kicker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.heroTitle{margin-top:8px}.heroSub{margin-top:10px;max-width:64ch}.ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.tokens{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:10px}.tokenHead{display:grid;gap:4px}.tokenName{font-weight:800}.tokenVar{font-size:12px;color:var(--color-muted);word-break:break-word}.swatch{height:42px;border-radius:14px;border:1px solid var(--color-border);background:#fff;margin-top:10px}.code{margin-top:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--color-border);background:#ffffff8c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#1c1b18d1;word-break:break-word}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timeline{display:grid;gap:10px}.step{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start;padding:12px;border-radius:var(--radius-sm);background:#ffffff94;border:1px solid var(--color-border)}.step p{color:var(--color-muted);margin-top:4px;font-size:13px}.footer{margin-top:22px;padding:16px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:920px){.hero,.grid,.step{grid-template-columns:1fr}}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");mix-blend-mode:multiply}.brand.svelte-hv3zzy{font-family:Recoleta,Georgia,serif;font-weight:400}.brandMark.svelte-hv3zzy{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffd9,#ffffff40),var(--color-reflect-soft);border:2px solid var(--color-reflect);box-shadow:0 10px 22px #b6add640;display:grid;place-items:center;overflow:hidden}.brandImage.svelte-hv3zzy{width:100%;height:100%;object-fit:cover;border-radius:50%}.links.svelte-hv3zzy{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center}.links.svelte-hv3zzy li:where(.svelte-hv3zzy){margin:0;padding:0}.navLink.svelte-hv3zzy{position:relative;text-decoration:none;font-family:Recoleta,Georgia,serif;font-weight:400;font-size:15px;color:var(--color-ink);padding:6px 2px;transition:color .15s ease}.navLink.svelte-hv3zzy:hover{color:var(--color-calm)}.navLink.svelte-hv3zzy:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:transparent;transition:background .2s ease}.navLink.is-active.svelte-hv3zzy:after{background:var(--color-calm)}.navLink[data-kind=button].svelte-hv3zzy{margin-left:6px;padding:7px 14px;border-radius:999px;border:1px solid rgba(59,111,107,.45);background:#3b6f6b1f}.navLink[data-kind=button].svelte-hv3zzy:after{display:none}.navLink[data-kind=button].svelte-hv3zzy:hover{background:#3b6f6b38;color:var(--color-ink)}.navLink[data-kind=button].is-active.svelte-hv3zzy{border-color:#3b6f6bbf;background:#3b6f6b2e}.footer.svelte-7lfk2o{margin-top:28px;padding:20px 24px;border-top:1px solid var(--color-border);background:linear-gradient(to top,#ffffff8c,#ffffff59);color:var(--color-muted);font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer.svelte-7lfk2o a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.footer.svelte-7lfk2o a:hover{color:var(--color-calm)}.footer.svelte-7lfk2o .separator{opacity:.4}.container.svelte-6qb8f6{max-width:var(--max-width);margin:0 auto;padding:34px 20px 70px}