@font-face { font-family: Archivo; src: url('/fonts/Archivo-Variable.ttf') format('truetype'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Archivo Black'; src: url('/fonts/ArchivoBlack-Regular.ttf') format('truetype'); font-weight: 900; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/fonts/JetBrainsMono-Variable.ttf') format('truetype'); font-weight: 100 800; font-display: swap; }

:root { --graphite:#131512; --moss:#1d201a; --bone:#edefe8; --acid:#b4ff39; --coral:#ff6b4a; --muted:rgba(237,239,232,.64); --dim:rgba(237,239,232,.42); --line:rgba(237,239,232,.14); --line-strong:rgba(237,239,232,.27); --display:'Archivo Black',Arial,sans-serif; --body:Archivo,Arial,sans-serif; --mono:'JetBrains Mono',monospace; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--graphite); color:var(--bone); font:400 16px/1.5 var(--body); }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
h1,h2,h3,p { overflow-wrap:anywhere; }
.shell { width:min(1180px,calc(100% - 64px)); margin-inline:auto; }
.eyebrow { display:flex; align-items:center; gap:9px; margin:0; color:var(--muted); font:700 10px/1.2 var(--mono); letter-spacing:.13em; }
.eyebrow i { width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 4px rgba(180,255,57,.1); }

.topline { border-bottom:1px solid var(--line); }
.nav { min-height:89px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:11px; width:max-content; font:900 18px/1 var(--display); letter-spacing:-.06em; }
.brand img { width:42px; height:24px; object-fit:cover; object-position:center; }
.nav>p { margin:0; color:var(--muted); font:600 9px/1.3 var(--mono); letter-spacing:.12em; text-align:center; }
.nav>p i { display:inline-block; width:4px; height:4px; margin:0 7px 2px; background:var(--acid); border-radius:50%; }
.nav-link { justify-self:end; padding:8px 0; border-bottom:1px solid var(--line-strong); font:700 10px/1.3 var(--mono); letter-spacing:.08em; }
.nav-link:hover { border-color:var(--acid); color:var(--acid); }
.nav-link span { color:var(--acid); font-size:15px; }

.hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.7fr); align-items:center; gap:clamp(54px,9vw,132px); min-height:700px; padding-block:76px; }
.hero-copy h1,.section-heading h2,.management h2,.terms h2,.closing h2 { margin:20px 0 0; font:900 clamp(56px,7.35vw,96px)/.88 var(--display); letter-spacing:-.08em; }
h1 em,h2 em,h3 em { color:var(--acid); font-style:normal; }
.lead { max-width:590px; margin:29px 0 0; color:var(--muted); font-size:clamp(17px,1.75vw,22px); line-height:1.48; }
.hero-actions { display:flex; align-items:center; gap:23px; margin-top:39px; }
.primary { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:53px; padding:0 18px; background:var(--acid); color:var(--graphite); font:800 11px/1.1 var(--mono); letter-spacing:.04em; text-transform:uppercase; transition:transform .18s ease,background .18s ease; }
.primary:hover { transform:translateY(-2px); background:var(--bone); }
.primary span { font-size:18px; }
.hero-actions p { margin:0; padding-left:22px; border-left:1px solid var(--line); color:var(--dim); font-size:12px; line-height:1.45; }
.hero-actions p b { color:var(--bone); }

.discount-card { position:relative; overflow:hidden; border:1px solid var(--line-strong); background:var(--moss); }
.discount-card::before { content:''; position:absolute; inset:auto -20% -36% 22%; height:75%; background:url('https://solversai.com/eyes.webp') center/cover no-repeat; opacity:.14; filter:grayscale(1) contrast(1.2); transform:rotate(-7deg); }
.card-top,.save-line { position:relative; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 19px; border-bottom:1px solid var(--line); font:600 9px/1.2 var(--mono); letter-spacing:.13em; }
.card-top { color:var(--muted); }
.card-top b { color:var(--acid); }
.discount-copy { position:relative; padding:34px 25px 31px; }
.discount-copy p,.plan-label { margin:0; color:var(--acid); font:700 10px/1.2 var(--mono); letter-spacing:.12em; }
.discount-copy h2 { margin:17px 0 0; font:900 clamp(37px,4vw,56px)/.92 var(--display); letter-spacing:-.075em; }
.discount-copy em { color:var(--acid); font-style:normal; }
.price-stack { position:relative; display:grid; grid-template-columns:.75fr 1.25fr; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.price-stack>div { min-height:117px; padding:20px; }
.price-stack>div+div { border-left:1px solid var(--line); }
.price-stack span,.plan-price>p,.hosting>span,.monthly>span,.commission>span { display:block; color:var(--muted); font:600 9px/1.35 var(--mono); letter-spacing:.1em; }
.price-stack s { display:block; margin-top:11px; color:var(--coral); font:700 13px/1.1 var(--mono); }
.special-price strong { display:block; margin-top:7px; color:var(--acid); font:900 clamp(31px,3.25vw,44px)/.9 var(--display); letter-spacing:-.075em; white-space:nowrap; }
.special-price small,.plan-price small { color:var(--muted); font:600 9px/1 var(--mono); letter-spacing:.06em; }
.save-line { border-bottom:0; color:var(--muted); }
.save-line b { color:var(--acid); font:700 13px/1 var(--mono); }
.save-line i { margin-left:7px; color:var(--graphite); background:var(--acid); padding:3px 4px; font-style:normal; font-size:9px; }

.purchase-flow { padding:104px 0; border-block:1px solid var(--line); background:var(--moss); }
.flow-grid { display:grid; grid-template-columns:.73fr 1.27fr; gap:clamp(56px,10vw,150px); align-items:start; }
.flow-title h2 { margin:18px 0 0; font:900 clamp(42px,5vw,67px)/.92 var(--display); letter-spacing:-.07em; }
.flow-title h2 em { color:var(--acid); font-style:normal; }
.flow-steps { border-top:1px solid var(--line); }
.flow-steps article { display:grid; grid-template-columns:48px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid var(--line); }
.flow-steps article>span { color:var(--acid); font:700 10px/1.5 var(--mono); }
.flow-steps h3 { margin:0; font-size:22px; letter-spacing:-.04em; line-height:1.08; }
.flow-steps p { max-width:550px; margin:8px 0 0; color:var(--muted); font-size:14px; line-height:1.5; }

.proposals { padding:132px 0; }
.section-heading { display:grid; grid-template-columns:1fr .46fr; align-items:end; gap:80px; }
.section-heading h2 { font-size:clamp(48px,5.7vw,76px); }
.section-heading>p { max-width:405px; margin:0 0 5px; color:var(--muted); font-size:16px; line-height:1.55; }
.tabs { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:63px; border:1px solid var(--line-strong); background:var(--line); }
.tab { min-height:96px; padding:17px 20px; border:0; background:var(--graphite); color:var(--muted); text-align:left; cursor:pointer; font:700 13px/1.15 var(--body); letter-spacing:-.025em; transition:background .18s ease,color .18s ease; }
.tab span { display:block; margin-bottom:8px; color:var(--dim); font:600 9px/1 var(--mono); letter-spacing:.12em; }
.tab span i { margin-left:7px; color:var(--acid); font-style:normal; }
.tab:hover { color:var(--bone); }
.tab.active { background:var(--moss); color:var(--bone); box-shadow:inset 0 -2px var(--acid); }
.tab.active span { color:var(--acid); }
.plan { display:grid; grid-template-columns:1.2fr .8fr; margin-top:1px; border:1px solid var(--line-strong); background:var(--moss); }
.plan-main { padding:42px; }
.plan-label { display:flex; align-items:center; justify-content:space-between; }
.plan-label b { padding:5px 7px; border:1px solid var(--acid); color:var(--acid); font:600 8px/1 var(--mono); letter-spacing:.1em; }
.plan h3 { margin:24px 0 0; font:900 clamp(45px,5.15vw,70px)/.88 var(--display); letter-spacing:-.08em; }
.plan-intro { max-width:580px; margin:23px 0 0; color:var(--muted); font-size:17px; line-height:1.5; }
.scope-list { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; margin:35px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.scope-list li { position:relative; padding:12px 0 12px 17px; border-bottom:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.42; }
.scope-list li::before { content:'+'; position:absolute; left:0; color:var(--acid); font:700 14px/1.25 var(--mono); }
.scope-list b { color:var(--bone); }
.plan-price { display:flex; flex-direction:column; justify-content:center; padding:39px 31px; border-left:1px solid var(--line-strong); background:#20231d; }
.plan-price>p { margin:0; }
.plan-price>s { margin-top:14px; color:var(--coral); font:600 12px/1.3 var(--mono); }
.plan-price>strong { display:block; margin-top:8px; color:var(--acid); font:900 clamp(46px,4.8vw,66px)/.85 var(--display); letter-spacing:-.09em; white-space:nowrap; }
.save-badge { width:max-content; margin-top:16px; padding:6px 7px; color:var(--graphite); background:var(--acid); font:700 9px/1 var(--mono); letter-spacing:.07em; }
.hosting,.monthly,.commission { margin-top:31px; padding-top:17px; border-top:1px solid var(--line); }
.hosting p,.commission p { margin:8px 0 0; color:var(--muted); font-size:12px; line-height:1.48; }
.hosting b,.commission b { color:var(--bone); }
.outline { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:28px; padding:15px 16px; border:1px solid var(--bone); color:var(--bone); font:700 10px/1.1 var(--mono); letter-spacing:.04em; text-transform:uppercase; transition:color .18s ease,background .18s ease; }
.outline:hover { color:var(--graphite); background:var(--bone); }
.outline span { font-size:16px; }
.monthly>b { display:block; margin-top:9px; color:var(--bone); font:900 31px/.9 var(--display); letter-spacing:-.06em; }
.monthly small { color:var(--muted); font:600 9px/1 var(--mono); letter-spacing:.06em; }
.commission { margin-top:23px; }
.commission p { max-width:350px; }
.select { margin-top:27px; }

.management { padding:126px 0; background:var(--bone); color:var(--graphite); }
.management-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(55px,10vw,150px); }
.management .eyebrow { color:rgba(19,21,18,.64); }
.management .eyebrow i { box-shadow:none; }
.management h2 { font-size:clamp(45px,5.2vw,71px); }
.management h2 em,.terms h2 em { color:rgba(19,21,18,.44); }
.management-list { border-top:1px solid rgba(19,21,18,.2); }
.management-list article { padding:25px 0; border-bottom:1px solid rgba(19,21,18,.2); }
.management-list span { color:rgba(19,21,18,.58); font:700 10px/1 var(--mono); letter-spacing:.1em; }
.management-list h3 { margin:10px 0 0; font-size:28px; line-height:1.02; letter-spacing:-.055em; }
.management-list p { max-width:570px; margin:10px 0 0; color:rgba(19,21,18,.65); font-size:14px; line-height:1.5; }

.terms { padding:107px 0; background:var(--moss); }
.terms-grid { display:grid; grid-template-columns:.76fr 1.24fr; gap:clamp(60px,10vw,150px); }
.terms h2 { font-size:clamp(45px,5.2vw,70px); }
.terms h2 em { color:var(--acid); }
.terms-list { border-top:1px solid var(--line); }
.terms-list p { margin:0; padding:20px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:14px; line-height:1.5; }
.terms-list b { color:var(--bone); }

.closing { padding:135px 0 142px; text-align:center; }
.closing .eyebrow { justify-content:center; }
.closing h2 { max-width:930px; margin-inline:auto; font-size:clamp(49px,6.4vw,86px); }
.closing>div>p:not(.eyebrow) { max-width:630px; margin:31px auto 0; color:var(--muted); font-size:17px; line-height:1.55; }
.closing .primary { margin-top:34px; }
footer { border-top:1px solid var(--line); }
footer .shell { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:84px; color:var(--dim); font:600 9px/1.3 var(--mono); letter-spacing:.1em; }
.footer-brand { display:inline-flex; align-items:center; gap:9px; color:var(--bone); font:900 14px/1 var(--display); letter-spacing:-.05em; }
.footer-brand img { width:32px; height:18px; object-fit:cover; }

@media (max-width:900px) {
  .shell { width:min(720px,calc(100% - 40px)); }
  .nav { grid-template-columns:1fr auto; }
  .nav>p { display:none; }
  .hero,.flow-grid,.section-heading,.plan,.management-grid,.terms-grid { grid-template-columns:1fr; }
  .hero { min-height:auto; gap:47px; padding-block:62px; }
  .discount-card { max-width:560px; width:100%; }
  .purchase-flow,.proposals,.management,.terms { padding:84px 0; }
  .flow-grid,.management-grid,.terms-grid { gap:48px; }
  .section-heading { gap:27px; }
  .section-heading>p { max-width:610px; }
  .plan-price { border-top:1px solid var(--line-strong); border-left:0; }
  .plan-price>strong { font-size:59px; }
}
@media (max-width:560px) {
  .shell { width:calc(100% - 30px); }
  .nav { min-height:70px; }
  .brand img { width:35px; height:20px; }
  .brand { font-size:16px; }
  .nav-link { font-size:8px; }
  .hero { padding-block:48px; }
  .hero-copy h1 { font-size:clamp(48px,14vw,68px); }
  .lead { margin-top:24px; font-size:17px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:18px; margin-top:31px; }
  .hero-actions p { padding-top:13px; padding-left:0; border-top:1px solid var(--line); border-left:0; }
  .discount-copy { padding:29px 20px 27px; }
  .price-stack { grid-template-columns:1fr; }
  .price-stack>div { min-height:auto; }
  .price-stack>div+div { border-top:1px solid var(--line); border-left:0; }
  .special-price strong,.plan-price>strong { white-space:normal; }
  .purchase-flow,.proposals,.management,.terms { padding:68px 0; }
  .flow-steps article { grid-template-columns:36px 1fr; gap:11px; }
  .flow-steps h3 { font-size:20px; }
  .section-heading h2,.management h2,.terms h2 { font-size:42px; }
  .tabs { grid-template-columns:1fr; margin-top:43px; }
  .tab { min-height:78px; }
  .plan-main { padding:27px 20px; }
  .plan h3 { font-size:48px; }
  .plan-intro { font-size:16px; }
  .scope-list { grid-template-columns:1fr; gap:0; margin-top:27px; }
  .plan-price { padding:29px 20px; }
  .plan-price>strong { font-size:51px; }
  .management-list h3 { font-size:25px; }
  .closing { padding:83px 0; text-align:left; }
  .closing .eyebrow { justify-content:flex-start; }
  .closing h2 { margin-left:0; }
  .closing>div>p:not(.eyebrow) { margin-left:0; }
  footer .shell { align-items:flex-start; flex-direction:column; gap:9px; padding-block:21px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .primary,.outline { transition:none; } }