:root{color-scheme:light;--card:#fff;--bar:rgba(250,247,242,.85);--m1:#FFE3C2;--m2:#FFF4E4;--ink:#17130F;--mute:#6C645B;--bg:#FAF7F2;--line:rgba(30,20,10,.10)}
body.hub{background:var(--bg);color:var(--ink)}
.hub .bar{background:var(--bar);border-bottom:1px solid var(--line)}
.hub .brand img{border-radius:0;width:30px;height:30px}.hub .brand{letter-spacing:.02em}
.hub .links a:hover{background:rgba(128,128,128,.12)}.hub .links a.on{background:rgba(128,128,128,.18)}
.hub .pill{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.hh{padding:84px 0 40px}.hh h1{font-size:clamp(42px,6.4vw,78px);font-weight:900;max-width:880px}.hh p{margin-top:20px;font-size:21px;color:var(--mute);max-width:620px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:90px}
.pc{border-radius:40px;padding:42px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease}.pc:hover{transform:translateY(-4px)}
.pc.m{background:linear-gradient(150deg,var(--m1),var(--m2) 60%);border:1px solid rgba(255,122,0,.25)}
.pc.l{background:radial-gradient(500px 360px at 50% 20%,#5A0F2C,#1E0711 80%);color:#F3E9E2;font-family:"Bodoni 72","Didot","Playfair Display",Georgia,serif}
.pc img{width:84px;height:84px;border-radius:21px}.pc.l img{border-radius:50%}
.pc h2{font-size:40px;font-weight:900;margin:22px 0 10px}.pc.l h2{font-weight:400;letter-spacing:.2em}
.pc p{color:var(--mute);font-size:18px;max-width:380px}.pc.l p{color:#C9B6B0;font-family:ui-rounded,system-ui,sans-serif}
.pc .go{margin-top:26px;font-weight:800}
.hub .foot{border-top:1px solid var(--line);color:var(--mute)}
.doc{padding:56px 0 80px}.doc .card{background:var(--card);border:1px solid var(--line);border-radius:30px;padding:clamp(26px,5vw,52px);max-width:820px;margin:0 auto}
.doc h1{font-size:clamp(34px,5vw,52px);font-weight:900}.doc h2{font-size:22px;margin:26px 0 8px}.doc p{color:var(--mute)}.doc a{text-decoration:underline;font-weight:700}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.cc{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:28px}.cc h3{font-size:22px;font-weight:800}.cc p{color:var(--mute);margin:8px 0 16px;font-size:16px}.cc a{font-weight:800;text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:860px){.cards,.cgrid{grid-template-columns:1fr}.pc{min-height:280px;padding:30px}}

:root[data-theme=dark]{color-scheme:dark;--ink:#F5F0E8;--mute:#B3A99B;--bg:#12100D;--line:rgba(255,235,210,.12);--card:#1C1814;--bar:rgba(18,16,13,.85);--m1:#4A2A10;--m2:#241A10}
:root[data-theme=dark] .hub .brand img{filter:invert(1) brightness(1.1)}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:96px}
.pill-card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px 24px}
.pill-card h3{font-size:22px;font-weight:900;margin-bottom:10px;color:#FF7A00}
.pill-card p{color:var(--mute);font-size:16px}
@media(max-width:900px){.pillars{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pillars{grid-template-columns:1fr;padding-bottom:60px}.pill-card{padding:22px}}