/* Booked Labs, gobookedlabs.com
   Direction D (HEY-style devices) in the Booked Labs rose palette. One stylesheet for every page.
   1. Tokens  2. Base  3. Components in page order  4. Privacy and 404 pages  5. Media queries */

/* 1. Tokens ------------------------------------------------------------------------------------- */
:root{
  --bg:#FFFFFF;
  --ink:#3B1430;         /* deep plum text, 15.8:1 on white */
  --muted:#6E4F63;       /* 7.1:1 on white */
  --accent-text:#D81B60; /* deep rose for small text, 4.95:1 on white */
  --rose:#FF3D7F; --coral:#FF6A4D; --apricot:#FFB15C;
  --g1:#FF3D7F; --g2:#FF5E4A; --g3:#EE6F22;            /* text gradient: hot rose, coral, deepened apricot (worst 3.02:1 on white) */
  --grad:linear-gradient(135deg,var(--g1) 0%,var(--g2) 55%,var(--g3) 100%);
  --panel:linear-gradient(135deg,var(--rose) 0%,var(--coral) 50%,var(--apricot) 100%); /* panels, bands, slider track */
  --btn:#FF3D7F; --btn-fg:#3B1430;                      /* plum label on hot rose, 4.69:1 */
  --btn-shadow:0 14px 30px -14px rgba(255,61,127,.7);
  --band:var(--panel); --band-fg:#3B1430;               /* plum on the band, worst 4.69:1 on hot rose */
  --band-btn-bg:#3B1430; --band-btn-fg:#FFFFFF;         /* 15.8:1 */
  --tint:linear-gradient(135deg,#FFE2D8 0%,#FFF4EF 100%); /* peach card tint, plum 12.9:1 */
  --tint-solid:#FFEDE6;
  --bubble-in:#F6EEF2;
  --line:rgba(59,20,48,.12);
  --shadow:0 20px 40px -24px rgba(59,20,48,.35);
  --focus:#D81B60;
  --grey-card:#F4F2F3; --grey-track:#E8E4E6; --grey-fill:#A69CA2; --grey-ink:#4E4349; --grey-lost:#625259;
  --todo-bg:#FFF4B8; --todo-line:#B98900;               /* placeholders Charl must replace */
  --display:"Rubik","Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
  --body:"Nunito Sans","Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --gutter:16px;
  --max:1120px;
  color-scheme:light;
}

/* 2. Base --------------------------------------------------------------------------------------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:1.125rem;line-height:1.55;font-weight:400;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:-.02em}
h1{font-weight:900;font-size:clamp(2.5rem,7.2vw,4.5rem);line-height:1.04}
h2{font-weight:900;font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.08}
h3{font-weight:800;font-size:1.25rem;letter-spacing:-.01em;line-height:1.2}
p,ul,ol{margin:0}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:46rem;margin-inline:auto}
.center{text-align:center}
.skip{position:absolute;left:var(--gutter);top:-100px;z-index:100;background:var(--ink);color:#fff;padding:.75rem 1rem;border-radius:999px;font-weight:800;text-decoration:none}
.skip:focus{top:var(--gutter)}
/* Gradient text with a solid fallback */
.grad{color:var(--g1)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
}
.eyebrow{font-size:1rem;font-weight:800;color:var(--accent-text);letter-spacing:.01em;margin-bottom:.75rem}
.lead{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.5}
.fine{font-size:.95rem;color:var(--muted)}
.small{font-size:.9rem;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;padding:.95rem 1.7rem;border-radius:999px;border:0;
  background:var(--btn);color:var(--btn-fg);font-family:var(--body);font-weight:800;text-decoration:none;font-size:1.125rem;letter-spacing:.005em;cursor:pointer;
  box-shadow:var(--btn-shadow);transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 20px 36px -14px rgba(0,0,0,.35)}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.btn.nav{min-height:44px;padding:.55rem 1.15rem;font-size:1rem;box-shadow:none}
.btn.on-band{background:var(--band-btn-bg);color:var(--band-btn-fg);box-shadow:0 14px 30px -16px rgba(0,0,0,.4)}
.btn.ghost{background:#fff;color:var(--ink);box-shadow:0 14px 30px -16px rgba(0,0,0,.45)}
/* Placeholders: facts only Charl can supply. Dashed outline, pale yellow, bracket text shown. */
.todo{display:inline-block;background:var(--todo-bg);color:var(--ink);border:2px dashed var(--todo-line);border-radius:8px;padding:.05em .45em;font-weight:700;font-style:normal;font-size:.9em;line-height:1.4;vertical-align:baseline}
.todo.block{display:block;padding:1rem;text-align:center;font-size:.95rem}

/* 3. Components in page order --------------------------------------------------------------------- */
/* Floating pill top bar */
.topbar{position:relative;z-index:10;padding-top:1rem}
.topbar .bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border-radius:999px;
  box-shadow:0 10px 30px -14px rgba(59,20,48,.35),0 1px 0 var(--line);padding:.45rem .5rem .45rem .85rem;min-height:64px}
.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;min-height:44px}
.brand .mark{width:38px;height:38px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:none}
.brand .mark svg{width:20px;height:20px}
.brand .word{font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:-.02em;color:var(--ink)}

/* Hero */
.hero{padding-block:clamp(3rem,7vw,5rem) 2.5rem;text-align:center}
.hero .eyebrow{margin-bottom:1.1rem}
.hero h1{max-width:20ch;margin-inline:auto}
.hero .sub{font-family:var(--display);font-weight:800;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.22;letter-spacing:-.015em;max-width:40ch;margin:1.4rem auto 0;text-wrap:balance}
.hero-cta{display:grid;gap:.8rem;justify-items:center;margin-top:2rem}
.hero-cta .btn{min-width:min(100%,320px)}

/* Product panel */
.product{padding-block:1.5rem 0}
.panel{position:relative;background:var(--panel);border-radius:28px;height:640px;overflow:hidden;
  box-shadow:0 40px 80px -40px rgba(59,20,48,.5);display:grid;justify-items:center;align-items:start;padding-top:4.25rem}
.panel .tag{position:absolute;top:1rem;left:1rem;background:#fff;color:var(--ink);font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  border-radius:999px;padding:.35rem .7rem;box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.see-row{display:flex;justify-content:center;margin-top:-28px;position:relative;z-index:2}
.see-row .btn{white-space:nowrap}
.phone{margin:0;width:min(84vw,330px);aspect-ratio:9/18.5;background:#15121F;border-radius:46px;padding:11px;box-shadow:0 30px 60px -30px rgba(0,0,0,.7),inset 0 0 0 2px rgba(255,255,255,.08)}
.screen{background:#fff;height:100%;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;position:relative}
.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:999px;background:#15121F}
.chat-head{display:flex;align-items:center;gap:.6rem;padding:44px 16px 12px;border-bottom:1px solid var(--line)}
.chat-head .av{width:38px;height:38px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:none}
.chat-head .av svg{width:20px;height:20px}
.chat-head b{display:block;font-size:.95rem;line-height:1.2}
.chat-head span{font-size:.75rem;color:var(--muted)}
.chat{list-style:none;margin:0;padding:14px 14px 0;display:grid;gap:10px;font-size:.92rem;line-height:1.4}
.chat li{max-width:84%;display:grid;gap:4px}
.chat .in{justify-self:start}
.chat .out{justify-self:end;text-align:right}
.chat .b{padding:.6rem .8rem;border-radius:18px;text-align:left}
.chat .in .b{background:var(--bubble-in);border-bottom-left-radius:6px}
.chat .out .b{background:var(--btn);color:var(--btn-fg);border-bottom-right-radius:6px;font-weight:600}
.chat time{font-size:.68rem;color:var(--muted);padding-inline:.5rem}
.chat .paid{display:inline-flex;align-items:center;gap:.3rem;margin-top:.45rem;background:#fff;color:var(--accent-text);font-weight:800;font-size:.72rem;border-radius:999px;padding:.2rem .55rem .2rem .4rem;box-shadow:0 0 0 1px var(--line)}
.chat .paid svg{width:14px;height:14px}

/* Wave divider */
.wave{display:block;margin:clamp(3rem,6vw,4.5rem) auto 0;color:var(--muted);opacity:.45;width:140px;height:12px}
.wave.tight{margin-top:0}

/* Sound familiar: bubble cards with floating role chips */
.pain{padding-block:clamp(3rem,6vw,4.5rem) clamp(3rem,6vw,4rem)}
.pain .lead{margin-top:1.1rem}
.pain .caption{margin-top:.8rem;font-size:.95rem;color:var(--muted)}
.cards{list-style:none;margin:2.75rem 0 0;padding:0;display:grid;gap:2.25rem 1.5rem}
.card{position:relative;background:var(--tint);border-radius:26px;padding:2.25rem 1.5rem 1.5rem;box-shadow:var(--shadow);font-size:1.05rem;line-height:1.5}
.card .chip{position:absolute;top:-20px;left:1rem;display:inline-flex;align-items:center;gap:.5rem;background:#fff;border-radius:999px;padding:4px 14px 4px 4px;
  font-size:.85rem;font-weight:700;color:var(--ink);box-shadow:0 10px 20px -12px rgba(59,20,48,.5),0 0 0 1px var(--line);white-space:nowrap}
.card .chip .av{width:32px;height:32px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:none}
.card .chip .av svg{width:18px;height:18px}
.card h3{margin-bottom:.45rem}
.pain .meanwhile{margin-top:2.75rem;font-size:clamp(1.125rem,1.6vw,1.375rem)}

/* The aha: two paths */
.aha{padding-block:clamp(3rem,6vw,4.5rem) clamp(3rem,6vw,4.5rem)}
.aha .intro{display:grid;gap:1rem;margin-top:1.25rem}
.aha .intro p{font-size:clamp(1.0625rem,1.5vw,1.25rem)}
.paths{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:1.25rem}
.path{border-radius:26px;padding:1.5rem;display:grid;gap:1.1rem;align-content:start;min-width:0}
.path.grey{background:var(--grey-card);box-shadow:inset 0 0 0 1px var(--line)}
.path.bright{background:var(--tint);box-shadow:var(--shadow)}
.path h3{font-size:1.3rem}
.path.grey h3,.path.grey .foot{color:var(--grey-ink)}
.path .foot{font-weight:800;font-size:1rem}
.path .note{font-size:.85rem;color:var(--muted)}
.funnel{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.funnel li{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:48px;border-radius:12px;background:var(--grey-track);overflow:hidden}
.funnel li::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--grey-fill);border-radius:12px}
.funnel .lbl{position:relative;padding:.6rem .9rem;font-weight:700;color:var(--ink);line-height:1.25}
.funnel .lbl b{font-family:var(--display);font-weight:900;font-size:1.15rem;letter-spacing:-.01em}
.funnel .lost{position:relative;display:inline-flex;align-items:center;gap:.3rem;padding-right:.8rem;font-size:.8rem;font-weight:700;color:var(--grey-lost);white-space:nowrap}
.funnel .lost svg{width:16px;height:16px;flex:none}
.chain{list-style:none;margin:0;padding:0;display:grid}
.chain li{position:relative;display:flex;align-items:center;gap:.9rem;min-height:52px;padding:.5rem 0}
.chain li::before{content:"";position:absolute;left:19px;top:0;bottom:0;width:4px;background:var(--grad);opacity:.35}
.chain li:first-child::before{top:50%}
.chain li:last-child::before{bottom:50%}
.chain .dot{position:relative;flex:none;width:42px;height:42px;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 6px 14px -6px rgba(0,0,0,.35)}
.chain .dot svg{width:20px;height:20px}
.chain .txt{font-weight:700;font-size:1.05rem;line-height:1.3}
.chain li:last-child .txt{font-family:var(--display);font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
.big{font-family:var(--display);font-weight:900;font-size:clamp(2.1rem,5.2vw,3.75rem);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;max-width:16ch;margin:clamp(2.75rem,6vw,4.5rem) auto 0;text-align:center}
.big-sub{margin:1.25rem auto 0;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700;max-width:30ch;text-align:center}
.source{margin:1rem auto 0;max-width:40rem;text-align:center}

/* How it works */
.how{padding-block:clamp(2.5rem,5vw,3.5rem) clamp(3rem,6vw,4rem);scroll-margin-top:1rem}
.steps{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:1.25rem;counter-reset:step}
.steps li{counter-increment:step;position:relative;background:var(--tint);border-radius:26px;padding:1.75rem 1.5rem 1.75rem;display:grid;gap:.9rem;align-content:start;min-width:0}
.steps .num{position:absolute;top:1.25rem;right:1.25rem;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;
  font-family:var(--display);font-weight:900;font-size:1.1rem;color:var(--accent-text);box-shadow:0 0 0 1px var(--line)}
.steps .icon{width:64px;height:64px}
.steps h3{font-size:1.3rem;padding-right:3rem}
.steps p{font-size:1.05rem;line-height:1.5}
.how .closing{margin-top:2.25rem;font-family:var(--display);font-weight:800;font-size:clamp(1.25rem,2.2vw,1.75rem);letter-spacing:-.015em;text-align:center;text-wrap:balance}

/* Is this for you? */
.fit{padding-block:clamp(2rem,5vw,3rem) clamp(2.5rem,5vw,3.5rem)}
.fit .cols{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.25rem}
.fit .col{border-radius:26px;padding:1.5rem;display:grid;gap:1rem;align-content:start;min-width:0}
.fit .col.yes{background:var(--tint);box-shadow:var(--shadow)}
.fit .col.no{background:var(--grey-card);box-shadow:inset 0 0 0 1px var(--line)}
.fit .col.no h3{color:var(--grey-ink)}
.fit ul{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.fit li{display:flex;gap:.75rem;align-items:flex-start;font-size:1.05rem;line-height:1.45}
.fit .mk{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin-top:.1rem}
.fit .mk svg{width:16px;height:16px}
.fit .yes .mk{background:var(--grad)}
.fit .no .mk{background:var(--grey-ink)}

/* Money on the table: one slider, one number */
.calc{padding-block:clamp(2.5rem,5vw,3.5rem) clamp(3.5rem,7vw,5.5rem)}
.calc .explain{margin-top:1.1rem}
.calc .live{display:block;margin:2.25rem auto 0;max-width:40rem;font-weight:800;font-size:clamp(1.125rem,1.8vw,1.4rem);text-align:center;line-height:1.3}
.calc .live output{font-family:var(--display);font-weight:900;font-size:1.25em;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.range{display:block;width:100%;max-width:40rem;margin:.9rem auto 0;height:44px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;padding:0}
.range:focus{outline:none}
.range:focus-visible{outline:3px solid var(--focus);outline-offset:6px;border-radius:999px}
.range::-webkit-slider-runnable-track{height:16px;border-radius:999px;background:var(--panel)}
.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:44px;height:44px;border-radius:50%;background:#fff;border:5px solid var(--g1);margin-top:-14px;box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
.range::-moz-range-track{height:16px;border-radius:999px;background:var(--panel)}
.range::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:#fff;border:5px solid var(--g1);box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
.calc .scale{display:flex;justify-content:space-between;max-width:40rem;margin:.4rem auto 0;font-size:.85rem;color:var(--muted);font-weight:700}
.calc .result{margin-top:2.25rem;text-align:center}
.calc .result output{display:block;font-family:var(--display);font-weight:900;font-size:clamp(3.5rem,10vw,7rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.calc .plain{margin-top:.9rem;text-align:center;font-size:clamp(1.125rem,1.6vw,1.375rem);font-weight:700}
.calc .small{margin:1.1rem auto 0;max-width:40rem;text-align:center}

/* Offer band */
.offer{padding-block:0 clamp(3rem,6vw,4.5rem)}
.offer .band{background:var(--band);color:var(--band-fg);border-radius:28px;padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,4vw,3.5rem);text-align:center;display:grid;gap:1.5rem;justify-items:center;
  box-shadow:0 40px 80px -40px rgba(59,20,48,.5)}
.offer h2{max-width:22ch;color:inherit}
.offer .after{font-size:clamp(1.0625rem,1.5vw,1.25rem);font-weight:700;max-width:38rem}

/* Founder */
.founder{padding-block:0 clamp(3rem,6vw,4.5rem)}
.founder .box{display:grid;gap:1.5rem;justify-items:center;max-width:52rem;margin-inline:auto;border:1px solid var(--line);border-radius:28px;padding:clamp(1.75rem,4vw,3rem)}
.founder .photo{width:200px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;padding:1rem;font-size:.85rem;text-align:center}
.founder .who{display:grid;gap:1rem;max-width:40rem}
.founder .eyebrow{margin-bottom:0}
.founder h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.founder .letter{display:grid;gap:.9rem;font-size:1.05rem}
.founder .sign{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em}

/* Questions owners ask */
.faq{padding-block:0 clamp(3rem,6vw,4.5rem)}
.faq .list{max-width:46rem;margin:2rem auto 0;display:grid;gap:.75rem}
.faq details{border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.faq details[open]{background:var(--tint);box-shadow:0 0 0 2px var(--rose)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:.9rem 1.1rem;cursor:pointer;
  font-family:var(--display);font-weight:800;font-size:1.1rem;letter-spacing:-.01em;line-height:1.3;border-radius:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .chev{flex:none;width:32px;height:32px;border-radius:50%;background:var(--grad);display:grid;place-items:center;transition:transform .2s ease}
.faq summary .chev svg{width:16px;height:16px}
.faq details[open] summary .chev{transform:rotate(180deg)}
.faq .answer{padding:0 1.1rem 1.1rem;font-size:1.05rem;line-height:1.55;display:grid;gap:.6rem}

/* Final call to action */
.final{padding-block:0 clamp(3rem,6vw,4.5rem);text-align:center}
.final .inner{display:grid;gap:1.5rem;justify-items:center;max-width:46rem;margin-inline:auto}
.final .fine{max-width:34rem}

/* Footer */
footer{border-top:1px solid var(--line);padding-block:2rem 7rem;color:var(--muted);font-size:.95rem}
footer .wrap{display:grid;gap:.6rem;justify-items:center;text-align:center}
footer .row{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:center;justify-content:center}
footer .sep{opacity:.5}
footer a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding-inline:.25rem;font-weight:700}
footer a:hover{text-decoration:underline}

/* Sticky CTA (phone) */
.sticky{position:fixed;left:0;right:0;bottom:0;padding:.75rem var(--gutter) calc(.75rem + env(safe-area-inset-bottom,0px));
  background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);
  transform:translateY(110%);transition:transform .25s ease;z-index:20}
.sticky.show{transform:none}
.sticky .btn{width:100%}

/* 4. Privacy and 404 pages ---------------------------------------------------------------------- */
.prose{padding-block:clamp(2.5rem,6vw,4.5rem) clamp(3rem,6vw,5rem)}
.prose .narrow{display:grid;gap:1.25rem}
.prose h1{font-size:clamp(2.25rem,6vw,3.5rem)}
.prose h2{font-size:clamp(1.35rem,2.4vw,1.75rem);margin-top:1rem}
.prose ul{padding-left:1.25rem;display:grid;gap:.6rem}
.prose li{line-height:1.55}
.prose a{font-weight:700;display:inline-block;padding:.65rem 0;margin:-.65rem 0} /* 44 px hit area without moving the text */
.notfound{padding-block:clamp(4rem,12vw,8rem) clamp(4rem,10vw,7rem);text-align:center}
.notfound .inner{display:grid;gap:1.5rem;justify-items:center}
.plain-footer{padding-bottom:2.5rem}

/* 5. Media queries ------------------------------------------------------------------------------ */
@media (min-width:860px){
  .topbar{padding-top:1.5rem}
  .topbar .bar{padding:.5rem .6rem .5rem 1.1rem}
  .hero{padding-block:4.5rem 3rem}
  .product{padding-block:2rem 0}
  .panel{height:600px;padding-top:3.5rem}
  .cards{grid-template-columns:repeat(3,1fr);gap:2.5rem 1.75rem}
  .card{padding:2.5rem 1.75rem 1.75rem}
  .paths{grid-template-columns:1fr 1fr;gap:1.75rem;margin-top:3rem}
  .path{padding:2rem}
  .steps{grid-template-columns:repeat(3,1fr);gap:1.5rem}
  .steps li{padding:2.25rem 1.75rem 2rem}
  .fit .cols{grid-template-columns:1fr 1fr;gap:1.75rem;margin-top:2.5rem}
  .fit .col{padding:2rem}
  .founder .box{grid-template-columns:200px 1fr;justify-items:start;align-items:start;gap:2.5rem}
  .founder .who{max-width:none}
  footer{padding-block:2.5rem}
  footer .wrap{justify-items:start;text-align:left}
  footer .row{justify-content:flex-start}
  .sticky{display:none}
}
@media (prefers-reduced-motion:reduce){
  .btn,.sticky,.faq summary .chev{transition:none}
  html{scroll-behavior:auto}
}