/* ===== BreadWinner AI — one-page site ===== */
:root{
  --navy-950:#070f1b;
  --navy-900:#0a1422;
  --navy-850:#0c1a2c;
  --navy-800:#0f2138;
  --navy-700:#15314f;
  --line:rgba(120,160,210,.16);
  --gold:#f0b54a;
  --gold-2:#e0a43a;
  --blue:#3da9e0;
  --blue-2:#4cb8e8;
  --ink:#eaf1fa;
  --mut:#9bb0c9;
  --mut-2:#6f86a3;
  --radius:18px;
  --maxw:1140px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--navy-900);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3{font-family:'Sora','Inter',sans-serif;line-height:1.12;margin:0;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.grad{
  background:linear-gradient(95deg,var(--gold) 0%,var(--blue-2) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ---- buttons ---- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-weight:700;font-size:.95rem;padding:.8rem 1.4rem;border-radius:999px;
  transition:transform .15s ease,box-shadow .2s ease,background .2s ease;
  cursor:pointer;border:1px solid transparent;white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn-gold{
  background:linear-gradient(180deg,var(--gold) 0%,var(--gold-2) 100%);
  color:#221805;box-shadow:0 10px 30px -8px rgba(240,181,74,.55);
}
.btn-ghost{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{background:rgba(255,255,255,.08)}
.btn-lg{padding:1rem 1.8rem;font-size:1.02rem}
.btn-block{width:100%}

/* ---- nav ---- */
.nav{position:sticky;top:0;z-index:50;
  background:rgba(8,16,28,.72);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:.6rem 1.4rem;
  display:flex;align-items:center;gap:1.5rem}
.brand-text{font-family:'Sora','Inter',sans-serif;font-weight:800;font-size:1.3rem;
  letter-spacing:-.02em;color:var(--ink);line-height:1}
.brand-ai{color:var(--gold);margin-left:.3rem}
.nav-links{display:flex;gap:1.6rem;margin-left:auto;font-size:.92rem;color:var(--mut)}
.nav-links a:hover{color:var(--ink)}
.nav-cta{padding:.55rem 1.1rem;font-size:.9rem}

/* ---- risk warning bar ---- */
.riskbar{background:rgba(220,70,55,.10);border-bottom:1px solid rgba(220,70,55,.28)}
.riskbar p{max-width:var(--maxw);margin:0 auto;padding:.6rem 1.4rem;
  font-size:.8rem;line-height:1.5;color:#e7b6ae;text-align:center}
.riskbar strong{color:#f2a59b}
.riskbar-bottom{border-bottom:0;border-top:1px solid rgba(220,70,55,.28)}

/* ---- dashboard caption ---- */
.dash-cap{text-align:center;color:var(--mut-2);font-size:.78rem;font-style:italic;margin:.7rem 0 0}

/* ---- hero ---- */
.hero{position:relative;text-align:center;padding:4.5rem 1.4rem 4rem;overflow:hidden;
  background:
    radial-gradient(1200px 600px at 50% -10%,rgba(61,169,224,.20),transparent 60%),
    radial-gradient(900px 500px at 50% 0%,rgba(240,181,74,.10),transparent 55%),
    linear-gradient(180deg,var(--navy-950),var(--navy-900));
}
.hero-glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(600px 300px at 50% 30%,rgba(76,184,232,.12),transparent 70%)}
.hero-inner{position:relative;max-width:880px;margin:0 auto}
.badge{display:inline-flex;align-items:center;gap:.55rem;
  font-size:.82rem;font-weight:600;color:var(--mut);
  border:1px solid var(--line);background:rgba(255,255,255,.03);
  padding:.45rem 1rem;border-radius:999px;margin-bottom:1.8rem}
.badge .dot{width:8px;height:8px;border-radius:50%;
  background:var(--blue-2);box-shadow:0 0 10px var(--blue-2);
  animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hero-logo{width:min(460px,80%);margin:0 auto 1.5rem;
  filter:drop-shadow(0 20px 50px rgba(0,0,0,.5))}
.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1.2rem}
.hero-sub{font-size:1.1rem;color:var(--mut);max-width:680px;margin:0 auto 2rem}
.hero-sub strong{color:var(--ink);font-weight:600}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}
.hero-trust{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap;
  font-size:.9rem;color:var(--mut-2)}
.hero-trust span{white-space:nowrap}

/* ---- spec strip ---- */
.specs{max-width:var(--maxw);margin:1.6rem auto 0;padding:0 1.4rem;
  display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}
.spec{display:flex;align-items:center;gap:.5rem;
  background:rgba(255,255,255,.03);border:1px solid var(--line);
  border-radius:999px;padding:.45rem 1rem;font-size:.86rem}
.spec-k{color:var(--mut-2);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}
.spec-v{color:var(--ink);font-weight:600}

/* ---- stats strip ---- */
.stats{max-width:var(--maxw);margin:2rem auto 0;position:relative;z-index:5;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;}
.stat{background:var(--navy-850);padding:1.6rem 1.3rem;text-align:center}
.stat-num{font-family:'Sora',sans-serif;font-weight:700;font-size:1.25rem;
  color:var(--gold);margin-bottom:.25rem}
.stat-label{font-size:.86rem;color:var(--mut)}

/* ---- sections ---- */
.section{max-width:var(--maxw);margin:0 auto;padding:5.5rem 1.4rem}
.section-head{text-align:center;max-width:720px;margin:0 auto 3rem}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;
  font-weight:700;color:var(--blue-2);margin:0 0 .8rem}
.section-head h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800}
.lead{color:var(--mut);font-size:1.08rem;margin-top:1rem}

/* ---- steps ---- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.steps.steps-4{grid-template-columns:repeat(4,1fr)}
.step em,.card em,.ai-list em,.compare-col em{font-style:italic;color:var(--ink)}
code{font-family:'SFMono-Regular',Menlo,Consolas,monospace;font-size:.85em;
  background:rgba(76,184,232,.12);color:var(--blue-2);padding:.08em .4em;border-radius:5px}
.step{background:linear-gradient(180deg,var(--navy-850),var(--navy-900));
  border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.6rem;
  position:relative;transition:border-color .2s,transform .2s}
.step:hover{border-color:rgba(76,184,232,.4);transform:translateY(-4px)}
.step-num{font-family:'Sora',sans-serif;font-weight:800;font-size:1.4rem;
  color:transparent;-webkit-text-stroke:1.5px var(--blue);margin-bottom:1rem}
.step h3{font-size:1.2rem;margin-bottom:.6rem}
.step p{color:var(--mut);font-size:.96rem}

/* ---- AI section ---- */
.ai{position:relative}
.ai-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem;align-items:center}
.ai-grid>*{min-width:0}
.ai-copy h2{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:800;margin-bottom:0}
.ai-list{list-style:none;padding:0;margin:1.5rem 0 2rem}
.ai-list li{padding-left:1.6rem;position:relative;margin-bottom:.8rem;color:var(--mut)}
.ai-list li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;
  border-radius:2px;background:linear-gradient(135deg,var(--gold),var(--blue-2))}
.ai-list strong{color:var(--ink)}
/* terminal */
.terminal{background:#06101d;border:1px solid var(--line);border-radius:14px;
  overflow:hidden;box-shadow:0 30px 60px -25px rgba(0,0,0,.7)}
.terminal-bar{display:flex;align-items:center;gap:.45rem;
  padding:.7rem 1rem;background:#0a1828;border-bottom:1px solid var(--line)}
.terminal-bar span{width:11px;height:11px;border-radius:50%;background:#2a3f57}
.terminal-bar span:first-child{background:#ff5f56}
.terminal-bar span:nth-child(2){background:#ffbd2e}
.terminal-bar span:nth-child(3){background:#27c93f}
.terminal-bar em{margin-left:auto;font-style:normal;font-size:.78rem;color:var(--mut-2)}
.terminal-body{padding:1.1rem 1.2rem;font-family:'SFMono-Regular',Menlo,Consolas,monospace;
  font-size:.82rem;line-height:1.9;color:#cfe0f2}
.terminal-body p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-time{color:#52708f;margin-right:.5rem}
.t-ai{color:var(--gold);font-weight:700}
.t-ok{color:#27c93f;font-weight:700}
.t-warn{color:#ffbd2e;font-weight:700}
.t-mute{color:#7d93ad;font-weight:700}

/* ---- glass-box dashboard mockup ---- */
.dash{background:#11161f;border:1px solid var(--line);border-radius:14px;
  overflow:hidden;box-shadow:0 30px 60px -25px rgba(0,0,0,.7)}
.dash-head{background:#10489f;color:#fff;font-weight:700;font-size:.98rem;
  padding:.85rem 1.1rem .3rem;font-family:'Sora',sans-serif}
.dash-sub{background:#10489f;color:#b6cdf0;font-size:.74rem;padding:0 1.1rem .8rem}
.dash-rows{padding:.5rem .4rem .7rem}
.drow{display:flex;justify-content:space-between;align-items:center;
  padding:.5rem .8rem;font-family:'SFMono-Regular',Menlo,Consolas,monospace;font-size:.82rem;
  border-bottom:1px solid rgba(48,58,80,.6)}
.drow:last-child{border-bottom:none}
.drow span:first-child{color:#7a879b}
.drow span:last-child{font-weight:700;color:#fff}
.d-green{color:#2ecc71!important}
.d-red{color:#e0463a!important}
.d-amber{color:#f1c40f!important}
.d-blue{color:#64b4ff!important}

/* ---- requirements ---- */
.reqs{max-width:var(--maxw);margin:3.5rem auto 0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.req{background:linear-gradient(180deg,var(--navy-850),var(--navy-900));
  border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.5rem;text-align:left}
.req-ico{font-size:1.5rem;display:block;margin-bottom:.7rem}
.req h4{font-family:'Sora',sans-serif;font-size:1.05rem;margin:0 0 .4rem}
.req p{color:var(--mut);font-size:.92rem;margin:0}

/* ---- feature cards ---- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.card{background:linear-gradient(180deg,var(--navy-850),var(--navy-900));
  border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.6rem;
  transition:border-color .2s,transform .2s,box-shadow .2s}
.card:hover{border-color:rgba(240,181,74,.4);transform:translateY(-4px);
  box-shadow:0 24px 50px -30px rgba(240,181,74,.4)}
.card-ico{font-size:1.7rem;margin-bottom:.9rem}
.card h3{font-size:1.15rem;margin-bottom:.5rem}
.card p{color:var(--mut);font-size:.94rem}

/* ---- compare ---- */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}
.compare-col{border-radius:var(--radius);padding:2rem 1.8rem;border:1px solid var(--line)}
.compare-col h3{font-size:1.25rem;margin-bottom:1.2rem}
.compare-col ul{list-style:none;padding:0;margin:0}
.compare-col li{padding:.55rem 0 .55rem 1.9rem;position:relative;color:var(--mut);
  border-bottom:1px solid var(--line);font-size:.96rem}
.compare-col li:last-child{border-bottom:none}
.compare-col.bad{background:rgba(255,90,86,.04)}
.compare-col.bad li::before{content:"\2715";position:absolute;left:0;color:#ff6b6b;font-weight:700}
.compare-col.good{background:rgba(76,184,232,.05);border-color:rgba(76,184,232,.3)}
.compare-col.good h3{color:var(--gold)}
.compare-col.good li{color:var(--ink)}
.compare-col.good li::before{content:"\2713";position:absolute;left:0;color:#27c93f;font-weight:700}

/* ---- pricing ---- */
.pricing{text-align:center}
.price-wrap{display:flex;justify-content:center}
.price-card{position:relative;max-width:440px;width:100%;text-align:left;
  background:linear-gradient(180deg,var(--navy-800),var(--navy-850));
  border:1px solid rgba(240,181,74,.35);border-radius:24px;padding:2.4rem 2rem;
  box-shadow:0 40px 80px -40px rgba(240,181,74,.35)}
.price-flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#221805;
  font-weight:700;font-size:.78rem;padding:.35rem 1rem;border-radius:999px}
.price-card h3{font-size:1.3rem;margin-bottom:1rem}
.cur-toggle{display:inline-flex;gap:3px;margin-bottom:1.1rem;padding:3px;
  background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px}
.cur-btn{border:0;background:transparent;color:var(--mut);cursor:pointer;
  font-family:'Inter',sans-serif;font-weight:700;font-size:.85rem;
  padding:.42rem .95rem;border-radius:999px;transition:background .15s,color .15s}
.cur-btn:hover{color:var(--ink)}
.cur-btn.is-active{color:#221805;background:linear-gradient(180deg,var(--gold),var(--gold-2))}
.price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.5rem}
.cur-note{font-size:.78rem;line-height:1.45;color:var(--mut-2);margin:-.9rem 0 1.3rem}
.price-amt{font-family:'Sora',sans-serif;font-size:3rem;font-weight:800;color:var(--ink)}
.price-term{color:var(--mut)}
.price-list{list-style:none;padding:0;margin:0 0 1.8rem}
.price-list li{padding:.5rem 0;border-bottom:1px solid var(--line);color:var(--mut);font-size:.96rem}
.price-list li:last-child{border-bottom:none}
.price-note{text-align:center;color:var(--mut-2);font-size:.84rem;margin:1rem 0 0}

/* ---- EmailOctopus embedded waitlist form (dark-theme overrides) ---- */
.eo-embed{margin-top:.4rem}
.eo-embed .inline-container{margin:0!important;max-width:none!important;padding:0!important}
.eo-embed .emailoctopus-form-wrapper,
.eo-embed .form-container,
.eo-embed .main-form{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.eo-embed .emailoctopus-form,
.eo-embed .emailoctopus-form *{font-family:'Inter',sans-serif!important}

/* honeypot anti-spam field — must stay hidden from real users */
.eo-embed .emailoctopus-form-row-hp{position:absolute!important;left:-5000px!important;
  width:1px!important;height:1px!important;overflow:hidden!important}

/* email input */
.eo-embed .emailoctopus-form .form-control{
  width:100%!important;box-sizing:border-box!important;
  padding:.95rem 1.1rem!important;border-radius:12px!important;
  background:rgba(255,255,255,.05)!important;border:1px solid var(--line)!important;
  color:var(--ink)!important;font-size:1rem!important;margin-bottom:.7rem!important}
.eo-embed .emailoctopus-form .form-control::placeholder{color:var(--mut-2)!important}
.eo-embed .emailoctopus-form .form-control:focus{
  outline:none!important;box-shadow:none!important;
  border-color:var(--blue-2)!important;background:rgba(255,255,255,.08)!important}

/* submit button */
.eo-embed .emailoctopus-form .btn,
.eo-embed .emailoctopus-form input.btn-primary{
  width:100%!important;display:block!important;cursor:pointer;
  padding:1rem 1.4rem!important;border:0!important;border-radius:999px!important;
  font-weight:700!important;font-size:1rem!important;text-transform:none!important;letter-spacing:0!important;
  color:#221805!important;background:linear-gradient(180deg,var(--gold),var(--gold-2))!important;
  box-shadow:0 10px 30px -8px rgba(240,181,74,.55)!important;transition:transform .15s ease}
.eo-embed .emailoctopus-form .btn:hover{transform:translateY(-2px)}

/* consent row */
.eo-embed .emailoctopus-form-row-consent{
  display:flex!important;gap:.55rem!important;align-items:flex-start!important;margin-top:.3rem!important;text-align:left!important}
.eo-embed .emailoctopus-form-row-consent label{
  color:var(--mut)!important;font-size:.8rem!important;line-height:1.45!important;margin:0!important}
.eo-embed .emailoctopus-form-row-consent a{color:var(--blue-2)!important;text-decoration:underline!important}
.eo-embed .emailoctopus-form-row-consent input[type=checkbox]{
  width:16px!important;height:16px!important;margin:.15rem 0 0 0!important;flex:none!important;accent-color:var(--gold)!important;cursor:pointer}

/* success / error messages — hidden until they actually contain text */
.eo-embed .emailoctopus-success-message:empty,
.eo-embed .emailoctopus-error-message:empty{display:none!important}
.eo-embed .emailoctopus-success-message{
  color:#2ecc71!important;font-weight:600!important;text-align:center!important;
  background:rgba(46,204,113,.1)!important;border:1px solid rgba(46,204,113,.32)!important;
  border-radius:12px!important;padding:.95rem 1rem!important}
.eo-embed .emailoctopus-error-message{color:#e0463a!important;font-size:.85rem!important;text-align:center!important}

/* powered-by footer */
.eo-embed .mastfoot{margin-top:.7rem!important}
.eo-embed .mastfoot,.eo-embed .mastfoot *{color:var(--mut-2)!important;font-size:.72rem!important}

/* ---- faq ---- */
.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.9rem}
.faq-list details{background:var(--navy-850);border:1px solid var(--line);
  border-radius:14px;padding:1.1rem 1.4rem;transition:border-color .2s}
.faq-list details[open]{border-color:rgba(76,184,232,.4)}
.faq-list summary{font-weight:600;cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";color:var(--gold);font-size:1.4rem;font-weight:700;transition:transform .2s}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list p{color:var(--mut);margin:.9rem 0 0;font-size:.96rem}

/* ---- final cta ---- */
.final-cta{padding:5rem 1.4rem;text-align:center;
  background:
    radial-gradient(900px 300px at 50% 70%,rgba(61,169,224,.12),rgba(61,169,224,0) 70%),
    linear-gradient(180deg,var(--navy-900),var(--navy-950))}
.final-inner{max-width:680px;margin:0 auto}
.final-cta h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;margin-bottom:1rem}
.final-cta p{color:var(--mut);margin-bottom:2rem;font-size:1.08rem}

/* ---- thank-you page ---- */
.thanks{min-height:62vh;display:flex;align-items:center;justify-content:center;padding:4rem 1.4rem}
.thanks-card{max-width:580px;text-align:center;
  background:linear-gradient(180deg,var(--navy-850),var(--navy-900));
  border:1px solid var(--line);border-radius:24px;padding:3rem 2.2rem}
.thanks-tick{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;
  color:#0c1a12;background:linear-gradient(180deg,#34d27b,#27c365);
  box-shadow:0 12px 30px -8px rgba(46,204,113,.5)}
.nf-code{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(3.5rem,12vw,5.5rem);
  line-height:1;letter-spacing:-.03em;margin-bottom:.6rem}
.thanks-card h1{font-family:'Sora',sans-serif;font-size:clamp(1.6rem,4vw,2.2rem);
  font-weight:800;letter-spacing:-.02em;margin:0 0 1rem}
.thanks-card p{color:var(--mut);font-size:1.05rem;line-height:1.7;margin:0 0 1rem}
.thanks-card .thanks-sub{font-size:.92rem;color:var(--mut-2);margin-bottom:1.8rem}
.thanks-foot{font-size:.82rem;color:var(--mut-2);margin:1.4rem 0 0}
.thanks-foot a{color:var(--blue-2);text-decoration:underline}

/* ---- legal page ---- */
.legal{max-width:820px;margin:0 auto;padding:3.5rem 1.4rem 4rem}
.legal-back{display:inline-block;margin-bottom:1.5rem;color:var(--blue-2);
  font-size:.9rem;text-decoration:none}
.legal-back:hover{text-decoration:underline}
.legal h1{font-family:'Sora',sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);
  font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}
.legal .updated{color:var(--mut-2);font-size:.9rem;margin:0 0 2.2rem}
.legal h2{font-family:'Sora',sans-serif;font-size:1.25rem;font-weight:700;
  margin:2.2rem 0 .7rem;color:var(--ink)}
.legal p,.legal li{color:var(--mut);font-size:1rem;line-height:1.7}
.legal ul{padding-left:1.2rem;margin:.6rem 0}
.legal li{margin-bottom:.4rem}
.legal a{color:var(--blue-2);text-decoration:underline}
.legal strong{color:var(--ink)}
.legal .note{background:rgba(241,196,15,.08);border:1px solid rgba(241,196,15,.28);
  border-radius:12px;padding:1rem 1.2rem;font-size:.9rem;color:#e9d59a;margin:1.5rem 0}

/* ---- footer ---- */
.footer{border-top:1px solid var(--line);background:var(--navy-950);padding:3rem 1.4rem}
.footer-inner{max-width:var(--maxw);margin:0 auto;text-align:center}
.footer-brand{font-family:'Sora','Inter',sans-serif;font-weight:800;font-size:1.6rem;
  letter-spacing:-.02em;color:var(--ink);line-height:1;margin:0 0 1.5rem}
.footer-brand .brand-ai{color:var(--gold)}
.disclaimer{color:var(--mut-2);font-size:.82rem;max-width:820px;margin:0 auto 1.2rem;line-height:1.7}
.disclaimer strong{color:var(--mut)}
.footer-links{margin:0 0 .6rem;font-size:.86rem}
.footer-links a{color:var(--blue-2);text-decoration:underline}
.copyright{color:var(--mut-2);font-size:.84rem;margin:0}

/* ---- responsive ---- */
@media(max-width:900px){
  .stats{grid-template-columns:repeat(2,1fr)}
  .steps,.steps.steps-4,.cards,.reqs{grid-template-columns:1fr 1fr}
  .ai-grid,.compare-grid{grid-template-columns:1fr;gap:2rem}
  .glass .ai-panel{order:2}
  .nav-links{display:none}
  .nav-cta{margin-left:auto}
}
@media(max-width:600px){
  .stats{grid-template-columns:1fr 1fr}
  .steps,.steps.steps-4,.cards,.reqs{grid-template-columns:1fr}
  .hero{padding-top:3rem}
  .hero-trust{gap:.8rem;flex-direction:column}
  .section{padding:4rem 1.2rem}
  /* terminal log: wrap lines so they're fully readable on small screens */
  .terminal-body{font-size:.74rem;line-height:1.55;padding:1rem 1rem}
  .terminal-body p{white-space:normal;overflow:visible;text-overflow:clip;margin-bottom:.45rem}
  .terminal-body p:last-child{margin-bottom:0}
  .t-time{display:inline-block;margin-right:.4rem}
}