/* Layout: one light stage; the hero console stays dark, like an app screenshot. Hero console is the single orchestrated moment; everything after it is calm, gridded and quiet. */
:root{
  color-scheme: light;
  --ink-0:#FFFFFF;      /* page ground */
  --ink-1:#F5F8F6;      /* raised band */
  --ink-2:#EDF2EF;      /* panels */
  --ink-3:#DDE6E1;      /* panel borders / hover */
  --fg:#17222E;         /* brand navy */
  --fg-2:#43525C;
  --muted:#6B7A74;
  --sage:#4F7D67;
  --sage-2:#6F9C86;
  --sage-deep:#6F9C86;
  --amber:#A86A12;      /* money + attention */
  --rose:#BF4A3A;       /* critical */
  --line-2:rgba(23,34,46,.18);
  --display:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;  /* headings, as in the app */
  --body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;  /* body text, as in the app */
  --mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --wrap:1200px;
  --gut-l:max(16px, env(safe-area-inset-left, 0px));
  --gut-r:max(16px, env(safe-area-inset-right, 0px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:calc(68px + env(safe-area-inset-top, 0px) + 24px)} /* a link straight to a section (…/#demo) lands below the sticky header; clicks are handled in site.js. Section ids sit on the block with the section label, not the band, so links skip the band's top padding. */
body{margin:0;background:var(--ink-0);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink-0)}
a{color:inherit}
:focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r)}
.band{padding-block:clamp(72px,10vw,136px);position:relative}
.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.025em;line-height:1.02;margin:0;text-wrap:balance}
h2{font-size:clamp(2rem,4.4vw,3.6rem)}
h3{font-size:1.2rem;letter-spacing:-.01em;line-height:1.2}
p{margin:0}
.lede{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--fg-2);max-width:60ch}
.mono{font-family:var(--mono)}
.num{font-variant-numeric:tabular-nums}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--body);font-weight:700;font-size:.98rem;padding:.9em 1.35em;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s ease, background .2s ease, border-color .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--sage);color:var(--ink-0)}
.btn-primary:hover{background:#3F6A56}
.btn-ghost{border-color:var(--line-2);color:var(--fg)}
.btn-ghost:hover{border-color:var(--sage);background:rgba(79,125,103,.06)}
.btn svg{width:16px;height:16px}

/* Nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);background:rgba(255,255,255,.82);border-bottom:1px solid var(--line)}
.nav .wrap{max-width:none;display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
/* Logo sizes follow the app's DailyOpsLogo at markSize 48: name = mark × 0.62, gap = mark × 0.18, Central = name × 0.34 */
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.brand svg{width:48px;height:48px;flex:none;display:block}
.brand span{display:flex;flex-direction:column;line-height:1;font-family:"Plus Jakarta Sans","Manrope",sans-serif;text-align:left}
.brand b{font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--fg)}
.brand small{font-size:10px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--sage);margin-top:5px}
.nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.nav ul a{text-decoration:none;color:var(--fg-2);font-size:.92rem;font-weight:600}
.nav ul a:hover{color:var(--fg)}
.nav .btn{padding:.6em 1.1em;font-size:.88rem}
.nav-ctas{display:flex;gap:10px}
.nav .btn{white-space:nowrap}
@media (max-width:480px){.nav-ctas .btn-primary{display:none}}
@media (max-width:860px){.nav ul{display:none}}

/* Hero */
.hero{padding-block:clamp(48px,6.5vw,88px) 0;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-20% -10% auto;height:900px;background:
  radial-gradient(600px 380px at 72% 30%, rgba(111,156,134,.16), transparent 70%),
  radial-gradient(500px 300px at 15% 10%, rgba(141,187,164,.14), transparent 70%);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-size:clamp(2.7rem,7vw,6rem);font-weight:800;letter-spacing:-.04em;line-height:.98}
.hero h1 .quiet{color:var(--muted);font-weight:600;display:block}
.hero h1 .loud{display:block;padding-bottom:.2em;margin-bottom:-.2em;background:linear-gradient(100deg,var(--fg) 0%,var(--fg) 55%,var(--sage) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lede{margin-top:28px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
/* The six area buttons: one row under the Meet Emma link (wraps on narrower screens). */
.hero-areas{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;position:relative;z-index:1}
.hero-areas .btn{padding:.6em 1.1em;font-size:.88rem}
@media (max-width:480px){.hero-areas{gap:8px}.hero-areas .btn{padding:.55em .95em;font-size:.82rem}}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:.85rem;color:var(--muted)}
.hero-meta i{font-style:normal;color:var(--sage)}
/* Hero picture: DailyOps at the centre, every role around it. Sits beside lines 2-3 of the headline on wide screens, under the buttons on smaller ones. */
.hero-art{margin:40px auto 0;max-width:340px}
.roles-svg{display:block;width:100%;height:auto;overflow:visible}
@media (min-width:1100px){
  .hero{padding-bottom:72px}
  .hero h1 .loud{max-width:60%}
  .hero-areas{flex-wrap:nowrap;justify-content:space-between;gap:8px}
  .hero-areas .btn{font-size:clamp(.78rem,.95vw,.88rem);padding:.6em clamp(.7em,1vw,1.1em);white-space:nowrap}
  /* Stops above the row of area buttons, which runs the full width under the picture. */
  .hero-art{position:absolute;right:var(--gut-r);top:clamp(116px,8.9vw,132px);bottom:94px;width:40%;max-width:none;margin:0;display:flex;align-items:center;justify-content:center}
  .roles-svg{height:100%;width:auto;max-width:100%}
}
.ro-orb{animation:ro-bob 6s ease-in-out infinite;animation-delay:var(--d)}
@keyframes ro-bob{50%{transform:translateY(-6px)}}
.ro-core{transform-box:fill-box;transform-origin:center;animation:ro-breathe 5s ease-in-out infinite}
@keyframes ro-breathe{50%{transform:scale(1.03)}}
.ro-halo{transform-box:fill-box;transform-origin:center;animation:ro-halo 5s ease-in-out infinite}
@keyframes ro-halo{50%{opacity:.6;transform:scale(1.08)}}
.ro-run{transform-box:fill-box;transform-origin:center;animation:ro-run 9s linear infinite}
@keyframes ro-run{to{transform:rotate(360deg)}}

/* Console */
.views-band{padding-block:clamp(16px,2vw,32px) clamp(24px,3vw,40px)}
.console-wrap{margin:0 auto;position:relative;z-index:1;width:min(1440px,calc(100% - 32px))}
/* Hero console: the app's Home in the new design (dark teal side menu, light page, white cards, serif greeting). */
.console{--app-bg:#F6F7F8;--app-ink:#16262B;--app-soft:#5B6E72;--app-line:#CFD8D6;--app-line-2:#EEF2F1;--teal:#1E6B65;--teal-deep:#123F3D;--teal-soft:#E6F0EE;--app-green:#2FAE95;--app-amber:#C98A2C;--app-amber-soft:#FBF0DD;--app-purple:#6A4C93;
  border:1px solid var(--app-line);border-radius:18px;background:var(--app-bg);color:var(--app-ink);box-shadow:0 50px 100px -40px rgba(18,63,61,.35),0 0 0 1px rgba(18,63,61,.06);overflow:hidden;font-size:.84rem;line-height:1.45}
.c-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--app-line);background:#fff;font-size:.76rem;color:var(--app-soft)}
.c-dots{display:flex;gap:6px}.c-dots i{width:10px;height:10px;border-radius:50%;background:#DCE4E2}
.c-title{font-family:var(--mono);background:var(--app-bg);border:1px solid var(--app-line-2);border-radius:8px;padding:3px 14px}
.c-clock{font-family:var(--mono);color:var(--app-ink);display:flex;align-items:center;gap:8px}
.live{width:7px;height:7px;border-radius:50%;background:var(--app-green);box-shadow:0 0 0 0 rgba(47,174,149,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,174,149,.55)}70%{box-shadow:0 0 0 9px rgba(47,174,149,0)}100%{box-shadow:0 0 0 0 rgba(47,174,149,0)}}
.c-app{display:grid;grid-template-columns:214px minmax(0,1fr);min-height:460px}
.c-app[hidden]{display:none}
.views{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.views>span{font-size:.85rem;font-weight:600;color:var(--muted)}
.views-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line-2);border-radius:999px;background:var(--ink-0)}
.views-tabs button{font:600 .85rem var(--body);color:var(--fg-2);background:none;border:0;border-radius:999px;padding:8px 14px;cursor:pointer}
.views-tabs button:hover{color:var(--fg)}
.views-tabs button[aria-selected="true"]{background:var(--sage);color:#fff}
@media (max-width:700px){.views-tabs{border-radius:16px;justify-content:center}}
.c-need-list.one{grid-template-columns:1fr}
.c-need-list.one .c-need:nth-child(2){border-top:1px solid #F1F4F3;padding-top:7px}
.c-me{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.c-me small{display:block;font-size:.68rem;color:var(--app-soft)}
.c-me b{display:block;font-size:1.05rem;font-weight:700;color:var(--teal-deep);margin-top:2px}
.c-me-chip{font-style:normal;background:#E9F3EC;color:#3C7A54;border-radius:999px;padding:2px 9px;font-size:.68rem;font-weight:700;white-space:nowrap}
.c-me-chip.late{background:var(--app-amber-soft);color:#7A4F0E}
.c-h>span{font-size:.7rem;color:var(--app-soft);white-space:nowrap}
.c-goal{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c-goal small{display:block;font-size:.68rem;color:var(--app-soft)}
.c-goal b{display:block;font-size:1.1rem;font-weight:700;color:var(--app-ink)}
.c-goal b.neg{color:#B5433A}
.c-chart{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end;height:84px;margin:14px 0 6px}
.c-chart div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}
.c-chart i{display:block;width:100%;max-width:28px;border-radius:4px 4px 0 0;background:var(--teal)}
.c-chart div:last-child i{background:#9FD8CB}
.c-chart span{font-size:.6rem;color:var(--app-soft)}
.c-hist{display:grid;grid-template-columns:60px 1fr auto;gap:8px;align-items:center;padding:5px 0;border-top:1px solid #F1F4F3;font-size:.74rem}
.c-hist span{color:var(--app-soft)}
.c-hist b{font-weight:600}
.c-hist em{font-style:normal;font-size:.64rem;font-weight:700;border-radius:999px;padding:1px 8px}
.c-hist em.ok{background:#E9F3EC;color:#3C7A54}
.c-hist em.bad{background:#FBEAE8;color:#B5433A}
.c-warn{font-style:normal;background:var(--app-amber-soft);color:#7A4F0E;border-radius:999px;padding:2px 9px;font-size:.66rem;font-weight:700;white-space:nowrap}
.c-pto{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #F1F4F3;font-size:.76rem}
.c-pto b{font-weight:600}
.c-pto em{font-style:normal;font-size:.68rem;color:var(--app-soft)}
.c-pto em.soon{color:var(--app-amber);font-weight:700}
.c-pto .num{color:var(--app-soft);white-space:nowrap}
.c-note{font-size:.66rem;color:var(--app-soft);margin-top:8px}
.c-nav{background:var(--teal-deep);color:#E6F0EE;padding:16px 10px;display:flex;flex-direction:column;gap:2px}
.c-logo{display:flex;flex-direction:column;padding:0 8px 12px}
.c-logo b{font-family:var(--display);font-weight:800;font-size:1.15rem;letter-spacing:-.03em;color:#fff;line-height:1}
.c-logo small{font-size:.5rem;letter-spacing:.32em;text-transform:uppercase;color:#8FB3AE;margin-top:4px}
.c-pick{display:flex;justify-content:space-between;margin:0 4px 10px;padding:6px 10px;border:1px solid #2E5E5A;border-radius:8px;background:#1A4D4A;font-weight:700;font-size:.76rem}
.c-pick span{color:#B9D2CE}
.c-link,.c-group{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:0 10px;border-radius:8px;font-weight:600;font-size:.78rem}
.c-link.on{background:var(--teal);color:#fff}
.c-group{margin-top:6px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#B9D2CE}
.c-group span{font-size:.7rem}
.c-link{justify-content:flex-start;white-space:nowrap}
.c-link i,.c-group i{font-style:normal;width:18px;margin-right:8px;text-align:center;font-size:.85rem;flex:none}
.c-group b{display:flex;align-items:center;font-weight:700}
.c-foot-nav{margin-top:auto;padding-top:10px;border-top:1px solid #2E5E5A}
.c-foot-nav .c-group{margin-top:0}
.c-group i{font-size:.8rem}
.c-main{padding:20px 22px;min-width:0;display:flex;flex-direction:column;gap:16px}
.c-greet{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.c-hello{font-family:"Instrument Serif",Georgia,serif;font-size:1.75rem;line-height:1.1;color:var(--teal-deep)}
.c-date{font-size:.76rem;color:var(--app-soft);margin-top:4px}
.c-actions{display:flex;gap:8px;flex-wrap:wrap}
.c-actions span{background:#fff;color:var(--teal-deep);border:1px solid #DCE4E2;border-radius:10px;padding:6px 12px;font-weight:700;font-size:.74rem}
.c-actions span.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.c-needs .c-h{align-items:center}
.c-needs .c-h b{white-space:nowrap}
.c-count{font-style:normal;display:inline-block;margin-left:6px;background:#FBEAE8;color:#B5433A;border-radius:999px;padding:0 8px;font-size:.7rem;font-weight:700;vertical-align:1px}
.c-prog{display:flex;align-items:center;gap:10px}
.c-prog .c-bar-t{width:120px;margin-top:0;height:6px;background:var(--teal-soft)}
.c-prog .c-bar-t i{background:var(--teal)}
.c-prog span{font-size:.7rem;font-weight:600;color:var(--app-soft);white-space:nowrap}
.c-need-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
.c-need{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #F1F4F3;min-width:0}
.c-need:nth-child(-n+2){border-top:0;padding-top:0}
.c-need i{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:.85rem}
.c-need i.red{background:#FBEAE8}
.c-need i.amber{background:var(--app-amber-soft)}
.c-need div{min-width:0}
.c-need b{display:block;font-size:.78rem;font-weight:700;color:var(--app-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-need span{display:block;font-size:.68rem;color:var(--app-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.c-row-needs{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.c-who+.c-who{margin-top:8px}
.c-who p{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--app-soft);margin-bottom:4px}
.c-who div{display:flex;flex-wrap:wrap;gap:5px}
.c-who span{border-radius:7px;padding:3px 8px;font-size:.7rem;font-weight:700;white-space:nowrap}
.c-who small{font-size:inherit;font-weight:500}
.c-who .in{background:#E9F3EC;color:#3C7A54}
.c-who .late{background:var(--app-amber-soft);color:#7A4F0E}
.c-who .missing{background:#FBEAE8;color:#B5433A}
.c-who .later{background:#F1F4F3;color:var(--app-soft)}
.c-row .c-h{margin-bottom:8px}
.c-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #F1F4F3}
.c-h+.c-item{border-top:0;padding-top:0}
.c-emo{font-size:.95rem;line-height:1}
.c-item b{display:block;font-size:.78rem;font-weight:700;color:var(--app-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-item span:not(.c-emo){display:block;font-size:.68rem;color:var(--app-soft)}
.c-item em{font-style:normal;font-size:.68rem;font-weight:700;color:#3C7A54;white-space:nowrap}
.c-item em.on{background:var(--teal);color:#fff;border-radius:8px;padding:4px 9px}
.c-cols{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;align-items:start}
.c-stack{display:grid;gap:14px;min-width:0}
.c-card{background:#fff;border:1px solid var(--app-line);border-radius:14px;box-shadow:0 1px 3px rgba(18,63,61,.08);padding:14px 16px;min-width:0}
.c-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.c-h b{display:block;font-weight:700;font-size:.86rem;color:var(--app-ink)}
.c-h span{display:block;font-size:.7rem;color:var(--app-soft);margin-top:1px}
.c-h em{font-style:normal;border:1px solid #DCE4E2;border-radius:8px;padding:3px 9px;font-size:.72rem;font-weight:700;color:var(--teal-deep);white-space:nowrap}
.c-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.c-tile small{display:block;font-size:.7rem;color:var(--app-soft)}
.c-tile strong{display:block;font-family:var(--body);font-size:1.4rem;font-weight:700;color:var(--teal-deep);line-height:1.15;margin-top:2px;font-variant-numeric:tabular-nums}
.c-tile span{display:block;font-size:.66rem;color:var(--app-soft);margin-top:5px}
.c-tile span.amber{color:var(--app-amber)}
.c-bar-t{height:5px;border-radius:3px;background:var(--app-line-2);overflow:hidden;margin-top:8px;position:relative}
.c-bar-t i{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--app-green);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.c-bar-t i.amber{background:var(--app-amber)}
.offices{display:grid}
.office{display:grid;grid-template-columns:96px 1fr 44px 64px;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #F1F4F3;font-size:.8rem}
.office:first-child{border-top:0;padding-top:0}
.office .nm{font-weight:700}
.office .c-bar-t{margin-top:0}
.office .pct{font-size:.76rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--app-soft)}
.chip{font-size:.66rem;font-weight:700;padding:2px 8px;border-radius:99px;text-align:center;white-space:nowrap}
.chip.ok{background:#E9F3EC;color:#3C7A54}
.chip.warn{background:var(--app-amber-soft);color:#7A4F0E}
.chip.bad{background:#FBEAE8;color:#9A3128}
.c-side{display:flex;flex-direction:column}
.c-eom{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 0;border-top:1px solid #F1F4F3;font-size:.76rem}
.c-h+.c-eom{border-top:0;padding-top:0}
.c-eom i{width:16px;height:16px;border-radius:5px;border:1.5px solid #C3CCCC;display:grid;place-items:center;font-style:normal;font-size:.6rem;font-weight:800;color:#fff}
.c-eom i.ok{background:var(--teal);border-color:var(--teal)}
.c-eom b{font-weight:600;color:var(--app-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-eom span{font-size:.66rem;color:var(--app-soft);white-space:nowrap}
.c-eom em{font-style:normal;font-size:.66rem;font-weight:700;color:var(--teal-deep);border:1px solid #DCE4E2;border-radius:7px;padding:2px 8px}
.feed{list-style:none;margin:0;padding:0;display:grid;gap:0;flex:1;align-content:start}
.feed li{display:grid;grid-template-columns:40px 1fr;gap:8px;padding:9px 0;border-top:1px solid #F1F4F3;font-size:.76rem;line-height:1.4;color:var(--app-soft);animation:feedIn .6s cubic-bezier(.2,.7,.2,1) both}
.feed li:first-child{border-top:0;padding-top:0}
.feed li time{font-size:.7rem;color:var(--app-soft);padding-top:1px;font-variant-numeric:tabular-nums}
.feed li b{font-weight:700;color:var(--app-ink)}
.feed li .tag{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin-bottom:2px}
.feed li .tag.ai{color:var(--app-purple)}
.feed li .tag.money{color:var(--app-amber)}
@keyframes feedIn{from{opacity:.0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.c-foot{margin-top:10px;font-size:.66rem;color:var(--app-soft)}
.console-note{text-align:center;font-size:.75rem;color:var(--muted);margin-top:14px}
@media (max-width:1000px){.c-app{grid-template-columns:1fr}.c-nav{display:none}}
@media (max-width:760px){.c-cols,.c-row,.c-need-list{grid-template-columns:1fr}.c-need:nth-child(2){border-top:1px solid #F1F4F3;padding-top:7px}.c-prog .c-bar-t{display:none}.c-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.c-actions{display:none}}
@media (max-width:560px){.office{grid-template-columns:1fr 64px;row-gap:6px}.office .c-bar-t{grid-column:1/-1;grid-row:2}.office .pct{display:none}.c-bar .c-title{display:none}}

/* Logos */

/* Gap section */
.gap-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.gap-grid h2 em{font-style:normal;color:var(--sage)}
.gap-grid .lede{margin-top:24px}
.nudge{margin-top:32px;padding:22px 24px;border-left:3px solid var(--sage);background:var(--ink-1);border-radius:0 14px 14px 0}
.nudge-q{font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,1.8vw,1.4rem);letter-spacing:-.015em;line-height:1.25;color:var(--fg)}
.nudge p+p{margin-top:8px;color:var(--fg-2)}
.ledger{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--ink-1)}
.ledger-h,.ledger-r{display:grid;grid-template-columns:1fr 24px 1fr;gap:12px;align-items:center;padding:14px 20px}
.ledger-h{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:var(--ink-2)}
.ledger-r{border-bottom:1px solid var(--line);font-size:.92rem}
.ledger-r:last-child{border-bottom:0}
.ledger-r s{color:var(--muted);text-decoration-color:rgba(224,122,107,.6);text-decoration-thickness:1.5px}
.ledger-r .arrow{color:var(--sage-deep);text-align:center}
.ledger-r b{font-weight:700}
@media (max-width:860px){.gap-grid{grid-template-columns:1fr}}


/* Platform */
.core{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(20px,4vw,48px);align-items:start;padding:clamp(24px,3vw,36px);border-radius:20px;background:var(--sage);color:#fff}
.core svg{width:28px;height:28px;color:#E3EFE8}
.core .mod-tag{color:#E3EFE8}
.core h3{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-top:6px;color:#fff}
.core .mod-line{color:#E3EFE8;margin-top:8px}
.core ul{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.core li{position:relative;padding-left:22px;font-weight:600;line-height:1.4;break-inside:avoid;margin-bottom:12px}
.core li::before{content:"✓";position:absolute;left:0;top:0;color:#E3EFE8;font-weight:800}
.mods{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:16px}
.mods .mod{grid-column:span 2}
.mod{padding:26px 22px 28px;border:1px solid var(--line-2);border-radius:16px;background:var(--ink-0);box-shadow:0 1px 3px rgba(23,34,46,.06);min-width:0}
.mod svg{width:26px;height:26px;color:var(--sage)}
.mod-tag{margin-top:14px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sage)}
.mod h3{font-size:1.35rem;margin-top:6px}
.mod-for{margin-top:6px;font-size:.82rem;font-weight:600;color:var(--fg)}
.mod-line{margin-top:10px;font-size:.9rem;color:var(--fg-2)}
.mod-line a{color:var(--sage);font-weight:700;white-space:nowrap}
.mod ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}
.mod li{font-size:.86rem;color:var(--fg-2);padding-left:16px;position:relative;line-height:1.45}
.mod li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:2px;background:var(--sage-deep)}
.every{margin-top:28px}
.every summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;color:var(--sage);list-style:none;padding:10px 18px;border:1px solid var(--line-2);border-radius:999px}
.every summary::-webkit-details-marker{display:none}
.every summary::after{content:"▾";transition:transform .2s}
.every[open] summary::after{transform:rotate(180deg)}
.every .plat{margin-top:20px}
@media (max-width:1100px){.mods{grid-template-columns:repeat(2,minmax(0,1fr))}.mods .mod{grid-column:auto}}
@media (max-width:760px){.core{grid-template-columns:1fr}.core ul{columns:1}}
@media (max-width:560px){.mods{grid-template-columns:1fr}}
.plat-band{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(32px,4vw,56px)}
#why{padding-top:clamp(32px,4vw,56px)}
.plat-head{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap;margin-bottom:48px}
.plat-head .lede{max-width:46ch}
.plat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mod-card{padding:28px 24px 30px;border:1px solid var(--line-2);border-radius:16px;background:var(--ink-0);box-shadow:0 1px 3px rgba(23,34,46,.06);transition:background .25s ease,box-shadow .25s ease,transform .25s ease;min-width:0}
.mod-card:hover{box-shadow:0 10px 28px -12px rgba(23,34,46,.22);transform:translateY(-2px)}
.mod-card .who{font-family:var(--body);font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sage)}
.mod-card h3{margin-top:10px}
.mod-card p{color:var(--fg-2);font-size:.9rem;margin-top:10px}
.mod-card ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:6px}
.mod-card li{font-size:.84rem;color:var(--fg-2);padding-left:16px;position:relative}
.mod-card li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:2px;background:var(--sage-deep)}
.mod-card svg{width:26px;height:26px;color:var(--sage)}
.mod-card.wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:12px clamp(24px,4vw,56px);align-items:start}
.mod-card.wide ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin-top:6px}
.mod-card.wide li{font-size:.9rem}
@media (max-width:900px){.mod-card.wide{grid-template-columns:1fr}}
@media (max-width:560px){.mod-card.wide ul{grid-template-columns:1fr}}
@media (max-width:1180px){.plat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.plat{grid-template-columns:1fr}}


/* Groups */
.g-feats{display:grid;gap:22px;margin-top:32px}
.g-feat{display:grid;grid-template-columns:28px 1fr;gap:14px}
.g-feat svg{width:22px;height:22px;color:var(--sage);margin-top:2px}
.g-feat b{display:block;font-weight:700}
.g-feat span{color:var(--fg-2);font-size:.92rem}

/* Proof */
.proof{border-block:1px solid var(--line);background:var(--ink-1)}
.proof-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.origin{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);display:grid;gap:10px}
.origin .mono{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}
.origin p{color:var(--fg-2);font-size:.95rem;max-width:52ch}
.origin b{color:var(--fg)}
.origin ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.origin li{font-size:.8rem;font-weight:600;padding:5px 12px;border:1px solid var(--line-2);border-radius:99px;color:var(--fg-2)}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.stat{background:var(--ink-1);padding:26px 24px}
.stat strong{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.04em;display:block;line-height:1;font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:10px;color:var(--fg-2);font-size:.88rem}
@media (max-width:860px){.proof-grid{grid-template-columns:1fr}}

/* Founding */
.founding-card{position:relative;border-radius:24px;padding:clamp(28px,5vw,64px);background:
  radial-gradient(700px 300px at 85% 0%, rgba(141,187,164,.22), transparent 70%),
  linear-gradient(160deg,var(--ink-2),var(--ink-1));border:1px solid var(--line-2);overflow:hidden}
.founding-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start;position:relative}
.founding-card .lede{margin-top:20px}
.seats{display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}
.seat-grid{display:grid;grid-template-columns:repeat(25,10px);gap:4px}
.seat-grid i{width:10px;height:10px;border-radius:3px;background:rgba(79,125,103,.16)}
.seats span{font-family:var(--mono);font-size:.78rem;color:var(--fg-2)}
.perks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.perks li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--ink-0)}
.perks svg{width:20px;height:20px;color:var(--sage);margin-top:2px}
.perks b{display:block}
.perks span{font-size:.9rem;color:var(--fg-2)}
@media (max-width:900px){.founding-grid{grid-template-columns:1fr}}
@media (max-width:420px){.seat-grid{grid-template-columns:repeat(13,10px)}}

/* Demo form */
.demo-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:start}
.demo-grid .lede{margin-top:20px}
.expect{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:18px}
.expect li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline}
.expect .mono{font-size:.72rem;color:var(--sage)}
.expect span{color:var(--fg-2)}
form{border:1px solid var(--line-2);border-radius:20px;padding:clamp(22px,3vw,34px);background:var(--ink-1);display:grid;gap:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:7px;font-size:.82rem;font-weight:600;color:var(--fg-2)}
input,select{font:500 .95rem var(--body);color:var(--fg);background:var(--ink-0);border:1px solid var(--line-2);border-radius:10px;padding:.8em .9em;width:100%}
input::placeholder{color:#8A9892}
input:focus,select:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 3px rgba(79,125,103,.18)}
.check{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:12px;border:1px dashed var(--line-2);font-weight:500;cursor:pointer}
.check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--sage)}
.check b{color:var(--fg)}
form .btn{justify-content:center;width:100%;font-size:1rem}
.fine{font-size:.76rem;color:var(--muted);text-align:center}
.pms-note{font-size:.82rem;color:var(--fg-2);margin-top:-6px}
.pms-note b{color:var(--amber);font-weight:700}
.done{display:grid;gap:10px;text-align:center;padding:40px 10px}
.done strong{font-family:var(--display);font-size:1.6rem}
@media (max-width:860px){.demo-grid{grid-template-columns:1fr}}
@media (max-width:480px){.row2{grid-template-columns:1fr}}

/* Footer */
footer{border-top:1px solid var(--line);padding-block:48px 56px;color:var(--muted);font-size:.85rem}
.foot{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:start}
.foot nav{display:flex;gap:28px;flex-wrap:wrap}
.foot nav a{text-decoration:none}
.foot nav a:hover{color:var(--fg)}
.foot-tag{margin-top:12px;max-width:34ch}

/* Trust & compliance (#trust, old #security link kept): the one dark band after the hero, so it reads as its own promise */
.sec{background:var(--fg);color:#E6EEEA}
.sec .eyebrow{color:#8FC4AC}
.sec h2{color:#fff}
.sec .lede{color:rgba(230,238,234,.78)}
.sec-badges{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sec-badges li{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:14px;border:1px solid rgba(143,196,172,.28);background:rgba(143,196,172,.08);font-size:.86rem;color:rgba(230,238,234,.75)}
.sec-badges b{font-family:var(--display);font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:#fff}
.sec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sec-card{padding:24px 22px 26px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);min-width:0}
.sec-card svg{width:26px;height:26px;color:#8FC4AC}
.sec-card h3{color:#fff;margin-top:16px;font-size:1.08rem}
.sec-card p{margin-top:10px;font-size:.9rem;line-height:1.55;color:rgba(230,238,234,.72)}
.sec-ask{margin-top:32px;color:rgba(230,238,234,.78)}
.sec-ask a{display:inline-flex;align-items:center;gap:.4em;margin-left:.35em;color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(143,196,172,.6)}
.sec-ask a:hover{border-color:#fff}
.sec-ask svg{width:14px;height:14px}
.sec :focus-visible{outline-color:#8FC4AC}
#trust{position:relative}#security{position:absolute;top:0}
@media (max-width:1000px){.sec-grid,.sec-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sec-grid{grid-template-columns:1fr}.sec-badges b{font-size:1.2rem}.sec-badges li{padding:14px 16px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.console{transform:none}}

/* Site additions (outside the concept artifact) */
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--sage);color:var(--ink-0);padding:8px 14px;border-radius:8px;font-weight:700}
.skip:focus{left:16px}
.opt{font-weight:500;color:var(--muted)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form{position:relative}
.form-error{font-size:.88rem;color:var(--rose);background:rgba(191,74,58,.06);border:1px solid rgba(191,74,58,.3);border-radius:10px;padding:10px 12px}
form .btn:disabled{opacity:.6;cursor:wait;transform:none}
.foot-base{display:flex;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:.78rem}

/* Hero pointer to the Emma section */
.hero-emma{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:7px 14px 7px 7px;border:1px solid var(--line-2);border-radius:999px;font-size:.88rem;font-weight:600;text-decoration:none;color:var(--fg);background:rgba(255,255,255,.7);max-width:100%}
.hero-emma b{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-0);background:var(--sage);border-radius:999px;padding:3px 9px;flex:none}
.hero-emma svg{width:14px;height:14px;color:var(--sage);flex:none}
.hero-emma:hover{border-color:var(--sage)}

/* Meet Emma: what she does on the phone and by text, a sample conversation, and what the team sees */
.emma-band{background:var(--ink-1);border-block:1px solid var(--ink-3);padding-block:clamp(56px,7vw,96px)}
.emma-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:start}
.emma-grid h2 em{font-style:normal;color:var(--sage)}
#groups h2 em{font-style:normal;color:var(--sage)}
.emma-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.emma-col h3{display:flex;align-items:center;gap:10px;font-size:1.1rem}
.emma-col h3 svg{width:22px;height:22px;color:var(--sage);flex:none}
.emma-col ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:9px}
.emma-col li{font-size:.9rem;color:var(--fg-2);padding-left:16px;position:relative;line-height:1.45}
.emma-col li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:2px;background:var(--sage-deep)}
.emma-demo{position:sticky;top:96px}
/* Emma's portrait above the sample conversation, and her face in the chat headers and the hero link.
   Her pictures are CSS backgrounds, not <img> tags, so link previews (texts, social) never pick her face. */
/* A compact card: her portrait, cropped to the face, beside her name, so the sample conversation sits high. */
.emma-card{margin:0 0 14px;border:1px solid var(--line-2);border-radius:20px;overflow:hidden;background:var(--ink-0);display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center}
.ec-photo{aspect-ratio:1;background:#F3EFEA url(emma.webp) 50% 22%/165% no-repeat}
.emma-card figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:14px 18px}
.emma-card b{font-family:var(--display);font-size:1.15rem;letter-spacing:-.01em}
.emma-card span{order:3;flex-basis:100%;font-size:.84rem;color:var(--fg-2)}
.ec-on{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);display:inline-flex;align-items:center;gap:6px}
.ec-on::before{content:"";width:7px;height:7px;border-radius:50%;background:#3FBF8C;box-shadow:0 0 0 3px rgba(63,191,140,.18)}
.ep-av{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:url(emma-face.webp) center/cover}
.ep-av::after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:#5FD3A8;border:2px solid #16222C}
.ep-e span::before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;background:url(emma-face.webp) center/cover;vertical-align:-4px;margin-right:6px}
.he-face{width:28px;height:28px;border-radius:50%;background:url(emma-face.webp) center/cover;flex:none;margin-right:-2px}
.emma-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line-2);border-radius:999px;background:var(--ink-0);margin-bottom:14px}
.emma-tabs button{font:inherit;font-size:.85rem;font-weight:700;border:0;background:none;color:var(--fg-2);padding:7px 16px;border-radius:999px;cursor:pointer}
.emma-tabs button[aria-selected="true"]{background:var(--fg);color:var(--ink-0)}
.emma-phone{background:#16222C;color:#E8EFEB;border-radius:20px;padding:18px;box-shadow:0 24px 60px -24px rgba(23,34,46,.45)}
.emma-phone[hidden]{display:none}
.ep-top{display:flex;align-items:center;gap:10px;font-size:.8rem;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.ep-top b{flex:1;font-weight:600}
.ep-top .mono{color:#9FB3AA}
.ep-dot{width:8px;height:8px;border-radius:50%;background:#5FD3A8;box-shadow:0 0 0 4px rgba(95,211,168,.18)}
.ep-log{display:grid;gap:10px;padding:16px 0}
.ep-log p{font-size:.86rem;line-height:1.45;padding:9px 12px;border-radius:12px;max-width:88%}
.ep-log p span{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-bottom:2px}
.ep-e{background:rgba(111,156,134,.22);justify-self:start}
.ep-p{background:rgba(255,255,255,.08);justify-self:end}
.ep-sms .ep-p{background:#2F6F57;color:#fff}
.ep-done{display:grid;gap:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#A9D8C2}
.emma-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(32px,4vw,44px)}
.et{padding:20px;border:1px solid var(--line-2);border-radius:14px;background:var(--ink-0)}
.et b{display:block;font-family:var(--display);font-size:1rem}
.et span{display:block;margin-top:6px;font-size:.86rem;color:var(--fg-2);line-height:1.45}
.emma-proof{margin-top:18px;font-size:.95rem;color:var(--fg-2)}
.emma-proof::before{content:"● ";color:var(--sage)}
@media (max-width:980px){.emma-grid{grid-template-columns:1fr}.emma-demo{position:static;max-width:520px}.emma-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.emma-card{grid-template-columns:96px minmax(0,1fr)}.emma-card figcaption{padding:10px 14px}.emma-cols,.emma-team{grid-template-columns:1fr}.ep-log p{max-width:94%}}

/* SEO pass (10/31): the home heading's keyword line, links to the feature pages, and the feature pages themselves. */
.hero h1 .kicker{display:block;font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-bottom:22px;line-height:1.4}
.more{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-weight:700;font-size:.9rem;color:var(--sage-deep);text-decoration:none}
.more svg{width:14px;height:14px;color:currentColor}
.more:hover{text-decoration:underline}
.mod-card .more svg{width:14px;height:14px;color:currentColor}
.page-hero{padding-bottom:clamp(40px,6vw,72px)}
.page-hero h1{font-size:clamp(2.3rem,5.4vw,4.4rem);font-weight:800;letter-spacing:-.035em;margin-top:18px;max-width:18ch}
.page-hero .lede{margin-top:22px}
.crumbs{display:flex;gap:8px;font-size:.85rem;color:var(--fg-2);margin-bottom:28px}
.crumbs a{color:var(--fg-2)}
h2.sub{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-top:48px}
h2.sub:first-child{margin-top:0}
.feat-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.why{margin-top:56px}
.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:20px 0 8px}
.rel{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border:1px solid var(--line-2);border-radius:14px;color:var(--fg);font-weight:700;text-decoration:none}
.rel svg{width:16px;height:16px;flex:none;color:var(--sage)}
.rel:hover{border-color:var(--sage)}
/* Emma's portrait as a real image (indexable), cropped the way the background was: 165% wide, at 50% / 22%. */
.ec-photo{position:relative;overflow:hidden;background:#F3EFEA}
.ec-photo img{position:absolute;width:165%;max-width:none;height:auto;left:-32.5%;top:-12%}
.faq{display:grid;gap:10px;margin-top:22px;max-width:820px}
.faq-item{border:1px solid var(--line-2);border-radius:14px;padding:16px 20px;background:var(--ink-0)}
.faq-item summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--sage);font-weight:800}
.faq-item[open] summary::after{content:"–"}
.faq-item p{margin:10px 0 0;color:var(--fg-2)}