/* ===== The Tall Edit — brand chrome + homepage (web-view matched) ===== */
:root{
  --amber:#6E4555; --sage:#C9A27A; --bark:#14213D; --parchment:#F6F1E9;
  --charcoal:#14213D; --amber-soft:#EEE0E7; --sage-soft:#F1E6D4; --bark-soft:#E3E6EC;
  --line:rgba(20,33,61,.12); --shadow:0 22px 56px -26px rgba(20,33,61,.40);
  --shadow-sm:0 10px 28px -16px rgba(20,33,61,.30); --radius:20px;
}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--charcoal);background:var(--parchment)}
.mm-wrap{max-width:1160px;margin:0 auto;padding:0 26px}
.mm-accent{color:var(--amber)} .mm-sage{color:var(--sage)}

/* Ribbon */
.mm-ribbon{background:var(--charcoal);color:var(--parchment);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:9px 16px;font-weight:600}
.mm-ribbon b{color:var(--sage);font-weight:700}

/* Header (global) */
.mm-nav{position:sticky;top:0;z-index:50;background:rgba(246,241,233,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.mm-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 26px;max-width:1160px;margin:0 auto;gap:18px}
.mm-logo{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:21px;display:flex;align-items:center;gap:9px;color:var(--charcoal);text-decoration:none;letter-spacing:.01em}
.mm-logo .amp{color:var(--sage);font-style:italic;font-weight:400}
.mm-logo .mk{color:var(--amber)}
.mm-links{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.mm-links a,.mm-links .nav-menu>li>a{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--charcoal);opacity:.78;transition:opacity .2s;text-decoration:none;white-space:nowrap}
.mm-links a:hover{opacity:1;color:var(--amber)}
.mm-cta{display:flex;gap:10px;align-items:center}
.mm-btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;font-weight:600;font-size:14.5px;padding:11px 21px;border-radius:999px;cursor:pointer;border:1.5px solid transparent;transition:transform .15s,box-shadow .2s,background .2s;white-space:nowrap;text-decoration:none}
.mm-btn:hover{transform:translateY(-2px)}
.mm-btn-primary{background:var(--amber);color:#fff;box-shadow:0 12px 26px -12px rgba(110,69,85,.9)}
.mm-btn-primary:hover{background:#5d3a47}
.mm-btn-bark{background:var(--bark);color:var(--parchment)}
.mm-btn-bark:hover{background:#0e1830}
.mm-btn-ghost{background:transparent;border-color:var(--charcoal);color:var(--charcoal)}
.mm-btn-ghost:hover{border-color:var(--amber);color:var(--amber)}
.mm-btn-sage{background:var(--sage);color:var(--charcoal)}
.mm-btn-sage:hover{background:#bd9265}
.mm-btn-lg{padding:15px 28px;font-size:16px}

/* Complete-pillar dropdown nav */
.mm-links .nav-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}
.mm-links .nav-menu li{position:relative}
.mm-links .nav-menu .sub-menu{display:none;position:absolute;top:100%;left:-14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;min-width:250px;list-style:none;margin:6px 0 0;z-index:60}
.mm-links .nav-menu li:hover>.sub-menu{display:block}
.mm-links .nav-menu .sub-menu li a{display:block;padding:8px 12px;border-radius:9px;font-size:12.5px;letter-spacing:.02em;opacity:.9;text-transform:none}
.mm-links .nav-menu .sub-menu li a:hover{background:var(--sage-soft);color:var(--amber)}
.mm-links .nav-menu .menu-item-has-children>a::after{content:" ▾";font-size:10px;opacity:.6}

/* Hero */
.mm-hero{position:relative;overflow:hidden;padding:64px 0 44px}
.mm-hero-bg{position:absolute;inset:0;z-index:0}
.mm-blob{position:absolute;border-radius:50%;filter:blur(14px);opacity:.55}
.mm-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}
.mm-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--sage-soft);color:#8a5f2f;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:7px 15px;border-radius:999px;margin-bottom:24px}
.mm-hero h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(38px,5.6vw,64px);font-weight:400;letter-spacing:-.03em;line-height:1.03;color:var(--charcoal);margin:0}
.mm-hero h1 em{font-style:italic;color:var(--amber)}
.mm-hero .sub{font-size:18.5px;color:rgba(20,33,61,.78);margin:24px 0 32px;max-width:520px;font-weight:300}
.mm-hero .sub b{color:var(--charcoal);font-weight:600}
.mm-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.mm-trust{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap;align-items:center}
.mm-trust .t{font-size:13px;color:rgba(20,33,61,.6);display:flex;flex-direction:column;gap:2px}
.mm-trust .t b{color:var(--amber);font-family:'Fraunces',serif;font-size:24px;font-weight:600;line-height:1}

/* Hero Fit Report card */
.te-fit{background:#fff;border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--line);transform:rotate(-1.2deg);overflow:hidden}
.te-fr-head{background:var(--charcoal);color:var(--parchment);padding:18px 22px;display:flex;justify-content:space-between;align-items:center}
.te-fr-head .ttl{font-family:'Fraunces',serif;font-weight:600;font-size:17px}
.te-fr-head .ttl i{font-style:italic;color:var(--sage);font-size:.78em;display:block;font-weight:400;letter-spacing:.04em}
.te-fr-head .stamp{background:var(--sage);color:var(--charcoal);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:6px 11px;border-radius:8px}
.te-fr-body{padding:8px 22px 6px}
.te-fr-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.te-fr-row:last-child{border-bottom:none}
.te-fr-row .lab{color:rgba(20,33,61,.6)}
.te-fr-row .val{font-family:'Fraunces',serif;font-weight:600;font-size:16px}
.te-fr-row .val.ok{color:#3f6b51}.te-fr-row .val.warn{color:var(--amber)}
.te-fr-foot{display:flex;align-items:center;gap:10px;padding:16px 22px 20px;background:var(--parchment);font-size:13px;color:rgba(20,33,61,.7)}
.te-fr-foot .dot{width:9px;height:9px;border-radius:50%;background:var(--sage);flex:0 0 auto}

/* Sections */
.mm-sec{padding:60px 0}
.mm-sec-head{text-align:center;max-width:660px;margin:0 auto 38px}
.mm-sec-head .kl{color:var(--amber);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.mm-sec-head h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(28px,3.8vw,44px);margin:13px 0;color:var(--charcoal);letter-spacing:-.014em}
.mm-sec-head p{color:rgba(20,33,61,.72);font-size:17px;font-weight:300}

/* Value strip */
.mm-vstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mm-vcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow-sm)}
.mm-vcard .ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:600;font-size:20px;margin-bottom:16px;background:var(--charcoal);color:var(--sage)}
.mm-vcard h3{font-family:'Fraunces',serif;font-weight:600;font-size:21px;margin:0 0 9px}
.mm-vcard p{font-size:14.5px;color:rgba(20,33,61,.72);margin:0}

/* Spotlight (mini-app) */
.mm-planner{background:linear-gradient(155deg,var(--bark) 0%,#23304e 100%);color:var(--parchment);border-radius:30px;overflow:hidden;position:relative}
.mm-planner:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(201,162,122,.16);top:-120px;right:-90px;filter:blur(8px)}
.mm-planner-inner{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;padding:48px;align-items:center}
.mm-lockup{display:inline-flex;align-items:center;gap:8px;background:rgba(246,241,233,.14);padding:7px 15px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;color:var(--sage)}
.mm-planner h2{color:var(--parchment);font-family:'Fraunces',serif;font-weight:500;font-size:clamp(28px,3.6vw,40px);margin:0}
.mm-planner .lead{color:rgba(246,241,233,.82);margin:16px 0 24px;font-size:16.5px;font-weight:300}
.mm-planner .lead em{font-style:italic;color:var(--sage)}
.mm-planner ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px}
.mm-planner ul li{font-size:15px;display:flex;gap:11px;align-items:flex-start;color:rgba(246,241,233,.94)}
.mm-planner ul li::before{content:"✓";color:var(--sage);font-weight:700}
.mm-app{background:var(--parchment);color:var(--charcoal);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.mm-app .h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.mm-app .h .t{font-family:'Fraunces',serif;font-weight:600;font-size:18px}
.mm-app .h .t i{font-style:italic;color:var(--amber);font-size:.78em;display:block;font-weight:400}
.te-glab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(20,33,61,.5);margin-bottom:9px}
.mm-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.mm-pbtn{font-size:13px;font-weight:600;padding:8px 14px;border-radius:10px;background:#fff;border:1.5px solid var(--line);cursor:pointer;transition:all .18s}
.mm-pbtn:hover{border-color:var(--amber)}
.mm-pbtn.active{background:var(--charcoal);color:var(--parchment);border-color:var(--charcoal)}
.te-seg{display:flex;gap:6px;margin-bottom:18px}
.te-sbtn{flex:1;font-size:12.5px;font-weight:600;padding:8px 6px;border-radius:9px;background:#fff;border:1.5px solid var(--line);cursor:pointer;text-align:center;transition:all .18s}
.te-sbtn.active{background:var(--sage);border-color:var(--sage);color:var(--charcoal)}
.te-readout{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:14px}
.te-readout h4{font-family:'Inter',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(20,33,61,.55);margin:0 0 12px;font-weight:700}
.te-rorow{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}
.te-rorow:last-child{border-bottom:none}
.te-rorow .rl{color:rgba(20,33,61,.66)}
.te-rorow .rv{font-family:'Fraunces',serif;font-weight:600;font-size:16px;color:var(--amber)}
.mm-reassure{margin-top:0;background:var(--sage-soft);border-radius:12px;padding:12px 14px;font-size:13px;color:#5e4a2c;display:flex;gap:9px;align-items:flex-start}
.te-wtb{margin-top:14px}
.te-wtb h4{font-family:'Inter',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(20,33,61,.55);margin:0 0 10px;font-weight:700}
.te-wtbrow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 13px;font-size:13.5px;margin-bottom:7px}
.te-wtbrow .bn{font-weight:600}
.te-wtbrow .vt{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:7px}
.te-wtbrow .vt.true{background:var(--charcoal);color:var(--parchment)}
.te-wtbrow .vt.line{background:var(--sage-soft);color:#8a5f2f}
.te-wtbrow .vt.short{background:var(--amber-soft);color:#8a4b5f}

/* Newsletter band */
.mm-news{background:var(--amber);border-radius:30px;padding:54px;text-align:center;color:#fff;position:relative;overflow:hidden}
.mm-news:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(201,162,122,.2);bottom:-130px;left:-80px;filter:blur(6px)}
.mm-news h2{color:#fff;font-family:'Fraunces',serif;font-weight:500;font-size:clamp(28px,3.6vw,40px);margin:0;position:relative}
.mm-news p{color:rgba(255,255,255,.9);margin:14px auto 28px;max-width:500px;font-size:16.5px;font-weight:300;position:relative}
.mm-news form{display:flex;gap:10px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center;position:relative}
.mm-news input{flex:1;min-width:230px;padding:15px 19px;border-radius:999px;border:none;font-size:15px;outline:none}
.mm-news .fine{font-size:12.5px;color:rgba(255,255,255,.78);margin-top:18px;position:relative}
.mm-news .mm-eyebrow{background:rgba(255,255,255,.18);color:var(--sage)}
.mm-news .leaf{position:absolute;font-size:80px;opacity:.10}

/* Footer (global) */
.mm-foot{background:var(--charcoal);color:rgba(246,241,233,.78);padding:58px 0 30px;margin-top:8px}
.mm-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.mm-foot .mm-logo{color:var(--parchment);font-size:21px;margin-bottom:14px}
.mm-foot .mm-logo .amp{color:#aab1c4}
.mm-foot .mm-logo .mk{color:var(--sage)}
.mm-foot .pos{font-size:14px;color:rgba(246,241,233,.6);max-width:290px;line-height:1.65;font-weight:300}
.mm-foot h5{color:var(--parchment);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px;font-weight:700}
.mm-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.mm-foot ul li a{font-size:14px;color:rgba(246,241,233,.7);text-decoration:none;transition:color .2s}
.mm-foot ul li a:hover{color:var(--sage)}
.mm-foot-bottom{border-top:1px solid rgba(246,241,233,.14);margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:rgba(246,241,233,.55)}
.mm-foot-bottom b{color:var(--sage)}

/* Library grid reuse (real posts) */
.mm-lib .post-grid{margin-top:8px}

@media (max-width:900px){
  .mm-hero-grid,.mm-planner-inner{grid-template-columns:1fr}
  .mm-vstrip,.mm-foot-grid{grid-template-columns:1fr 1fr}
  .mm-links{display:none}
}
@media (max-width:620px){.mm-vstrip,.mm-foot-grid{grid-template-columns:1fr}.mm-cta .mm-btn-ghost{display:none}}

/* Hide internal QA/validation UI from public (Da Vinci score, AEO chips, interlink-plan stats) */
.aqa-panel, .stats, .hsb-r, .hsb-dv, .hsb-body, .hsb-h, .hsb-chips, .hsb-dvh,
[class^="hsb-"], [class*=" hsb-"]{ display:none !important; }