:root{--paper:#EDEFE8;--panel:#F8F9F4;--ink:#1D2621;--muted:#4E5A52;--line:#D2D8CD;--shutter:#22463A;--shutter-ink:#F3F5EF;--brass:#9A7231;--plaster:#E9CFC4;
--ok:#2C7A4E;--ok-bg:#DCEDE1;--bad:#A1372D;--bad-bg:#F3DEDA;--wait:#8A6A1F;--wait-bg:#F2E8CF;--shadow:0 18px 40px -24px rgba(20,35,28,.45);
--display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;--body:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--paper:#111613;--panel:#19201C;--ink:#E7ECE4;--muted:#A3AFA6;--line:#2B3530;--shutter:#86BCA4;--shutter-ink:#0F1512;--ok:#7CC49A;--ok-bg:#1E3A2A;--bad:#E58B80;--bad-bg:#3A221F;--wait:#E0C076;--wait-bg:#3A311C;color-scheme:dark}
 footer img{filter:invert(1) hue-rotate(180deg) brightness(1.6)}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding-inline:max(20px,env(safe-area-inset-left,0px))}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.08;letter-spacing:-.01em;margin:0;text-wrap:balance}
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 20px;font-weight:600;background:var(--shutter);color:var(--shutter-ink);text-decoration:none;font-size:15px}
.btn.small{padding:8px 14px;font-size:13.5px;border-radius:10px}
header.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:18px;padding-block:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand-mark{width:38px;height:38px;color:var(--shutter)}
.brand-txt{display:flex;flex-direction:column;line-height:1.05}.brand-txt b{font-family:var(--display);font-weight:500;font-size:20px}
.brand-txt span{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-top:3px}
header nav{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:14.5px;font-weight:500}
header nav a:not(.btn){text-decoration:none;color:var(--muted)}header nav a:not(.btn):hover{color:var(--ink)}
.crumbs{font-size:13.5px;margin-bottom:14px;opacity:.9}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.ehero{position:relative;min-height:440px;display:flex;align-items:flex-end;color:#F6F4EE;background:#151a17;overflow:hidden}
.ehero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ehero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,16,14,.25),rgba(12,16,14,.15) 35%,rgba(12,16,14,.88))}
.ehero .wrap{position:relative;width:100%;padding-block:36px}
.ehero h1{font-size:clamp(38px,5.6vw,68px);color:#fff;max-width:20ch}
.ehero p{margin:10px 0 0;font-size:18px;max-width:56ch;color:rgba(246,244,238,.92)}
.ihero{padding-block:44px 8px}.ihero h1{font-size:clamp(38px,5.6vw,68px)}
.lede{font-size:19px;line-height:1.55;margin:26px 0 8px}
.egrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:52px;padding-block:36px 20px;align-items:start}
.egrid h2{font-size:clamp(26px,3vw,34px);margin:40px 0 14px}
.facts{display:grid;grid-template-columns:1fr;gap:0;margin:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}
.facts div{padding:14px 18px;border-bottom:1px solid var(--line)}.facts div:last-child{border-bottom:0}
.facts dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
.facts dd{margin:4px 0 0;font-size:15.5px}
ul.why,ul.tips{list-style:none;padding:0;margin:0;display:grid;gap:10px}
ul.why li,ul.tips li{position:relative;padding-left:22px}
ul.why li::before{content:"";position:absolute;left:0;top:.7em;width:10px;height:1.6px;background:var(--brass)}
ul.tips li::before{content:"✦";position:absolute;left:0;top:0;color:var(--brass);font-size:12px}
.hcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hc{text-decoration:none;display:flex;flex-direction:column;gap:4px}
.hc img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:6px}
.hc b{font-family:var(--display);font-weight:500;font-size:22px}.hc small{color:var(--muted);font-size:13.5px}
.together{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-top:16px}
.together a{font-weight:600;color:var(--shutter)}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:8px 0 0;color:var(--muted)}
aside{position:sticky;top:84px;display:flex;flex-direction:column;gap:18px}
.live{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}
.live+.live{margin-top:-4px}
.live-h{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.live-h b{font-family:var(--display);font-weight:500;font-size:22px}.live-h span{font-size:13.5px;color:var(--muted)}
.lr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.lr a{text-decoration:none;display:flex;flex-direction:column}.lr b{font-weight:600}.lr small{color:var(--muted);font-size:12.5px}
.st{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--paper);text-align:right}
.st.ok{color:var(--ok);background:var(--ok-bg)}.st.bad{color:var(--bad);background:var(--bad-bg)}.st.wait{color:var(--wait);background:var(--wait-bg)}
.live .btn{width:100%;margin-top:12px}
.side-more{display:flex;flex-direction:column;gap:6px;font-size:14.5px;padding:4px 4px}
.side-more b{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.side-more a{text-decoration:none;color:var(--shutter);font-weight:500}
.egrid2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ihero+.wrap h2{font-size:30px;margin:36px 0 14px}
.ec{display:flex;flex-direction:column;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ec img{aspect-ratio:16/9;object-fit:cover}
.ec div{padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.ec small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-weight:700}
.ec b{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.15}
.ec span{font-size:14px;color:var(--muted)}
footer{margin-top:64px;background:var(--panel);border-top:1px solid var(--line);padding-block:36px 30px;color:var(--muted);font-size:14px}
footer .fl{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0}footer .fl a{text-decoration:none}footer .fl a:hover{text-decoration:underline}
footer img{width:220px;height:auto;margin-bottom:10px}footer .base{font-size:12.5px;margin:0}
@media (max-width:900px){.egrid{grid-template-columns:1fr;gap:24px}aside{position:static}.hcards,.egrid2{grid-template-columns:1fr 1fr}}
@media (max-width:900px){aside{order:-1}.egrid>aside .side-more{display:none}}
@media (max-width:640px){header nav a:not(.btn){display:none}.brand-txt span{letter-spacing:.16em;font-size:8.5px}.brand-txt b{font-size:18px}.ehero{min-height:380px}.lede{font-size:17.5px}.hcards{grid-template-columns:1fr 1fr;gap:10px}.hc b{font-size:19px}.egrid2{grid-template-columns:1fr}}