/* ============================================================
   Trellis — public site · "Morning Garden" design system
   Lora (display) + Nunito (body)
   Sage = brand structure · Sunrise = delight · Sand = warmth
   ============================================================ */

:root{
  --sand:#FFF8EE; --cream:#FDF6EA; --paper:#FFFDF8;
  --ink:#33302B; --muted:#8A8378; --faint:#B7AE9E; --line:#EDE4D5;
  --sage:#5B9B6E; --sage-deep:#3F7D52; --leaf:#7CC08C; --mist:#EFF6F0; --mist-line:#CFE6D5;
  --coral:#FF6B6B; --apricot:#FF9A3C; --honey:#FFD060; --gold:#F59E0B;
  --violet:#8B5CF6; --violet-deep:#6B46C1; --violet-soft:#F2ECFD; --violet-line:#E0D2FA;
  --grad-sage:linear-gradient(140deg,#3F7D52 0%,#5B9B6E 55%,#7CC08C 100%);
  --grad-sun:linear-gradient(140deg,#FF6B6B 0%,#FF9A3C 55%,#FFD060 100%);
  --grad-violet:linear-gradient(140deg,#6B46C1 0%,#8B5CF6 55%,#A855F7 100%);
  --shadow-soft:0 10px 34px rgba(63,60,52,.08);
  --shadow-lift:0 18px 50px rgba(63,60,52,.14);
  --r-lg:26px; --r-md:18px; --r-sm:12px;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{font-family:'Nunito',sans-serif;background:var(--sand);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.serif{font-family:'Lora',serif;font-weight:600}

/* ---------- top bar ---------- */
.topbar{background:var(--sage-deep);color:#F2F8F3;text-align:center;padding:9px 16px;font-size:.85rem;font-weight:700;border-bottom:4px solid var(--honey);box-shadow:0 2px 0 rgba(63,60,52,.12)}
.topbar a{text-decoration:underline;text-underline-offset:3px;font-weight:800}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,248,238,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:10px;font-family:'Lora',serif;font-weight:700;font-size:1.45rem;color:var(--ink)}
.brand img{width:30px;height:30px}
.nav-links{display:flex;gap:26px;margin-left:auto;align-items:center}
.nav-links a{font-weight:800;font-size:.92rem;color:var(--muted);transition:color .15s}
.nav-links a:hover{color:var(--sage-deep)}
.nav-links a.on{color:var(--sage-deep)}
.nav-links a.btn-sage{color:#fff}
.nav-links a.btn-sage:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:900;border-radius:15px;transition:transform .12s,box-shadow .12s}
.btn:active{transform:scale(.97)}
.btn-sage{background:var(--grad-sage);color:#fff;padding:12px 22px;font-size:.95rem;box-shadow:0 6px 18px rgba(63,125,82,.28)}
.btn-sage:hover{box-shadow:0 8px 24px rgba(63,125,82,.38)}
.btn-sun{background:var(--grad-sun);color:#fff;padding:14px 26px;font-size:1rem;box-shadow:0 6px 18px rgba(255,107,107,.3)}
.btn-ghost{background:#fff;color:var(--sage-deep);border:2px solid var(--mist-line);padding:12px 22px;font-size:.95rem}
.btn-ghost:hover{border-color:var(--sage)}
.btn-big{padding:16px 32px;font-size:1.08rem;border-radius:17px}
.nav-toggle{display:none}
.nav-burger{display:none;margin-left:auto;cursor:pointer;color:var(--sage-deep);padding:4px}

/* ---------- type ---------- */
.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--sage);margin-bottom:14px}
.h1{font-family:'Lora',serif;font-weight:600;font-size:3.4rem;line-height:1.06;letter-spacing:-.5px}
.h2{font-family:'Lora',serif;font-weight:600;font-size:2.35rem;line-height:1.1;letter-spacing:-.3px}
.h3{font-family:'Lora',serif;font-weight:600;font-size:1.45rem;line-height:1.2}
.lede{font-size:1.13rem;font-weight:600;color:#6d675c;line-height:1.65;margin-top:20px;max-width:540px}
.center{text-align:center}
.center .lede{margin-left:auto;margin-right:auto}
.accent-sun{background:var(--grad-sun);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.accent-sage{color:var(--sage-deep)}

/* ---------- sections ---------- */
.sec{padding:58px 0}
.sec-tight{padding:42px 0}
.sec-cream{background:var(--cream)}
.sec-paper{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-mist{background:var(--mist)}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;padding:72px 0 88px}
.hero .h1{font-size:clamp(2.1rem,3.5vw,2.7rem)}
.trust-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px}
.trust-row span{display:inline-flex;align-items:center;gap:9px;font-size:.86rem;font-weight:800;color:var(--muted)}
.trust-row span::before{content:"";width:11px;height:11px;flex:none;border-radius:0 50% 50% 50%;background:var(--grad-sage);transform:rotate(45deg);box-shadow:0 2px 5px rgba(63,125,82,.28)}
.hero-ctas{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.founder-tease{font-size:.95rem;font-weight:600;color:var(--muted);line-height:1.6;margin-top:18px;max-width:520px;font-style:italic}
.founder-tease a{font-style:normal;font-weight:800;color:var(--sage-deep);text-decoration:underline;text-underline-offset:3px}

/* ---------- phone frame ---------- */
.phone{width:min(310px,80vw);margin:0 auto;background:#26241f;border-radius:42px;padding:9px;box-shadow:var(--shadow-lift)}
.phone .screen{border-radius:34px;overflow:hidden;background:#000;position:relative}
.unmute{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(38,36,31,.82);color:#fff;border:none;border-radius:30px;padding:9px 16px;font-family:'Nunito',sans-serif;font-weight:800;font-size:.82rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.unmute:active{transform:translateX(-50%) scale(.96)}
.unmute.hidden{display:none}
.unmute .ic-on,.unmute .ic-off{display:inline-flex;align-items:center}
.unmute .ic-off{display:none}
.unmute.sound-on .ic-on{display:none}
.unmute.sound-on .ic-off{display:inline-flex}
.phone video{width:100%;height:auto}
.device-cap{text-align:center;font-size:.84rem;font-weight:800;color:var(--faint);margin-top:14px}

/* ---------- metaphor strip ---------- */
.metaphor{max-width:760px;margin:0 auto;text-align:center}
.metaphor p{font-family:'Lora',serif;font-weight:500;font-style:italic;font-size:1.5rem;line-height:1.5;color:#57534a}
.metaphor p strong{color:var(--sage-deep);font-style:normal;font-weight:700}

/* ---------- product cards ---------- */
.products{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:48px}
.prod{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:36px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.prod::before{content:"";position:absolute;inset:0 0 auto 0;height:6px}
.prod.hq::before{background:var(--grad-sage)}
.prod.ac::before{background:var(--grad-violet)}
.prod .tag{display:inline-block;font-size:.7rem;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:16px}
.prod.hq .tag{background:var(--mist);color:var(--sage-deep)}
.prod.ac .tag{background:var(--violet-soft);color:var(--violet-deep)}
.prod p{font-weight:600;color:#6d675c;margin-top:12px}
.prod ul{list-style:none;margin-top:20px}
.prod li{padding:10px 0 10px 32px;position:relative;font-weight:700;font-size:.95rem;color:#4a463f;border-top:1px dashed var(--line)}
.prod li::before{content:"";position:absolute;left:2px;top:12px;width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:contain}
.prod.hq li::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 3C9.5 3 3 9.5 3 21c11.5 0 18-6.5 18-18Z' fill='%235B9B6E'/><path d='M4 20C9 15 13.5 10.5 18 7' stroke='%23ffffff' stroke-width='1.7' fill='none' stroke-linecap='round'/></svg>")}
.prod.ac li::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 3C9.5 3 3 9.5 3 21c11.5 0 18-6.5 18-18Z' fill='%238B5CF6'/><path d='M4 20C9 15 13.5 10.5 18 7' stroke='%23ffffff' stroke-width='1.7' fill='none' stroke-linecap='round'/></svg>")}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow-soft)}
.step .n{font-family:'Lora',serif;font-weight:700;font-size:1.05rem;width:42px;height:42px;border-radius:50%;background:var(--mist);color:var(--sage-deep);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.step h4{font-family:'Lora',serif;font-weight:600;font-size:1.2rem}
.step p{font-weight:600;color:#6d675c;font-size:.94rem;margin-top:8px}

/* ---------- multi-device hero video ---------- */
.hero-video{position:relative;margin-top:44px;border-radius:22px;overflow:hidden;background:#26241f;box-shadow:var(--shadow-lift);line-height:0}
.hero-video video{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.hero-video-cap{text-align:center;font-size:.9rem;font-weight:800;color:var(--faint);margin-top:16px}
.hero-sound{position:absolute;bottom:16px;right:16px;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;background:rgba(38,36,31,.72);color:#fff;font-family:'Nunito',sans-serif;font-weight:800;font-size:.85rem;padding:9px 15px 9px 13px;border-radius:30px;backdrop-filter:blur(6px);line-height:1;transition:background .15s,transform .12s}
.hero-sound:hover{background:rgba(38,36,31,.9)}
.hero-sound:active{transform:scale(.96)}
.hero-sound.on{background:var(--grad-sage)}
.hero-sound svg{flex:none}
.hero-sound .ic-sound{display:none}
.hero-sound.on .ic-muted{display:none}
.hero-sound.on .ic-sound{display:inline-block}
@media (max-width:600px){ .hero-sound{bottom:10px;right:10px;font-size:.78rem;padding:7px 12px} }

/* ---------- video demos ---------- */
.demos{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:52px;align-items:start}
.demo-card{text-align:center}
.demo-card h4{font-family:'Lora',serif;font-weight:600;font-size:1.25rem;margin-top:20px}
.demo-card p{font-weight:600;color:#6d675c;font-size:.93rem;margin-top:6px;max-width:380px;margin-left:auto;margin-right:auto}
.laptop{background:#26241f;border-radius:20px;padding:10px 10px 16px;box-shadow:var(--shadow-lift)}
.laptop .screen{border-radius:12px;overflow:hidden;background:#000}
.laptop video{width:100%;height:auto}

/* ---------- scrapbook ---------- */
.scrapbook{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:52px;align-items:start}
.snap{background:#fff;padding:12px 12px 18px;border-radius:6px;box-shadow:0 10px 30px rgba(63,60,52,.14);transition:transform .2s}
.snap img{display:block;width:100%;height:auto;border-radius:3px}
.snap:nth-child(odd){transform:rotate(-1.4deg)}
.snap:nth-child(even){transform:rotate(1.2deg)}
.snap:hover{transform:rotate(0) scale(1.02)}

/* ---------- privacy ---------- */
.promises{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.promise{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px}
.promise .ic{width:46px;height:46px;border-radius:14px;background:var(--mist);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.promise h4{font-family:'Lora',serif;font-weight:600;font-size:1.15rem}
.promise p{font-weight:600;color:#6d675c;font-size:.93rem;margin-top:8px}

/* ---------- pricing ---------- */
.price-note{font-size:.8rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--sage-deep)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.tier{background:#fff;border:2px solid var(--line);border-radius:var(--r-md);padding:28px 22px;text-align:center;position:relative}
.tier.popular{border-color:var(--sage);background:#F4FBF5;box-shadow:0 12px 34px rgba(91,155,110,.16)}
.tier .pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--sage-deep);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:5px 14px;border-radius:20px;white-space:nowrap}
.tier .amt{font-family:'Lora',serif;font-weight:700;font-size:2.5rem;color:var(--sage-deep);line-height:1}
.tier .amt span{font-size:1rem;color:var(--sage);font-weight:600}
.tier .who{font-weight:800;color:#4a463f;margin-top:8px}
.tier-foot{font-weight:700;color:var(--muted);font-size:.9rem;margin-top:22px;text-align:center}

/* ---------- pricing: what's included (family-friendly bundle) ---------- */
.bundle{background:linear-gradient(160deg,#F4FBF5 0%,#FBF5FF 100%);border:1.5px solid var(--mist-line);border-radius:32px;padding:44px 36px;margin-top:40px;position:relative;overflow:hidden}
.bundle-apps{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap}
.bundle-app{flex:1;min-width:230px;background:#fff;border-radius:22px;padding:26px;box-shadow:var(--shadow-soft);border-top:6px solid}
.bundle-app.hq{border-color:var(--sage)}
.bundle-app.ac{border-color:var(--violet)}
.bundle-app .badge{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.bundle-app .badge svg{width:27px;height:27px}
.bundle-app.hq .badge{background:var(--mist);color:var(--sage-deep)}
.bundle-app.ac .badge{background:var(--violet-soft);color:var(--violet-deep)}
.bundle-app .tag{display:inline-block;font-size:.68rem;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;padding:4px 11px;border-radius:20px;margin-bottom:10px}
.bundle-app.hq .tag{background:var(--mist);color:var(--sage-deep)}
.bundle-app.ac .tag{background:var(--violet-soft);color:var(--violet-deep)}
.bundle-app h4{font-family:'Lora',serif;font-weight:600;font-size:1.25rem;margin-bottom:12px}
.bundle-app ul{list-style:none}
.bundle-app li{padding:7px 0 7px 26px;position:relative;font-weight:700;font-size:.92rem;color:#4a463f}
.bundle-app li::before{content:"✦";position:absolute;left:2px}
.bundle-app.hq li::before{color:var(--sage)}
.bundle-app.ac li::before{color:var(--violet)}
.bundle-plus{flex:none;align-self:center;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--line);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-size:1.9rem;color:var(--gold);margin:-6px -14px;z-index:2;position:relative}
.bundle-foot{text-align:center;margin-top:26px;font-family:'Lora',serif;font-weight:600;font-size:1.25rem;color:var(--sage-deep)}
.bundle-foot span{color:var(--violet-deep)}
@media (max-width:640px){
  .bundle-apps{flex-direction:column;gap:0}
  .bundle-plus{margin:-14px auto;transform:rotate(90deg)}
}

/* ---------- pricing: what we focus on (interactive switcher) ---------- */
.focus2{max-width:920px;margin:44px auto 0}
.focus2-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.focus2-tab{display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:var(--r-md);padding:18px 20px;cursor:pointer;font-family:'Nunito',sans-serif;transition:border-color .15s,box-shadow .15s,transform .12s}
.focus2-tab:hover{transform:translateY(-2px)}
.focus2-tab .ic{width:46px;height:46px;flex:none;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--mist);color:var(--sage-deep)}
.focus2-tab .ic svg{width:25px;height:25px}
.focus2-tab .lbl{display:flex;flex-direction:column;line-height:1.2}
.focus2-tab .lbl strong{font-size:1.02rem;color:var(--ink)}
.focus2-tab .lbl small{font-size:.72rem;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-top:3px}
.focus2-tab[data-t="found"].on{border-color:var(--sage);box-shadow:0 10px 26px rgba(91,155,110,.18)}
.focus2-tab[data-t="brains"] .ic{background:var(--violet-soft);color:var(--violet-deep)}
.focus2-tab[data-t="brains"].on{border-color:var(--violet);box-shadow:0 10px 26px rgba(139,92,246,.18)}
.focus2-panels{margin-top:18px}
.focus2-panel{display:none;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:36px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.focus2-panel.on{display:block;animation:fpin .28s ease}
.focus2-panel::before{content:"";position:absolute;inset:0 0 auto 0;height:6px}
#fp-found::before{background:var(--grad-sage)}
#fp-brains::before{background:var(--grad-violet)}
@keyframes fpin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fp-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:30px;align-items:center}
.fp-img{width:100%;height:auto;border-radius:16px;box-shadow:var(--shadow-soft);display:block}
@media (max-width:700px){ .fp-grid{grid-template-columns:1fr} .fp-img{max-width:360px;margin:4px auto 0} }
.focus2-panel h3{font-family:'Lora',serif;font-weight:600;font-size:1.5rem;margin-top:6px}
.focus2-panel p{font-weight:600;color:#6d675c;font-size:.98rem;margin-top:12px;max-width:660px}
.focus2-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.focus2-chips span{background:var(--mist);color:var(--sage-deep);border-radius:20px;padding:8px 15px;font-weight:800;font-size:.85rem}
#fp-brains .focus2-chips span{background:var(--violet-soft);color:var(--violet-deep)}
@media (max-width:640px){ .focus2-tabs{grid-template-columns:1fr} }

/* ---------- neurodivergent spotlight ---------- */
.spotlight{background:var(--mist);border:1.5px solid var(--mist-line);border-radius:32px;padding:56px 48px;text-align:center;position:relative;overflow:hidden}
.spotlight .h2{max-width:640px;margin:0 auto}
.spotlight .lede{margin:20px auto 0}
.spot-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.spot-chips span{background:#fff;border:1.5px solid var(--mist-line);border-radius:30px;padding:10px 20px;font-weight:800;font-size:.9rem;color:var(--sage-deep);box-shadow:0 4px 12px rgba(63,125,82,.08)}
@media (max-width:640px){ .spotlight{padding:40px 24px} }

/* ---------- founder band ---------- */
.founder{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.founder img{border-radius:var(--r-lg);box-shadow:var(--shadow-lift)}
.sig{font-family:'Lora',serif;font-style:italic;font-weight:500;font-size:1.1rem;color:var(--sage-deep);margin-top:22px}

/* ---------- final cta ---------- */
.finale{background:var(--grad-sage);border-radius:34px;padding:72px 40px;text-align:center;color:#fff;position:relative;overflow:hidden}
.finale .h2{color:#fff}
.finale p{font-weight:700;font-size:1.08rem;opacity:.95;max-width:560px;margin:16px auto 0}
.finale .btn{margin-top:32px;background:#fff;color:var(--sage-deep)}
.finale .fine{font-size:.85rem;font-weight:700;opacity:.8;margin-top:18px}
.finale-link{color:#fff;font-weight:900;text-decoration:underline;text-underline-offset:3px}

/* ---------- footer ---------- */
.footer{background:var(--paper);border-top:1px solid var(--line);padding:56px 0 40px;margin-top:88px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.foot-grid h5{font-size:.78rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
.foot-grid a{display:block;font-weight:700;color:#6d675c;font-size:.92rem;padding:5px 0}
.foot-grid a:hover{color:var(--sage-deep)}
.foot-mission{font-weight:600;color:var(--muted);font-size:.92rem;max-width:300px;margin-top:14px}
.foot-base{border-top:1px solid var(--line);margin-top:44px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.82rem;font-weight:700;color:var(--faint)}

/* ---------- page hero (interior pages) ---------- */
.page-hero{padding:50px 0 30px;text-align:center}
.page-hero .lede{margin-left:auto;margin-right:auto}
.page-hero .mission{margin-top:8px}
.page-hero .mission blockquote{font-size:2.25rem}
@media (max-width:600px){ .page-hero .mission blockquote{font-size:1.5rem} }

/* ---------- install steps ---------- */
.device-tabs{display:flex;gap:10px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.device-tab{border:2px solid var(--line);background:#fff;border-radius:30px;padding:11px 24px;font-family:'Nunito';font-weight:900;font-size:.95rem;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.device-tab.on{border-color:var(--sage);background:var(--mist);color:var(--sage-deep)}
.install-panel{max-width:640px;margin:40px auto 0}
.istep{display:flex;gap:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:24px;margin-bottom:14px;box-shadow:var(--shadow-soft)}
.istep .n{font-family:'Lora',serif;font-weight:700;flex:none;width:38px;height:38px;border-radius:50%;background:var(--mist);color:var(--sage-deep);display:flex;align-items:center;justify-content:center}
.istep h4{font-weight:900;font-size:1rem}
.istep p{font-weight:600;color:#6d675c;font-size:.93rem;margin-top:4px}
.istep .kbd{display:inline-block;background:var(--cream);border:1px solid var(--line);border-radius:7px;padding:1px 8px;font-weight:800;font-size:.85rem}

/* ---------- FAQ ---------- */
.faq-group{max-width:760px;margin:0 auto 48px}
.faq-group>h3{font-family:'Lora',serif;font-weight:600;font-size:1.35rem;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--line)}
details{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:10px;overflow:hidden}
details summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:800;font-size:1rem;display:flex;justify-content:space-between;align-items:center;gap:14px}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";font-family:'Lora',serif;font-size:1.4rem;color:var(--sage);flex:none;transition:transform .18s}
details[open] summary::after{transform:rotate(45deg)}
details .a{padding:0 22px 20px;font-weight:600;color:#6d675c;font-size:.96rem}
details .a a{color:var(--sage-deep);font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* ---------- story ---------- */
.story-body{max-width:680px;margin:0 auto;font-size:1.08rem;font-weight:600;color:#4a463f;line-height:1.75}
.story-body p+p{margin-top:22px}
.story-body .drop::first-letter{font-family:'Lora',serif;font-weight:700;font-size:3.4em;float:left;line-height:.82;margin:6px 12px 0 0;color:var(--sage-deep)}
.mission{max-width:820px;margin:0 auto;text-align:center}
.mission blockquote{font-family:'Lora',serif;font-weight:600;font-size:2rem;line-height:1.35;color:var(--ink)}
.mission blockquote em{color:var(--sage-deep);font-style:normal}
.values{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:48px}
.value{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 30px 30px 34px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.value::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px}
.value:nth-child(1)::before{background:var(--grad-sage)}
.value:nth-child(2)::before{background:var(--grad-sun)}
.value:nth-child(3)::before{background:var(--grad-violet)}
.value:nth-child(4)::before{background:linear-gradient(140deg,#F59E0B,#FFD060)}
.value h4{font-family:'Lora',serif;font-weight:600;font-size:1.2rem}
.value .em{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.value .em svg{width:23px;height:23px}
.value:nth-child(1) .em{background:var(--mist);color:var(--sage-deep)}
.value:nth-child(2) .em{background:#FFF1E4;color:#D97706}
.value:nth-child(3) .em{background:var(--violet-soft);color:var(--violet-deep)}
.value:nth-child(4) .em{background:#FFF7E0;color:var(--gold)}
.value p{font-weight:600;color:#6d675c;font-size:.95rem;margin-top:8px}

/* story-break stretched photo (between mission and story) */
.story-break-wrap{padding:10px 0 26px}
.story-break{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 42%;border-radius:26px;box-shadow:var(--shadow-lift)}
@media (max-width:600px){ .story-break{aspect-ratio:4/3} }

/* inline highlight (draws the eye to a key phrase) */
.hl{background:linear-gradient(180deg,transparent 58%,var(--honey) 58%);padding:0 2px;font-weight:800;color:var(--ink)}
.story-body .hl{font-weight:700}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .h1{font-size:2.5rem}.h2{font-size:1.9rem}
  .hero{grid-template-columns:1fr;gap:44px;padding:48px 0 64px}
  .products,.demos,.founder{grid-template-columns:1fr}
  .steps,.promises,.tiers,.scrapbook{grid-template-columns:1fr 1fr}
  .founder{gap:36px}
  .foot-grid{grid-template-columns:1fr}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 18px;box-shadow:0 18px 34px rgba(63,60,52,.1)}
  .nav-links a{padding:11px 0;font-size:1.02rem;width:100%}
  .nav-links .btn{margin-top:10px;justify-content:center;padding:13px 22px}
  .nav-toggle:checked ~ .nav-links{display:flex}
  .nav-burger{display:block}
  .sec{padding:44px 0}
}
@media (max-width:600px){
  .steps,.promises,.tiers,.values,.scrapbook{grid-template-columns:1fr}
  .mission blockquote{font-size:1.5rem}
}