/* realitysolver.ai — segregated. Solve for reality. */
:root{
  --bg:#070809; --bg2:#0B0D11; --panel:#0E1116; --panel2:#11151B;
  --line:rgba(236,231,221,.09); --line-strong:rgba(236,231,221,.16);
  --bone:#ECE7DD; --bone-dim:#A8A394; --muted:#6E6A5E;
  --gold:#CBA85C; --gold-bright:#E6C273; --violet:#7C68B0;
  --serif:"Fraunces",Georgia,serif; --sans:"Inter",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --maxw:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--bone); font-family:var(--sans);
  font-size:17px; line-height:1.6; font-weight:400; letter-spacing:.005em;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px}
a{color:inherit; text-decoration:none}
::selection{background:var(--gold); color:#0a0a0a}

/* nav */
nav{position:sticky; top:0; z-index:50; backdrop-filter:blur(14px);
  background:rgba(7,8,9,.72); border-bottom:1px solid var(--line)}
nav .wrap{display:flex; align-items:center; justify-content:space-between; height:68px}
.mark{font-family:var(--mono); font-weight:600; letter-spacing:.34em; font-size:14px; color:var(--bone)}
.mark b{color:var(--gold); font-weight:600}
.navcta{font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--bone-dim);
  border:1px solid var(--line-strong); padding:9px 16px; border-radius:2px; transition:.25s}
.navcta:hover{border-color:var(--gold); color:var(--gold-bright)}

/* hero */
header{position:relative; padding:120px 0 96px; overflow:hidden}
header::before{content:""; position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(120% 90% at 78% 8%, rgba(124,104,176,.16), transparent 55%),
    radial-gradient(90% 70% at 12% 100%, rgba(203,168,92,.10), transparent 60%);
  animation:drift 16s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,-12px,0) scale(1.04)}}
header .wrap{position:relative; z-index:1; max-width:980px}
.eyebrow{font-family:var(--mono); font-size:12.5px; letter-spacing:.42em; text-transform:uppercase;
  color:var(--gold); margin-bottom:30px}
h1{font-family:var(--serif); font-weight:340; font-size:clamp(38px,6.2vw,72px); line-height:1.04;
  letter-spacing:-.015em; max-width:16ch}
h1 em{font-style:italic; color:var(--bone)}
.sub{margin-top:30px; font-size:clamp(18px,2.1vw,21px); line-height:1.62; color:var(--bone-dim); max-width:62ch}
.sub b{color:var(--bone); font-weight:500}
.trust{display:flex; gap:14px; flex-wrap:wrap; margin-top:38px}
.trust span{font-family:var(--mono); font-size:12.5px; letter-spacing:.06em; color:var(--bone-dim);
  border:1px solid var(--line); padding:8px 14px; border-radius:2px; background:rgba(255,255,255,.012)}
.trust span b{color:var(--gold-bright); font-weight:500}
.cta-row{display:flex; gap:16px; flex-wrap:wrap; margin-top:44px; align-items:center}
.btn{font-size:15px; letter-spacing:.02em; padding:15px 28px; border-radius:3px; transition:.25s; font-weight:500}
.btn-primary{background:var(--gold); color:#0a0a0a; font-weight:600}
.btn-primary:hover{background:var(--gold-bright); transform:translateY(-1px)}
.btn-ghost{border:1px solid var(--line-strong); color:var(--bone-dim)}
.btn-ghost:hover{border-color:var(--bone-dim); color:var(--bone)}

/* sections */
section{padding:92px 0; border-top:1px solid var(--line); position:relative}
.tag{font-family:var(--mono); font-size:12px; letter-spacing:.34em; text-transform:uppercase;
  color:var(--muted); margin-bottom:26px}
h2{font-family:var(--serif); font-weight:360; font-size:clamp(28px,4vw,46px); line-height:1.1;
  letter-spacing:-.01em; max-width:20ch}
h2 em{font-style:italic; color:var(--gold-bright)}
.lede{font-size:20px; line-height:1.6; color:var(--bone-dim); max-width:60ch; margin-top:24px}
.lede b{color:var(--bone); font-weight:500}
p.body{color:var(--bone-dim); max-width:58ch; margin-top:18px}

/* the comparable — full-bleed statement */
.statement{background:linear-gradient(180deg,var(--bg),var(--bg2)); text-align:left}
.statement .big{font-family:var(--serif); font-weight:300; font-style:italic;
  font-size:clamp(28px,4.4vw,50px); line-height:1.18; letter-spacing:-.01em; max-width:18ch; color:var(--bone)}
.statement .big::before{content:"“"; color:var(--gold); margin-right:.05em}
.statement .big::after{content:"”"; color:var(--gold)}

/* decision file specimen */
.specimen{background:var(--panel); border:1px solid var(--line-strong); border-radius:6px;
  font-family:var(--mono); font-size:14px; line-height:1.85; margin-top:40px; overflow:hidden}
.specimen .head{display:flex; justify-content:space-between; align-items:center;
  padding:16px 22px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.015);
  font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted)}
.specimen .head .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);display:inline-block;margin-right:8px}
.specimen .rows{padding:10px 0}
.row{display:grid; grid-template-columns:200px 1fr; gap:24px; padding:13px 24px; border-bottom:1px solid rgba(236,231,221,.045)}
.row:last-child{border-bottom:none}
.row .k{color:var(--gold); letter-spacing:.04em}
.row .v{color:var(--bone-dim)}
.row.fulcrum{background:linear-gradient(90deg,rgba(203,168,92,.07),transparent)}
.row.fulcrum .v{color:var(--bone)}
.cap{margin-top:22px; font-size:14.5px; color:var(--muted); max-width:60ch}
.cap b{color:var(--bone-dim); font-weight:500}

/* pipeline */
.pipe{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:44px;
  background:var(--line); border:1px solid var(--line); border-radius:6px; overflow:hidden}
.step{background:var(--panel); padding:30px 28px; transition:.3s}
.step:hover{background:var(--panel2)}
.step .n{font-family:var(--mono); font-size:12px; letter-spacing:.2em; color:var(--gold); display:block; margin-bottom:14px}
.step h3{font-family:var(--serif); font-weight:420; font-size:23px; letter-spacing:-.01em; margin-bottom:10px}
.step p{color:var(--bone-dim); font-size:15.5px; line-height:1.55}

/* edge stats */
.stats{display:flex; gap:48px; flex-wrap:wrap; margin-top:46px; padding-top:36px; border-top:1px solid var(--line)}
.stat{min-width:150px}
.stat .num{font-family:var(--serif); font-size:clamp(34px,5vw,52px); font-weight:340; color:var(--gold-bright); line-height:1}
.stat .lab{font-family:var(--mono); font-size:12px; letter-spacing:.08em; color:var(--muted); margin-top:12px; max-width:24ch}
.disclaim{font-family:var(--mono); font-size:11.5px; letter-spacing:.05em; color:var(--muted); margin-top:30px; opacity:.8}

/* verticals */
.verts{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:44px}
.vert{border:1px solid var(--line); border-radius:5px; padding:26px 26px; transition:.3s; background:rgba(255,255,255,.008)}
.vert:hover{border-color:var(--line-strong); transform:translateY(-2px)}
.vert h4{font-family:var(--serif); font-weight:440; font-size:21px; margin-bottom:8px; letter-spacing:-.01em}
.vert p{color:var(--bone-dim); font-size:15px; line-height:1.5}
.verts-more{margin-top:26px; color:var(--muted); font-size:15px; max-width:64ch}
.verts-more b{color:var(--bone-dim); font-weight:500}

/* tiers */
.tiers{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:44px}
.tier{border:1px solid var(--line); border-radius:5px; padding:28px 22px; display:flex; flex-direction:column; min-height:230px}
.tier.feature{border-color:var(--gold); background:linear-gradient(180deg,rgba(203,168,92,.06),transparent)}
.tier .tn{font-family:var(--mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:16px}
.tier h4{font-family:var(--serif); font-weight:440; font-size:24px; margin-bottom:14px}
.tier p{color:var(--bone-dim); font-size:14.5px; line-height:1.55; flex:1}
.dial-note{margin-top:30px; font-family:var(--mono); font-size:13px; letter-spacing:.04em; color:var(--muted); text-align:center}

/* two doors */
.doors{display:grid; grid-template-columns:1.3fr 1fr; gap:22px; margin-top:44px}
.door{border:1px solid var(--line); border-radius:6px; padding:38px 34px}
.door.primary{border-color:var(--line-strong); background:linear-gradient(180deg,var(--panel),var(--bg))}
.door .dl{font-family:var(--mono); font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); margin-bottom:16px}
.door h3{font-family:var(--serif); font-weight:380; font-size:28px; letter-spacing:-.01em; margin-bottom:12px}
.door p{color:var(--bone-dim); margin-bottom:24px}

/* closing */
.closing{text-align:center; padding:120px 0; background:radial-gradient(80% 120% at 50% 0%,rgba(124,104,176,.10),transparent 60%)}
.closing h2{margin:0 auto; max-width:22ch}
.closing .cta-row{justify-content:center; margin-top:40px}

/* footer */
footer{border-top:1px solid var(--line); padding:48px 0 60px}
footer .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px}
footer .fl{font-family:var(--mono); font-size:13px; letter-spacing:.06em; color:var(--muted)}
footer .fl b{color:var(--bone-dim); letter-spacing:.3em; font-weight:600}
footer a.mailto{color:var(--gold); font-family:var(--mono); font-size:13px; letter-spacing:.04em}
footer a.mailto:hover{color:var(--gold-bright)}

@media(max-width:820px){
  .pipe,.verts,.tiers,.doors{grid-template-columns:1fr}
  .row{grid-template-columns:1fr; gap:4px}
  .row .k{font-size:12px}
  header{padding:84px 0 64px}
  section{padding:68px 0}
  .stats{gap:32px}
}

/* faq */
.faq{margin-top:40px; border-top:1px solid var(--line)}
.qa{padding:26px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:minmax(220px,1fr) 1.6fr; gap:34px}
.qa .q{font-family:var(--serif); font-weight:440; font-size:21px; letter-spacing:-.01em; color:var(--bone)}
.qa .a{color:var(--bone-dim); font-size:16px; line-height:1.62}
@media(max-width:820px){ .qa{grid-template-columns:1fr; gap:10px} }