:root{color-scheme:dark;--bg:#07111a;--panel:#0d1b25;--ink:#f7fafc;--muted:#a9bbc6;--line:#29414f;--accent:#ff765e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#173443 0,transparent 34%),var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.nav,.foot{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,6vw,88px);border-bottom:1px solid var(--line)}.nav a,.foot a{color:#fff;text-decoration:none}.brand{font-weight:900;letter-spacing:.17em}.wrap{width:min(900px,calc(100% - 36px));margin:0 auto;padding:70px 0 90px}.eyebrow{color:#79e4f1;font-weight:900;letter-spacing:.2em;font-size:12px}h1{font-size:clamp(44px,8vw,82px);line-height:.98;letter-spacing:-.055em;margin:.22em 0}.lead{font-size:clamp(18px,2.6vw,25px);line-height:1.45;color:#d9e5ea}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:35px 0}.facts span{padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;text-align:center;font-weight:800}.steps{counter-reset:steps;display:grid;gap:14px;margin-top:38px}.step{counter-increment:steps;padding:24px 26px 24px 76px;border:1px solid var(--line);border-radius:20px;background:var(--panel);position:relative}.step:before{content:counter(steps);position:absolute;left:24px;top:23px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#180c09;font-weight:900}.step h2{margin:0 0 8px;font-size:20px}.step p{margin:0;color:var(--muted);line-height:1.65}.note{margin-top:26px;padding:20px 22px;border-left:3px solid #79e4f1;background:#ffffff08;color:#cad8de;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.actions a{padding:14px 19px;border-radius:99px;background:#fff;color:#07111a;text-decoration:none;font-weight:900}.actions a:last-child{background:transparent;color:#fff;border:1px solid var(--line)}.foot{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:13px}@media(max-width:620px){.facts{grid-template-columns:1fr}.wrap{padding-top:44px}.step{padding-left:68px}.nav{padding-inline:18px}.brand{font-size:12px}}

/* Visual system alignment with the warm premium storefront. */
:root{color-scheme:light;--bg:#eee9df;--panel:#fbf8f2;--ink:#191a18;--muted:#64615a;--line:#d8d0c4;--accent:#b79255}
body{background:radial-gradient(circle at 82% 0,rgba(183,146,85,.12),transparent 34%),linear-gradient(180deg,#f3efe7,#ebe5da);color:var(--ink);-webkit-font-smoothing:antialiased}
.nav{position:sticky;top:0;z-index:5;background:rgba(246,242,234,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav,.foot{border-color:var(--line)}.nav a,.foot a{color:var(--ink)}
.eyebrow{color:#8c692f}.lead{color:var(--muted)}
.facts span{background:rgba(255,253,249,.72);border-color:var(--line)}
.step{background:rgba(255,253,249,.86);border-color:var(--line);box-shadow:0 16px 44px rgba(60,48,30,.06)}
.step:before{background:var(--accent);color:#fff}.step p{color:var(--muted)}
.note{border-color:var(--accent);background:rgba(255,253,249,.6);color:var(--muted)}
.actions a{background:#1c1d1a;color:#fff}.actions a:last-child{background:rgba(255,253,249,.45);color:var(--ink);border-color:var(--line)}
.foot{color:var(--muted)}

.top{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,6vw,88px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:rgba(246,242,234,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.top a{color:var(--ink);text-decoration:none}.top .brand{font-weight:900;letter-spacing:.17em}@media(max-width:620px){.top{padding-inline:18px}.top .brand{font-size:12px}}

