:root { --ink:#21312d; --muted:#6e7b75; --paper:#f3f6f2; --card:#fff; --line:#dce5df; --mint:#d5ead8; --green:#427a60; --blue:#5d8dbd; --purple:#8c83bd; --warm:#f4e4c7; --shadow:0 20px 60px rgba(32,55,43,.08); }
[hidden] { display:none !important; }

/* Logged-out home: let the first screen carry the feeling. */
.landing-hero { display:block !important; padding:18px 0 76px !important; }
.landing-art {
  display:grid !important;
  min-height:620px !important;
  margin:0 !important;
  place-items:center;
  isolation:isolate;
  border-radius:6% 94% 10% 90% / 12% 8% 92% 88% !important;
  background:
    radial-gradient(circle at 50% 45%, rgba(93,141,189,.22), transparent 32%),
    radial-gradient(circle at 65% 55%, rgba(140,131,189,.18), transparent 40%),
    var(--ink) !important;
  box-shadow:18px 18px 0 var(--warm) !important;
  animation:mahita-hero-float 14s ease-in-out infinite;
}
.landing-art::before,.landing-art::after { z-index:0; animation:mahita-ring-breathe 9s ease-in-out infinite; }
.landing-art::after { animation-delay:-4s; }
.landing-orbit { z-index:1; }
.orbit-a { animation:mahita-orbit-a 18s ease-in-out infinite; }
.orbit-b { animation:mahita-orbit-b 22s ease-in-out infinite reverse; }
.landing-core { z-index:2; opacity:.38; animation:mahita-core-pulse 5s ease-in-out infinite; }
.landing-node { z-index:2; animation:mahita-node-float 7s ease-in-out infinite; }
.node-b { animation-delay:-2s; }
.node-c { animation-delay:-4s; }
.node-d { animation-delay:-6s; }
.hero-overlay {
  position:relative;
  z-index:3;
  display:flex;
  width:min(820px,90%);
  min-height:100%;
  padding:70px 24px 50px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.hero-eyebrow { color:var(--mint); }
.hero-overlay h1 {
  max-width:760px;
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(4rem,10vw,8.5rem);
  line-height:.9;
  letter-spacing:-.09em;
}
.hero-overlay h1 em { color:var(--mint); }
.hero-overlay .hero-lede { margin:0 0 28px; color:rgba(255,255,255,.78); font-size:clamp(1rem,2vw,1.35rem); line-height:1.4; }
.hero-overlay .hero-actions { justify-content:center; }
.hero-overlay .button-primary { color:var(--ink); background:var(--mint); }
.hero-link { color:#fff; font-size:.82rem; font-weight:800; text-decoration:none; }
.hero-link:hover { color:var(--mint); }
.hero-overlay .landing-note { margin-top:24px; color:rgba(255,255,255,.62); }
@keyframes mahita-hero-float {
  0%,100% { transform:translate3d(0,0,0); }
  50% { transform:translate3d(0,-8px,0); }
}
@keyframes mahita-ring-breathe {
  0%,100% { opacity:.68; transform:scale(1); }
  50% { opacity:1; transform:scale(1.04); }
}
@keyframes mahita-orbit-a {
  0%,100% { transform:translate(-50%,-50%) rotate(-28deg) scale(1); }
  50% { transform:translate(-50%,-50%) rotate(-18deg) scale(1.06); }
}
@keyframes mahita-orbit-b {
  0%,100% { transform:translate(-50%,-50%) rotate(33deg) scale(1); }
  50% { transform:translate(-50%,-50%) rotate(43deg) scale(1.08); }
}
@keyframes mahita-core-pulse {
  0%,100% { box-shadow:0 0 0 22px rgba(213,234,216,.08); transform:translate(-50%,-50%) scale(1); }
  50% { box-shadow:0 0 0 34px rgba(213,234,216,.04); transform:translate(-50%,-50%) scale(1.05); }
}
@keyframes mahita-node-float {
  0%,100% { transform:translate3d(0,0,0); }
  50% { transform:translate3d(0,-9px,0); }
}
@media (max-width:680px) {
  .landing-art {
    min-height:520px !important;
    border-radius:10% 90% 12% 88% / 8% 8% 92% 92% !important;
    box-shadow:10px 10px 0 var(--warm) !important;
  }
  .hero-overlay { padding:50px 18px 36px; }
  .hero-overlay h1 { font-size:clamp(3.5rem,16vw,5.8rem); }
  .landing-node { font-size:.55rem; }
}
@media (prefers-reduced-motion:reduce) {
  .landing-art,.landing-art::before,.landing-art::after,.landing-orbit,.landing-core,.landing-node { animation:none !important; }
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.5; }
a { color:inherit; }
button, input, select { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
.shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.skip-link { position:absolute; left:-999px; top:10px; padding:10px 16px; background:var(--ink); color:#fff; z-index:5; }
.skip-link:focus { left:10px; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:84px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; font-weight:750; letter-spacing:-.04em; text-decoration:none; font-size:1.2rem; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:12px 12px 12px 4px; color:#fff; background:var(--ink); font-size:.88rem; letter-spacing:0; }
.brand-dot { color:var(--green); }
.primary-nav { display:flex; gap:28px; font-size:.88rem; color:var(--muted); }
.primary-nav a { text-decoration:none; padding:30px 0 27px; border-bottom:2px solid transparent; }
.primary-nav a:hover, .primary-nav a.active { color:var(--ink); border-color:var(--green); }
.topbar-actions { display:flex; align-items:center; gap:14px; }
.topbar-account { padding:9px 12px; border:1px solid var(--line); border-radius:999px; color:var(--ink); background:#fff; font-size:.72rem; font-weight:750; text-decoration:none; }
.status-dot { color:var(--muted); font-size:.75rem; white-space:nowrap; }
.status-dot span { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:#5fa978; box-shadow:0 0 0 4px #dcefe0; }
.avatar { display:grid; place-items:center; width:38px; height:38px; border:0; border-radius:50%; color:var(--ink); background:var(--mint); font-size:.75rem; font-weight:750; cursor:pointer; }
.product-menu { position:absolute; top:74px; right:24px; z-index:8; width:min(820px,calc(100vw - 32px)); padding:24px; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 26px 80px rgba(27,51,39,.18); }
.product-menu-head { display:flex; align-items:start; justify-content:space-between; gap:24px; padding-bottom:18px; border-bottom:1px solid var(--line); }.product-menu-head h2 { font-size:1.55rem; }.menu-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding:20px 0; }.menu-label { margin:0 0 10px; color:var(--green); font-size:.64rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }.menu-columns a { display:block; padding:10px 0; border-top:1px solid #edf1ed; font-size:.8rem; font-weight:750; text-decoration:none; }.menu-columns a small { display:block; margin-top:3px; color:var(--muted); font-size:.68rem; font-weight:500; line-height:1.45; }.menu-columns a:hover small,.menu-columns a:focus-visible small { color:var(--green); }.menu-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:17px; border-top:1px solid var(--line); color:var(--muted); font-size:.7rem; }.menu-footer .button { min-height:40px; }
.landing-view { padding:66px 0 30px; }.landing-hero { display:grid; grid-template-columns:1.05fr .95fr; gap:68px; align-items:center; padding:18px 0 76px; }.landing-copy h1 { max-width:660px; margin-bottom:22px; font-size:clamp(3.5rem,7vw,6.5rem); }.landing-copy h1 em { color:var(--green); }.hero-lede { max-width:570px; margin-bottom:26px; color:var(--muted); font-size:1.06rem; line-height:1.7; }.landing-note { display:flex; align-items:center; gap:9px; max-width:500px; margin:22px 0 0; color:var(--muted); font-size:.72rem; }.landing-note .privacy-lock { flex:0 0 auto; }.landing-art { position:relative; min-height:410px; overflow:hidden; border-radius:52% 48% 56% 44% / 45% 58% 42% 55%; background:var(--ink); box-shadow:18px 18px 0 var(--warm); }.landing-art::before,.landing-art::after { position:absolute; inset:13%; border:1px solid rgba(255,255,255,.18); border-radius:50%; content:""; }.landing-art::after { inset:28%; border-color:rgba(213,234,216,.3); }.landing-orbit { position:absolute; top:50%; left:50%; border:1px solid rgba(255,255,255,.22); border-radius:50%; transform:translate(-50%,-50%) rotate(-28deg); }.orbit-a { width:78%; height:35%; }.orbit-b { width:35%; height:78%; transform:translate(-50%,-50%) rotate(33deg); }.landing-core { position:absolute; top:50%; left:50%; display:grid; width:118px; height:118px; place-items:center; border-radius:50%; color:var(--ink); background:var(--mint); box-shadow:0 0 0 22px rgba(213,234,216,.08); transform:translate(-50%,-50%); }.landing-core span { font:italic 4.2rem Georgia,serif; line-height:.7; }.landing-core small { margin-top:-25px; font-size:.56rem; letter-spacing:.1em; text-transform:uppercase; }.landing-node { position:absolute; color:rgba(255,255,255,.74); font-size:.62rem; font-weight:800; letter-spacing:.16em; }.node-a { top:18%; left:16%; color:var(--warm); }.node-b { top:22%; right:15%; }.node-c { right:14%; bottom:19%; color:var(--mint); }.node-d { left:17%; bottom:23%; }.feature-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:28px; border:1px solid var(--line); background:var(--line); }.feature-strip div { min-height:132px; padding:22px; background:rgba(255,255,255,.72); }.feature-strip strong,.feature-strip span { display:block; }.feature-strip strong { margin-bottom:8px; font-size:.82rem; }.feature-strip span { color:var(--muted); font-size:.75rem; line-height:1.55; }.landing-section { padding:84px 0; border-top:1px solid var(--line); }.landing-section-heading { display:grid; grid-template-columns:1fr .8fr; align-items:end; gap:42px; margin-bottom:34px; }.landing-section-heading h2 { max-width:620px; font-size:clamp(2.6rem,5vw,5rem); }.landing-section-heading > p:last-child { margin:0 0 5px; color:var(--muted); font-size:.88rem; line-height:1.65; }.plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.plan-card { display:flex; flex-direction:column; min-height:380px; padding:26px; border:1px solid var(--line); border-radius:20px; background:#fff; box-shadow:var(--shadow); }.plan-free { color:#fff; background:var(--ink); border-color:var(--ink); }.plan-support { background:#eef6ef; }.plan-enterprise { background:#f4edff; }.plan-label { margin:0 0 38px; color:var(--green); font-size:.64rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }.plan-free .plan-label { color:var(--mint); }.plan-card h3 { margin:0 0 10px; font-size:1.55rem; letter-spacing:-.06em; }.plan-card > p:not(.plan-label) { color:var(--muted); font-size:.8rem; line-height:1.65; }.plan-free > p:not(.plan-label) { color:#b9cec0; }.plan-card ul { display:grid; gap:8px; margin:14px 0 22px; padding-left:17px; color:var(--muted); font-size:.75rem; }.plan-free ul { color:#d6e8da; }.plan-card .button { margin-top:auto; align-self:flex-start; }.product-map { padding-bottom:74px; }.pathway-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }.pathway-grid a { min-height:178px; padding:20px 18px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-decoration:none; }.pathway-grid a:last-child { border-right:0; }.pathway-grid a:hover,.pathway-grid a:focus-visible { background:var(--mint); }.pathway-grid span,.pathway-grid strong,.pathway-grid small { display:block; }.pathway-grid span { margin-bottom:42px; color:var(--green); font-size:.65rem; font-weight:850; }.pathway-grid strong { margin-bottom:6px; font-family:Georgia,serif; font-size:1.5rem; font-weight:400; }.pathway-grid small { color:var(--muted); font-size:.72rem; line-height:1.5; }.landing-trust { display:grid; grid-template-columns:1fr .8fr; gap:70px; padding-bottom:110px; }.landing-trust h2 { max-width:610px; font-size:clamp(2.5rem,5vw,4.7rem); }.landing-trust > div:last-child { align-self:end; }.landing-trust p { color:var(--muted); font-size:.9rem; line-height:1.75; }.landing-trust .text-link { font-size:.78rem; }.cookie-notice { position:fixed; right:20px; bottom:20px; z-index:12; display:flex; align-items:center; gap:20px; width:min(580px,calc(100% - 40px)); padding:16px 18px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 18px 60px rgba(31,49,39,.18); }.cookie-notice strong { font-size:.78rem; }.cookie-notice p { margin:3px 0 0; color:var(--muted); font-size:.68rem; line-height:1.5; }.cookie-notice .button { flex:0 0 auto; min-height:40px; }
.welcome-row { display:flex; justify-content:space-between; align-items:end; gap:30px; padding:70px 0 42px; }
.eyebrow, .panel-kicker { margin:0 0 9px; color:var(--green); text-transform:uppercase; letter-spacing:.14em; font-size:.68rem; font-weight:800; }
.eyebrow-line { display:inline-block; width:30px; height:1px; margin:0 8px 3px; background:#aac5b0; }
h1, h2, h3, p { margin-top:0; }
h1 { margin-bottom:12px; font-size:clamp(2.8rem, 6vw, 5.3rem); line-height:.98; letter-spacing:-.075em; font-weight:680; }
h1 em, h2 em { font-family:Georgia, serif; font-weight:400; }
h2 { margin-bottom:0; font-size:1.3rem; letter-spacing:-.04em; line-height:1.1; }
.lede { max-width:580px; margin-bottom:0; color:var(--muted); font-size:1rem; }
.role-card { display:grid; grid-template-columns:auto 180px; gap:5px 12px; align-items:center; min-width:270px; padding:15px 17px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.58); }
.role-card label { color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; }
.role-card select { border:0; outline:0; color:var(--ink); background:transparent; font-weight:700; cursor:pointer; }
.role-card small { grid-column:1 / -1; color:var(--muted); font-size:.68rem; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:22px; }
.metric-card, .panel { border:1px solid var(--line); border-radius:20px; background:var(--card); box-shadow:var(--shadow); }
.metric-card { min-height:170px; padding:22px; }
.metric-primary { background:var(--ink); color:#f6fbf6; border-color:var(--ink); }
.metric-head { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:.76rem; }
.metric-primary .metric-head { color:#b5d0ba; }
.metric-icon { font-size:1.25rem; }
.metric-value { margin:23px 0 16px; font-size:1.55rem; letter-spacing:-.055em; font-weight:720; }
.metric-value span { color:var(--muted); font-size:.8rem; font-weight:500; letter-spacing:-.01em; }
.metric-primary .metric-value span { color:#b5d0ba; }
.trend { color:var(--green)!important; margin-left:8px; }
.progress { height:6px; overflow:hidden; border-radius:10px; background:#d9e7dc; }
.progress span { display:block; height:100%; border-radius:10px; background:#badfc2; }
.progress-blue span { background:var(--blue); }
.metric-card p { margin:9px 0 0; color:var(--muted); font-size:.72rem; }
.metric-primary p { color:#b5d0ba; }
.metric-card p strong { color:var(--ink); }
.metric-primary p strong { color:#fff; }
.shape { display:inline-block; width:11px; height:11px; border:3px solid var(--blue); border-radius:50%; }
.icon-wave { color:var(--purple); }.icon-move { color:var(--green); }
.signal-bars, .mini-week { display:flex; align-items:end; height:14px; gap:4px; }
.signal-bars i { width:18px; height:6px; border-radius:4px; background:#dae5de; }.signal-bars i:nth-child(2){height:9px}.signal-bars i:nth-child(3){height:12px}.signal-bars i:nth-child(4){height:14px;background:#aacdb3}.signal-bars i:nth-child(5){height:14px;background:var(--green)}
.mini-week i { width:25px; height:5px; border-radius:4px; background:#dbe5de; }.mini-week i.done { background:var(--green); }
.content-grid { display:grid; grid-template-columns:1.05fr 1fr .95fr; gap:14px; }
.panel { padding:26px; }
.panel-heading { display:flex; align-items:start; justify-content:space-between; gap:15px; margin-bottom:22px; }
.badge { display:inline-flex; align-items:center; padding:6px 9px; border-radius:30px; font-size:.64rem; font-weight:750; white-space:nowrap; }.badge-warm{background:var(--warm);color:#8b6b34}.badge-green{background:#e0f0e2;color:var(--green)}.badge-purple{background:#edeafb;color:#665b9e}
.workout-intro { display:flex; align-items:center; gap:12px; padding:13px; border-radius:14px; background:#f2f7f2; }.workout-glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#d9eadb;color:var(--green);font-size:1.3rem}.muted{color:var(--muted);font-size:.74rem}.workout-summary{margin:2px 0 0;font-size:.78rem;font-weight:650}
.exercise-list { margin:17px 0; }.exercise-row { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:9px; padding:11px 0; border-bottom:1px solid #edf1ed; }.exercise-number{color:#a2afa7;font-size:.72rem}.exercise-row strong{display:block;font-size:.8rem}.exercise-row span{display:block;color:var(--muted);font-size:.68rem}.exercise-state{width:10px;height:10px;border:1px solid #aabbb0;border-radius:50%}.exercise-state.done{background:var(--green);border-color:var(--green)}
.panel-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:20px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 15px; border:1px solid transparent; border-radius:10px; font-size:.78rem; font-weight:750; cursor:pointer; text-decoration:none; }.button-dark{color:#fff;background:var(--ink)}.button-accent{color:#fff;background:var(--green)}.button-outline{color:var(--ink);background:#fff;border-color:var(--line)}.button-quiet{color:var(--muted);background:transparent}.icon-button{min-width:44px;min-height:44px;border:0;border-radius:10px;background:#f2f6f2;color:var(--muted);cursor:pointer}.text-link{color:var(--green);font-size:.76rem;font-weight:750;text-decoration:none}.text-link:hover{text-decoration:underline}
.meal-form label { display:block; margin-bottom:8px; font-size:.76rem; font-weight:700; }.input-row{display:flex;gap:8px}.input-row input{min-width:0;width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;outline:0;color:var(--ink);background:#fbfdfb;font-size:.76rem}.input-row input:focus{border-color:var(--green);box-shadow:0 0 0 3px #e0f0e2}.form-hints{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.chip,.scan-button{padding:7px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted);background:#fff;font-size:.66rem;cursor:pointer}.scan-button{margin-left:auto;color:var(--green);border-style:dashed}.macro-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px}.macro-preview div{padding:12px 10px;border-radius:11px;background:#f5f8f5}.macro-preview span{display:block;color:var(--muted);font-size:.64rem}.macro-preview strong{display:block;margin-top:4px;font-size:1.08rem}.inline-message{min-height:24px;margin-top:13px;color:var(--muted);font-size:.7rem}.inline-message.warning{color:#936b2c}
.care-list{display:grid;gap:10px}.care-person{display:grid;grid-template-columns:38px 1fr 34px;align-items:center;gap:10px;padding:9px 0}.person-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:.65rem;font-weight:800}.avatar-purple{color:#665b9e;background:#edeafb}.avatar-blue{color:#3973a8;background:#e5f1fb}.care-person strong,.care-person span{display:block}.care-person strong{font-size:.78rem}.care-person span{margin-top:2px;color:var(--muted);font-size:.67rem}.round-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;color:var(--green);background:#eef5ef;cursor:pointer}.care-note{display:flex;gap:10px;margin-top:12px;padding:12px;border-radius:12px;background:#f5f2fb}.note-icon{color:var(--purple)}.care-note p{margin:0;color:var(--muted);font-size:.7rem}.care-note strong{color:var(--ink)}
.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.library-list,.recipe-list{display:grid;gap:10px}.library-item,.recipe-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #edf1ed}.library-item:first-child,.recipe-item:first-child{border-top:0}.library-item strong,.recipe-item strong{display:block;font-size:.78rem}.library-item span,.recipe-item span{display:block;color:var(--muted);font-size:.68rem}.tag-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.tag{padding:3px 6px;border-radius:5px;background:#eef5ef;color:var(--green);font-size:.58rem!important}.loading-row{padding:18px 0;color:var(--muted);font-size:.75rem}.role-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;border-color:#bfd7c3;background:#f8fcf8}.role-actions{display:flex;gap:8px;flex-wrap:wrap}.privacy-note{display:flex;align-items:center;gap:14px;margin:25px 0;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:.72rem}.privacy-note p{margin:0;flex:1}.privacy-note strong{color:var(--ink)}.privacy-note a{color:var(--green);font-weight:700;text-decoration:none;white-space:nowrap}.privacy-lock{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3eee4;color:var(--green)}.site-footer{display:flex;justify-content:space-between;padding:22px 0 34px;color:var(--muted);font-size:.68rem}.site-footer a{color:var(--green);text-decoration:none}
.workout-dialog{width:min(560px,calc(100% - 28px));padding:26px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:#fff;box-shadow:0 30px 100px rgba(29,49,39,.25)}.workout-dialog::backdrop{background:rgba(23,39,31,.45)}.dialog-heading{display:flex;justify-content:space-between;gap:12px}.set-list{display:grid;gap:9px;margin:20px 0}.set-row{display:grid;grid-template-columns:42px 1fr 1fr 44px;align-items:center;gap:8px;padding:9px;background:#f5f8f5;border-radius:10px;font-size:.72rem}.set-row label{color:var(--muted);font-size:.66rem}.set-row input{width:100%;height:36px;border:1px solid var(--line);border-radius:7px;padding:0 8px;background:#fff}.set-row input:focus{outline:2px solid #c8e2cd}.set-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--green)}.rest-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.74rem}.rest-row strong{margin-right:auto;font-size:1.1rem}.dialog-actions{display:flex;gap:9px;margin-top:18px}
.brief-panel{margin:14px 0;border:1px solid #cbded0;border-radius:20px;padding:26px;background:#eef6ef;box-shadow:var(--shadow)}.brief-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:18px}.brief-heading h2{font-size:1.55rem}.brief-heading .fine{margin:8px 0 0;color:var(--muted);font-size:.7rem}.brief-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.brief-card{display:flex;flex-direction:column;min-height:154px;padding:18px;border:1px solid rgba(90,122,99,.2);border-radius:14px;background:#fff}.brief-card[data-tone="warm"]{background:#fff9ed;border-color:#ead7ad}.brief-card[data-tone="blue"]{background:#f3f8fd;border-color:#cfe0ef}.brief-card[data-tone="lilac"]{background:#f7f4fd;border-color:#ded6f1}.brief-card[data-tone="green"]{background:#f5fbf5;border-color:#cfe7d1}.brief-card h3{margin:0 0 8px;font-size:.93rem}.brief-card p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.55}.brief-card .basis{margin-top:10px;font-size:.65rem;color:#8a9690}.brief-card .text-link{margin-top:auto;padding-top:14px;font-size:.68rem}.brief-empty{padding:18px;border:1px dashed #bed2c3;border-radius:12px;color:var(--muted);font-size:.74rem}
.context-panel{margin:14px 0;background:#fbf8ef;border-color:#e7ddc6}.context-panel .panel-heading{margin-bottom:12px}.badge-blue{background:#e6f1fb;color:#3973a8}.context-connections{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.context-node{display:flex;align-items:flex-start;gap:9px;min-height:74px;padding:12px;border:1px solid #e8e3d5;border-radius:12px;background:#fff}.context-node-dot{flex:0 0 auto;width:9px;height:9px;margin-top:5px;border-radius:50%;background:#cfdbd1;box-shadow:0 0 0 4px #f0f3ee}.context-node[data-state="active"] .context-node-dot{background:var(--green);box-shadow:0 0 0 4px #e0f0e2}.context-node strong,.context-node span{display:block}.context-node strong{font-size:.72rem}.context-node span{margin-top:3px;color:var(--muted);font-size:.64rem;line-height:1.45}.context-panel .brief-cards{grid-template-columns:repeat(3,1fr)}
@media (max-width: 980px){.content-grid{grid-template-columns:1fr 1fr}.insight-panel{grid-column:1/-1}.brief-cards{grid-template-columns:1fr 1fr}.context-connections{grid-template-columns:1fr 1fr}.context-panel .brief-cards{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.primary-nav{gap:17px}.landing-hero{gap:36px}.plan-grid{grid-template-columns:1fr 1fr}.plan-enterprise{grid-column:1/-1}.pathway-grid{grid-template-columns:repeat(2,1fr)}.pathway-grid a:nth-child(2){border-right:0}.landing-trust{gap:36px}}
@media (max-width: 680px){.shell{width:min(100% - 28px,1180px)}.topbar{min-height:70px}.primary-nav{display:none}.status-dot{display:none}.topbar-account{padding:8px 10px;font-size:.66rem}.menu-toggle{position:relative;z-index:10;display:block;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);cursor:pointer}.menu-icon,.menu-icon::before,.menu-icon::after{position:absolute;left:50%;display:block;width:17px;height:2px;border-radius:4px;background:currentColor;content:"";transform:translateX(-50%)}.menu-icon{top:20px}.menu-icon::before{top:-6px}.menu-icon::after{top:6px}.product-menu{position:fixed;top:12px;right:12px;left:12px;width:auto;max-height:calc(100vh - 24px);overflow:auto}.menu-columns{grid-template-columns:1fr;gap:13px;padding:15px 0}.menu-columns a{padding:9px 0}.menu-footer{align-items:stretch;flex-direction:column}.menu-footer .button{width:100%}.landing-view{padding-top:38px}.landing-hero{display:block;padding-bottom:48px}.landing-copy h1{font-size:clamp(3.25rem,17vw,5.2rem)}.hero-lede{font-size:.94rem}.landing-art{min-height:310px;margin:50px 8px 0;box-shadow:10px 10px 0 var(--warm)}.landing-core{width:92px;height:92px}.landing-core span{font-size:3rem}.feature-strip{grid-template-columns:1fr}.feature-strip div{min-height:0}.landing-section{padding:58px 0}.landing-section-heading{display:block;margin-bottom:26px}.landing-section-heading h2{margin-bottom:16px}.plan-grid,.pathway-grid{grid-template-columns:1fr}.plan-enterprise{grid-column:auto}.plan-card{min-height:0}.pathway-grid a,.pathway-grid a:nth-child(2){border-right:0}.landing-trust{display:block;padding-bottom:70px}.landing-trust > div:last-child{margin-top:26px}.welcome-row{display:block;padding:46px 0 28px}.role-card{margin-top:24px;min-width:0}.brief-panel{padding:20px}.brief-heading{display:block}.brief-heading .badge{margin-top:12px}.brief-cards,.context-panel .brief-cards,.context-connections{grid-template-columns:1fr}.metric-grid,.content-grid,.lower-grid{grid-template-columns:1fr}.metric-card{min-height:145px}.panel{padding:20px}.privacy-note{align-items:flex-start;flex-wrap:wrap}.privacy-note p{flex-basis:calc(100% - 50px)}.privacy-note a{margin-left:48px}.site-footer{display:block}.site-footer span{display:block;margin-top:7px}.set-row{grid-template-columns:32px 1fr 1fr 30px}.dialog-actions{flex-direction:column}.button{min-height:48px}.cookie-notice{right:12px;bottom:12px;width:calc(100% - 24px);align-items:stretch;flex-direction:column;gap:12px}.cookie-notice .button{width:100%}}
