:root{color-scheme:dark;--bg:#12100e;--band:#1a1714;--card:#1c1916;--ink:#f4efe8;--muted:#a79f95;--line:#2c2722;--accent:#3dcfbf;--accent-dark:#6fe0d3;--btn-ink:#042f2a;--warn:#ff8d80;--shadow:0 1px 0 rgb(0 0 0 / 40%),0 18px 40px rgb(0 0 0 / 40%);--max:66rem}
:root[data-theme="light"]{color-scheme:light;--bg:#f3efe7;--band:#ebe4d8;--card:#fffcf7;--ink:#1a1714;--muted:#6f6760;--line:#e0d7c8;--accent:#0b6e63;--accent-dark:#085248;--btn-ink:#fff;--warn:#b42318;--shadow:0 1px 0 rgb(26 23 20 / 4%),0 18px 40px rgb(60 45 25 / 12%)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.0625rem;line-height:1.6;color:var(--ink);background:var(--bg)}
h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.015em;line-height:1.15}
a{color:var(--accent);text-underline-offset:.15em}
:focus-visible{outline:3px solid #e0a43a;outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--card);color:var(--ink);padding:.5rem 1rem}
.skip:focus{left:1rem;top:1rem;z-index:10}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
.narrow{max-width:42rem}
header{padding:1rem 0}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.35rem;color:var(--ink);text-decoration:none}
.brand img{width:2rem;height:2rem}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;align-items:center}
nav a{color:var(--ink);text-decoration:none}
nav a:hover{color:var(--accent);text-decoration:underline}
section{padding:3.5rem 0}
.band{background:var(--band)}
.hero{padding:3.5rem 0 3rem}
.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);max-width:18ch;margin:0 0 1.25rem}
.lede{font-size:1.25rem;color:var(--muted);max-width:40rem;margin:0}
h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 1rem}
h3{font-size:1.2rem;margin:0 0 .4rem}
.btn{display:inline-block;background:var(--accent);color:var(--btn-ink);padding:.8rem 1.35rem;border-radius:999px;text-decoration:none;font-weight:600}
.btn:hover{background:var(--accent-dark)}
.theme-toggle{display:inline-flex;align-items:center;gap:.35rem;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.3rem .75rem;font:inherit;font-size:.85rem;cursor:pointer}
.theme-toggle:hover{color:var(--ink);border-color:var(--muted)}
.theme-toggle svg{width:1rem;height:1rem}
.shot img.only-light{display:none}
:root[data-theme="light"] .shot img.only-light{display:block}
:root[data-theme="light"] .shot img.only-dark{display:none}
.actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:2rem}
.note{color:var(--muted);font-size:.98rem}
.shot{margin:2.75rem 0 0;border-radius:1rem;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--card);max-width:46rem}
.shot img{display:block;width:100%;height:auto}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin-top:1.75rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:.9rem;padding:1.35rem}
.card p{margin:.3rem 0 0;color:var(--muted)}
.steps{list-style:none;padding:0;margin:1.75rem 0 0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));counter-reset:s}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:.9rem;padding:1.35rem;counter-increment:s}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--btn-ink);font-weight:700;margin-bottom:.6rem}
.steps p{margin:.3rem 0 0;color:var(--muted)}
.two{display:grid;gap:2.5rem;grid-template-columns:1fr;align-items:start}
@media(min-width:56rem){.two{grid-template-columns:1fr 1fr}}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.checks li{padding-left:1.8rem;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.45rem;width:1rem;height:.55rem;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(-45deg)}
.stakes li::before{border-color:var(--warn);border-width:0;width:.6rem;height:.6rem;background:var(--warn);border-radius:50%;transform:none;top:.55rem;left:.2rem}
.letter{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:2rem}
.letter p{margin:0 0 1rem}
.sig{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.15rem}
.plans{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:1.75rem 0}
.plan{background:var(--card);border:1px solid var(--line);border-radius:.9rem;padding:1.5rem}
.plan p{margin:.25rem 0;color:var(--muted)}
.price{font-size:2.2rem;font-weight:700;color:var(--ink)!important;margin:.2rem 0 .5rem!important;font-family:Georgia,"Times New Roman",serif}
.price span{font-size:1rem;font-weight:400;color:var(--muted);font-family:system-ui,sans-serif}
.fine{font-size:.95rem;color:var(--muted)}
.faq h3{margin-top:1.75rem}
.faq p{margin:.3rem 0 0;color:var(--muted)}
.final{text-align:center}
.final h2{margin-bottom:.5rem}
.final .actions{justify-content:center}
footer{border-top:1px solid var(--line);font-size:.95rem;color:var(--muted);padding:1.75rem 0}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem 2rem}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
footer p{margin:0}
footer a{color:var(--muted)}