:root{--paper:#FAF4E6;--white:#FFFDF8;--paper-deep:#E8DFC9;--ink:#2A1F17;--ink-soft:#6E6353;--green:#14483A;--green-deep:#0D332A;--gold:#C99A2E;--gold-soft:#E8CE8F;--sage:#EDF3EA;--radius:18px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:'Fraunces',serif;color:var(--green);line-height:1.15}
a{color:var(--green)}
/* header */
header{position:sticky;top:0;z-index:50;background:rgba(250,244,230,.92);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1.5px solid var(--paper-deep)}
.hd{display:flex;align-items:center;gap:12px;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo .tile{width:38px;height:38px;border-radius:11px;background:linear-gradient(160deg,#1A5A49,var(--green-deep));color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Noto Serif Ethiopic',serif;font-size:20px;box-shadow:0 3px 8px rgba(13,51,42,.3)}
.logo b{font-family:'Fraunces',serif;font-size:19px;color:var(--green);letter-spacing:.5px}
nav.main{margin-left:auto;display:flex;gap:22px;align-items:center}
nav.main a{text-decoration:none;font-size:13.5px;font-weight:600;color:var(--ink-soft)}
nav.main a.on,nav.main a:hover{color:var(--green)}
.btn{display:inline-block;border:none;cursor:pointer;text-decoration:none;font-weight:700;border-radius:999px;padding:13px 24px;font-size:14px;transition:transform .15s,box-shadow .15s}
.btn.gold{background:linear-gradient(180deg,#D9AC3D,#C08F24);color:var(--green-deep);box-shadow:0 4px 12px rgba(154,113,22,.35),inset 0 1.5px 0 rgba(255,255,255,.4)}
.btn.line{border:1.5px solid var(--green);color:var(--green);background:transparent}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(154,113,22,.35)}
.btn.sm{padding:10px 18px;font-size:13px}
nav.main .btn{padding:10px 18px;font-size:13px}
.pagenav,.mmenu,.burger,.navq{display:none}
header{position:sticky}
/* hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;padding:72px 0 60px}
.eyebrow{font-size:15px;font-weight:700;letter-spacing:2.4px;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.hero h1{font-size:52px;margin-bottom:18px}
.hero p.lead{font-size:17px;color:var(--ink-soft);max-width:480px;margin-bottom:26px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.tiny{font-size:12px;color:var(--ink-soft);margin-top:12px}
/* phone mockup */
.phone{width:290px;margin:0 auto;border-radius:40px;border:11px solid #10241D;background:var(--paper);box-shadow:0 30px 60px rgba(13,51,42,.35),inset 0 0 0 2px #274A3E;overflow:hidden}
.phone .bar{background:linear-gradient(170deg,#175243,var(--green-deep));color:var(--paper);padding:14px 14px 10px;display:flex;gap:9px;align-items:center}
.phone .bar .t b{display:block;font-family:'Fraunces',serif;font-size:14px}
.phone .bar .t span{font-size:8px;letter-spacing:1px;color:var(--gold-soft);font-weight:700}
.phone .tile{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.12);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Noto Serif Ethiopic',serif;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}
.cellm{background:var(--white);border:1.2px solid var(--paper-deep);border-radius:11px;text-align:center;padding:9px 2px}
.cellm .g{font-family:'Noto Serif Ethiopic',serif;font-size:21px}
.cellm .s{display:block;font-size:7.5px;font-weight:700;color:#0F766E}
.cellm.hot{background:var(--gold-soft);border-color:var(--gold)}
/* sections */
section.band{padding:58px 0}
section.band.alt{background:var(--white);border-top:1.5px solid var(--paper-deep);border-bottom:1.5px solid var(--paper-deep)}
.kicker{text-align:center;max-width:640px;margin:0 auto 40px}
.kicker h2{font-size:34px;margin-bottom:10px}
.kicker p{color:var(--ink-soft)}
.stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.stat{background:var(--white);border:1.5px solid var(--paper-deep);border-radius:16px;padding:18px 26px;text-align:center;box-shadow:0 2px 10px rgba(42,31,23,.05)}
.stat b{display:block;font-family:'Fraunces',serif;font-size:30px;color:var(--green)}
.stat span{font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--ink-soft);text-transform:uppercase}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.prodgrid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));max-width:1000px;margin:0 auto}
.feat{background:var(--white);border:1.5px solid var(--paper-deep);border-radius:var(--radius);padding:22px;box-shadow:0 2px 10px rgba(42,31,23,.05)}
.feat .ic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px}
.feat:nth-child(3n+1) .ic{background:#F3F9FF}.feat:nth-child(3n+2) .ic{background:#FFF6EE}.feat:nth-child(3n) .ic{background:#F7F3FF}
.feat h3{font-size:17px;margin-bottom:6px}
.feat p{font-size:13.5px;color:var(--ink-soft)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.split img{width:100%;border-radius:16px;border:1.5px solid var(--paper-deep);box-shadow:0 20px 44px rgba(42,31,23,.18)}
.check{list-style:none;margin:18px 0}
.check li{padding:7px 0 7px 30px;position:relative;font-size:14.5px;color:var(--ink)}
.check li::before{content:"✓";position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;background:var(--gold-soft);color:var(--green-deep);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.vowels{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:22px 0}
.vp{background:var(--white);border:1.5px solid var(--gold-soft);border-radius:999px;padding:9px 16px;font-weight:800;color:#0F766E;font-size:14px;box-shadow:0 2px 8px rgba(42,31,23,.06)}
table.key{width:100%;max-width:620px;margin:0 auto;border-collapse:collapse;background:var(--white);border:1.5px solid var(--paper-deep);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(42,31,23,.07)}
table.key th{background:#EAF5FF;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft);padding:11px}
table.key td{padding:11px 14px;border-top:1px solid #F1EADB;font-size:14px}
table.key td:first-child{font-weight:800;color:#0F766E;width:110px}
table.key td:nth-child(2){color:var(--ink-soft);width:90px}
.faq{max-width:720px;margin:0 auto}
.faq details{background:var(--white);border:1.5px solid var(--paper-deep);border-radius:14px;padding:16px 20px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer;color:var(--green)}
.faq p{margin-top:9px;font-size:14px;color:var(--ink-soft)}
.prose{max-width:760px;margin:0 auto}
.prose h2{font-size:26px;margin:34px 0 10px}
.prose p,.prose li{font-size:14.5px;color:var(--ink);margin-bottom:10px}
.prose ul{padding-left:20px}
.notebox{background:var(--sage);border:1.5px solid #CBDCC6;border-radius:14px;padding:14px 18px;font-size:13px;color:var(--green-deep);margin:18px 0}
/* footer */
footer{background:linear-gradient(170deg,#12463A,var(--green-deep));color:#CFE3D8;margin-top:70px}
footer .top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding:46px 0 30px}
footer .logo b{color:var(--paper)}
footer p{font-size:13px;max-width:320px;margin-top:10px;color:#A9C4B8}
footer h4{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-soft);margin-bottom:12px}
footer a{display:block;color:#CFE3D8;text-decoration:none;font-size:13.5px;margin-bottom:8px}
footer a:hover{color:var(--gold-soft)}
footer .base{border-top:1px solid rgba(255,255,255,.14);padding:18px 0;font-size:11.5px;color:#8FAF9F;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media(max-width:860px){
html,body{overflow-x:hidden;max-width:100%}
/* ---- header: brand row + gold-pill nav, app-dock language ---- */
.hd{flex-wrap:wrap;padding:11px 0 0;gap:8px}
.logo .tile{width:34px;height:34px;font-size:17px}
.logo b{font-size:16.5px}
nav.main{margin-left:auto;gap:8px}
nav.main a.pg{display:none}
nav.main .btn{padding:9px 15px;font-size:12.5px}
/* ---- premium menu ---- */
.hd{padding:12px 0}
.burger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1.5px solid var(--paper-deep);border-radius:13px;background:var(--white);box-shadow:0 2px 6px rgba(42,31,23,.08);cursor:pointer;flex:0 0 auto}
.burger span{position:relative;width:19px;height:2.2px;background:var(--green);border-radius:2px;transition:.22s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:19px;height:2.2px;background:var(--green);border-radius:2px;transition:.22s}
.burger span::before{top:-6px}
.burger span::after{top:6px}
.navq:checked ~ .hd .burger span{background:transparent}
.navq:checked ~ .hd .burger span::before{top:0;transform:rotate(45deg)}
.navq:checked ~ .hd .burger span::after{top:0;transform:rotate(-45deg)}
.mmenu{position:absolute;top:100%;left:0;right:0;background:rgba(250,244,230,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1.5px solid var(--paper-deep);box-shadow:0 24px 44px rgba(42,31,23,.18);padding:6px 22px 22px}
.navq:checked ~ .hd .mmenu{display:block;animation:menuin .24s cubic-bezier(.2,.8,.3,1)}
@keyframes menuin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mmenu a{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;text-decoration:none;
  font-family:'Fraunces',serif;font-size:19px;font-weight:700;color:var(--green);border-bottom:1px solid #EDE5D2}
.mmenu a::after{content:"›";color:var(--gold);font-size:22px;font-family:'Inter',sans-serif}
.mmenu a.on{color:#B08420}
.mmenu .cta2{margin-top:16px;border:none;justify-content:center;font-family:'Inter',sans-serif;font-size:15px;
  background:linear-gradient(180deg,#D9AC3D,#C08F24);color:var(--green-deep);border-radius:999px;padding:15px;
  box-shadow:0 4px 12px rgba(154,113,22,.35), inset 0 1.5px 0 rgba(255,255,255,.4)}
.mmenu .cta2::after{content:""}
/* ---- hero: app-store confidence ---- */
.hero{grid-template-columns:1fr;padding:40px 0 40px;text-align:center}
.hero h1{font-size:clamp(31px,8.6vw,38px)}
.hero p.lead{margin:0 auto 24px;font-size:15.5px}
.cta{flex-direction:column;align-items:center;gap:10px}
.cta .btn{width:100%;max-width:340px;text-align:center;padding:15px 24px;font-size:15px}
.tiny{margin-top:10px}
.phone{margin-top:30px;width:min(280px,80vw);box-shadow:0 24px 48px rgba(13,51,42,.30),inset 0 0 0 2px #274A3E}
/* ---- rhythm & cards ---- */
section.band{padding:48px 0}
.kicker{margin-bottom:28px}
.kicker h2{font-size:26px}
.kicker p{font-size:14px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{padding:16px 10px}
.stat b{font-size:26px}
.stat span{font-size:9.5px}
.feats,.prodgrid{grid-template-columns:1fr;gap:12px}
.feat{display:flex;gap:14px;align-items:flex-start;padding:17px 16px}
.feat .ic{margin:0;flex:0 0 46px}
.feat h3{font-size:15.5px;margin-bottom:3px}
.feat p{font-size:13px}
.prodgrid .feat{display:block;padding:0}
.split{grid-template-columns:1fr;gap:24px}
.split h2{font-size:26px !important}
.check li{font-size:14px}
.vowels{gap:7px}
.vp{padding:8px 13px;font-size:13px}
table.key{font-size:12.5px}
table.key th{padding:9px 6px;font-size:9.5px}
table.key td{padding:9px 8px}
table.key td:first-child{width:78px}
table.key td:nth-child(2){width:64px}
.prose h2{font-size:21px}
.prose p,.prose li{font-size:14px}
.faq details{padding:14px 16px}
.faq summary{font-size:14px}
.notebox{font-size:12.5px}
footer .top{grid-template-columns:1fr;gap:24px;padding:36px 0 24px;text-align:left}
footer .base{flex-direction:column;align-items:flex-start;gap:6px;font-size:11px}
.btn:active{transform:scale(.97)}
html{-webkit-tap-highlight-color:transparent}
}
@media(max-width:400px){.hero h1{font-size:29px}.logo b{font-size:14.5px}nav.main .btn{padding:8px 12px;font-size:11.5px}.stats{gap:8px}}

.soonpill{cursor:default;border-color:var(--gold)!important;color:#8F6C1C!important;background:var(--white)}
.heroviz{position:relative}
.heroposter{width:100%;border-radius:14px;border:1.5px solid var(--paper-deep);box-shadow:0 24px 50px rgba(42,31,23,.20);display:block}

.pmini{position:absolute;left:18px;bottom:18px;width:152px;background:var(--green-deep);border-radius:24px;padding:5px;
 border:1.5px solid #E2C478;box-shadow:0 6px 14px rgba(13,51,42,.45),0 22px 40px rgba(13,51,42,.35)}
.pmini>*{font-family:'Poppins',sans-serif}
.pm-hd{background:var(--green);border-radius:19px 19px 0 0;display:flex;gap:6px;align-items:center;padding:7px 8px}
.pm-tile{width:22px;height:22px;border-radius:6px;background:var(--gold);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-family:'Noto Serif Ethiopic',serif;font-size:13px;font-weight:700}
.pm-t b{display:block;color:var(--paper);font-size:9px;line-height:1.1}
.pm-t span{display:block;color:var(--gold-soft);font-size:4.6px;letter-spacing:.4px;font-weight:700}
.pm-crumb{background:var(--paper);display:flex;gap:6px;align-items:center;padding:6px 8px 2px}
.pm-back{width:16px;height:16px;border-radius:50%;background:var(--white);border:1px solid var(--paper-deep);color:var(--green);font-weight:800;font-size:10px;display:flex;align-items:center;justify-content:center}
.pm-c em{display:block;font-style:normal;font-size:5px;letter-spacing:.6px;font-weight:700;color:var(--ink-soft)}
.pm-c b{display:block;font-size:8.5px;color:var(--green)}
.pm-note{background:var(--paper);padding:8px 8px 5px}
.pm-note{font-size:5.6px;color:#5A5042}
.pm-note::before{content:"";}
.pm-grid{background:var(--paper);border-radius:0 0 19px 19px;padding:2px 7px 8px;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.pm-cell{border:1px solid #E6E0D0;border-radius:8px;text-align:center;padding:5px 0 4px}
.pm-g{display:block;font-family:'Noto Serif Ethiopic',serif;font-size:19px;line-height:1.15;color:#231E2D}
.pm-cell b{display:block;font-size:6.5px;color:#0F766E;letter-spacing:.3px}
@media(max-width:920px){.pmini{position:static;width:min(180px,60vw);margin:16px auto 0;display:block}}


/* ================= REDESIGN 2026-08 (white aurora system) ================= */

.ic-lucide{background:none !important;width:auto !important;height:auto !important;font-size:0;margin-bottom:4px}
.pmini{display:none !important}
html,body{overflow-x:clip;max-width:100vw}
:root{ --paper:#FFFFFF !important; --paper-deep:#F2F0EA !important; --gold:#F0C81C !important; }
body, header{ background:#FFFFFF !important; }
section.band.alt{ background:transparent !important; }
/* burger menu: new world colors */

/* footer surface: calm deep green, fully readable */
footer{ background:linear-gradient(165deg,#1B7A4E 0%,#14603C 40%,#0D3D29 100%) !important; }
footer p, footer li, footer div{ color:#DDEBE2 !important; }
footer a{ color:#EAF4EE !important; }
footer h4, footer b, footer strong{ color:#FFFFFF !important; }
footer .eyebrow, footer h4{ color:#F2D98A !important; }
footer .base, footer .base *{ color:#B9D2C4 !important; }
footer .logo b{ color:#FFFDF8 !important; -webkit-text-fill-color:#FFFDF8 !important; }
/* burger options: tricolor left accents */
.mmenu a{ border-left:3px solid #1B7A50 !important; padding-left:12px !important; }
.mmenu a:nth-of-type(3n+2){ border-left-color:#E3B428 !important; }
.mmenu a:nth-of-type(3n){ border-left-color:#C0533C !important; }
.mmenu .cta2{ border-left:none !important; }

/* burger menu carries the aurora inside its glass */
.mmenu{ background:
  radial-gradient(300px 220px at 12% 10%, rgba(70,190,125,0.16), transparent 78%),
  radial-gradient(320px 240px at 90% 35%, rgba(246,201,80,0.14), transparent 78%),
  radial-gradient(300px 230px at 40% 95%, rgba(200,70,50,0.09), transparent 78%),
  rgba(255,255,255,0.92) !important;
  backdrop-filter:blur(16px) saturate(1.15); -webkit-backdrop-filter:blur(16px) saturate(1.15); }

.mmenu{ background:rgba(255,255,255,0.92) !important; border-bottom:1px solid rgba(255,255,255,0.6) !important;
  box-shadow:0 24px 44px rgba(30,40,35,0.14) !important; }
.mmenu a{ color:#14523A !important; border-bottom:1px solid #EDF2EC !important; }
.mmenu a::after{ color:#1B7A50 !important; }
.mmenu a.on{ color:#1B7A50 !important; }
.mmenu .cta2{ background:#F0C81C !important; color:#2A2104 !important;
  box-shadow:0 4px 12px rgba(160,130,20,0.25) !important; }
.burger{ border-color:#E8ECE8 !important; background:rgba(255,255,255,0.8) !important; }

@media (min-width:1000px){
  table.key, .key{ background:rgba(255,255,255,0.55) !important;
    backdrop-filter:blur(12px) saturate(1.1); -webkit-backdrop-filter:blur(12px) saturate(1.1); }
  table.key td, table.key th, .key td, .key th{ background:transparent !important; }
}

section.band.alt{ border-top:none !important; border-bottom:none !important; }
.hero, section, section.band, .cta, .pagenav{ background:transparent !important; }
/* seamless section junctions: kill remaining divider hairlines, feather section meeting points */
section, .band{ border-top:none !important; border-bottom:none !important; }
header{ border-bottom:1px solid rgba(255,255,255,0.45) !important; }
hr{ border:none !important; height:1px; background:linear-gradient(90deg, transparent, rgba(27,74,58,0.10), transparent) !important; }


.btn.gold{ background:#F0C81C !important; color:#2A2104 !important; }
.logo .tile, footer .logo .tile{ color:#F6D63F; }
.eyebrow{ color:#1B7A50 !important; }
.stat b{ color:#14483A !important; }
.vp{ color:#177A4C !important; border-color:#CFE9DC !important; background:transparent !important; }
.check li::before{ color:#1B7A50 !important; background:transparent !important; }
.check li{ color:#4A4238 !important; }
footer .logo b{ color:#FFFDF8 !important; -webkit-text-fill-color:#FFFDF8 !important; }

html{ background:#FAFCFA; }
body{ background:transparent !important; position:relative; }
#aurora{ position:absolute; inset:0; z-index:-1; pointer-events:none;
 transform:translateZ(0); will-change:transform;
 background-color:#FAFCFA; background-repeat:no-repeat;
 background-image:
  radial-gradient(620px 460px at 12% 6vh,   rgba(70,190,125,0.16), transparent 78%),
  radial-gradient(660px 470px at 88% 26vh,  rgba(246,201,80,0.12), transparent 78%),
  radial-gradient(600px 450px at 45% 62vh,  rgba(200,70,50,0.10),  transparent 78%),
  radial-gradient(620px 470px at 10% 96vh,  rgba(246,201,80,0.09), transparent 78%),
  radial-gradient(640px 470px at 88% 128vh, rgba(200,70,50,0.09),  transparent 78%),
  radial-gradient(620px 460px at 15% 168vh, rgba(70,190,125,0.13), transparent 78%),
  radial-gradient(650px 480px at 85% 210vh, rgba(246,201,80,0.10), transparent 78%),
  radial-gradient(620px 460px at 40% 256vh, rgba(70,190,125,0.12), transparent 78%),
  radial-gradient(640px 470px at 88% 300vh, rgba(200,70,50,0.08),  transparent 78%),
  radial-gradient(620px 460px at 12% 348vh, rgba(70,190,125,0.12), transparent 78%),
  radial-gradient(650px 480px at 80% 392vh, rgba(246,201,80,0.10), transparent 78%);
}

header{ background:rgba(255,255,255,0.55) !important;
 backdrop-filter:blur(16px) saturate(1.2); -webkit-backdrop-filter:blur(16px) saturate(1.2);
 border-bottom:1px solid rgba(255,255,255,0.6) !important; }
.feat, .notebox, .faq details, .stat{
 background:rgba(255,255,255,0.5) !important;
 backdrop-filter:blur(14px) saturate(1.15); -webkit-backdrop-filter:blur(14px) saturate(1.15);
 border:1px solid rgba(255,255,255,0.65) !important;
 box-shadow:0 8px 26px rgba(30,40,35,0.07) !important; }
@media (min-width:1000px){
  .wrap{ max-width:1280px !important; width:90vw !important; }
  .prose, .kicker{ max-width:820px !important; margin-left:auto !important; margin-right:auto !important; }
}

.feat:has(.ic-lucide){ display:grid !important; grid-template-columns:auto 1fr !important;
  grid-template-areas:"ic ttl" "desc desc" !important; align-items:end !important; column-gap:12px !important; }
.feat:has(.ic-lucide) .ic, .feat:has(.ic-lucide) .ic-lucide{ grid-area:ic !important; margin:0 !important; }
.feat:has(.ic-lucide) h3{ grid-area:ttl !important; margin:0 !important; }
.feat:has(.ic-lucide) p{ grid-area:desc !important; margin:4px 0 0 !important; }
.feat:has(.ic-lucide){ align-content:start !important; }
.faq details{ border-left:3px solid #1B7A50 !important; }
.faq details:nth-of-type(3n+2){ border-left-color:#E3B428 !important; }
.faq details:nth-of-type(3n){ border-left-color:#C0533C !important; }
.feat:has(.ic-lucide){ row-gap:4px !important; }
.feat:has(.ic-lucide) p{ margin:0 !important; }
header{ position:sticky !important; top:0 !important; z-index:1000 !important; }
footer{ position:relative; }
footer::before{
  content:""; position:absolute; left:0; right:0; top:-260px; height:260px; pointer-events:none;
  background:
    radial-gradient(420px 240px at 12% 100%, rgba(46,160,103,0.20), transparent 80%),
    radial-gradient(460px 250px at 50% 100%, rgba(246,201,80,0.22), transparent 80%),
    radial-gradient(420px 240px at 88% 100%, rgba(200,70,50,0.16), transparent 80%);
}

@media (max-width:760px){
  h1{ font-size:26px !important; line-height:1.18 !important; }
  h2, .kicker h2{ font-size:24px !important; line-height:1.2 !important; }
  h3{ font-size:15.5px !important; }
  p, li{ font-size:15px !important; }
  .eyebrow{ font-size:13.5px !important; }
  .btn{ font-size:14px !important; }
}

@media (max-width:760px){ h2.pagetitle{ font-size:26px !important; } }

/* HERO B: split, room near-full-bleed with breathing room */
.heroB{display:grid;grid-template-columns:minmax(360px,38%) 1fr;align-items:center;gap:38px;
 max-width:none;padding:44px 28px 54px 28px;}
.heroB-copy{max-width:none;}
.heroB-copy .lead{max-width:58ch;}
.heroB-room img{display:block;width:100%;height:auto;border-radius:26px;
 box-shadow:0 26px 64px rgba(20,72,58,.18), 0 3px 12px rgba(30,40,35,.08);}
@media (max-width:900px){
 .heroB{display:block;padding:30px 0 0;}
 .heroB-copy{max-width:none;padding:0 18px;}
 .heroB-room{margin-top:22px;}
 .heroB-room img{border-radius:0;box-shadow:none;}
}

/* past the 27-inch threshold the copy anchors to the image; spare width becomes left margin */
@media (min-width:1920px){
  .heroB-copy{max-width:708px;margin-left:auto;}
}
/* past 32-inch the whole hero freezes at its best size; margins grow equally on both sides */
@media (min-width:2560px){
  .heroB{max-width:2560px;margin:0 auto;}
}

/* transparent product cutouts: clean, no shadow anywhere */
img.cutout{border:none !important;border-radius:18px !important;box-shadow:none !important;background:none !important;
 filter:none;}
.cutout-wrap{position:relative;display:block;}

/* eyebrow labels in Courier Prime; style-only change, colors untouched */
.eyebrow{font-family:"Courier Prime",Courier,monospace;}