:root{--em:#0c2a23;--em2:#123a30;--em3:#1a4a3e;--gold:#c9a45c;--gold2:#e8cf96;--cream:#f2ead8;--muted:#a8bdb3;--line:rgba(201,164,92,.35)}
*{box-sizing:border-box}
body{margin:0;background:var(--em);color:var(--cream);font:16px/1.7 Jost,system-ui,sans-serif;
background-image:repeating-linear-gradient(45deg,rgba(201,164,92,.03) 0 2px,transparent 2px 22px),repeating-linear-gradient(-45deg,rgba(201,164,92,.03) 0 2px,transparent 2px 22px)}
a{color:var(--gold2)}
h1,h2,h3{font-family:Marcellus,serif;font-weight:400;line-height:1.12;margin:0 0 .5em;letter-spacing:.01em}
.deco{font-family:"Poiret One",sans-serif;letter-spacing:.3em;text-transform:uppercase;font-size:13px;color:var(--gold)}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid var(--line)}
.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 0}
.bar ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.bar ul a{color:var(--cream);text-decoration:none}.bar ul a:hover{color:var(--gold2)}
.bar ul.r{justify-content:flex-end}
.logo{text-align:center;text-decoration:none;color:var(--gold2)}
.logo b{display:block;font:400 30px Marcellus,serif;letter-spacing:.12em}
.logo span{font:400 11px "Poiret One";letter-spacing:.5em;color:var(--gold)}
.btn{display:inline-block;padding:14px 28px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:13px;text-decoration:none;transition:.2s}
.btn-gold{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--em);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}
.btn-gold:hover{filter:brightness(1.1)}
.btn-line{border:1px solid var(--gold);color:var(--gold2)}
.hero{text-align:center;padding-top:70px;padding-bottom:40px;position:relative}
.wheel{width:min(440px,80vw);margin:0 auto 26px;display:block}
.hero h1{font-size:clamp(40px,6vw,76px);max-width:920px;margin:0 auto 18px}
.hero p{max-width:620px;margin:0 auto 30px;color:var(--muted);font-size:18px}
.orn{display:flex;align-items:center;gap:16px;justify-content:center;color:var(--gold);margin:14px 0}
.orn:before,.orn:after{content:"";height:1px;width:80px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
section{padding:80px 0}
.st{text-align:center;margin-bottom:46px}
.st h2{font-size:clamp(32px,4vw,50px)}
.st p{color:var(--muted);max-width:620px;margin:0 auto}
.frame{border:1px solid var(--gold);padding:6px;position:relative}
.frame>.in{border:1px solid var(--line);padding:40px}
.frame:before,.frame:after{content:"◆";position:absolute;color:var(--gold);font-size:14px;background:var(--em);padding:0 8px;left:50%;transform:translateX(-50%)}
.frame:before{top:-12px}.frame:after{bottom:-12px}
.champ{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;background:linear-gradient(135deg,var(--em3),var(--em2))}
.medal{width:150px;height:150px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;text-align:center;box-shadow:0 0 0 8px var(--em2),0 0 0 9px var(--line)}
.medal b{display:block;font:400 54px/1 Marcellus,serif;color:var(--gold2)}
.medal span{font:400 11px "Poiret One";letter-spacing:.3em;color:var(--gold)}
.champ h3{font-size:44px;margin:4px 0 6px}
.champ .offer{display:inline-block;border:1px dashed var(--gold);padding:6px 14px;color:var(--gold2);margin:8px 0 14px}
.champ ul{columns:2;padding-left:18px;margin:0;color:var(--muted)}
.champ .act{text-align:center}
.champ .score{font:400 46px Marcellus,serif;color:var(--gold2)}
.champ .score small{display:block;font:400 11px "Poiret One";letter-spacing:.3em;color:var(--gold)}
.list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.item{border:1px solid var(--line);padding:24px;text-align:center;background:rgba(0,0,0,.12)}
.item .n{font:400 13px "Poiret One";letter-spacing:.3em;color:var(--gold)}
.item h3{font-size:24px;margin:6px 0}
.item p{font-size:14px;color:var(--muted);margin:0 0 12px}
.item b{font:400 26px Marcellus,serif;color:var(--gold2);display:block}
.item a{font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.fine{text-align:center;font-size:12px;color:var(--muted);margin-top:18px}
.why{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.why h2{font-size:clamp(32px,4vw,48px)}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.feat div{background:var(--em2);padding:26px}
.feat b{display:block;font:400 30px Marcellus,serif;color:var(--gold2)}
.feat span{color:var(--muted);font-size:14px}
.arches{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.arch{border:1px solid var(--line);border-radius:200px 200px 0 0;padding:44px 20px 26px;text-align:center;text-decoration:none;color:var(--cream);background:linear-gradient(180deg,rgba(201,164,92,.08),transparent 60%);transition:.2s}
.arch:hover{border-color:var(--gold);background:linear-gradient(180deg,rgba(201,164,92,.18),transparent 70%)}
.arch .g{font-size:40px;color:var(--gold2);display:block}
.arch h3{font-size:22px;margin:10px 0 6px}
.arch p{font-size:14px;color:var(--muted);margin:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}
.step{padding:30px 24px;border-right:1px solid var(--line)}
.step:last-child{border-right:0}
.step .r{font:400 34px Marcellus,serif;color:var(--gold)}
.step h3{font-size:21px}.step p{color:var(--muted);font-size:14px;margin:0}
.zgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.zgrid a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 8px;text-align:center;color:var(--cream);text-decoration:none;font-family:Marcellus,serif;font-size:17px}
.zgrid a span{display:block;font-size:34px;color:var(--gold2);line-height:1.2}
.zgrid a small{display:block;font:400 11px Jost;color:var(--muted);letter-spacing:.05em}
.zgrid a:hover{background:var(--em3)}
.faq{max-width:840px;margin:auto}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{cursor:pointer;font:400 22px Marcellus,serif;list-style:none}
summary:before{content:"◇ ";color:var(--gold)}details[open] summary:before{content:"◆ "}
details p{color:var(--muted);margin:10px 0 0 26px}
footer{border-top:1px solid var(--line);padding:50px 0 34px;text-align:center;color:var(--muted);font-size:14px}
footer nav{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;margin:20px 0;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
footer nav a{color:var(--cream);text-decoration:none}
@media(max-width:960px){.bar{grid-template-columns:1fr}.bar ul{display:none}.champ{grid-template-columns:1fr;text-align:center}.medal{margin:auto}.champ ul{columns:1;text-align:left;display:inline-block}.list,.arches{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid var(--line)}.zgrid{grid-template-columns:repeat(3,1fr)}.frame>.in{padding:24px}}
@media(max-width:560px){.list,.arches,.steps,.feat{grid-template-columns:1fr}}

/* ===== Shared chrome: mobile menu ===== */
.mnav{display:none}
.mnav summary{list-style:none;cursor:pointer;color:var(--gold2);font-size:13px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--line);padding:8px 14px;text-align:center}
.mnav summary::-webkit-details-marker{display:none}
.mnav nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;padding:14px 0}
.mnav nav a{color:var(--cream);text-decoration:none;padding:6px 0;border-bottom:1px solid var(--line);font-size:15px}
@media(max-width:960px){.mnav{display:block;padding-bottom:14px}}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--gold);color:var(--em);padding:8px 12px;z-index:99}

/* ===== Footer (multi-column) ===== */
.fcols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px;text-align:left;margin-bottom:30px}
.fcols h4{font:400 12px "Poiret One";letter-spacing:.3em;color:var(--gold);margin:0 0 12px;text-transform:uppercase}
.fcols ul{list-style:none;padding:0;margin:0}.fcols li{margin:6px 0}
.fcols a{color:var(--cream);text-decoration:none;font-size:14px}.fcols a:hover{color:var(--gold2)}
.fcols .logo{text-align:left}
.legal{border-top:1px solid var(--line);padding-top:20px;font-size:12px}
@media(max-width:960px){.fcols{grid-template-columns:1fr 1fr}}

/* ===== Inner pages ===== */
.crumbs{font-size:13px;color:var(--muted);padding-top:18px;letter-spacing:.04em}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--gold2)}
.crumbs span{color:var(--gold);margin:0 8px}
.phero{text-align:center;padding-top:40px;padding-bottom:50px;border-bottom:1px solid var(--line)}
.phero .glyph{font-size:46px;color:var(--gold2);line-height:1}
.phero h1{font-size:clamp(36px,5vw,62px);max-width:900px;margin:10px auto 16px}
.phero .lead{max-width:720px;margin:0 auto 20px;color:var(--muted);font-size:18px}
.phero .meta{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;padding-top:56px;padding-bottom:40px}
.article{font-size:17px;max-width:760px}
.article h2{font-size:clamp(26px,3vw,34px);margin:52px 0 16px;padding-top:6px}
.article h2:before{content:"◆";display:block;font-size:12px;color:var(--gold);margin-bottom:10px}
.article>h2:first-child{margin-top:0}
.article h3{font-size:22px;margin:30px 0 10px;color:var(--gold2)}
.article p{margin:0 0 16px}
.article ul,.article ol{padding-left:0;margin:0 0 20px;list-style:none}
.article ul li{padding-left:24px;position:relative;margin:8px 0}
.article ul li:before{content:"◇";position:absolute;left:0;color:var(--gold);font-size:13px;top:3px}
.article ol{counter-reset:o}
.article ol li{counter-increment:o;padding-left:40px;position:relative;margin:12px 0}
.article ol li:before{content:counter(o,upper-roman);position:absolute;left:0;font-family:Marcellus,serif;color:var(--gold)}
.article strong{color:var(--gold2);font-weight:500}
.article table{width:100%;border-collapse:collapse;margin:10px 0 24px;font-size:15px}
.article th{font:400 12px "Poiret One";letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-align:left;border-bottom:1px solid var(--gold);padding:10px}
.article td{border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top}
.tablewrap{overflow-x:auto}
.callout{border:1px solid var(--gold);padding:22px 24px;margin:26px 0;background:rgba(201,164,92,.06)}
.callout b{font-family:Marcellus,serif;font-weight:400;color:var(--gold2);font-size:19px;display:block;margin-bottom:6px}
.callout p:last-child{margin:0}
.note{font-size:13px;color:var(--muted);border-left:2px solid var(--gold);padding-left:14px;margin:20px 0}
.toc{border:1px solid var(--line);padding:22px;margin-bottom:24px}
.toc h4{font:400 12px "Poiret One";letter-spacing:.3em;color:var(--gold);margin:0 0 10px;text-transform:uppercase}
.toc ol{margin:0;padding-left:18px;font-size:14px}.toc li{margin:6px 0}
.toc a{color:var(--cream);text-decoration:none}.toc a:hover{color:var(--gold2)}
.side{position:sticky;top:24px;align-self:start}
.pbcard{border:1px solid var(--gold);padding:6px;margin-bottom:24px;position:relative}
.pbcard .in{border:1px solid var(--line);padding:26px 22px;text-align:center;background:linear-gradient(180deg,var(--em3),var(--em2))}
.pbcard .rank{font:400 11px "Poiret One";letter-spacing:.3em;color:var(--gold)}
.pbcard h3{font-size:30px;margin:6px 0}
.pbcard .score{font:400 34px Marcellus,serif;color:var(--gold2)}
.pbcard .offer{display:block;border:1px dashed var(--gold);padding:8px;color:var(--gold2);margin:12px 0 16px;font-size:14px}
.pbcard ul{list-style:none;padding:0;margin:0 0 18px;text-align:left;font-size:14px;color:var(--muted)}
.pbcard li{padding:5px 0 5px 20px;position:relative;border-bottom:1px solid var(--line)}
.pbcard li:before{content:"✓";position:absolute;left:0;color:var(--gold)}
.pbcard .btn{display:block}
.pbcard small{display:block;margin-top:10px;font-size:11px;color:var(--muted)}
.pbinline{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border:1px solid var(--gold);padding:20px 24px;margin:0 0 34px;background:linear-gradient(90deg,var(--em3),var(--em2))}
.pbinline .n{font:400 40px Marcellus,serif;color:var(--gold2);line-height:1}
.pbinline b{font:400 22px Marcellus,serif;display:block}
.pbinline span{font-size:14px;color:var(--muted)}
.minirank{width:100%;border-collapse:collapse;margin:10px 0 26px}
.minirank td{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.minirank td.n{font:400 22px Marcellus,serif;color:var(--gold);width:40px}
.minirank td.nm{font:400 20px Marcellus,serif}
.minirank td.nm small{display:block;font:400 13px Jost;color:var(--muted)}
.minirank tr.top{background:rgba(201,164,92,.1)}
.minirank .btn{padding:10px 16px;font-size:12px;white-space:nowrap}
.signcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.signcard{border:1px solid var(--line);padding:20px;scroll-margin-top:20px}
.signcard .g{font-size:34px;color:var(--gold2);line-height:1}
.signcard h3{margin:8px 0 2px!important;color:var(--cream)!important}
.signcard .d{font-size:12px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}
.signcard p{font-size:14px;color:var(--muted);margin:8px 0}
.signcard a{font-size:13px}
.relgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ctaband{text-align:center;padding:70px 20px;border-top:1px solid var(--line);background:radial-gradient(ellipse at center,var(--em3),transparent 70%)}
.ctaband h2{font-size:clamp(30px,4vw,46px)}
.ctaband p{color:var(--muted);max-width:560px;margin:0 auto 26px}
.verdict{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:10px 0 26px}
.verdict div{background:var(--em2);padding:18px;text-align:center}
.verdict b{display:block;font:400 28px Marcellus,serif;color:var(--gold2)}
.verdict span{font-size:12px;color:var(--muted);letter-spacing:.06em}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:10px 0 24px}
.proscons>div{border:1px solid var(--line);padding:20px}
.proscons h3{margin-top:0!important}
@media(max-width:960px){.layout{grid-template-columns:minmax(0,1fr);gap:30px}.side{position:static}.relgrid{grid-template-columns:1fr 1fr}.signcards{grid-template-columns:1fr 1fr}.verdict{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.relgrid,.signcards,.proscons{grid-template-columns:1fr}.pbinline{grid-template-columns:1fr;text-align:center}.minirank td.hide{display:none}}
@media(max-width:560px){.minirank td{padding:12px 6px}.minirank td.nm{font-size:18px}.minirank .btn{padding:8px 10px;font-size:11px;letter-spacing:.06em}.minirank td.n{width:28px}}
@media(max-width:560px){.ctable,.ctable tbody{display:block}.ctable tr:first-child{display:none}.ctable tr{display:grid;grid-template-columns:1fr auto auto;gap:4px 12px;border-bottom:1px solid var(--line);padding:12px 0}.ctable td{border:0;padding:0}.ctable td:nth-child(4){grid-column:1/-1;font-size:14px;color:var(--muted)}}
@media(max-width:560px){.vstable,.vstable tbody{display:block}.vstable tr:first-child{display:none}.vstable tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;border-bottom:1px solid var(--line);padding:12px 0}.vstable td{border:0;padding:0;font-size:14px}.vstable td:first-child{grid-column:1/-1;font-family:Marcellus,serif;color:var(--gold2);font-size:16px}.vstable td[data-l]:before{content:attr(data-l);display:block;font:400 10px "Poiret One";letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}}