:root{--ink:#14201c;--ink-soft:#2a3b34;--paper:#edf2ec;--paper-deep:#d9e4d8;--moss:#3f6f57;--moss-deep:#2d5340;--brass:#b7a27a;--danger:#8b3a3a;--danger-soft:#f3e2e0;--line:color-mix(in srgb, var(--ink) 12%, transparent);--shadow:0 24px 60px color-mix(in srgb, var(--ink) 18%, transparent);--radius:18px;--font-display:"Fraunces", Georgia, serif;--font-body:"Outfit", system-ui, sans-serif;color:var(--ink);background:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--ink);min-width:320px;margin:0}button,a{font:inherit}.shell{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));color:var(--paper);grid-template-rows:auto auto 1fr auto;display:grid;position:relative;overflow-x:hidden}.atmosphere{z-index:0;pointer-events:none;background:radial-gradient(80% 55% at 15% -10%,#3a5c48 0%,#0000 55%),radial-gradient(70% 50% at 95% 15%,#5a4a2e55 0%,#0000 50%),radial-gradient(60% 40% at 50% 110%,#1c403355 0%,#0000 55%),linear-gradient(165deg,#101a17 0%,#14201c 45%,#1a2c25 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.18;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar,.progress,.stage,.footer{z-index:1;width:min(720px,100%);margin-inline:auto;position:relative}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.brand-lockup{align-items:center;gap:.75rem;display:flex}.brand-mark{background:radial-gradient(circle at 35% 30%,#d4c4a8,#0000 45%),linear-gradient(145deg,#8fbc8f,#2d5340);border-radius:.7rem;width:2.25rem;height:2.25rem;box-shadow:inset 0 0 0 1px #fff2}.brand{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:1.15rem;font-weight:650}.brand-sub{letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin:.1rem 0 0;font-size:.72rem}.progress{gap:.4rem;margin-bottom:1rem;display:grid}.progress-track{background:#ffffff18;border-radius:999px;height:.35rem;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--brass), #8fbc8f);height:100%;transition:width .42s cubic-bezier(.22,1,.36,1)}.progress-label{opacity:.7;font-size:.78rem}.stage{align-items:stretch;animation:.42s cubic-bezier(.22,1,.36,1) rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.panel{background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 96%, white), var(--paper));width:100%;color:var(--ink);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);border:1px solid #fff5;padding:clamp(1.15rem,3.5vw,2rem)}.hero-panel{background:linear-gradient(160deg,#f4f7f2 0%,#e5eee4 55%,#d7e5d6 100%);flex-direction:column;justify-content:center;min-height:min(70dvh,560px);display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--moss);margin:0 0 .55rem;font-size:.78rem;font-weight:600}h1,.hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 .65rem;font-size:clamp(1.85rem,5.5vw,3rem);font-weight:650;line-height:1.12}.hero-lead,.lede{color:var(--ink-soft);max-width:38ch;margin:0 0 1.35rem;font-size:clamp(1rem,2.6vw,1.15rem);line-height:1.55}.choice-stack{gap:.7rem;display:grid}.choice,.ghost-btn,.linkish{appearance:none;border:1px solid var(--line);text-align:start;cursor:pointer;border-radius:14px;padding:.95rem 1.05rem;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.choice{color:var(--ink);background:#fff;font-weight:500;line-height:1.35;box-shadow:0 1px #00000008}.choice:hover,.ghost-btn:hover,.linkish:hover{border-color:color-mix(in srgb, var(--moss) 45%, var(--line));transform:translateY(-1px)}.choice:active,.ghost-btn:active{transform:translateY(0)}.choice.primary{background:var(--moss-deep);color:#f3f8f4;border-color:#0000}.choice.danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.choice.quiet{background:0 0;border-style:dashed}.ghost-btn{color:inherit;background:0 0;border-color:#fff3;padding:.65rem .9rem}.topbar .ghost-btn{color:var(--paper)}.panel .ghost-btn{color:var(--ink-soft);border-color:var(--line)}.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.actions.solitary{justify-content:flex-start}.actions .choice,.actions .linkish{text-align:center;flex:12rem;text-decoration:none}.flag-list{gap:.65rem;margin:0 0 1.35rem;padding:0;list-style:none;display:grid}.flag-list li{background:color-mix(in srgb, var(--danger-soft) 70%, white);border:1px solid color-mix(in srgb, var(--danger) 18%, transparent);color:#5c2d2d;border-radius:12px;padding:.85rem 1rem;font-size:.95rem;line-height:1.4}.prose{color:var(--ink-soft);gap:.75rem;font-size:1rem;line-height:1.6;display:grid}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3{font-family:var(--font-display);color:var(--ink);margin:1rem 0 .35rem;line-height:1.25}.prose h2{font-size:1.25rem}.prose h3{font-size:1.08rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose table{margin:0}.prose ul,.prose ol{gap:.35rem;padding-inline-start:1.2rem;display:grid}.prose strong{color:var(--ink);font-weight:650}.prose blockquote{border-inline-start:3px solid var(--moss);background:color-mix(in srgb, var(--paper-deep) 70%, white);border-radius:0 12px 12px 0;padding:.75rem 1rem}[dir=rtl] .prose blockquote{border-radius:12px 0 0 12px}.prose pre,.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem}.prose pre{color:#e7f0e8;background:#12201b;border-radius:12px;padding:.9rem 1rem;overflow-x:auto}.prose :not(pre)>code{background:var(--paper-deep);border-radius:6px;padding:.1rem .35rem}.prose table{border-collapse:collapse;width:100%;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:start;vertical-align:top;min-width:6.5rem;padding:.55rem .65rem}.prose th{background:var(--paper-deep);color:var(--ink)}.page-dots{justify-content:center;gap:.4rem;margin-top:1.25rem;display:flex}.dot{background:color-mix(in srgb, var(--ink) 18%, transparent);cursor:pointer;border:0;border-radius:999px;width:.55rem;height:.55rem;padding:0}.dot.active{background:var(--moss);width:1.25rem}.footer{text-align:center;letter-spacing:.04em;opacity:.55;margin-top:1rem;font-size:.75rem}@media (width>=720px){.shell{padding-block:1.5rem 1.25rem}.choice{font-size:1.02rem}.hero-panel{padding:2.5rem}}@media (width<=480px){.actions{flex-direction:column-reverse;align-items:stretch}.actions .choice,.actions .linkish,.actions .ghost-btn{text-align:center;width:100%}.topbar{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.stage,.progress-fill,.choice,.ghost-btn{transition:none!important;animation:none!important}}