/* redesign.css — the "stop being invisible" look. Loaded after app.css, overrides it. Delete the link in index.html to go back to the old look.
   Decisions: warm paper + near-black ink + one burnt-orange accent; Fraunces (serif, headlines) with Instrument Sans (body);
   a dark ink hero so the first screen is high contrast on a phone; no gradients on text; Sophia is a small labeled chip, not a panel. */

body{font-feature-settings:"kern","liga"}
h1,h2,h3{letter-spacing:-.015em}
h1{font-weight:800;line-height:1.02}
h2{font-weight:700;line-height:1.08}
h3{font-family:var(--font-body);font-weight:700;letter-spacing:0}
.eyebrow{color:var(--amber);letter-spacing:.16em;font-size:.78rem}
.lead{color:var(--muted)}

/* header + top bar */
.topbar{background:var(--ink);color:var(--cream);border-bottom:0}
.topbar a{color:var(--cream)}
.topbar a:hover{color:#ffb089}
.mark{background:var(--ink);color:var(--cream);border-radius:8px;font-family:var(--font-display)}
.logo{font-family:var(--font-display);font-weight:800}
.btn-buy{background:var(--amber);color:var(--amber-ink);box-shadow:0 8px 22px var(--glow-a);border-color:transparent}
.btn-buy:hover{background:#9f2f07;transform:translateY(-1px)}
:root[data-theme="dark"] .btn-buy:hover{background:#ff9d68}
.btn-ghost{border-color:var(--text)}
.btn-call{background:transparent;color:var(--cream);border:2px solid rgba(247,241,228,.55)}
.btn-call:hover{background:rgba(247,241,228,.1)}

/* hero: ink block, big serif, one button + a phone */
.found-hero{background:var(--ink);color:var(--cream);padding:clamp(36px,7vw,104px) 0 clamp(40px,6vw,88px);overflow:hidden;border-bottom:6px solid var(--amber)}
.found-hero::before,.found-hero::after{display:none}
.found-hero .wrap{max-width:980px}
.found-hero .eyebrow{color:#ff9d68;margin-bottom:14px}
.found-hero h1{color:var(--cream);font-size:var(--fs-hero);max-width:13ch;margin-bottom:.4em}
.found-hero p.sub{color:#e5dccb;font-size:clamp(1.08rem,2.5vw,1.4rem);line-height:1.5;max-width:36em;margin-bottom:0}
.found-hero .cta-row{margin:26px 0 22px}
.found-hero .cta-row .btn{width:100%}
@media (min-width:640px){.found-hero .cta-row .btn{width:auto}}
.found-hero .btn-buy{background:#ff7a3c;color:#1b0e04;box-shadow:none}
.found-hero .btn-buy:hover{background:#ff9358}
.found-hero .trust{color:#cfc5b2}
.found-hero .trust li::before{background:#ff9d68}
@media (min-width:900px){.hero .wrap{padding-right:var(--gutter)}.found-hero .wrap{padding-right:var(--gutter)}}

/* invisible */
.invisible{background:var(--bg)}
.invisible h2,.found h2,.easy h2{max-width:18ch}
.steps3{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:0;border-top:2px solid var(--text)}
.steps3 li{display:grid;grid-template-columns:44px 1fr;gap:2px 14px;padding:20px 0;border-bottom:1px solid var(--line)}
.steps3 .num,.fsteps .num{grid-row:span 2;font:800 1.9rem/1 var(--font-display);color:var(--amber)}
.steps3 h3{font-size:1.3rem;margin:0 0 4px}
.steps3 p{margin:0;color:var(--muted)}
@media (min-width:900px){.steps3{grid-template-columns:repeat(3,1fr);gap:32px;border-top:0}.steps3 li{display:block;border:0;border-top:2px solid var(--text);padding:22px 0 0}.steps3 .num{display:block;margin-bottom:10px}.steps3 h3{font-size:1.4rem}}
.closer{margin:34px 0 0;font:700 clamp(1.3rem,3.2vw,2rem)/1.25 var(--font-display);max-width:28em;border-left:6px solid var(--amber);padding-left:16px}

/* found */
.found{background:var(--bg-2)}
.found-grid{display:grid;gap:28px;margin-top:34px}
@media (min-width:960px){.found-grid{grid-template-columns:.9fr 1.1fr;align-items:start}}
.serp{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}
.serp-bar{border:1px solid var(--line);border-radius:999px;padding:12px 16px;background:var(--bg);margin-bottom:14px;min-height:44px}
.serp-q{font-weight:600;overflow-wrap:anywhere}
.serp-res{padding:12px;border-radius:10px;display:grid;gap:4px}
.serp-res.you{background:var(--bg);border:2px solid var(--amber)}
.serp-res.you b{color:var(--amber);font-size:1.05rem;line-height:1.3}
.serp-res.you span{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}
.serp-res.ghost{opacity:.55}
.serp-res.ghost i{display:block;height:10px;border-radius:5px;background:var(--line)}
.serp-res.ghost i:first-child{width:70%;height:12px}
.serp figcaption{margin-top:10px;font-size:.78rem;color:var(--muted);font-style:italic}
.fsteps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.fsteps li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.fsteps li:first-child{padding-top:0}
.fsteps h3{font-size:1.2rem;margin:8px 0 4px}
.fsteps p{margin:0;color:var(--muted)}
.fsteps .num{grid-row:auto}
.honest{margin-top:30px;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--mint);border-radius:12px;padding:20px}
.honest h3{margin:0 0 6px}
.honest p{margin:0;color:var(--muted)}

/* easy: second and quiet */
.easy{background:var(--bg)}
.easy h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}
.mini{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:700px){.mini{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.mini{grid-template-columns:repeat(3,1fr)}}
.mini li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:8px;align-content:start}
.mini h3{font-size:1.08rem;margin:0}
.mini p{margin:0;color:var(--muted);font-size:.95rem}

/* chips + cards on the new palette */
.chip{background:transparent}
.chip.designed{color:#8a3a07;border-color:#8a3a07}
.chip.dryrun{color:var(--mint);border-color:var(--mint)}
:root[data-theme="dark"] .chip.designed{color:#ffb089;border-color:#ffb089}
:root[data-theme="dark"] .chip.dryrun{color:#6fe0b4;border-color:#6fe0b4}
.card,.demo-shell,.price-box,.partner-box{box-shadow:none}
.price-box{box-shadow:var(--shadow)}
.partner-box{background:var(--surface)}
.guar{background:var(--surface);border:2px solid var(--mint)}
.stage[aria-pressed="true"]{background:var(--amber);color:var(--amber-ink)}
.founder{background:var(--ink);color:var(--cream)}
.founder cite{color:#cfc5b2}
.founder .eyebrow{color:#ff9d68}
.founder blockquote{font-family:var(--font-display);font-weight:600}
footer.site{padding-bottom:96px}

/* a day with it */
.timeline{list-style:none;margin:30px 0 0;padding:0 0 0 22px;border-left:3px solid var(--amber);display:grid;gap:26px}
.timeline li{position:relative;display:grid;gap:6px}
.timeline li::before{content:"";position:absolute;left:-31px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--bg);border:3px solid var(--amber)}
.timeline .when{font:700 .8rem var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}
.timeline h3{font-size:1.3rem;margin:6px 0 4px}
.timeline p{margin:0;color:var(--muted);max-width:52ch}
.work-head{padding-bottom:0}

.work-head{padding:24px 0 0}.work-head h2{margin:0}
/* Sophia bubble styles live in sophia-bubble.css */

/* hero video guide: beside the words on wide screens, under them on a phone; never over the headline */
.hero-grid{display:grid;gap:28px}
.guide{margin:0;justify-self:start;width:min(230px,62vw)}
.guide-stage{position:relative;aspect-ratio:5/6;border-radius:18px;overflow:hidden;background:#17130d;border:1px solid rgba(247,241,228,.18)}
.guide video{display:block;width:100%;height:100%;object-fit:cover}
.guide-btn{position:absolute;right:8px;bottom:8px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(247,241,228,.5);background:rgba(23,19,13,.7);color:#f7f1e4;font:700 .78rem var(--font-body);cursor:pointer}
.guide figcaption{margin-top:8px;font-size:.78rem;color:#cfc5b2}
@media (min-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:40px}.found-hero .wrap{max-width:1180px}.guide{width:300px;justify-self:end}}