/* CivilForge · Mythological forge theme · 13 October 2026 */
:root{color-scheme:dark;--coal:#111315;--panel:#1b1d20;--edge:#504335;--gold:#e5ad69;--ink:#f5ede2;--muted:#b9b1a7;--cyan:#78d7e1}
body{background:var(--coal);color:var(--ink)}
body:before{content:"";position:absolute;inset:0 0 auto;height:900px;pointer-events:none;background:radial-gradient(ellipse at 78% 30%,#aa692328,transparent 55%);z-index:-1}
.header{background:#111315ed;border-color:#3a332d}.brand{letter-spacing:-.5px}.brand img{width:42px;height:42px;object-fit:contain}.nav{height:90px}.nav a:hover,.footer a:hover{color:var(--gold)}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:var(--cyan)}::selection{background:#6c4929;color:#fff}.skip{background:var(--gold);color:#141311}
.button{border-radius:4px}.dark,.mint{background:linear-gradient(135deg,#f0bd7a,#cd8f4b);color:#19140e;box-shadow:inset 0 1px #ffe0b0}.dark:hover,.mint:hover{background:#f8cb91;color:#16120d}.small{padding:12px 18px}
.hero{padding-top:55px}.hero-grid{grid-template-columns:1.18fr 1fr;grid-template-rows:auto auto;column-gap:20px;row-gap:24px;margin:32px 0 38px;align-items:start}
.hero h1{grid-column:1;grid-row:1;font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,5.5vw,80px);line-height:1.05;letter-spacing:-3px;font-weight:400;padding-top:38px}
.hero h1>span{color:var(--gold)}.hero-aside{grid-column:1;grid-row:2;max-width:460px;padding-bottom:15px}.hero-aside .intro{color:var(--ink);font-size:18px}.hero-aside p{color:var(--muted);margin-bottom:21px}
.hero-emblem{grid-column:2;grid-row:1/3;align-self:center;position:relative;display:flex;align-items:center;flex-direction:column;padding:0 5px 20px}
.hero-emblem:before{content:"";position:absolute;width:88%;aspect-ratio:1;border:1px solid #b8864833;border-radius:50%;top:5%;box-shadow:0 0 90px #dc8b2510,inset 0 0 70px #bb792b0a;z-index:-1}
.hero-emblem img{display:block;width:100%;height:auto;max-width:455px;filter:drop-shadow(0 20px 35px #0008)}.hero-emblem>span{font:9px Consolas,monospace;letter-spacing:3px;color:#b9976d;margin-top:14px;text-align:center}
.eyebrow{color:var(--gold)}.status-dot{background:var(--cyan);box-shadow:0 0 0 4px #78d7e112}.micro,.hero-rule{color:#c1ac92}.hero-rule{border-color:var(--edge)}h2{color:var(--ink)}
.product-heading p,.section-heading>p,.screen-caption,.screen-caption>span,.principles p{color:var(--muted)}.tour-tabs{background:#202020;border-color:var(--edge)}.tour-tabs button{color:#c9c1b8}.tour-tabs button span{color:#ac916c}.tour-tabs button[aria-selected=true]{background:#d9a566;color:#1d1711;box-shadow:none}.tour-tabs button[aria-selected=true] span{color:#4a3520}
.screen-frame{background:#181c20;border-color:#6d5337;box-shadow:0 24px 70px #0007}.screen-top{color:#a8c3c6}.screen-top b{color:#f1e8dc}.screen-top i{background:var(--cyan)}.line-icon{color:var(--gold)}
.workflow{background:#191a1c;border-color:#3a332d}.workflow-grid article{background:linear-gradient(145deg,#252321,#1b1c1e);border-color:#53412f}.step-number,.tag{color:#d9b582}.workflow-grid p{color:var(--muted)}.tag{border-color:#66513a}.development-note{color:var(--muted);border-color:#53412f}
.diagram svg [stroke="#187567"]{stroke:var(--cyan)}.diagram svg [fill="#187567"]{fill:var(--cyan)}.diagram svg [stroke="#d4dcd6"]{stroke:#4f4436}.diagram svg [stroke="#88968e"],.diagram svg [stroke="#9eab77"]{stroke:var(--gold)}.diagram svg [stroke="#b7c3ba"],.diagram svg [stroke="#d9dfd8"]{stroke:#7a6853}
.survey{background-image:linear-gradient(#b18c5b16 1px,transparent 1px),linear-gradient(90deg,#b18c5b16 1px,transparent 1px)}.survey i{border-color:var(--cyan)}.survey span,.survey b{color:#e8bc81}
.local-art{background:#202223;color:#8e7050;border-color:#544330}.local-badge{background:#242322;border-color:#9a754a;color:#efd7b4;box-shadow:0 18px 40px #0005}.local-badge img{width:50px;height:50px}.local-badge small,.cross,.art-label{color:#d2b48d}.local-copy>p{color:var(--muted)}.local ul{color:#d5cbbd}.local li:before{color:var(--cyan)}
.download{background:radial-gradient(ellipse at 12% 10%,#74461f40,transparent 70%),#24201c;border:1px solid #997047;color:var(--ink);box-shadow:0 18px 65px #0004}.download .eyebrow{color:var(--gold)}.download .status-dot{background:var(--cyan);box-shadow:0 0 0 4px #78d7e115}.download-copy>p,.download li p,.preview-note{color:#c6b7a4}.download-copy>.download-meta,.download-details>.mono,.download li>span{color:#d7b687}.preview-note{border-color:#796047}.download-details>a{color:#f2c487}
.faq details,.footer,.principles>div{border-color:#504335}.faq summary:after{color:var(--gold)}.faq details p,.footer p,.footer>div{color:var(--muted)}
.document p,.document li{color:#c6bdb1}.document .notice{background:#27221d;border-color:var(--gold)}.document pre{background:#24211e;color:#edceb0}.document a:not(.button){color:#edbe83}
@media(max-width:1000px){.hero h1{font-size:62px;padding-top:22px}.hero-grid{column-gap:12px}.hero-emblem>span{font-size:8px;letter-spacing:1.5px}}
@media(max-width:700px){.nav{height:76px}.brand img{width:34px;height:34px}.brand{font-size:21px}.hero{padding-top:34px}.hero-grid{grid-template-columns:1fr;row-gap:22px}.hero h1{grid-column:1;grid-row:1;font-size:51px;padding:0;letter-spacing:-2px}.hero-emblem{grid-column:1;grid-row:2;justify-self:center;width:100%;max-width:300px;padding:0}.hero-aside{grid-column:1;grid-row:3;max-width:100%}.hero-emblem>span{margin-top:8px}.download-details{border-color:#796047}.hero-rule{margin-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pricing{padding-block:10px 90px}.billing-options{display:flex;gap:7px;margin-bottom:28px;flex-wrap:wrap}.billing-options button{cursor:pointer;background:#22211f;color:var(--muted);border:1px solid #675039;padding:13px 18px;border-radius:4px}.billing-options button[aria-pressed=true]{background:#e0ae6e;color:#21170f}.billing-options span{font-size:10px;margin-left:8px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.price-card{position:relative;background:#1c1d1e;border:1px solid #514335;border-radius:6px;padding:30px 25px;display:flex;flex-direction:column}.price-card.featured{background:linear-gradient(145deg,#382a1e,#1d1e20);border-color:#d5a062}.plan-ribbon{font:9px Consolas,monospace;letter-spacing:1px;color:#23170d;background:#e0ae6e;position:absolute;top:-13px;left:20px;padding:6px 10px;border-radius:3px}.price-card h3{font:36px Georgia,serif;margin:18px 0 5px}.plan-audience{font-size:13px;color:var(--muted);line-height:1.7;min-height:38px}.plan-price{font-size:41px;font-weight:600;letter-spacing:-1.5px;margin:20px 0 8px}.plan-price small{font-size:12px;color:var(--muted);letter-spacing:0;font-weight:400}.billing-detail{font-size:11px;color:#d8b88e;line-height:1.6;min-height:34px;margin:0}.price-card ul{padding-left:18px;font-size:13px;line-height:1.8;color:#d2c7b9;margin:24px 0 30px;flex:1}.price-card li{margin-bottom:9px}.outline{background:transparent;color:#edbf85;border:1px solid #9d7546}.outline:hover{background:#403021}.plan-footnote{font-size:10px;color:var(--muted);line-height:1.7;margin:13px 0 0}.pricing-note{font-size:12px;line-height:1.9;color:var(--muted);margin:24px 0 0;max-width:1000px}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.price-card{padding:28px}.plan-audience,.billing-detail{min-height:0}.pricing{padding-bottom:50px}.price-card.featured{margin-top:10px}.price-card ul{margin-block:18px}}