@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&family=Inter:wght@400;500;600&display=swap');
:root{
  --carbon:#111316; --graphite:#1B1E22; --steel:#565C64; --steel-light:#8A9099;
  --off-white:#F2F0EA; --amber:#C9A227; --amber-soft:rgba(201,162,39,.14);
  --line:rgba(242,240,234,.12);
  --font-head:'Manrope',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--carbon); color:var(--off-white); font-family:var(--font-body); line-height:1.6; -webkit-font-smoothing:antialiased;}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important;}}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1120px; margin:0 auto; padding:0 24px;}
h1,h2,h3{font-family:var(--font-head); font-weight:700; letter-spacing:-.01em; color:var(--off-white);}
p{color:var(--steel-light); max-width:64ch;}
section{padding:88px 0; border-top:1px solid var(--line);}
.eyebrow{color:var(--amber); font-size:.85rem; font-weight:600; margin-bottom:10px;}

header.site{position:sticky; top:0; z-index:20; background:rgba(17,19,22,.9); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
header.site .bar{display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:1120px; margin:0 auto;}
.logo{font-family:var(--font-head); font-weight:800; font-size:1.15rem;}
.logo span{color:var(--amber);}
nav.main a{margin-left:24px; font-size:.9rem; color:var(--steel-light);}
nav.main a:hover, nav.main a.active{color:var(--off-white);}
.btn{display:inline-block; padding:12px 22px; border-radius:2px; font-weight:600; font-size:.9rem; cursor:pointer; border:1px solid transparent;}
.btn-primary{background:var(--amber); color:#171410;}
.btn-ghost{border-color:var(--line); color:var(--off-white);}
.btn-ghost:hover{border-color:var(--amber);}

.page-hero{padding:64px 0 48px; border-top:none;}
.page-hero h1{font-size:clamp(1.9rem,4vw,2.8rem); line-height:1.15; margin-bottom:16px;}
.page-hero p.lead{font-size:1.05rem; max-width:60ch;}
.crumb{font-size:.8rem; color:var(--steel); margin-bottom:16px;}
.crumb a{color:var(--steel-light);} .crumb a:hover{color:var(--amber);}

.notice{border-left:2px solid var(--amber); padding:14px 18px; background:var(--amber-soft); font-size:.88rem; color:var(--off-white); max-width:60ch; margin-top:24px;}

.two-col{display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:start;}
.two-col p{margin-top:14px;}

.scenarios{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:36px;}
.scenario{background:var(--carbon); padding:28px;}
.scenario h3{font-size:1.02rem; margin-bottom:10px;}

.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:36px;}
.grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:36px;}
.cell{background:var(--carbon); padding:26px; font-size:.92rem;}
.cell h3, .cell h4{font-size:1rem; margin-bottom:8px; color:var(--off-white);}
.cell .tag{color:var(--amber); font-size:.76rem; display:block; margin-bottom:8px;}

.process{margin-top:36px;}
.step{display:grid; grid-template-columns:52px 1fr; gap:20px; padding:20px 0; border-top:1px solid var(--line);}
.step:last-child{border-bottom:1px solid var(--line);}
.step .num{font-family:var(--font-head); color:var(--amber); font-weight:700;}
.step h3{font-size:1rem; margin-bottom:6px;}
.step p{font-size:.93rem;}

.trust-list{list-style:none; margin-top:18px; display:grid; gap:12px;}
.trust-list li{padding-left:20px; position:relative; color:var(--off-white); font-size:.96rem;}
.trust-list li::before{content:"—"; position:absolute; left:0; color:var(--amber);}

.faq{margin-top:8px; border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-item summary{padding:18px 0; cursor:pointer; font-weight:600; color:var(--off-white); font-size:.96rem; list-style:none; display:flex; justify-content:space-between; gap:20px;}
.faq-item summary::after{content:"+"; color:var(--amber); font-size:1.2rem;}
.faq-item[open] summary::after{content:"–";}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item p{padding-bottom:18px; font-size:.93rem;}

.cta-band{background:var(--graphite); padding:56px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.cta-band .wrap{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;}

form.eval{margin-top:22px; display:grid; gap:14px; grid-template-columns:1fr 1fr;}
form.eval .full{grid-column:1/-1;}
form.eval label{font-size:.8rem; color:var(--steel-light); display:block; margin-bottom:6px;}
form.eval input, form.eval select, form.eval textarea{width:100%; background:var(--carbon); border:1px solid var(--line); color:var(--off-white); padding:11px 12px; font-family:var(--font-body); font-size:.92rem; border-radius:2px;}
form.eval input:focus, form.eval select:focus, form.eval textarea:focus{outline:2px solid var(--amber); outline-offset:1px;}
.form-note{grid-column:1/-1; font-size:.82rem; color:var(--steel);}

footer{padding:52px 0 36px;}
.foot-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:32px;}
.foot-grid h4{color:var(--off-white); font-size:.8rem; margin-bottom:14px;}
.foot-grid a{display:block; color:var(--steel-light); margin-bottom:8px; font-size:.88rem;}
.foot-grid a:hover{color:var(--amber);}
.foot-bottom{margin-top:36px; padding-top:18px; border-top:1px solid var(--line); color:var(--steel); font-size:.82rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}

@media (max-width:860px){
  .two-col, .scenarios, .grid-3, .grid-2{grid-template-columns:1fr;}
  form.eval{grid-template-columns:1fr;}
  .foot-grid{grid-template-columns:1fr 1fr;}
  nav.main{display:none;}
}
