/* CivilForge / Forge editorial system / 2026-10-13 */
:root{--coal:#101213;--panel:#191c1e;--edge:#393630;--gold:#e5b16f;--ink:#f1ede5;--muted:#b2b4af;--cyan:#79ccce}
body{background:var(--coal)}body:before{height:1100px;background:radial-gradient(ellipse at 85% 32%,#985b1620,transparent 52%)}
.shell{max-width:1440px;padding-inline:clamp(24px,4vw,64px)}.nav{height:82px;gap:18px}.nav nav{gap:26px}.brand{color:var(--ink);font-size:23px}.brand img{width:38px;height:38px}.header{background:#101213f2;border-color:#ffffff12}.nav .small{font-size:12px;padding:13px 17px}
.button{min-height:46px;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.dark,.mint{background:var(--gold);box-shadow:inset 0 1px #ffe0a8;color:#19140e}.eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.8}.text-link{font-size:13px;line-height:1.5;border-bottom:1px solid #827057;padding-bottom:7px}.text-link span{margin-left:12px;color:var(--gold)}
.forge-hero{display:grid;grid-template-columns:1fr 1.06fr;gap:clamp(25px,4vw,66px);padding-block:82px 66px;align-items:center}.hero-copy h1{font:400 clamp(56px,5.6vw,86px)/.99 Georgia,'Times New Roman',serif;letter-spacing:-3.4px;margin:24px 0}.hero-copy h1 em{font-style:normal;color:var(--gold)}.hero-lead{font-size:16px;line-height:1.85;color:var(--muted);max-width:490px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:29px 0 16px}.hero-actions .button{font-size:13px;padding:17px 20px}.hero-assurance{font-size:11px;color:#b5b8b1;line-height:1.8}.hero-assurance span{margin:0 6px;color:#756951}.craft-signature{display:flex;gap:12px;align-items:center;margin-top:33px}.craft-signature img{object-fit:contain;width:54px;height:54px}.craft-signature span{font:9px/1.9 Consolas,monospace;letter-spacing:1px;color:#b7a07d}.craft-signature strong{font:12px/1.7 'Segoe UI',sans-serif;letter-spacing:0;color:#c7c4bc}
.hero-stage{position:relative;padding:34px 0 16px;isolation:isolate}.hero-stage:before{content:'';position:absolute;z-index:-1;inset:-45px -24px;border:1px solid #b5915b26;background:radial-gradient(ellipse,#6a49141f,transparent 70%);clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,6% 100%,0 93%)}.stage-label{font:9px Consolas,monospace;letter-spacing:1px;display:flex;justify-content:space-between;gap:12px;color:#cbb490;border:1px solid #5b4c37;background:#22211e;padding:15px 13px}.stage-label .status-dot{width:5px;height:5px;margin-right:8px}.stage-surface{border:1px solid #5b4c37;border-top:0;overflow:hidden;box-shadow:0 24px 55px #0006}.stage-surface img{width:100%;height:auto;display:block}.stage-caption{display:flex;justify-content:space-between;align-items:center;padding:22px 0 15px;gap:15px}.stage-caption>span{font:20px/1.4 Georgia,serif;color:#e4dfd4}.stage-caption strong{font-weight:400;color:var(--gold)}.stage-caption a{font:10px Consolas,monospace;border:1px solid #6b5639;padding:12px;white-space:nowrap}.stage-caption a:hover{background:#33291d}.stage-note{font:9px/1.8 Consolas,monospace;color:#b1b2a7;margin:0}.stage-grid{display:flex;justify-content:space-between;position:absolute;inset:-30px 0 auto;pointer-events:none;font:10px Consolas,monospace;color:#967a50}
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff16;padding-block:25px}.proof-strip>div{display:grid;grid-template-columns:30px 1fr;gap:5px 10px;padding:5px 25px;border-right:1px solid #ffffff16}.proof-strip>div:first-child{padding-left:0}.proof-strip>div:last-child{border:0}.proof-strip span{grid-row:1/3;color:var(--gold);font:11px Consolas,monospace;padding-top:3px}.proof-strip strong{font-size:13px;font-weight:550}.proof-strip small{font-size:11px;color:var(--muted);line-height:1.7}
h2{font:400 clamp(32px,3.3vw,47px)/1.1 Georgia,serif;letter-spacing:-1.5px}.product{padding-top:90px}.product-heading p,.section-heading>p{max-width:385px;font-size:14px}.tour-tabs{border-radius:4px 4px 0 0;background:#1c1f20;border-color:#ffffff20}.tour-tabs button{min-height:45px}.screen-frame{border-color:#6b5436;box-shadow:0 25px 80px #0007}.screen-caption{line-height:1.7}.principles{padding-block:60px 80px;gap:40px}.principles h3{font-size:19px}.principles>div{border-top:1px solid #5a4934;padding-top:22px}.workflow{padding-block:75px;background:#181a1b;border-color:#ffffff12}.workflow-grid article{background:#1e2021;border-color:#ffffff1a}.workflow-grid h3{font-family:Georgia,serif;font-size:27px}.local{gap:65px;padding-block:85px}.local-art{background:#171c1d;color:#8d704b}.local-copy>p{font-size:15px}
.automation{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:5px 95px}.automation-copy>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:490px}.automation ul{padding:0;list-style:none;font-size:13px;line-height:2.4;color:#d3d7d1}.automation-copy li:before{content:'↗';color:var(--cyan);margin-right:12px}.automation-copy .scope-note{font-size:11px;border-left:2px solid #7a684a;padding-left:14px;line-height:1.8}.automation-preview{border:1px solid #464a45;background:#14191b;box-shadow:0 15px 50px #0003}.console-bar,.console-footer{font:9px/1.7 Consolas,monospace;display:flex;justify-content:space-between;gap:10px;padding:16px 20px;color:#a7afa8;background:#1b2021;border-bottom:1px solid #ffffff15}.console-dots{color:#807057;letter-spacing:3px;white-space:nowrap}.prompt-choices{display:flex;gap:8px;padding:23px 24px 0}.prompt-choices button{font-size:12px;padding:10px 16px;border:1px solid #414c4b;border-radius:3px;color:#bbc4c0;background:transparent;cursor:pointer}.prompt-choices button[aria-pressed=true]{background:#254245;color:#b7edef;border-color:#539899}.prompt-body{padding:14px 26px 26px;min-height:280px}.prompt-label{font:9px Consolas,monospace;color:#9bb7b6;letter-spacing:1.3px}.prompt-text{font:24px/1.45 Georgia,serif;color:#f0e8da;min-height:104px;margin:18px 0}.prompt-body ol{font-size:12px;line-height:2.1;color:#b6c1ba;padding-left:18px}.console-footer{border-top:1px solid #ffffff15;border-bottom:0;color:#8bb7b4;letter-spacing:1px}
.pricing{padding-block:30px 85px;border-top:1px solid #ffffff17}.price-card{padding:32px 27px;border-radius:4px;background:#191c1d;border-color:#ffffff24}.price-card.featured{background:linear-gradient(145deg,#3b2c1d,#1c1e1f 75%);border-color:#bb8c50;box-shadow:0 15px 50px #0003}.price-card .plan-price{font-size:45px}.price-card ul{font-size:13px;line-height:1.8}.plan-footnote{font-size:11px}.pricing-note{font-size:12px;color:#b9b6ae}.billing-options button{min-height:45px}.billing-options span{padding:3px 7px;border-radius:3px;background:#a5783c28;font-size:10px}.billing-detail{font-size:12px}
.download{max-width:1312px;background:radial-gradient(ellipse at 0 0,#8b5c2738,transparent 80%),#211e19;gap:65px}.download h2{font-family:Georgia,serif}.faq{gap:70px}.faq h2{font-size:38px}.faq summary{min-height:30px;align-items:center;line-height:1.6}.footer{padding-block:30px}.footer a{min-height:28px;display:inline-flex;align-items:center}.starter{margin-block:0 80px;display:grid;grid-template-columns:1fr 1.15fr;gap:55px;padding-block:35px;border-block:1px solid #ffffff1a}.starter p{color:var(--muted);font-size:14px;line-height:1.8}.starter h3{font:30px/1.2 Georgia,serif;margin:12px 0}.starter-list{list-style:none;padding:0;display:grid;gap:15px;font-size:13px;line-height:1.6}.starter-list strong{color:#e0bd8d}.starter .button{margin-top:10px}
.document h1{font-family:Georgia,serif;line-height:1.15}.document{max-width:1050px}.document h2{font-size:30px;margin-top:35px}.document pre{overflow:auto;padding:18px;font-size:12px;line-height:1.8}.document a:not(.button){text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.nav nav{gap:18px}.forge-hero{grid-template-columns:1fr 1fr;gap:30px;padding-block:65px}.hero-copy h1{font-size:64px}.hero-lead{font-size:14px}.hero-stage:before{inset:-40px -12px}.hero-actions{gap:15px}.stage-label{font-size:8px}.automation{gap:35px}.prompt-text{font-size:21px}.proof-strip>div{padding-inline:16px}}
@media(max-width:800px){.forge-hero{grid-template-columns:1fr;padding-top:45px;gap:55px}.hero-copy h1{font-size:76px}.hero-copy{max-width:620px}.hero-lead{font-size:16px;max-width:570px}.hero-stage{max-width:650px;width:100%;justify-self:center}.hero-stage:before{inset:-20px -10px}.stage-grid{inset:-12px 0 auto}.stage-surface img{width:100%}.stage-caption>span{font-size:25px}.proof-strip{gap:14px}.proof-strip>div{display:flex;flex-direction:column;padding:0 14px}.proof-strip small{font-size:10px}.automation{grid-template-columns:1fr;gap:28px;padding-bottom:65px}.automation-copy>p{max-width:650px}.prompt-body{min-height:0}.prompt-text{min-height:65px}.starter{gap:30px}.local{gap:35px}.nav nav{gap:15px}.nav nav a{font-size:12px}.nav .small{padding:11px 13px}.brand{font-size:21px}}
@media(max-width:700px){.shell{padding-inline:24px}.nav{height:72px;gap:10px}.nav nav{display:none}.brand img{width:34px;height:34px}.nav .small{font-size:11px;gap:6px}.nav .small>span{margin-left:0}.forge-hero{padding-top:33px;padding-bottom:40px;gap:37px}.hero-copy h1{font-size:62px;letter-spacing:-2.5px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.2px}.hero-lead{font-size:14px}.hero-assurance{font-size:10px}.craft-signature{margin-top:24px}.hero-actions{gap:20px}.hero-stage{padding-top:20px}.stage-label{font-size:8px;letter-spacing:.5px;padding:12px 9px}.stage-caption>span{font-size:22px}.stage-note{font-size:8px}.proof-strip{grid-template-columns:1fr;padding-block:10px;gap:0}.proof-strip>div,.proof-strip>div:first-child{display:grid;grid-template-columns:26px 1fr;border:0;padding:14px 0;gap:4px 8px}.proof-strip>div+div{border-top:1px solid #ffffff0c}.proof-strip span{grid-row:1/3}.proof-strip small{font-size:11px}.product{padding-top:52px}.screen-caption{flex-direction:column;gap:5px}.screen-caption>span{white-space:normal}.principles{gap:25px;padding-block:40px 50px}.workflow{padding-block:50px}.automation{padding-bottom:50px}.console-bar{padding:12px;font-size:8px}.prompt-body{padding:12px 20px 24px}.prompt-text{font-size:23px}.pricing{padding-top:20px}.price-card .eyebrow{font-size:10px}.starter{grid-template-columns:1fr;margin-bottom:50px;gap:10px}.download{margin-inline:15px;padding-inline:25px;gap:30px}.download h2{font-size:42px}.footer>div{flex-wrap:wrap;justify-content:flex-start;gap:15px 24px}.faq{gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media(max-width:700px){.hero-copy h1{font-size:clamp(45px,13.3vw,62px)}.nav{min-height:72px;height:auto;flex-wrap:wrap;padding-block:12px;gap:14px}.nav nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;gap:12px;padding:5px 0 0}.nav nav a{font-size:12px;min-height:28px}.forge-hero{padding-top:27px}.hero-stage:before{inset:-12px -6px}}
