/* Website Growth Kit — Premium editorial theme (reference: Scaling With High Ticket / Taste DNA) */
:root{
  --ink:#171512; --field:#F5F2EA; --neutral:#F1EFEA; --dark:#141210;
  --dark-border:#28241F; --amber:#F6AD55; --gold:#CCA732; --gold-copy:#76521D;
  --champagne:#6B5B4E; --muted:#675F57; --inv-muted:#AFAFAF; --discount:#B42318;
  --shadow:0 2px 10px rgba(23,21,18,.024),0 22px 55px rgba(23,21,18,.08);
  --r-shell:22px; --r-card:17px; --r-compact:10px; --r-control:5px;
}
*{box-sizing:border-box;min-width:0}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:0;background:var(--field);color:var(--ink);
  font-family:'Inter',-apple-system,'Segoe UI',Roboto,Helvetica,sans-serif;
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word}
.wrap{max-width:1150px;margin:0 auto;padding:0 24px;width:100%}
.eyebrow{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:9px;font-weight:500;
  letter-spacing:3px;text-transform:uppercase;color:var(--gold-copy)}
.wrap h1{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:50px;line-height:1.2;font-weight:900;
  letter-spacing:-1px;margin:16px 0 12px}
h2{font-family:Inter,sans-serif;font-size:62px;line-height:.98;font-weight:800;letter-spacing:-2.9px;margin:10px 0}
h3{font-family:Inter,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}
.serif{font-family:Georgia,'Times New Roman',Times,serif;font-style:italic;color:var(--champagne)}
.sub{font-size:16px;color:var(--muted);max-width:660px}
/* chapter shell */
.chapter{background:var(--neutral);border:1px solid rgba(23,21,18,.08);border-radius:var(--r-shell);
  box-shadow:var(--shadow);padding:58px;margin:60px 0}
@media(max-width:760px){.chapter{padding:36px 24px}}
/* hero */
.hero{background:var(--field);padding:64px 0 20px;text-align:left}
.btn{display:inline-block;background:var(--amber);color:#000;font-family:'Plus Jakarta Sans',Inter,sans-serif;
  font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;
  border-radius:var(--r-control);padding:20px 40px;border:0;cursor:pointer}
.btn.gold{background:var(--gold)}
.price-row{display:flex;align-items:baseline;gap:14px;margin:20px 0}
.price-row .amt{font-size:46px;font-weight:900;color:var(--ink)}
.price-row .was{font-size:22px;color:var(--discount);text-decoration:line-through}
.hero .mock{max-width:700px;margin:40px 0 0}
/* dark cards / system cards */
.dark{background:var(--dark);color:var(--field);border:1px solid var(--dark-border);border-radius:var(--r-card);padding:29px}
.dark h3{color:#fff}
.dark .m{color:var(--inv-muted);font-size:14px}
/* grid / gallery */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:0}
.cards .dark{min-height:220px;position:relative}
.cards .t{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
@media(max-width:760px){.cards{grid-template-columns:1fr}}
/* checklist */
.check{list-style:none;padding:0;margin:0}
.check li{display:flex;gap:12px;padding:9px 0;color:var(--muted);border-top:1px solid rgba(23,21,18,.1)}
.check li:before{content:"✓";flex:0 0 24px;height:24px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-copy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}
.check b{color:var(--ink);display:block}
/* offer stack (dark) */
.stack{background:var(--dark);color:var(--field);border:1px solid var(--dark-border);border-radius:var(--r-shell);padding:40px;box-shadow:var(--shadow)}
.stack .row{display:flex;justify-content:space-between;border-bottom:1px solid var(--dark-border);padding:10px 0;color:var(--inv-muted)}
.stack .row b{color:#fff}
.stack .line{display:flex;justify-content:space-between;border-top:1px solid #3a352e;padding:14px 0;font-weight:800;font-size:20px;color:#fff}
/* bonus tiles */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.grid3{grid-template-columns:1fr}}
.bonus{background:var(--neutral);border:1px solid rgba(23,21,18,.08);border-radius:var(--r-card);padding:20px}
.bonus b{display:block;margin-bottom:6px;color:var(--ink)}
.bonus p{margin:0;font-size:14px;color:var(--muted)}
/* proof */
.quote{background:var(--dark);color:var(--field);border:1px solid var(--dark-border);border-radius:var(--r-card);padding:24px}
.quote b{display:block;margin-top:8px;color:var(--gold)}
/* faq */
.faq details{background:#fff;border:1px solid rgba(23,21,18,.1);border-radius:var(--r-compact);padding:16px 20px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer}
.faq p{margin:10px 0 0;color:var(--muted)}
/* fields / forms */
.field{margin:14px 0}
.field label{font-weight:700;font-size:14px;color:var(--ink)}
.field input{width:100%;padding:12px;background:#fff;border:1px solid rgba(23,21,18,.2);border-radius:var(--r-control);font-size:15px;margin-top:6px}
.bump{display:flex;gap:14px;align-items:flex-start;background:var(--neutral);border:1px solid rgba(23,21,18,.1);border-radius:var(--r-card);padding:18px}
.bump input{width:20px;height:20px;margin-top:4px;accent-color:var(--gold-embedded,var(--gold))}
.bump .p{color:var(--gold-copy);font-weight:800}
/* footer */
footer{padding:40px 0 60px;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:540px){.wrap h1{font-size:34px}h2{font-size:36px}.btn{padding:16px 28px}}