/* ===== bridge. SEO landing pages — warm premium design (2026) ===== */
:root{
  --cream:#F6F2E9; --cobalt:#0A57FF; --cobalt-dark:#0039C4;
  --ink:#16223D; --ink-soft:#54607A; --honey:#FF9E2C; --honey-dark:#E07E00;
  --white:#FFFFFF; --blue-lt:#E5ECFF; --hair:#E2DDD0;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif; background:var(--cream); color:var(--ink); -webkit-font-smoothing:antialiased; line-height:1.6; }
a{ color:inherit; }
.mono{ font-family:'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:0.1em; }
.wrap{ max-width:920px; margin:0 auto; padding:0 1.5rem; }

/* nav */
nav{ background:var(--cobalt); padding:1rem 1.5rem; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:50; }
nav .logo{ color:#fff; font-weight:800; font-size:1.25rem; letter-spacing:-.02em; text-decoration:none; }
nav .logo span{ opacity:.4; }
nav .nav-cta{ background:var(--honey); color:#3a2400; font-weight:700; font-size:.8rem; padding:.6rem 1.2rem; border-radius:100px; text-decoration:none; transition:.25s; }
nav .nav-cta:hover{ background:var(--honey-dark); }

/* hero */
.hero{ background:var(--cobalt); color:#fff; padding:4rem 1.5rem 4.5rem; position:relative; overflow:hidden; }
.hero::before{ content:''; position:absolute; inset:0; background:repeating-linear-gradient(-30deg,transparent,transparent 17px,rgba(255,255,255,.04) 17px,rgba(255,255,255,.04) 19px); pointer-events:none; }
.hero .inner{ max-width:920px; margin:0 auto; position:relative; }
.hero .eyebrow{ display:inline-block; color:var(--honey); font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:1.2rem; }
.hero h1{ font-size:clamp(2.1rem,5vw,3.5rem); font-weight:800; line-height:1.05; letter-spacing:-.03em; max-width:760px; margin-bottom:1.2rem; }
.hero p.lead{ font-size:1.15rem; max-width:600px; color:#dbe6ff; margin-bottom:2rem; }
.btn-row{ display:flex; gap:.8rem; flex-wrap:wrap; }
.btn{ display:inline-block; font-weight:700; font-size:.92rem; padding:.95rem 1.7rem; border-radius:100px; text-decoration:none; transition:.25s; }
.btn-primary{ background:var(--honey); color:#3a2400; box-shadow:0 12px 26px rgba(255,158,44,.34); }
.btn-primary:hover{ background:var(--honey-dark); transform:translateY(-2px); }
.btn-ghost{ background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.35); }
.btn-ghost:hover{ background:rgba(255,255,255,.2); }

/* sections */
section{ padding:3.5rem 0; }
.eyebrow-dark{ display:block; color:var(--cobalt); font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:.8rem; }
h2{ font-size:clamp(1.6rem,3.5vw,2.4rem); font-weight:800; color:var(--cobalt); line-height:1.1; letter-spacing:-.02em; margin-bottom:1rem; }
section p{ font-size:1.02rem; color:var(--ink); margin-bottom:1rem; max-width:680px; }
.cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-top:1.5rem; }
.card{ background:var(--white); border:1px solid rgba(10,87,255,.07); border-radius:18px; padding:1.6rem; box-shadow:0 8px 24px rgba(22,34,61,.06); }
.card h3{ font-size:1.05rem; font-weight:700; color:var(--cobalt); margin-bottom:.5rem; }
.card p{ font-size:.92rem; color:var(--ink); opacity:.85; margin:0; }

/* prompt box (matches the guides) */
.prompt{ background:var(--blue-lt); border-radius:16px; padding:1.5rem 1.6rem; margin:1.5rem 0; }
.prompt .label{ display:flex; align-items:center; gap:.5rem; color:var(--cobalt); font-family:'IBM Plex Mono',monospace; text-transform:uppercase; font-size:.7rem; letter-spacing:.08em; font-weight:600; margin-bottom:.9rem; }
.prompt .dot{ width:8px; height:8px; border-radius:50%; background:var(--honey); display:inline-block; }
.prompt pre{ font-family:'IBM Plex Mono',monospace; font-size:.86rem; color:var(--cobalt-dark); white-space:pre-wrap; line-height:1.6; margin:0; }

/* buy box */
.buy{ background:var(--cobalt); border-radius:22px; padding:2.5rem; color:#fff; text-align:center; position:relative; overflow:hidden; }
.buy::before{ content:''; position:absolute; inset:0; background:repeating-linear-gradient(-30deg,transparent,transparent 17px,rgba(255,255,255,.04) 17px,rgba(255,255,255,.04) 19px); }
.buy .inner{ position:relative; }
.buy h2{ color:#fff; }
.buy .price{ font-size:1.1rem; color:var(--honey); font-weight:700; margin-bottom:.4rem; }
.buy ul{ list-style:none; max-width:460px; margin:1.2rem auto 1.8rem; text-align:left; }
.buy li{ padding:.5rem 0 .5rem 1.8rem; position:relative; color:#eaf0ff; font-size:.96rem; }
.buy li::before{ content:'✓'; position:absolute; left:0; color:var(--honey); font-weight:700; }

/* faq */
.faq-item{ border-top:1px solid var(--hair); padding:1.2rem 0; }
.faq-item h3{ font-size:1.05rem; font-weight:700; color:var(--cobalt); margin-bottom:.4rem; }
.faq-item p{ font-size:.96rem; color:var(--ink); opacity:.85; margin:0; }

/* founder strip */
.founder{ background:var(--white); border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); }
.founder .q{ font-size:1.15rem; color:var(--cobalt); border-left:4px solid var(--honey); padding-left:1.4rem; max-width:680px; }

/* footer */
footer{ background:var(--cobalt); color:#fff; padding:2.5rem 1.5rem; }
footer .inner{ max-width:920px; margin:0 auto; display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; align-items:center; }
footer a{ color:#fff; text-decoration:none; opacity:.8; font-size:.85rem; }
footer a:hover{ opacity:1; }
footer .copy{ font-family:'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.06em; font-size:.62rem; opacity:.6; }

@media(max-width:600px){ .hero{ padding:3rem 1.5rem 3.5rem; } .buy{ padding:2rem 1.3rem; } }