:root{--ink:#132a2b;--muted:#607170;--paper:#f6f3ea;--card:#fffdf7;--accent:#d86f45;--mint:#cfe1d7;--line:#d9ded8;--deep:#0c3b3a;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}.wrap{max-width:var(--max);margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:20;background:rgba(246,243,234,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{text-decoration:none;font-weight:900;letter-spacing:-.04em;font-size:20px}.brand i{font-style:normal;color:var(--accent)}nav{margin-left:auto;display:flex;gap:24px}nav a,.textlink{text-decoration:none;font-weight:700;font-size:14px}.navcta{padding:10px 14px;border:1px solid var(--ink);border-radius:999px}
main{min-height:70vh}.hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:80px 0}.hero h1,.articlehead h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em;line-height:.98;margin:.2em 0;font-size:clamp(52px,7vw,92px)}.articlehead h1{font-size:clamp(44px,6vw,72px);max-width:900px}.hero h1 em{color:var(--accent);font-weight:500}.hero p,.lede{font-size:20px;color:var(--muted);max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;color:var(--deep)}.actions{display:flex;align-items:center;gap:22px;margin-top:30px}.button{display:inline-block;background:var(--deep);color:white;text-decoration:none;padding:14px 20px;border-radius:10px;font-weight:800;border:0}.button.secondary{background:var(--accent)}.heroart{height:460px;position:relative;display:grid;place-items:center}.figure{height:310px;width:210px;border:2px solid var(--deep);border-radius:48% 48% 35% 35%;display:grid;place-items:center;font-family:Georgia,serif;font-size:150px;color:var(--deep);background:var(--mint);box-shadow:18px 18px 0 rgba(216,111,69,.25)}.figure span{position:absolute;font:800 12px Inter;text-transform:uppercase;letter-spacing:.2em;bottom:54px}.orbit{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:800;font-size:12px}.o1{top:70px;right:0}.o2{bottom:70px;left:0}.o3{top:200px;left:-15px}
section{padding:70px 0}section h2,article h2,.bridge h2,.verdict h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;line-height:1.05;margin:.25em 0 .55em}.steps,.cards,.compare{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps>div,.card,.compare>div{background:var(--card);border:1px solid var(--line);padding:24px;border-radius:16px}.steps b{color:var(--accent);font-size:12px}.steps h3,.card h3,.compare h3{margin:.4em 0}.card{text-decoration:none;transition:.2s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card p{color:var(--muted);font-size:14px}.arrow{font-weight:800;font-size:13px}
.articlehead{padding:80px 0 30px}.crumbs{font-size:12px;color:var(--muted);margin-bottom:22px}.article{max-width:820px;padding-bottom:80px}.article h2{margin-top:1.5em}.article p,.article li{font-size:18px}.check{padding:0;list-style:none}.check li{padding:10px 0 10px 30px;border-bottom:1px solid var(--line);position:relative}.check li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}.bridge,.verdict{background:var(--deep);color:white;padding:38px;border-radius:20px;margin:48px 0}.bridge p,.verdict p{color:#dce8e5}.disclosure,.sourcebox{background:#fff5e9;border-left:4px solid var(--accent);padding:16px 18px;margin:22px 0;border-radius:8px}.sourcebox{background:#eef5f1;border-color:var(--deep)}.compare{grid-template-columns:repeat(2,1fr)}
footer{background:var(--ink);color:#eaf1ed;padding:54px 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.foot a{display:block;color:#cbd8d3;text-decoration:none;margin:7px 0;font-size:14px}.fine{color:#9eb0aa;font-size:12px;margin-top:35px}
.popupback{position:fixed;inset:0;background:rgba(5,24,24,.68);z-index:99;display:none;align-items:center;justify-content:center;padding:20px}.popupback.show{display:flex}.popup{max-width:640px;background:var(--card);border-radius:22px;padding:34px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.35)}.popup h2{font:500 40px/1 Georgia,serif;letter-spacing:-.04em;margin:.3em 0}.popup p{color:var(--muted)}.close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.popfine{font-size:11px!important}.popup .button{margin-top:8px}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.heroart{height:350px}.figure{height:260px;width:180px}.steps,.cards{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr}.articlehead{padding-top:55px}}
@media(max-width:560px){.steps,.cards,.compare{grid-template-columns:1fr}.hero h1{font-size:54px}.heroart{height:310px}.article p,.article li{font-size:17px}.popup{padding:28px 22px}.popup h2{font-size:34px}.nav{height:64px}}