:root{
  --bg:#fcfcfa;
  --surface:#ffffff;
  --surface-2:#f3f5f4;
  --surface-3:#e9eeec;
  --ink:#101828;
  --ink-2:#344054;
  --muted:#667085;
  --line:#d7ddda;
  --line-strong:#bac4bf;
  --navy:#12263f;
  --navy-2:#0b1c30;
  --teal:#176b68;
  --teal-soft:#e6f2f0;
  --amber:#9a5a2a;
  --amber-soft:#f7eee7;
  --danger:#9b2c2c;
  --success:#246b4a;
  --white:#ffffff;
  --shadow-sm:0 8px 24px rgba(16,24,40,.07);
  --shadow-md:0 24px 60px rgba(16,24,40,.10);
  --radius-sm:8px;
  --radius:14px;
  --radius-lg:22px;
  --max:1180px;
  --text:clamp(1rem,.97rem + .12vw,1.08rem);
  --h1:clamp(2.75rem,7vw,5.25rem);
  --h2:clamp(2rem,4.3vw,3.6rem);
  --h3:clamp(1.25rem,2vw,1.65rem);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:var(--text);line-height:1.62;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::selection{background:#d8e8e6;color:var(--ink)}
.skip-link{position:fixed;left:16px;top:10px;z-index:9999;background:var(--ink);color:var(--white);padding:12px 16px;border-radius:8px;transform:translateY(-160%);transition:transform .18s ease;text-decoration:none}
.skip-link:focus{transform:translateY(0)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid #c7793d;outline-offset:3px}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.narrow{width:min(calc(100% - 40px),820px);margin-inline:auto}
.section{padding:112px 0}
.section-sm{padding:72px 0}
.section-tight{padding:44px 0}
.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:750;color:var(--teal)}
.display{font-size:var(--h1);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:650;max-width:920px}
h1,h2,h3,h4{color:var(--ink);margin-top:0}
h1{font-size:var(--h1);line-height:1;letter-spacing:-.05em;font-weight:650}
h2{font-size:var(--h2);line-height:1.08;letter-spacing:-.04em;font-weight:650;margin-bottom:20px}
h3{font-size:var(--h3);line-height:1.25;letter-spacing:-.02em;margin-bottom:10px}
h4{font-size:1rem;line-height:1.35;margin-bottom:8px}
p{margin:0 0 1em}.lead{font-size:clamp(1.16rem,1.7vw,1.38rem);line-height:1.55;color:var(--ink-2);max-width:760px}.muted{color:var(--muted)}
.kicker{font-size:.86rem;color:var(--muted);font-weight:650}.small{font-size:.86rem}.measure{max-width:720px}.center{text-align:center}.center .measure{margin-inline:auto}
.site-header{position:sticky;top:0;z-index:120;background:rgba(252,252,250,.94);border-bottom:1px solid rgba(215,221,218,.78);backdrop-filter:saturate(160%) blur(16px)}
.header-inner{height:76px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}
.brand-mark{width:36px;height:36px;border:1.5px solid var(--ink);border-radius:9px;display:grid;place-items:center;font-size:.72rem;letter-spacing:.06em;font-weight:800;background:var(--ink);color:#fff}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:.94rem;letter-spacing:-.015em}.brand-copy span{font-size:.74rem;color:var(--muted);margin-top:4px}
.site-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.site-nav a{text-decoration:none;font-size:.91rem;color:var(--ink-2);font-weight:610;padding:11px 10px;border-radius:8px}.site-nav a:hover,.site-nav a[aria-current="page"]{background:var(--surface-2);color:var(--ink)}
.header-actions{display:flex;align-items:center;gap:10px}.header-cta{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;background:var(--navy);color:#fff;text-decoration:none;border-radius:9px;font-size:.9rem;font-weight:700}.header-cta:hover{background:var(--navy-2)}
.menu-toggle{display:none;width:46px;height:46px;border:0;background:transparent;border-radius:8px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:5px 0;transition:transform .2s ease,opacity .2s ease}
.hero{padding:90px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(380px,.72fr);gap:76px;align-items:center}.hero-copy .lead{margin-top:28px}.hero-actions,.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:0 20px;border:1px solid transparent;text-decoration:none;font-size:.94rem;font-weight:720;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(18,38,63,.13)}.button-primary:hover{background:var(--navy-2)}.button-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.button-secondary:hover{border-color:var(--ink);background:#fff}.button-text{padding-inline:2px;min-height:44px;color:var(--navy);background:transparent}.button-text:hover{transform:none;text-decoration:underline;text-underline-offset:4px}.button-teal{background:var(--teal);color:#fff}.button-danger{border-color:#dfb0b0;color:var(--danger);background:#fff}.button-small{min-height:42px;padding:0 14px;font-size:.86rem}
.hero-proof{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:34px;color:var(--muted);font-size:.84rem}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof span::before{content:"";width:5px;height:5px;background:var(--teal);border-radius:50%}
.product-frame{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.product-bar{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 18px;background:#f9faf9}.product-dots{display:flex;gap:5px}.product-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#c7ceca}.product-label{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.product-body{padding:26px}.product-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:22px}.product-summary small{color:var(--muted);display:block;margin-bottom:5px}.product-summary strong{font-size:1.12rem}.countdown{font-size:1.48rem;font-weight:750;color:var(--amber);white-space:nowrap}.mini-timeline{padding-top:14px}.mini-step{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #edf0ee}.mini-step:last-child{border-bottom:0}.mini-day{font-size:.77rem;font-weight:800;color:var(--teal)}.mini-step strong{display:block;font-size:.91rem;margin-bottom:2px}.mini-step span:last-child{font-size:.78rem;color:var(--muted);line-height:1.35}.product-foot{display:flex;justify-content:space-between;gap:14px;background:var(--surface-2);border-top:1px solid var(--line);padding:14px 18px;font-size:.77rem;color:var(--muted)}
.trust-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:24px 24px;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.trust-item strong{display:block;font-size:.93rem;margin-bottom:4px}.trust-item span{font-size:.79rem;color:var(--muted);line-height:1.35;display:block}
.quick-plan{background:var(--navy);color:#fff}.quick-plan h2,.quick-plan h3{color:#fff}.quick-plan .eyebrow{color:#8dd0ca}.quick-plan .lead{color:#d7e0e8}.quick-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:64px;align-items:start}.quick-form{background:#fff;color:var(--ink);border-radius:var(--radius-lg);padding:28px;box-shadow:0 24px 50px rgba(0,0,0,.18)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:block}.field>span{display:block;font-size:.82rem;font-weight:700;margin-bottom:7px;color:var(--ink-2)}.field small{font-weight:500;color:var(--muted)}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:9px;min-height:48px;padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease}textarea{min-height:124px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#929f99}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(23,107,104,.13)}.full-field{grid-column:1/-1}.form-note{font-size:.78rem;color:var(--muted);margin-top:12px}.form-status{font-size:.85rem;margin-top:12px;border-radius:8px;padding:10px 12px;background:var(--surface-2)}.form-status[hidden]{display:none}
.quick-example{padding-top:6px}.quick-example-list{margin-top:30px}.quick-example-row{display:grid;grid-template-columns:82px 1fr;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.15)}.quick-example-row span{font-size:.82rem;color:#8dd0ca;font-weight:800}.quick-example-row strong{display:block;color:#fff;margin-bottom:3px}.quick-example-row small{color:#bac8d4;line-height:1.45}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.pillar{background:var(--surface);padding:30px;min-height:270px}.pillar-index{display:block;color:var(--teal);font-size:.77rem;font-weight:800;margin-bottom:42px}.pillar p{font-size:.92rem;color:var(--muted)}.pillar a{display:inline-flex;margin-top:12px;font-size:.88rem;font-weight:700;text-underline-offset:4px}
.feature-story{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}.feature-story.reverse{grid-template-columns:1.2fr .8fr}.story-copy p{color:var(--ink-2)}.story-list{list-style:none;padding:0;margin:24px 0 0}.story-list li{position:relative;padding:10px 0 10px 26px;color:var(--ink-2)}.story-list li::before{content:"";position:absolute;left:0;top:19px;width:8px;height:8px;border:2px solid var(--teal);border-radius:50%}.ui-surface{border:1px solid var(--line);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.workspace-preview .wp-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.status-chip{font-size:.74rem;font-weight:750;background:var(--amber-soft);color:var(--amber);padding:7px 9px;border-radius:7px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metric{background:var(--surface-2);padding:14px;border-radius:9px}.metric strong{display:block;font-size:1.45rem}.metric span{font-size:.75rem;color:var(--muted)}.task-row{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:start;padding:13px 0;border-top:1px solid var(--line)}.task-check{width:18px;height:18px;border:1px solid var(--line-strong);border-radius:4px;margin-top:2px}.task-copy strong{font-size:.86rem;display:block}.task-copy span{font-size:.75rem;color:var(--muted)}.task-tag{font-size:.7rem;color:var(--teal);font-weight:700}
.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:44px}.section-heading>div{max-width:760px}.section-heading>p{max-width:450px;color:var(--muted)}
.page-hero{padding:86px 0 64px;border-bottom:1px solid var(--line)}.page-hero-grid{display:grid;grid-template-columns:1.05fr .7fr;gap:70px;align-items:center}.page-hero h1{max-width:900px}.page-aside{border-left:1px solid var(--line);padding-left:34px}.page-aside p{color:var(--muted)}
.subnav{border-bottom:1px solid var(--line);background:#fff}.subnav-inner{display:flex;gap:8px;overflow:auto;padding:10px 0}.subnav a{white-space:nowrap;text-decoration:none;font-size:.84rem;color:var(--ink-2);padding:8px 10px;border-radius:7px}.subnav a:hover{background:var(--surface-2)}
.navigator-layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:28px;align-items:start}.navigator-panel{position:sticky;top:98px;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;background:#fff;box-shadow:var(--shadow-sm)}.navigator-panel .form-grid{grid-template-columns:1fr}.results-panel{min-height:560px;scroll-margin-top:96px}.empty-state{display:grid;place-items:center;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);padding:76px 30px;min-height:500px;background:#fff}.empty-state svg{width:46px;color:var(--muted);margin-bottom:16px}.empty-state p{max-width:500px;color:var(--muted)}.plan-shell{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.plan-head{padding:26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px}.plan-head h2{font-size:2rem;margin:4px 0 4px}.plan-head-meta{color:var(--muted);font-size:.85rem}.plan-badge{min-width:86px;text-align:center;background:var(--amber-soft);color:var(--amber);padding:12px;border-radius:10px;height:max-content}.plan-badge strong{font-size:1.4rem;display:block}.plan-context{padding:18px 26px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:.89rem;color:var(--ink-2)}.plan-actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px 26px;border-bottom:1px solid var(--line)}.plan-step{display:grid;grid-template-columns:110px minmax(0,1fr) 150px;gap:22px;padding:25px 26px;border-bottom:1px solid var(--line)}.plan-step:last-child{border-bottom:0}.step-date{font-size:.78rem;color:var(--teal);font-weight:780}.step-date time{display:block;color:var(--ink);font-size:.86rem;margin-top:3px}.step-body p{font-size:.9rem;color:var(--ink-2)}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{display:inline-flex;padding:5px 8px;border-radius:6px;background:var(--teal-soft);color:var(--teal);font-size:.69rem;font-weight:760}.step-owner{font-size:.76rem;color:var(--muted)}.step-owner strong{display:block;color:var(--ink-2);font-size:.78rem;margin-bottom:4px}.checklist-line{display:flex;align-items:flex-start;gap:10px;margin-top:12px}.checklist-line input{width:18px;height:18px;min-height:auto;margin-top:2px}
.workspace-toolbar{display:grid;grid-template-columns:1.3fr .7fr auto;gap:12px;margin-bottom:26px}.workspace-board{display:grid;gap:20px}.workspace-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.workspace-card-head{padding:22px 24px;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.workspace-card-head h2{font-size:1.45rem;margin:2px 0}.workspace-progress{min-width:160px}.progress-track{height:8px;background:var(--surface-3);border-radius:99px;overflow:hidden;margin-top:7px}.progress-fill{height:100%;background:var(--teal)}.workspace-card-body{padding:18px 24px}.workspace-task{display:grid;grid-template-columns:26px 105px 1fr auto;gap:10px;align-items:start;padding:13px 0;border-top:1px solid var(--line)}.workspace-task:first-child{border-top:0}.workspace-task input{width:18px;height:18px;min-height:auto;margin-top:3px}.workspace-task time{font-size:.75rem;color:var(--muted)}.workspace-task strong{font-size:.88rem}.workspace-task.done strong{text-decoration:line-through;color:var(--muted)}.workspace-card-foot{padding:14px 24px;background:var(--surface-2);display:flex;gap:8px;justify-content:flex-end}.empty-workspace{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);padding:70px 30px;text-align:center;background:#fff}.empty-workspace p{color:var(--muted);max-width:580px;margin-inline:auto}
.searchbar{display:flex;gap:10px;align-items:center;max-width:760px}.searchbar input{min-height:52px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.filter-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;font-size:.8rem;color:var(--ink-2)}.filter-button.active,.filter-button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.guide-grid,.article-grid,.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.guide-card,.article-card,.resource-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.guide-card:hover,.article-card:hover,.resource-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--line-strong)}.card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.74rem;margin-bottom:26px}.guide-card h3,.article-card h3,.resource-card h3{font-size:1.18rem}.guide-card p,.article-card p,.resource-card p{color:var(--muted);font-size:.88rem}.card-link{font-size:.82rem;font-weight:750;margin-top:auto;padding-top:14px;color:var(--navy)}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:70px;align-items:start}.article-body{font-size:1.04rem}.article-body h2{font-size:2rem;margin-top:48px}.article-body h3{margin-top:32px}.article-body ul{padding-left:22px}.article-body li{margin:8px 0}.article-sidebar{position:sticky;top:100px}.sidebar-card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff;margin-bottom:14px}.sidebar-card h3{font-size:.95rem}.sidebar-card p,.sidebar-card li{font-size:.8rem;color:var(--muted)}.citation-box{background:var(--surface-2);border-left:3px solid var(--teal);padding:18px;margin:28px 0;font-size:.86rem}.practice-takeaway{background:var(--teal-soft);padding:24px;border-radius:var(--radius);margin:30px 0}.practice-takeaway h3{color:#0e5653}
.framework-equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:38px 0}.framework-equation span{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 13px;font-size:.82rem;font-weight:720}.framework-equation b{color:var(--muted)}.dimension-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.dimension-card{background:#fff;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.dimension-card:nth-child(4n){border-right:0}.dimension-card span{font-size:.72rem;color:var(--teal);font-weight:800}.dimension-card p{font-size:.85rem;color:var(--muted)}
.profile-card{display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:start;border-top:1px solid var(--line);padding-top:30px}.profile-monogram{width:88px;height:88px;background:var(--navy);color:#fff;border-radius:18px;display:grid;place-items:center;font-size:1.2rem;font-weight:800;letter-spacing:.06em}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle{border-top:2px solid var(--ink);padding-top:18px}.principle p{font-size:.88rem;color:var(--muted)}
.contribute-layout{display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:start}.choice-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.choice-tab{min-height:54px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:700}.choice-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.contribution-form{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:26px}.preview-card{position:sticky;top:100px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);padding:26px}.preview-card h2{font-size:1.65rem}.consent{display:grid;grid-template-columns:20px 1fr;gap:10px;margin-top:15px}.consent input{width:18px;height:18px;min-height:auto;margin-top:3px}.consent span{font-size:.8rem;color:var(--ink-2)}
.resource-card .resource-type{font-size:.71rem;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.09em}.resource-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.download-note{font-size:.78rem;color:var(--muted)}
.callout{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff}.callout.warning{border-color:#e1c1a8;background:var(--amber-soft)}.callout.success{border-color:#b7d9c7;background:#eef8f2}.callout h3{font-size:1rem}.callout p:last-child{margin-bottom:0}
.timeline-list{border-left:1px solid var(--line);margin-left:10px;padding-left:28px}.timeline-item{position:relative;padding:0 0 30px}.timeline-item::before{content:"";position:absolute;left:-34px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--teal)}.timeline-item time{font-size:.76rem;color:var(--muted)}
.site-footer{background:var(--navy-2);color:#dce5ec;padding:64px 0 30px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.site-footer .brand-copy strong{color:#fff}.site-footer .brand-copy span,.site-footer p{color:#9fb0bf}.site-footer .brand-mark{border-color:#fff;background:#fff;color:var(--navy-2)}.footer-heading{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#8fa4b5;font-weight:800;margin-bottom:12px}.footer-links{display:grid;gap:8px}.footer-links a{color:#dce5ec;text-decoration:none;font-size:.86rem}.footer-links a:hover{text-decoration:underline;text-underline-offset:3px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#8fa4b5;font-size:.76rem}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}
.desktop-only{display:block}.mobile-only{display:none}
@media (max-width:1040px){.site-nav{display:none;position:absolute;left:20px;right:20px;top:68px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);padding:10px;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-nav a{padding:13px 12px}.menu-toggle{display:block}.header-cta{display:none}.hero-grid,.page-hero-grid,.quick-grid,.feature-story,.feature-story.reverse,.contribute-layout{grid-template-columns:1fr;gap:46px}.hero{padding-top:66px}.product-frame{max-width:720px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.pillars{grid-template-columns:repeat(2,1fr)}.navigator-layout{grid-template-columns:1fr}.navigator-panel{position:static}.guide-grid,.article-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.dimension-grid{grid-template-columns:repeat(2,1fr)}.dimension-card:nth-child(4n){border-right:1px solid var(--line)}.dimension-card:nth-child(2n){border-right:0}.principle-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.page-aside{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:24px}}
@media (max-width:720px){.container,.narrow{width:min(calc(100% - 28px),var(--max))}.section{padding:78px 0}.section-sm{padding:54px 0}.header-inner{height:68px}.brand-copy strong{font-size:.87rem}.brand-copy span{font-size:.68rem}.hero{padding:52px 0}.display,h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-actions,.action-row{align-items:stretch}.hero-actions .button,.action-row .button{width:100%}.hero-grid{gap:38px}.hero-proof{gap:9px 15px}.product-body{padding:20px}.product-foot{flex-direction:column;gap:3px}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)!important;padding:19px 20px}.trust-item:last-child{border-bottom:0!important}.quick-form{padding:20px}.form-grid{grid-template-columns:1fr}.quick-example-row{grid-template-columns:64px 1fr}.pillars{grid-template-columns:1fr}.pillar{min-height:auto}.pillar-index{margin-bottom:24px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:16px}.metric-row{grid-template-columns:1fr 1fr}.plan-head{display:block}.plan-badge{margin-top:14px;width:max-content}.plan-step{grid-template-columns:1fr;gap:8px}.plan-actions{padding:14px 18px}.plan-step{padding:20px 18px}.workspace-toolbar{grid-template-columns:1fr}.workspace-task{grid-template-columns:24px 1fr;gap:8px}.workspace-task time{grid-column:2}.workspace-task .task-tag{grid-column:2}.guide-grid,.article-grid,.resource-grid{grid-template-columns:1fr}.dimension-grid{grid-template-columns:1fr}.dimension-card{border-right:0!important}.principle-grid{grid-template-columns:1fr}.profile-card{grid-template-columns:1fr}.choice-tabs{grid-template-columns:1fr}.preview-card{position:static}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}.desktop-only{display:none}.mobile-only{display:block}}
@media (max-width:390px){.brand-copy span{display:none}.brand-mark{width:34px;height:34px}.menu-toggle{width:44px;height:44px}.product-summary{display:block}.countdown{margin-top:10px}.metric-row{grid-template-columns:1fr}}
@media print{.site-header,.site-footer,.no-print,.button,.navigator-panel,.subnav{display:none!important}body{background:#fff;color:#000}.section,.page-hero{padding:20px 0}.plan-shell,.workspace-card{box-shadow:none;border-color:#bbb}.plan-step{break-inside:avoid}.container{width:100%;max-width:none}.reveal{opacity:1!important;transform:none!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* ===== Version 4 refinement layer ===== */
:root{
  --bg:#fbfaf7;
  --surface:#ffffff;
  --surface-2:#f2f4f1;
  --surface-3:#e8ece9;
  --navy:#18324a;
  --navy-2:#0e2234;
  --teal:#2a6f69;
  --teal-soft:#e7f1ee;
  --amber:#925b36;
  --amber-soft:#f5ece4;
  --sage-soft:#e8f0ec;
  --blue-soft:#edf2f6;
  --sand-soft:#f4eee5;
  --clay-soft:#f6e9e3;
  --h1:clamp(2.2rem,4.6vw,3.85rem);
  --h2:clamp(1.72rem,3.15vw,2.75rem);
}
.page-hero{padding:62px 0 46px;background:var(--bg)}
.page-hero-grid{gap:56px;align-items:center}
.page-hero h1{font-size:var(--h1);line-height:1.03;max-width:820px;margin-bottom:18px}
.hero{padding:72px 0 62px;background:var(--bg)}
.display{font-size:clamp(2.55rem,5.8vw,4.65rem);line-height:1.01;max-width:860px}
.section{padding:96px 0}.section-sm{padding:60px 0}
.site-header{background:rgba(251,250,247,.95)}
.brand-mark{background:var(--navy);border-color:var(--navy);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.button-primary,.header-cta{background:var(--navy)}
.button-primary:hover,.header-cta:hover{background:#10293f}
.eyebrow{color:var(--teal)}

/* Contextual photography */
.page-photo{margin:24px 0 0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm);max-width:430px}
.page-photo img,.editorial-photo img{display:block;width:100%;height:240px;object-fit:cover;filter:saturate(.78) contrast(.98)}
.page-photo img{height:210px}
.page-photo::after,.editorial-photo::after{content:"";display:block;height:4px;background:var(--teal)}
.editorial-band{background:var(--sand-soft);border-bottom:1px solid #e4ddd3}
.editorial-split{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:58px;align-items:center}
.editorial-photo{margin:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #ded8cf;box-shadow:var(--shadow-sm)}
.editorial-photo figcaption{padding:10px 14px 12px;font-size:.74rem;color:var(--muted);line-height:1.4;background:#fff}
.editorial-copy h2{max-width:700px}.editorial-copy>p{color:var(--ink-2)}

/* Compact information grids */
.micro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.micro-grid.large{gap:14px}
.micro-grid>div{background:#fff;border:1px solid rgba(24,50,74,.12);border-radius:10px;padding:15px 16px}
.micro-grid strong{display:block;font-size:.83rem;color:var(--navy);margin-bottom:4px}.micro-grid span{font-size:.78rem;color:var(--muted);line-height:1.4;display:block}
.soft-section{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.three-step{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three-step article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.three-step article>span{display:inline-flex;color:var(--teal);font-size:.75rem;font-weight:800;margin-bottom:22px}.three-step h3{font-size:1.08rem}.three-step p{font-size:.86rem;color:var(--muted);margin-bottom:0}
.compact-list{padding-left:19px;margin:13px 0 0}.compact-list li{margin:8px 0;color:var(--ink-2);font-size:.88rem}
.callout-row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.callout-row .callout{height:100%}

/* Scenario routing */
.scenario-start{background:#fff}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.scenario-card{min-height:255px;display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;background:#fff}
.scenario-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--line-strong)}
.scenario-card>span{font-size:.71rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:28px}.scenario-card h3{font-size:1.08rem}.scenario-card p{font-size:.84rem;color:var(--muted)}.scenario-card b{font-size:.8rem;margin-top:auto;padding-top:12px;color:var(--navy)}
.scenario-card.tone-navy{border-top:4px solid var(--navy)}.scenario-card.tone-teal{border-top:4px solid var(--teal)}.scenario-card.tone-sand{background:var(--sand-soft);border-top:4px solid #9b744a}.scenario-card.tone-sage{background:var(--sage-soft);border-top:4px solid #688a7b}.scenario-card.tone-clay{background:var(--clay-soft);border-top:4px solid #a76850}.scenario-card.tone-blue{background:var(--blue-soft);border-top:4px solid #5f7890}

/* Role-specific planning */
.role-lens-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.role-lens-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.role-lens-grid span{display:block;font-size:.68rem;color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px}.role-lens-grid h3{font-size:.98rem}.role-lens-grid p{font-size:.78rem;color:var(--muted);margin-bottom:0}.role-lens-jump{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:0;border:0;background:none;font:inherit;font-size:.76rem;font-weight:700;color:var(--link);cursor:pointer}.role-lens-jump:hover,.role-lens-jump:focus-visible{text-decoration:underline}.role-action{margin-top:14px;border-left:3px solid var(--teal);background:var(--teal-soft);padding:11px 13px;border-radius:0 8px 8px 0;font-size:.82rem;color:var(--ink-2)}.role-action strong{display:block;font-size:.74rem;color:#165955;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.collab-line{margin-top:10px;font-size:.76rem;color:var(--muted)}.collab-line b{color:var(--ink-2)}

/* References */
.split-reference{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.reference-panel{background:var(--blue-soft);border:1px solid #d8e1e8;border-radius:16px;padding:26px}.reference-panel h3{font-size:1.3rem}.reference-panel p{color:var(--ink-2);font-size:.9rem}.reference-panel a{font-size:.86rem;font-weight:750;color:var(--navy);text-underline-offset:4px}
.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.reference-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column}.reference-card>span{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-weight:800;margin-bottom:22px}.reference-card h3{font-size:1.02rem}.reference-card p{font-size:.8rem;color:var(--muted)}.reference-card a{font-size:.78rem;font-weight:750;color:var(--navy);margin-top:auto}

/* Regulatory scenarios */
.scenario-principles{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.scenario-principles>div{padding:18px;border-right:1px solid var(--line)}.scenario-principles>div:last-child{border-right:0}.scenario-principles strong{display:block;font-size:.86rem;color:var(--navy);margin-bottom:5px}.scenario-principles span{display:block;font-size:.76rem;color:var(--muted);line-height:1.4}
.scenario-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.scenario-detail{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;border-top:4px solid var(--navy)}.scenario-detail:nth-child(2n){border-top-color:var(--teal)}.scenario-detail>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-weight:800}.scenario-detail h3{font-size:1.15rem;margin-top:20px}.scenario-detail p{font-size:.84rem;color:var(--ink-2)}.scenario-detail p strong{color:var(--ink)}.scenario-detail .mistake{background:var(--amber-soft);border-radius:8px;padding:10px 12px;margin-top:14px;color:#633d24}

/* Existing cards get restrained color cues */
.guide-card:nth-child(4n+1),.resource-card:nth-child(4n+1),.article-card:nth-child(4n+1){border-top:3px solid var(--navy)}
.guide-card:nth-child(4n+2),.resource-card:nth-child(4n+2),.article-card:nth-child(4n+2){border-top:3px solid var(--teal)}
.guide-card:nth-child(4n+3),.resource-card:nth-child(4n+3),.article-card:nth-child(4n+3){border-top:3px solid #9b744a}
.guide-card:nth-child(4n),.resource-card:nth-child(4n),.article-card:nth-child(4n){border-top:3px solid #6f7f90}

@media (max-width:1120px){.role-lens-grid{grid-template-columns:repeat(3,1fr)}.reference-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1040px){.editorial-split,.split-reference{grid-template-columns:1fr}.scenario-grid{grid-template-columns:repeat(2,1fr)}.scenario-principles{grid-template-columns:repeat(2,1fr)}.scenario-principles>div:nth-child(2){border-right:0}.scenario-principles>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.page-photo{max-width:620px}}
@media (max-width:720px){
  .page-hero{padding:44px 0 34px}.hero{padding:48px 0 42px}
  .display{font-size:clamp(2.25rem,10.5vw,3.25rem)}
  .page-hero h1,.display,h1{font-size:clamp(2.1rem,10vw,3.15rem);line-height:1.04}
  h2{font-size:clamp(1.62rem,7vw,2.25rem)}
  .section{padding:72px 0}.section-sm{padding:48px 0}
  .scenario-grid,.scenario-detail-grid,.three-step,.callout-row,.role-lens-grid,.reference-grid,.micro-grid{grid-template-columns:1fr}
  .scenario-card{min-height:auto}.editorial-split{gap:30px}.editorial-photo img{height:220px}.page-photo img{height:190px}
  .scenario-principles{grid-template-columns:1fr}.scenario-principles>div{border-right:0;border-bottom:1px solid var(--line)!important}.scenario-principles>div:last-child{border-bottom:0!important}
}
.workspace-role-note{display:block;margin-top:5px;font-size:.74rem;line-height:1.4;color:var(--ink-2)}


/* ===== Version 5 premium visual system ===== */
:root{
  --bg:#f5f7f6;
  --surface:#ffffff;
  --surface-2:#eef3f1;
  --surface-3:#e3ebe8;
  --ink:#0d1f2d;
  --ink-2:#314657;
  --muted:#61717c;
  --line:#d3ddda;
  --line-strong:#aebdb8;
  --navy:#071d2f;
  --navy-2:#041522;
  --teal:#2d726d;
  --teal-2:#3e8b82;
  --teal-soft:#e1efeb;
  --ocean:#3f6f8f;
  --ocean-soft:#e7eff4;
  --gold:#ad834f;
  --gold-soft:#f3eadb;
  --amber:#8d5f39;
  --amber-soft:#f5ece3;
  --sage-soft:#e6eee8;
  --blue-soft:#e8f0f5;
  --sand-soft:#f3ede3;
  --clay-soft:#f3e8e3;
  --shadow-sm:0 12px 30px rgba(7,29,47,.075);
  --shadow-md:0 28px 70px rgba(7,29,47,.14);
}
html,body{background:var(--bg)}
::selection{background:#cfe3de;color:var(--ink)}
:focus-visible{outline-color:#c59050}

/* Header: quieter surface, more deliberate movement */
.site-header{background:rgba(247,249,248,.94);border-bottom-color:rgba(174,189,184,.62);box-shadow:0 1px 0 rgba(7,29,47,.025)}
.site-nav a{position:relative;background:transparent!important;transition:color .2s ease,transform .2s ease}
.site-nav a::after{content:"";position:absolute;left:11px;right:11px;bottom:5px;height:2px;border-radius:2px;background:var(--teal);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.site-nav a:hover{color:var(--navy);transform:translateY(-1px)}
.site-nav a:hover::after,.site-nav a[aria-current="page"]::after{transform:scaleX(1)}
.site-nav a[aria-current="page"]{color:var(--navy);font-weight:720}
.header-cta{position:relative;overflow:hidden;background:var(--navy);box-shadow:0 7px 18px rgba(7,29,47,.14);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.header-cta::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.09);transform:translateX(-105%) skewX(-18deg);transition:transform .45s ease}
.header-cta:hover{background:var(--navy-2);transform:translateY(-1px);box-shadow:0 12px 26px rgba(7,29,47,.20)}
.header-cta:hover::after{transform:translateX(105%) skewX(-18deg)}
.brand-mark{background:var(--navy);border-color:var(--navy);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 5px 14px rgba(7,29,47,.12)}

/* Homepage first impression */
.hero{position:relative;background:var(--navy);color:#fff;padding:82px 0 74px;border-bottom:1px solid rgba(255,255,255,.08)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px}
.hero::after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(183,208,201,.13);border-radius:50%;right:-150px;top:-170px;box-shadow:0 0 0 70px rgba(183,208,201,.025),0 0 0 140px rgba(183,208,201,.018)}
.hero-grid{position:relative;z-index:1}
.hero .display{color:#fff;text-wrap:balance}
.hero .lead{color:#c8d3da;max-width:790px}
.hero .eyebrow{color:#80c2b7}
.hero .hero-proof{color:#aebdc7}
.hero .hero-proof span::before{background:#d0af78;box-shadow:0 0 0 4px rgba(208,175,120,.09)}
.hero .button-primary{background:#f7f8f6;color:var(--navy);box-shadow:0 12px 28px rgba(0,0,0,.20)}
.hero .button-primary:hover{background:#fff;box-shadow:0 16px 34px rgba(0,0,0,.25)}
.hero .button-secondary{color:#e7eef2;border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.045)}
.hero .button-secondary:hover{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.09);color:#fff}
.hero .product-frame{box-shadow:0 34px 80px rgba(0,0,0,.30);border-color:rgba(255,255,255,.16);transition:transform .32s ease,box-shadow .32s ease}
.hero .product-frame:hover{transform:translateY(-5px);box-shadow:0 42px 90px rgba(0,0,0,.36)}
.hero .product-bar{background:#f4f7f6}
.countdown{color:var(--amber)}

/* Color rhythm across the product */
.page-hero{position:relative;background:#eaf1ef;border-bottom:1px solid #d4e0dc;overflow:hidden}
.page-hero::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(45,114,109,.12);right:-100px;top:-120px;box-shadow:0 0 0 58px rgba(63,111,143,.035)}
.page-hero-grid{position:relative;z-index:1}
.page-aside{background:rgba(255,255,255,.56);border:1px solid rgba(174,189,184,.65);border-radius:16px;padding:20px;box-shadow:0 12px 32px rgba(7,29,47,.05)}
.trust-band{background:#fff}
.trust-item{transition:background .2s ease,transform .2s ease}
.trust-item:hover{background:#edf4f2;transform:translateY(-2px)}
.editorial-band{background:#f1ece4}
.soft-section{background:#edf2f0}
.reference-teaser{background:#edf3f6}
.quick-plan{background:var(--navy)}
.site-footer{background:#071724!important;color:#d8e2e7!important;border-top:0!important}
.site-footer .brand-copy strong,.site-footer .footer-heading{color:#fff!important}
.site-footer .brand-copy span,.site-footer .small,.site-footer .footer-links a,.site-footer .footer-bottom{color:#aebdc7!important}
.site-footer .brand-mark{background:#fff;color:var(--navy);border-color:#fff}
.site-footer .footer-links a{transition:color .18s ease,transform .18s ease}
.site-footer .footer-links a:hover{color:#fff!important;transform:translateX(2px)}

/* Refined micro-interactions */
.button{position:relative;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary:hover{box-shadow:0 12px 26px rgba(7,29,47,.18)}
.scenario-card,.pillar,.guide-card,.resource-card,.article-card,.reference-card,.role-lens-grid article,.callout,.ui-surface{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.scenario-card:hover,.guide-card:hover,.resource-card:hover,.article-card:hover,.reference-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(7,29,47,.10)}
.pillar:hover,.role-lens-grid article:hover,.callout:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(7,29,47,.075)}
.pillar:hover .pillar-index,.scenario-card:hover>span{color:var(--gold)}
.story-list li::marker{color:var(--teal)}

/* Readiness orchestration graphic */
.readiness-map-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.readiness-map-layout{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:62px;align-items:center}
.readiness-map-copy h2{max-width:560px}.readiness-map-copy p{color:var(--ink-2)}
.readiness-map-legend{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.readiness-map-legend span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 10px;font-size:.73rem;color:var(--ink-2)}
.readiness-map-legend i{width:7px;height:7px;border-radius:50%;display:block}
.readiness-map-legend .input-dot{background:var(--ocean)}.readiness-map-legend .control-dot{background:var(--gold)}.readiness-map-legend .output-dot{background:var(--teal)}
.readiness-map-shell{position:relative;background:#f7f9f8;border:1px solid #cad8d4;border-radius:22px;padding:18px;box-shadow:0 22px 56px rgba(7,29,47,.095);overflow:hidden}
.readiness-map-shell::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,29,47,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(7,29,47,.028) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.readiness-map-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:3px 6px 13px;color:var(--muted);font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.readiness-network{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:15px;background:#fff;border:1px solid #dce4e1}
.readiness-network text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.map-connector{fill:none;stroke:#a9bbb6;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:4 8;animation:mapFlow 13s linear infinite}
.map-connector.gold{stroke:#b99a6c}.map-connector.teal{stroke:#71a39c}
.map-node{stroke-width:1.25}.map-node.input{fill:#eef4f7;stroke:#a9c1d0}.map-node.control{fill:#f7f0e5;stroke:#d6bc96}.map-node.output{fill:#e8f2ef;stroke:#9bbdb5}.map-node.plan{fill:var(--navy);stroke:#071d2f;stroke-width:2}
.map-kicker{font-size:13px;font-weight:800;letter-spacing:1.25px;fill:#5d7382}.map-label{font-size:17px;font-weight:700;fill:var(--ink)}.map-small{font-size:12.5px;fill:#6a7d87}.map-plan-kicker{font-size:12px;font-weight:800;letter-spacing:1.3px;fill:#89c3b9}.map-plan-title{font-size:23px;font-weight:760;fill:#fff}.map-plan-small{font-size:12.5px;fill:#c0ced6}.map-output-title{font-size:14.5px;font-weight:750;fill:#164d4a}.map-center-ring{fill:none;stroke:#caa66f;stroke-width:1.5;opacity:.68}
@keyframes mapFlow{to{stroke-dashoffset:-48}}

/* A compact graphical explanation on the Navigator page */
.logic-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:stretch;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
.logic-strip span{position:relative;min-height:82px;padding:16px 9px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.74rem;font-weight:720;color:var(--ink-2);border-right:1px solid var(--line);transition:background .18s ease,color .18s ease}
.logic-strip span:last-child{border-right:0;background:var(--navy);color:#fff}
.logic-strip span:not(:last-child)::after{content:"›";position:absolute;right:-6px;z-index:2;width:12px;height:22px;display:grid;place-items:center;background:#fff;color:var(--gold);font-size:1.1rem}
.logic-strip span:hover{background:#edf4f2;color:var(--navy)}
.logic-strip span:last-child:hover{background:var(--navy-2);color:#fff}

@media (max-width:1040px){
  .readiness-map-layout{grid-template-columns:1fr;gap:34px}
  .logic-strip{grid-template-columns:repeat(4,1fr)}
  .logic-strip span:nth-child(4){border-right:0}.logic-strip span:nth-child(-n+4){border-bottom:1px solid var(--line)}
}
@media (max-width:720px){
  .hero{padding:56px 0 50px}.hero::after{width:250px;height:250px;right:-150px;top:-125px}
  .readiness-map-shell{padding:10px;border-radius:16px}.readiness-map-top{font-size:.61rem}.readiness-map-copy{text-align:left}
  .logic-strip{grid-template-columns:repeat(2,1fr)}.logic-strip span{min-height:68px}.logic-strip span:nth-child(2n){border-right:0}.logic-strip span:nth-child(-n+6){border-bottom:1px solid var(--line)}
  .site-nav a::after{display:none}.site-nav a:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){.map-connector{animation:none}.hero .product-frame:hover,.scenario-card:hover,.guide-card:hover,.resource-card:hover,.article-card:hover,.reference-card:hover,.pillar:hover,.role-lens-grid article:hover,.callout:hover{transform:none}}

/* ===== Version 6 blue-led palette and readiness process graphic ===== */
:root{
  --bg:#eef4f8;
  --surface:#ffffff;
  --surface-2:#f6fafe;
  --surface-3:#edf5fb;
  --ink:#102235;
  --ink-2:#35506a;
  --muted:#617b92;
  --line:#d8e5ef;
  --line-strong:#bed1df;
  --navy:#0a2340;
  --navy-2:#12375f;
  --teal:#2d6f9e;
  --teal-2:#4e87b3;
  --teal-soft:#eaf3fa;
  --ocean:#5b90c3;
  --ocean-soft:#edf5fc;
  --gold:#c5a36b;
  --gold-soft:#f6f0e4;
  --amber:#976c34;
  --amber-soft:#f8efe0;
  --sage-soft:#eef6f9;
  --blue-soft:#eaf3fb;
  --sand-soft:#f4f7fb;
  --clay-soft:#eef3f8;
  --shadow-sm:0 12px 32px rgba(10,35,64,.08);
  --shadow-md:0 32px 80px rgba(10,35,64,.16);
}
body{background:linear-gradient(180deg,#eef4f8 0%,#f8fbfd 22%,#f4f8fb 100%)}
.site-header{background:rgba(248,251,253,.93);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(190,209,223,.75)}
.site-nav a::after{left:10px;right:10px;bottom:4px;height:2px;background:linear-gradient(90deg,var(--ocean),var(--navy-2));box-shadow:0 0 10px rgba(91,144,195,.28)}
.site-nav a:hover{color:var(--navy-2);transform:translateY(-1px)}
.header-cta{background:linear-gradient(180deg,var(--navy-2),var(--navy));box-shadow:0 10px 24px rgba(10,35,64,.18)}
.header-cta:hover{background:linear-gradient(180deg,#18456f,var(--navy));box-shadow:0 14px 30px rgba(10,35,64,.24)}
.brand-mark{background:linear-gradient(180deg,var(--navy-2),var(--navy))}

.hero{background:radial-gradient(circle at 12% 18%, rgba(96,157,220,.22), transparent 20%),radial-gradient(circle at 86% 14%, rgba(109,176,226,.16), transparent 22%),linear-gradient(135deg,#081f3a 0%,#0d2d53 42%,#18426d 100%)}
.hero::before{opacity:.22;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px}
.hero::after{width:420px;height:420px;border-color:rgba(173,213,244,.20);box-shadow:0 0 0 78px rgba(152,201,237,.055),0 0 0 156px rgba(152,201,237,.028)}
.hero .eyebrow{color:#97c3ec}
.hero .lead{color:#d6e5f1}
.hero .hero-proof{color:#c6d4df}
.hero .hero-proof span::before{background:#8ac0ef;box-shadow:0 0 0 4px rgba(138,192,239,.16)}
.hero .button-primary{background:#fff;color:var(--navy)}
.hero .button-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28)}
.hero .product-frame{border-color:rgba(190,219,243,.28);box-shadow:0 36px 90px rgba(0,10,24,.34)}
.hero .product-bar{background:#f1f6fb}
.trust-band{background:linear-gradient(180deg,#ffffff 0%,#f6fafe 100%)}
.trust-item:hover{background:#f0f7fd}
.section.readiness-map-section{background:linear-gradient(180deg,#f7fbfe 0%,#eef5fb 100%)}
.readiness-map-shell{background:linear-gradient(180deg,#0d2b4d 0%,#123a65 100%);border-color:#24507f;box-shadow:0 30px 80px rgba(10,35,64,.20)}
.readiness-map-top{border-bottom-color:rgba(255,255,255,.10);color:#cfe2f2}
.readiness-map-copy h2,.readiness-map-copy p{color:var(--ink)}
.readiness-map-legend span{background:#fff;border-color:var(--line);color:var(--ink-2)}

.page-hero{background:linear-gradient(135deg,#edf5fb 0%,#f8fbfe 58%,#edf4fa 100%);border-bottom:1px solid #d4e2ee}
.page-hero::after{border-color:rgba(91,144,195,.16);box-shadow:0 0 0 68px rgba(91,144,195,.05)}
.page-aside{background:rgba(255,255,255,.76);border-color:rgba(190,209,223,.8)}
.editorial-band{background:#eff5fb}
.soft-section{background:linear-gradient(180deg,#f8fbfe 0%,#eef4f9 100%)}

.button-primary{background:linear-gradient(180deg,var(--navy-2),var(--navy))}
.button-primary:hover{background:linear-gradient(180deg,#16446f,var(--navy));box-shadow:0 16px 28px rgba(10,35,64,.20)}
.button-secondary:hover,.button-text:hover{color:var(--navy-2)}
.scenario-card.tone-blue,.scenario-card.tone-sage,.scenario-card.tone-clay,.scenario-card.tone-sand{background:#f9fcff}
.scenario-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.scenario-card:hover,.guide-card:hover,.resource-card:hover,.article-card:hover,.callout:hover,.role-card:hover,.role-lens-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(10,35,64,.08);border-color:#bfd2e3}

/* How-we-run-readiness graphic inside generated plan */
.plan-process{margin:18px 0 18px;border:1px solid #d4e2ee;border-radius:18px;background:linear-gradient(180deg,#f8fbfe 0%,#eef5fb 100%);overflow:hidden;box-shadow:0 18px 38px rgba(10,35,64,.08)}
.plan-process-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 22px 16px;border-bottom:1px solid #d8e5ef;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.58))}
.plan-process-head .eyebrow{margin-bottom:6px}
.plan-process-head h3{font-size:1.08rem;line-height:1.25;margin:0}
.process-mini-label{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:780;letter-spacing:.04em;text-transform:uppercase;color:var(--navy-2);background:#fff;border:1px solid #d6e3ef;border-radius:999px;padding:8px 12px}
.process-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.process-strip::before{content:"";position:absolute;left:12%;right:12%;top:38px;height:2px;background:linear-gradient(90deg,rgba(91,144,195,.25),rgba(18,55,95,.35));z-index:0}
.process-step{position:relative;z-index:1;padding:18px 18px 20px;min-height:178px;border-right:1px solid #deebf4;background:transparent;transition:transform .22s ease,background .22s ease}
.process-step:last-child{border-right:0}
.process-step:hover{background:rgba(255,255,255,.72);transform:translateY(-2px)}
.process-index{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;font-size:.9rem;font-weight:800;margin-bottom:14px;border:1px solid #bad0e4;background:#fff;color:var(--navy-2);box-shadow:0 8px 18px rgba(10,35,64,.08)}
.process-step strong{display:block;font-size:.92rem;color:var(--navy);margin-bottom:7px}
.process-step p{font-size:.8rem;line-height:1.5;color:var(--ink-2);margin:0}
.process-step-input .process-index{background:linear-gradient(180deg,#eff6fd,#dcebf8)}
.process-step-blue .process-index{background:linear-gradient(180deg,#f3f8fe,#e2eef9)}
.process-step-teal .process-index{background:linear-gradient(180deg,#eef8fc,#dceef7)}
.process-step-output .process-index{background:linear-gradient(180deg,#f4f8fd,#e6eef9)}
.process-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 18px 18px;background:#fff;border-top:1px solid #dce8f1}
.process-summary div{border:1px solid #dbe7f0;border-radius:12px;padding:12px 14px;background:linear-gradient(180deg,#fff,#f7fbfe)}
.process-summary span{display:block;font-size:.68rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase;color:#5c7e9b;margin-bottom:6px}
.process-summary strong{display:block;font-size:.9rem;color:var(--navy);line-height:1.35}
.plan-context{background:#fff;border:1px solid #d9e6ef}
.logic-strip{background:linear-gradient(180deg,#ffffff 0%,#f4f9fd 100%);border-color:#d4e2ee}
.logic-strip span{color:#274660}
.logic-strip span::after{background:linear-gradient(90deg,#94b7d7,#436b91)}

@media (max-width:980px){
  .process-strip{grid-template-columns:repeat(2,1fr)}
  .process-strip::before{display:none}
  .process-step:nth-child(2n){border-right:0}
  .process-summary{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .plan-process-head{align-items:flex-start;flex-direction:column}
  .process-strip,.process-summary{grid-template-columns:1fr}
  .process-step{min-height:auto;border-right:0;border-bottom:1px solid #deebf4}
  .process-step:last-child{border-bottom:0}
  .process-mini-label{font-size:.7rem}
}
@media (prefers-reduced-motion:no-preference){
  .process-strip .process-step{animation:fadeUp .55s ease both}
  .process-strip .process-step:nth-child(2){animation-delay:.05s}
  .process-strip .process-step:nth-child(3){animation-delay:.1s}
  .process-strip .process-step:nth-child(4){animation-delay:.15s}
  .process-strip .process-step:nth-child(5){animation-delay:.2s}
}

/* ===== Version 7 agency-grade polish ===== */
.hero-copy{max-width:760px}
.hero .display{max-width:760px;letter-spacing:-.045em}
.hero .lead{max-width:720px}
.hero .product-frame{position:relative;isolation:isolate;overflow:hidden}
.hero .product-frame::before{content:"";position:absolute;inset:-30% auto auto 50%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(104,173,227,.13),transparent 68%);z-index:-1;pointer-events:none}
.hero-flow-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:14px 14px 15px;border-top:1px solid #dbe7ef;background:linear-gradient(180deg,#fbfdff,#f3f8fc);overflow:hidden}
.hero-flow-rail span{position:relative;z-index:2;display:flex;flex-direction:column;gap:2px;font-size:.66rem;font-weight:760;letter-spacing:.025em;color:#3c5a73;padding-inline:4px}
.hero-flow-rail span b{font-size:.62rem;color:#7ea2c0;font-weight:820;letter-spacing:.08em}
.hero-flow-line{position:absolute;left:9%;right:9%;top:17px;height:2px;background:#d8e6f0;z-index:1}
.hero-flow-line i{position:absolute;left:0;top:-2px;width:6px;height:6px;border-radius:50%;background:#4f91c7;box-shadow:0 0 0 4px rgba(79,145,199,.12),0 0 15px rgba(79,145,199,.65)}
@media (prefers-reduced-motion:no-preference){.hero-flow-line i{animation:heroFlow 4.5s cubic-bezier(.45,0,.25,1) infinite}.hero .product-frame{animation:heroFloat 6s ease-in-out infinite}}
@keyframes heroFlow{0%{left:0;opacity:.25}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:.25}}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.hero .product-frame:hover{animation-play-state:paused}

/* Product-story spacing and surface rhythm */
.readiness-map-section{position:relative;overflow:hidden}
.readiness-map-section::before{content:"";position:absolute;left:-170px;top:30%;width:320px;height:320px;border-radius:50%;border:1px solid rgba(91,144,195,.11);box-shadow:0 0 0 70px rgba(91,144,195,.025),0 0 0 140px rgba(91,144,195,.014)}
.readiness-map-layout{position:relative;z-index:1}
.scenario-start{background:#fff}
.reference-teaser{background:linear-gradient(180deg,#f5f9fc 0%,#edf4f9 100%)}

/* Interactive readiness flow shown after plan generation */
.plan-process{border-color:#cfdfea;box-shadow:0 22px 46px rgba(10,35,64,.09)}
.plan-process-head{padding:22px 24px 17px}
.plan-process-head h3{font-size:1.12rem}
.process-track{height:3px;background:#dbe8f2;position:relative;overflow:hidden}
.process-track span{display:block;height:100%;width:20%;background:linear-gradient(90deg,#67a6d7,#1f537f);box-shadow:0 0 14px rgba(70,136,190,.42);transition:width .32s cubic-bezier(.2,.8,.2,1)}
.process-strip{display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.55)}
.process-strip::before{display:none}
button.process-step{appearance:none;border:0;border-right:1px solid #deebf4;border-radius:0;text-align:left;font:inherit;color:inherit;cursor:pointer;background:transparent;min-height:155px;position:relative;transition:background .22s ease,transform .22s ease,box-shadow .22s ease}
button.process-step:last-child{border-right:0}
button.process-step::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:linear-gradient(90deg,#6aa7d4,#1c507c);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
button.process-step:hover,button.process-step:focus-visible,button.process-step.is-active{background:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,35,64,.06)}
button.process-step.is-active::after{transform:scaleX(1)}
button.process-step.is-active .process-index{background:linear-gradient(180deg,#245d8d,#0f365d);color:#fff;border-color:#2f6b9c;box-shadow:0 9px 20px rgba(24,79,122,.20)}
button.process-step:focus-visible{outline:3px solid #78aeda;outline-offset:-3px}
.process-detail{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding:18px 22px 20px;background:#fff;border-top:1px solid #dce8f1;min-height:126px}
.process-detail>div{max-width:760px}
.process-detail-kicker{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;font-weight:820;color:#547b9c;margin-bottom:7px}
.process-detail h4{font-size:1rem;margin:0 0 7px;color:var(--navy)}
.process-detail p{font-size:.84rem;color:var(--ink-2);margin:0;line-height:1.55}
.process-detail-tag{white-space:nowrap;display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid #d6e4ee;background:#f3f8fc;color:#426784;font-size:.68rem;font-weight:780;text-transform:uppercase;letter-spacing:.05em}
.process-summary{background:linear-gradient(180deg,#fbfdff,#f5f9fc)}

/* More deliberate hover polish */
.button,.scenario-card,.guide-card,.resource-card,.article-card,.reference-card,.role-lens-grid article,.callout,.trust-item{will-change:transform}
.button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.button:hover{transform:translateY(-2px)}
.reference-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.reference-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(10,35,64,.08);border-color:#c1d4e4}
.footer-links a{position:relative;transition:color .18s ease,transform .18s ease}
.footer-links a:hover{transform:translateX(2px)}

@media (max-width:980px){
  .hero-flow-rail{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto}
  .process-strip{grid-template-columns:repeat(5,minmax(170px,1fr));overflow-x:auto;scroll-snap-type:x proximity}
  button.process-step{scroll-snap-align:start}
  .process-detail{flex-direction:column;gap:12px}
}
@media (max-width:720px){
  .hero-flow-rail{grid-template-columns:repeat(5,105px)}
  .hero-flow-line{left:14px;right:14px}
  .process-strip{grid-template-columns:1fr;overflow:visible}
  button.process-step{min-height:auto;border-right:0;border-bottom:1px solid #deebf4;padding:16px 18px}
  button.process-step:last-child{border-bottom:0}
  .process-detail{min-height:0}
}

/* ===== Version 8 warm charcoal + radiant teal identity ===== */
:root{
  --bg:#F7F5F0;
  --surface:#FFFFFF;
  --surface-2:#F2F0EA;
  --surface-3:#ECE8DF;
  --ink:#161B22;
  --ink-2:#374151;
  --muted:#68707A;
  --line:#E7E3DA;
  --line-strong:#D4CEC2;
  --navy:#161B22;
  --navy-2:#20262E;
  --teal:#0E7D74;
  --teal-2:#0F9488;
  --teal-soft:#F0F5F2;
  --ocean:#6B7280;
  --ocean-soft:#F5F3EE;
  --gold:#8A7356;
  --gold-soft:#F5F0E8;
  --amber:#80684B;
  --amber-soft:#F4EEE5;
  --sage-soft:#F1F3EF;
  --blue-soft:#F3F4F2;
  --sand-soft:#F4F1EB;
  --clay-soft:#F3F0EB;
  --accent:#2DD4BF;
  --accent-text:#0A2E29;
  --link:#0E7D74;
  --dark-muted:#9BA3AE;
  --dark-line:#3A4048;
  --shadow-sm:0 10px 28px rgba(22,27,34,.07);
  --shadow-md:0 26px 64px rgba(22,27,34,.12);
}
html,body{background:var(--bg);color:var(--ink)}
body{background:var(--bg)}
::selection{background:#BFF4EC;color:#0A2E29}
:focus-visible{outline-color:var(--accent)}

/* Dark header + dark hero + dark footer only */
.site-header{background:rgba(22,27,34,.97);border-bottom:1px solid var(--dark-line);box-shadow:none;backdrop-filter:saturate(130%) blur(14px)}
.site-header .brand-copy strong{color:var(--bg)}
.site-header .brand-copy span{color:var(--dark-muted)}
.site-header .brand-mark{background:#242B33;border-color:#4A525C;color:var(--bg);box-shadow:none}
.site-nav a{color:#D4D8DD;background:transparent!important}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--accent);transform:translateY(-1px)}
.site-nav a::after{background:var(--accent);box-shadow:none}
.header-cta{background:var(--accent);color:var(--accent-text);box-shadow:none}
.header-cta:hover{background:#5DE2D1;color:var(--accent-text);box-shadow:0 8px 20px rgba(45,212,191,.15)}
.menu-toggle span{background:var(--bg)}

.hero{background:var(--navy);color:var(--bg);border-bottom:1px solid var(--dark-line)}
.hero::before{opacity:.12;background-image:radial-gradient(rgba(247,245,240,.16) .7px,transparent .7px);background-size:22px 22px}
.hero::after{border-color:rgba(45,212,191,.12);box-shadow:0 0 0 78px rgba(45,212,191,.025),0 0 0 156px rgba(45,212,191,.012)}
.hero .display,.hero h1{color:var(--bg)}
.hero .lead{color:#C8CDD3}
.hero .eyebrow{color:var(--accent)}
.hero .hero-proof{color:var(--dark-muted)}
.hero .hero-proof span::before{background:var(--accent);box-shadow:0 0 0 4px rgba(45,212,191,.10)}
.hero .button-primary{background:var(--accent);color:var(--accent-text);box-shadow:none}
.hero .button-primary:hover{background:#5DE2D1;box-shadow:0 10px 22px rgba(45,212,191,.14)}
.hero .button-secondary{color:var(--bg);border-color:#4A5159;background:transparent}
.hero .button-secondary:hover{color:var(--bg);border-color:#737B85;background:#20262E}

.site-footer{background:var(--navy);color:var(--bg);border-top:1px solid var(--dark-line)}
.site-footer .brand-copy strong,.site-footer .footer-heading{color:var(--bg)}
.site-footer .brand-copy span,.site-footer .small,.site-footer .footer-bottom{color:var(--dark-muted)}
.site-footer .brand-mark{background:#242B33;border-color:#4A525C;color:var(--bg)}
.site-footer .footer-links a{color:var(--accent)}
.site-footer .footer-links a:hover{color:#74E8DA}

/* Light surfaces */
.page-hero{background:var(--bg);border-bottom:1px solid var(--line)}
.page-hero::after{border-color:rgba(22,27,34,.08);box-shadow:0 0 0 68px rgba(22,27,34,.018)}
.page-aside{background:var(--surface);border-color:var(--line)}
.trust-band,.scenario-start{background:var(--bg)}
.trust-band{border-color:var(--line)}
.trust-item:hover{background:#F1EFE9}
.soft-section,.reference-teaser,.editorial-band{background:var(--surface-2);border-color:var(--line)}
.section.readiness-map-section{background:var(--bg)}

/* Links + buttons */
main a:not(.button):not(.scenario-card):not(.brand){color:var(--link)}
.button-primary{background:var(--accent);color:var(--accent-text);box-shadow:none}
.button-primary:hover{background:#5DE2D1;color:var(--accent-text);box-shadow:0 9px 20px rgba(45,212,191,.13)}
.button-secondary{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.button-secondary:hover{background:#FFFFFF;border-color:#B6AFA3;color:var(--ink)}
.button-text{color:var(--link)}
.button-teal{background:var(--accent);color:var(--accent-text)}
.eyebrow{color:var(--link)}

/* Forms and selected states */
input,select,textarea{background:#FFFFFF;color:var(--ink);border-color:var(--line-strong)}
input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,125,116,.12)}
.choice-tab.active,.choice-tab[aria-pressed="true"]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}
.tag,.status-chip,.task-tag{background:var(--teal-soft);color:var(--link);border-color:#DCE9E5}

/* White cards stay white, color cues become neutral or interactive teal only */
.product-frame,.ui-surface,.scenario-card,.pillar,.guide-card,.resource-card,.article-card,.reference-card,.role-lens-grid article,.three-step article,.callout,.preview-card,.navigator-panel,.results-panel,.workspace-card,.dimension-card,.scenario-detail,.reference-panel{background:#FFFFFF;border-color:var(--line)}
.scenario-card.tone-navy,.scenario-card.tone-teal,.scenario-card.tone-sand,.scenario-card.tone-sage,.scenario-card.tone-clay,.scenario-card.tone-blue{background:#FFFFFF;border-top-color:#CAC4B9}
.scenario-card:hover,.guide-card:hover,.resource-card:hover,.article-card:hover,.reference-card:hover,.role-lens-grid article:hover,.callout:hover{border-color:#C9C2B6;box-shadow:var(--shadow-sm)}
.scenario-card>span,.role-lens-grid span,.reference-card>span,.pillar-index,.three-step article>span{color:var(--link)}
.guide-card:nth-child(n),.resource-card:nth-child(n),.article-card:nth-child(n){border-top-color:#D6D0C5}
.role-action{border-left-color:var(--accent);background:#F3F7F5;color:var(--ink-2)}
.role-action strong{color:var(--link)}

/* Readiness map: neutral visual system with teal only as signal */
.readiness-map-shell{background:#FFFFFF;border-color:var(--line);box-shadow:var(--shadow-sm)}
.readiness-map-shell::before{background-image:linear-gradient(rgba(22,27,34,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(22,27,34,.024) 1px,transparent 1px)}
.readiness-network{background:#FFFFFF;border-color:var(--line)}
.map-connector,.map-connector.gold{stroke:#B9B3A9}.map-connector.teal{stroke:#91A8A3}
.map-node.input,.map-node.control,.map-node.output{fill:#FAF9F6;stroke:#D8D2C8}
.map-node.plan{fill:var(--navy);stroke:var(--navy)}
.map-plan-kicker{fill:var(--accent)}.map-plan-title{fill:var(--bg)}.map-plan-small{fill:var(--dark-muted)}
.map-center-ring{stroke:#B9B3A9}
.readiness-map-legend .input-dot,.readiness-map-legend .control-dot{background:#A49C90}.readiness-map-legend .output-dot{background:var(--accent)}

/* Navigator logic */
.logic-strip{background:#FFFFFF;border-color:var(--line)}
.logic-strip span{color:var(--ink-2);border-color:var(--line)}
.logic-strip span::after{background:#FFFFFF;color:#91897E}
.logic-strip span:hover{background:#F5F3EE;color:var(--ink)}
.logic-strip span:last-child{background:var(--navy);color:var(--bg)}
.logic-strip span:last-child:hover{background:#242A31;color:var(--bg)}

/* Generated plan flow uses teal only for active interaction */
.plan-process{border-color:var(--line);background:var(--surface-2);box-shadow:var(--shadow-sm)}
.plan-process-head{border-color:var(--line);background:#FFFFFF}
.process-mini-label,.process-detail-tag{background:#FFFFFF;border-color:var(--line);color:var(--ink-2)}
.process-track{background:#DEDAD2}.process-track span{background:var(--accent);box-shadow:none}
button.process-step{border-color:var(--line);background:transparent}
button.process-step:hover,button.process-step:focus-visible,button.process-step.is-active{background:#FFFFFF;box-shadow:none}
button.process-step::after{background:var(--accent)}
.process-index{background:#FFFFFF;border-color:var(--line-strong);color:var(--ink);box-shadow:none}
button.process-step.is-active .process-index{background:var(--accent);color:var(--accent-text);border-color:var(--accent);box-shadow:none}
button.process-step:focus-visible{outline-color:var(--accent)}
.process-detail,.process-summary{background:#FFFFFF;border-color:var(--line)}
.process-summary div{background:#FFFFFF;border-color:var(--line)}
.process-summary span,.process-detail-kicker{color:var(--link)}
.plan-context{background:#FFFFFF;border-color:var(--line)}

/* Totally different hero visual: a readiness compass, not a linear pipeline */
.hero .product-frame{background:#FFFFFF;border-color:#343A42;box-shadow:0 26px 64px rgba(0,0,0,.28);animation:none}
.hero .product-frame::before{display:none}
.product-bar{background:#FAF9F6;border-color:var(--line)}
.product-dots i{background:#C8C2B8}
.product-summary{border-color:var(--line)}
.countdown{font-size:1rem;color:var(--link);background:#EDF4F2;border:1px solid #D7E7E3;border-radius:999px;padding:7px 10px}
.readiness-compass{position:relative;height:276px;margin:18px 0 6px;border:1px solid var(--line);border-radius:16px;background:#FAF9F6;overflow:hidden}
.compass-ring{position:absolute;width:168px;height:168px;border:1px solid #D8D3C9;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 34px rgba(231,227,218,.38)}
.compass-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:50%;background:var(--navy);color:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;box-shadow:0 12px 28px rgba(22,27,34,.16)}
.compass-center span{font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;color:var(--dark-muted)}
.compass-center strong{font-size:.86rem;line-height:1.18;margin:4px 0;color:var(--bg)}
.compass-center small{font-size:.7rem;color:var(--accent)}
.compass-node{position:absolute;width:135px;background:#FFFFFF;border:1px solid var(--line);border-radius:11px;padding:10px 11px;box-shadow:0 8px 18px rgba(22,27,34,.045);z-index:2}
.compass-node i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:5px}
.compass-node strong{display:block;font-size:.75rem;color:var(--ink);margin-bottom:3px}
.compass-node span{display:block;font-size:.63rem;line-height:1.28;color:var(--muted)}
.compass-data{left:14px;top:18px}.compass-decisions{right:14px;top:18px}.compass-build{left:14px;bottom:18px}.compass-handoffs{right:14px;bottom:18px}
.readiness-compass::before,.readiness-compass::after{content:"";position:absolute;left:50%;top:50%;background:#D9D4CB;transform-origin:center;z-index:1}
.readiness-compass::before{width:290px;height:1px;transform:translate(-50%,-50%) rotate(31deg)}
.readiness-compass::after{width:290px;height:1px;transform:translate(-50%,-50%) rotate(-31deg)}
@media (prefers-reduced-motion:no-preference){
  .compass-ring{animation:compassBreathe 4.8s ease-in-out infinite}
  .compass-node i{animation:compassPulse 3.6s ease-in-out infinite}
  .compass-decisions i{animation-delay:.7s}.compass-build i{animation-delay:1.4s}.compass-handoffs i{animation-delay:2.1s}
}
@keyframes compassBreathe{0%,100%{box-shadow:0 0 0 28px rgba(231,227,218,.28)}50%{box-shadow:0 0 0 40px rgba(231,227,218,.50)}}
@keyframes compassPulse{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.5);opacity:1}}
.compact-plain-timing .mini-step{grid-template-columns:102px 1fr;border-color:var(--line)}
.compact-plain-timing .mini-day{color:var(--link);font-size:.7rem;line-height:1.25}
.hero-flow-rail{display:none!important}

/* Project origin + field voice additions */
.project-origin-section{background:var(--bg)}
.project-origin-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.project-origin-copy p{color:var(--ink-2)}
.project-origin-cards{display:grid;grid-template-columns:1fr;gap:12px}
.project-origin-cards article{background:#FFFFFF;border:1px solid var(--line);border-radius:14px;padding:22px}
.project-origin-cards article>span{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--link);margin-bottom:14px}
.project-origin-cards h3{font-size:1.02rem;margin-bottom:7px}.project-origin-cards p{font-size:.84rem;color:var(--muted);margin:0}
.field-voice-section{background:var(--surface-2);border-block:1px solid var(--line)}
.field-voice-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:start}
.field-editorial p{color:var(--ink-2)}
.field-editorial em{color:var(--ink)}
.field-prompts{background:#FFFFFF;border:1px solid var(--line);border-radius:16px;padding:24px}
.field-prompt{padding:15px 0;border-bottom:1px solid var(--line)}.field-prompt:last-child{border-bottom:0}
.field-prompt strong{display:block;font-size:.86rem;margin-bottom:4px;color:var(--ink)}.field-prompt span{display:block;font-size:.78rem;line-height:1.45;color:var(--muted)}
.challenge-callout{background:#FFFFFF;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:18px 20px;margin-bottom:18px}
.challenge-callout h3{font-size:1rem}.challenge-callout p{font-size:.84rem;color:var(--muted);margin-bottom:0}

/* Dark framework section on homepage */
section[style*="background:var(--navy)"]{background:var(--navy)!important;color:var(--bg)!important}
section[style*="background:var(--navy)"] h2{color:var(--bg)!important}
section[style*="background:var(--navy)"] .eyebrow{color:var(--accent)!important}
section[style*="background:var(--navy)"] .lead{color:var(--dark-muted)!important}
section[style*="background:var(--navy)"] .button{background:var(--accent)!important;color:var(--accent-text)!important}

@media (max-width:980px){
  .project-origin-grid,.field-voice-grid{grid-template-columns:1fr;gap:34px}
}
@media (max-width:720px){
  .readiness-compass{height:360px}
  .compass-ring{width:142px;height:142px}
  .compass-center{width:104px;height:104px}
  .compass-node{width:128px}
  .compass-data{left:10px;top:14px}.compass-decisions{right:10px;top:14px}.compass-build{left:10px;bottom:14px}.compass-handoffs{right:10px;bottom:14px}
  .readiness-compass::before,.readiness-compass::after{width:250px}
  .compact-plain-timing .mini-step{grid-template-columns:90px 1fr}
}

/* ===== Version 9 focused polish ===== */
[hidden]{display:none!important}

/* Slightly more compact page titles */
.page-hero h1{font-size:clamp(2rem,4.2vw,3.35rem);line-height:1.04;max-width:790px}
.hero .display{font-size:clamp(2.65rem,5vw,4.15rem);line-height:1.01}

/* Landing-page example plan: subtle themed color and hierarchy */
.hero .product-frame{border-color:#3A4048;box-shadow:0 26px 66px rgba(0,0,0,.30)}
.hero .product-bar{background:#F7F5F0;border-bottom-color:#E7E3DA}
.hero .product-label{color:#5F6670}
.hero .product-dots i:nth-child(1){background:#B9B3A9}.hero .product-dots i:nth-child(2){background:#8EAFA9}.hero .product-dots i:nth-child(3){background:#2DD4BF}
.hero .product-body{background:linear-gradient(180deg,#FFFFFF 0%,#FCFBF8 100%)}
.hero .product-summary{margin:-4px -6px 10px;padding:14px 12px 18px;border:1px solid #E7E3DA;border-radius:12px;background:linear-gradient(100deg,#F7F5F0 0%,#FFFFFF 58%,#ECFAF7 100%)}
.hero .product-summary small{color:#6B7280}
.hero .countdown{font-size:.78rem;font-weight:800;color:#0E7D74;background:#E8F8F5;border:1px solid #C6EEE7;border-radius:999px;padding:8px 10px;letter-spacing:.01em}
.hero .mini-timeline{padding-top:10px}
.hero .mini-step{padding:10px 9px;margin:4px 0;border:1px solid transparent;border-radius:10px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.hero .mini-step:hover{background:#F7F5F0;border-color:#E7E3DA;transform:translateX(2px)}
.hero .mini-day{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:5px 8px;border-radius:999px;background:#EAFBF8;border:1px solid #C9EEE8;color:#0E7D74;font-size:.67rem;line-height:1.15;text-align:center}
.hero .mini-step strong{color:#161B22}
.hero .product-foot{background:#F7F5F0;border-top-color:#E7E3DA;color:#68707A}

/* Interactive Navigator logic explorer */
.logic-strip{overflow:visible}
.logic-strip .logic-item{position:relative;min-height:82px;padding:16px 9px;display:flex;align-items:center;justify-content:center;text-align:center;font:inherit;font-size:.74rem;font-weight:720;color:var(--ink-2);border:0;border-right:1px solid var(--line);background:#FFFFFF;cursor:help;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.logic-strip .logic-item:last-child{border-right:0}
.logic-strip .logic-item:not(:last-child)::after{content:"›";position:absolute;right:-6px;z-index:2;width:12px;height:22px;display:grid;place-items:center;background:#FFFFFF;color:#91897E;font-size:1.1rem}
.logic-strip .logic-item:hover,.logic-strip .logic-item:focus-visible,.logic-strip .logic-item.is-active{background:#F7F5F0;color:#161B22;transform:translateY(-1px);box-shadow:inset 0 -3px 0 #2DD4BF}
.logic-strip .logic-output{font-weight:800}
.logic-strip .logic-output::before{content:"Output";position:absolute;top:8px;right:8px;padding:2px 6px;border-radius:999px;background:#2DD4BF;color:#0A2E29;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase}
.logic-strip-note{margin:10px 4px 0;color:#68707A;font-size:.76rem}
.logic-tooltip{position:fixed;z-index:1500;padding:15px 16px;border-radius:12px;background:#161B22;border:1px solid #3A4048;color:#F7F5F0;box-shadow:0 18px 44px rgba(0,0,0,.26);pointer-events:none}
.logic-tooltip::before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;background:#161B22;border-left:1px solid #3A4048;border-top:1px solid #3A4048;transform:translateX(-50%) rotate(45deg)}
.logic-tooltip-kicker{display:block;color:#2DD4BF;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.logic-tooltip strong{display:block;color:#F7F5F0;font-size:.92rem;margin-bottom:5px}.logic-tooltip p{margin:0;color:#C5CBD2;font-size:.78rem;line-height:1.5}

/* Sleek continuity banner */
.continuity-banner{padding:26px 0;background:#161B22;color:#F7F5F0;border-top:1px solid #3A4048;border-bottom:1px solid #3A4048}
.continuity-inner{display:grid;grid-template-columns:.78fr 1.22fr;gap:46px;align-items:center}
.continuity-copy .eyebrow{color:#2DD4BF}.continuity-copy h2{color:#F7F5F0;font-size:clamp(1.55rem,2.8vw,2.25rem);margin-bottom:8px}.continuity-copy p{color:#9BA3AE;margin:0;max-width:620px;font-size:.9rem}
.continuity-visual{position:relative;display:grid;grid-template-columns:1fr 1fr 1.12fr 1fr 1fr;gap:8px;align-items:center;min-height:112px}
.continuity-line{position:absolute;left:8%;right:8%;top:50%;height:1px;background:#3A4048;z-index:0}.continuity-line::after{content:"";position:absolute;left:0;top:-1px;height:3px;width:24%;background:#2DD4BF;box-shadow:0 0 16px rgba(45,212,191,.42)}
.signal{position:relative;z-index:1;min-height:78px;padding:13px 11px;border:1px solid #3A4048;border-radius:12px;background:#1C222A;display:flex;flex-direction:column;justify-content:center;text-align:center}
.signal span{font-size:.72rem;font-weight:800;color:#F7F5F0}.signal small{font-size:.63rem;color:#9BA3AE;margin-top:4px;line-height:1.3}.signal-core{border-color:#2DD4BF;background:#20272E}.signal-core span{color:#2DD4BF;text-transform:uppercase;letter-spacing:.07em;font-size:.58rem}.signal-core strong{color:#F7F5F0;font-size:.8rem;margin-top:5px}
@media (prefers-reduced-motion:no-preference){.continuity-line::after{animation:continuitySignal 4.8s ease-in-out infinite}@keyframes continuitySignal{0%,100%{left:0;width:16%}45%{left:38%;width:28%}75%{left:68%;width:18%}}}

/* Resource cards can accommodate Excel + CSV + print actions */
.resource-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.resource-actions .button{white-space:nowrap}

@media (max-width:900px){.continuity-inner{grid-template-columns:1fr;gap:24px}.continuity-visual{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto;padding-bottom:6px}.logic-strip .logic-item{min-height:72px}}
@media (max-width:720px){
  .page-hero h1{font-size:clamp(1.85rem,8.2vw,2.6rem)}
  .hero .display{font-size:clamp(2.25rem,10.2vw,3.15rem)}
  .logic-strip{grid-template-columns:repeat(2,1fr)}
  .logic-strip .logic-item{min-height:68px;border-bottom:1px solid var(--line)}
  .logic-strip .logic-item:nth-child(2n){border-right:0}.logic-strip .logic-item:last-child{border-bottom:0}
  .continuity-banner{padding:30px 0}.continuity-visual{grid-template-columns:repeat(5,132px)}
}
@media (prefers-reduced-motion:reduce){.hero .mini-step:hover,.logic-strip .logic-item:hover,.logic-strip .logic-item:focus-visible{transform:none}.continuity-line::after{animation:none}}

/* ===== Version 10 focused usability polish ===== */
/* Text selection and heading clipping: keep selected glyphs fully legible. */
::selection{background:#D8F7F1;color:#161B22}
.display,h1,h2,h3{overflow:visible;padding-bottom:.045em}
.page-hero h1{font-size:clamp(1.92rem,3.9vw,3.15rem);line-height:1.09;letter-spacing:-.035em}
.hero .display{font-size:clamp(2.5rem,4.7vw,3.95rem);line-height:1.055;letter-spacing:-.043em}

/* Homepage example readiness plan: narrower, warmer, and more deliberate. */
.hero-grid{grid-template-columns:minmax(0,1.16fr) minmax(360px,440px);gap:58px}
.hero .product-frame{width:min(100%,440px);justify-self:end;background:#FBFAF6;border-color:#4B5159;box-shadow:0 24px 58px rgba(0,0,0,.27)}
.hero .product-bar{background:#F1EEE8}
.hero .product-body{background:#FCFBF7;padding:22px}
.hero .product-summary{background:#F4F1EA;border-color:#E2DDD3;margin:-2px -2px 10px;padding:13px 12px 16px}
.hero .product-summary strong{color:#40505E;font-weight:760}
.hero .product-summary small{color:#717780}
.hero .readiness-compass{background:#FFFFFF;border:1px solid #E7E3DA;border-radius:14px;margin-top:12px}
.hero .mini-timeline{background:#FFFFFF;border:1px solid #E7E3DA;border-radius:14px;padding:7px 10px 5px;margin-top:10px}
.hero .product-foot{background:#F1EEE8;color:#5F6670}

/* .team-banner* rules removed in v31.0 — dead CSS, not referenced by any page or script. */
.team-constellation{position:relative;min-height:220px;overflow:hidden}
.team-glow{position:absolute;inset:-30px -20px -30px 15%;background:radial-gradient(circle at 62% 52%,rgba(45,212,191,.32),rgba(45,212,191,.12) 38%,transparent 70%)}
.role-figure{position:absolute;bottom:22px;width:82px;height:132px;display:flex;align-items:flex-end;justify-content:center;border-radius:42px 42px 18px 18px;background:linear-gradient(180deg,#222A31 0%,#101419 100%);border:1px solid #3A4048;box-shadow:0 14px 28px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.role-figure::before{content:"";position:absolute;top:-29px;width:54px;height:54px;border-radius:50%;background:#101419;border:1px solid #3A4048}
.role-figure i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(45,212,191,.08),transparent 52%)}
.role-figure b{position:relative;z-index:2;margin-bottom:13px;color:#9BA3AE;font-size:.62rem;letter-spacing:.08em}
.role-1{left:7%;height:112px}.role-2{left:25%;height:128px}.role-3{left:44%;height:144px}.role-4{left:63%;height:126px}.role-5{left:81%;height:116px}
.team-link{position:absolute;bottom:86px;height:1px;background:rgba(45,212,191,.28);transform-origin:left center}
.link-1{left:13%;width:18%;transform:rotate(-4deg)}.link-2{left:31%;width:19%;transform:rotate(-5deg)}.link-3{left:50%;width:19%;transform:rotate(5deg)}.link-4{left:69%;width:18%;transform:rotate(3deg)}
@media (prefers-reduced-motion:no-preference){
  .role-figure:hover{transform:translateY(-5px);border-color:#2DD4BF;box-shadow:0 18px 34px rgba(0,0,0,.24)}
  .team-glow{animation:teamGlow 6s ease-in-out infinite}
  @keyframes teamGlow{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
}

/* Navigator logic as transparent premium bubbles rather than a flat strip. */
.logic-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;background:transparent!important;border:0!important;overflow:visible;padding:3px}
.logic-strip .logic-item{min-height:66px;border:1px solid rgba(22,27,34,.13)!important;border-radius:16px;background:rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 18px rgba(22,27,34,.035);backdrop-filter:blur(8px);color:#39434D;padding:15px 8px;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.logic-strip .logic-item:not(:last-child)::after{display:none}
.logic-strip .logic-item::before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#B7B0A6;transition:background .18s ease,box-shadow .18s ease}
.logic-strip .logic-item:hover,.logic-strip .logic-item:focus-visible,.logic-strip .logic-item.is-active{background:rgba(255,255,255,.94);border-color:rgba(14,125,116,.48)!important;color:#161B22;transform:translateY(-2px);box-shadow:0 12px 24px rgba(22,27,34,.08),inset 0 -2px 0 #2DD4BF}
.logic-strip .logic-item:hover::before,.logic-strip .logic-item:focus-visible::before,.logic-strip .logic-item.is-active::before{background:#2DD4BF;box-shadow:0 0 0 4px rgba(45,212,191,.14)}
.logic-strip .logic-output{background:rgba(22,27,34,.96);color:#F7F5F0;border-color:#3A4048!important}
.logic-strip .logic-output::before{content:"Output";top:7px;right:7px;left:auto;transform:none;width:auto;height:auto;padding:2px 6px;background:#2DD4BF;color:#0A2E29;border-radius:999px;font-size:.52rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:none}
.logic-strip .logic-output:hover,.logic-strip .logic-output:focus-visible,.logic-strip .logic-output.is-active{background:#20262E;color:#F7F5F0;border-color:#2DD4BF!important}

/* Field Guide empty-search feedback */
.guide-empty{grid-column:1/-1;padding:34px 28px;border:1px dashed #CFC9BE;border-radius:14px;background:#FFFFFF;text-align:center;color:#68707A}
.guide-empty strong{display:block;color:#161B22;margin-bottom:5px}

@media (max-width:1040px){
  .hero-grid{grid-template-columns:1fr;gap:42px}
  .hero .product-frame{justify-self:start;width:min(100%,520px)}
  .logic-strip{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:760px){
  .team-constellation{min-height:190px}
  .role-figure{width:62px}.role-figure::before{width:43px;height:43px;top:-23px}
  .role-1{left:3%}.role-2{left:22%}.role-3{left:41%}.role-4{left:60%}.role-5{left:79%}
  .logic-strip{grid-template-columns:repeat(2,1fr)}
  .logic-strip .logic-item{min-height:62px}
}
@media (max-width:430px){
  .team-constellation{min-height:176px}
  .role-figure{width:53px;border-radius:28px 28px 15px 15px}
  .role-figure::before{width:36px;height:36px;top:-19px}
  .role-figure b{font-size:.54rem}
}
@media (prefers-reduced-motion:reduce){.role-figure:hover,.logic-strip .logic-item:hover{transform:none}.team-glow{animation:none}}

/* ===== Version 11 cross-functional brand + live readiness brief ===== */
.brand-copy strong{font-size:.9rem}

/* Top horizontal brand banner */
.top-readiness-banner{background:var(--bg);padding:14px 0 0}
.top-banner-card{position:relative;min-height:146px;overflow:hidden;border:1px solid #3A4048;border-radius:16px;background:#161B22;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;box-shadow:0 18px 42px rgba(22,27,34,.10)}
.top-banner-card::before{content:"";position:absolute;right:-110px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.24) 0%,rgba(45,212,191,.08) 32%,transparent 68%);pointer-events:none}
.top-banner-copy{position:relative;z-index:2;padding:24px 34px}
.top-banner-copy .eyebrow{color:#2DD4BF;margin-bottom:7px}
.top-banner-copy h2{margin:0 0 8px;color:#F7F5F0;font-size:clamp(1.4rem,2.4vw,2.05rem);line-height:1.06;max-width:590px}
.top-banner-copy p:last-child{margin:0;color:#9BA3AE;font-size:.79rem;letter-spacing:.02em}
.top-banner-visual{position:relative;height:146px;z-index:2}
.banner-path{position:absolute;height:30px;border:1px solid rgba(247,245,240,.16);border-radius:999px;background:rgba(247,245,240,.045);display:flex;align-items:center;padding:0 11px;color:#C7CED5;font-size:.67rem;font-weight:760;letter-spacing:.04em;text-transform:uppercase}
.banner-path::after{content:"";position:absolute;right:-72px;top:50%;width:70px;height:1px;background:linear-gradient(90deg,rgba(45,212,191,.22),rgba(45,212,191,.75))}
.path-data{left:4%;top:12px;width:116px}.path-analysis{left:10%;top:43px;width:126px}.path-programming{left:2%;top:76px;width:138px}.path-regulatory{left:13%;top:107px;width:126px}.path-clinical{left:32%;top:58px;width:114px}
.milestone-beacon{position:absolute;right:9%;top:50%;transform:translateY(-50%);width:126px;height:96px;border-radius:18px;border:1px solid rgba(45,212,191,.72);background:rgba(45,212,191,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 42px rgba(45,212,191,.10)}
.milestone-beacon i{width:9px;height:9px;border-radius:50%;background:#2DD4BF;box-shadow:0 0 0 7px rgba(45,212,191,.10);margin-bottom:11px}
.milestone-beacon strong{color:#F7F5F0;font-size:.76rem;letter-spacing:.08em}.milestone-beacon span{color:#9BA3AE;font-size:.66rem;margin-top:4px}
@media (prefers-reduced-motion:no-preference){.milestone-beacon i{animation:beaconPulse 2.8s ease-in-out infinite}.banner-path::after{animation:pathGlow 4s ease-in-out infinite}.path-analysis::after{animation-delay:.4s}.path-programming::after{animation-delay:.8s}.path-regulatory::after{animation-delay:1.2s}.path-clinical::after{animation-delay:1.6s}}
@keyframes beaconPulse{0%,100%{box-shadow:0 0 0 6px rgba(45,212,191,.09)}50%{box-shadow:0 0 0 13px rgba(45,212,191,.17)}}
@keyframes pathGlow{0%,100%{opacity:.35}50%{opacity:1}}

/* Shorter landing-page example plan without losing content */
.hero .product-frame{max-width:520px;justify-self:end;background:#F1EEE7}
.hero .product-body{padding:18px;background:#F1EEE7}
.hero .product-summary{margin:0 0 12px;padding:11px 12px;background:#EAE6DE;border-color:#DDD7CC}
.hero .product-summary strong{color:#343B44;font-size:1.03rem}
.hero .product-summary small{font-size:.68rem}
.hero .countdown{font-size:.7rem;padding:6px 8px}
.product-mid-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:11px;align-items:stretch}
.hero .readiness-compass{height:218px;margin:0;background:#F8F6F1;border-color:#DDD7CC}
.hero .compass-ring{width:112px;height:112px;box-shadow:0 0 0 21px rgba(231,227,218,.34)}
.hero .compass-center{width:82px;height:82px}
.hero .compass-center span{font-size:.49rem}.hero .compass-center strong{font-size:.7rem}.hero .compass-center small{font-size:.56rem}
.hero .compass-node{width:94px;padding:7px 8px;border-radius:9px;box-shadow:0 5px 12px rgba(22,27,34,.04)}
.hero .compass-node strong{font-size:.62rem;margin-bottom:2px}.hero .compass-node span{font-size:.52rem;line-height:1.22}.hero .compass-node i{width:5px;height:5px}
.hero .compass-data{left:6px;top:8px}.hero .compass-decisions{right:6px;top:8px}.hero .compass-build{left:6px;bottom:8px}.hero .compass-handoffs{right:6px;bottom:8px}
.hero .readiness-compass::before,.hero .readiness-compass::after{width:184px;background:#D7D1C7}
.hero .compact-plain-timing{padding:6px 8px;background:#F8F6F1;border:1px solid #DDD7CC;border-radius:12px}
.hero .compact-plain-timing .mini-step{grid-template-columns:80px 1fr;gap:7px;padding:8px 3px;margin:0;border-radius:0;border:0;border-bottom:1px solid #E7E3DA}
.hero .compact-plain-timing .mini-step:last-child{border-bottom:0}
.hero .compact-plain-timing .mini-step:hover{transform:none;background:#F2EFE8}
.hero .compact-plain-timing .mini-day{min-height:24px;padding:4px 5px;font-size:.57rem}
.hero .compact-plain-timing .mini-step strong{font-size:.72rem}.hero .compact-plain-timing .mini-step span:last-child{font-size:.62rem;line-height:1.25}
.hero .product-foot{padding:10px 16px;background:#EAE6DE;border-top-color:#DDD7CC;font-size:.69rem}

/* Live readiness brief */
.navigator-setup-grid{display:grid;grid-template-columns:370px minmax(0,1fr);gap:24px;align-items:start}
.navigator-setup-grid .navigator-panel{position:sticky;top:98px}
.results-panel-full{margin-top:26px;min-height:0}
.live-brief{border:1px solid var(--line);border-radius:18px;background:#FFFFFF;box-shadow:var(--shadow-sm);overflow:hidden}
.live-brief::before{content:"";display:block;height:4px;background:#2DD4BF}
.live-brief-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 24px 10px}
.live-brief-head h2{font-size:1.42rem;line-height:1.12;margin:4px 0 0;max-width:580px}
.live-brief-badge{flex:none;border:1px solid #CBEAE5;border-radius:999px;background:#EEFAF8;color:#0E7D74;font-size:.64rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:7px 9px}
.live-brief-intro{padding:0 24px 17px;margin:0;color:var(--muted);font-size:.83rem;max-width:770px}
.live-brief-context{display:flex;flex-wrap:wrap;gap:7px;padding:0 24px 18px}
.live-brief-context span{border:1px solid #D9E3E0;border-radius:999px;background:#F7F5F0;color:#3F474F;padding:6px 9px;font-size:.68rem;font-weight:720}
.live-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.live-brief-grid section{padding:18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#FFFFFF}
.live-brief-grid section:nth-child(2n){border-right:0}.live-brief-grid .live-brief-wide{grid-column:1/-1;border-right:0;border-bottom:0;background:#FBFAF7}
.live-brief-grid section>span{display:block;color:#0E7D74;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px}
.live-brief-grid p,.live-brief-grid li{font-size:.78rem;line-height:1.47;color:var(--ink-2)}
.live-brief-grid p{margin:0}.live-brief-grid ul{margin:0;padding-left:18px}.live-brief-grid li+li{margin-top:5px}
.live-brief-note{margin:0;padding:13px 20px;background:#F7F5F0;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}

@media (max-width:1040px){
 .top-banner-card{grid-template-columns:1fr}.top-banner-visual{height:128px;border-top:1px solid #3A4048}.top-banner-copy{padding:22px 26px}
 .navigator-setup-grid{grid-template-columns:1fr}.navigator-setup-grid .navigator-panel{position:static}
 .hero .product-frame{max-width:620px;justify-self:start}
}
@media (max-width:720px){
 .top-readiness-banner{padding-top:8px}.top-banner-card{min-height:auto}.top-banner-copy{padding:20px}.top-banner-visual{height:138px}.banner-path{font-size:.58rem}.path-data{left:3%}.path-analysis{left:6%}.path-programming{left:2%}.path-regulatory{left:9%}.path-clinical{display:none}.milestone-beacon{right:4%;width:112px;height:88px}
 .product-mid-grid{grid-template-columns:1fr}.hero .readiness-compass{height:240px}.hero .compact-plain-timing{padding:4px 8px}.hero .product-frame{max-width:100%}
 .live-brief-head{display:block}.live-brief-badge{display:inline-flex;margin-top:10px}.live-brief-grid{grid-template-columns:1fr}.live-brief-grid section,.live-brief-grid section:nth-child(2n){border-right:0}.live-brief-grid .live-brief-wide{grid-column:auto}
}

/* ===== Version 12 opening composition refinement ===== */
/* Blend the cross-functional banner into the dark opening canvas. */
.top-readiness-banner{background:#161B22;padding:10px 0 0}
.top-banner-card{min-height:132px;background:transparent;border:0;border-top:1px solid rgba(247,245,240,.16);border-bottom:1px solid rgba(247,245,240,.16);border-radius:0;box-shadow:none}
.top-banner-card::before{right:-90px;top:-205px;width:540px;height:540px;background:radial-gradient(circle,rgba(45,212,191,.20) 0%,rgba(45,212,191,.065) 34%,transparent 68%)}
.top-banner-copy{padding:22px 18px 22px 6px}
.top-banner-visual{height:132px}
.top-banner-copy h2{max-width:620px}
.hero{border-top:0;padding-top:66px}

/* Give the product preview more horizontal room without increasing its height. */
@media (min-width:1041px){
  .hero-grid{grid-template-columns:minmax(0,.90fr) minmax(560px,1.10fr);gap:44px}
  .hero .product-frame{width:min(100%,650px);max-width:650px;justify-self:end}
  .hero .product-body{padding:16px}
  .hero .product-summary{margin-bottom:10px;padding:9px 12px}
  .product-mid-grid{grid-template-columns:1fr 1.18fr;gap:12px}
  .hero .readiness-compass{height:204px}
  .hero .compact-plain-timing{padding:5px 8px}
  .hero .compact-plain-timing .mini-step{padding:7px 3px}
  .hero .product-foot{padding:9px 16px}
}
@media (max-width:1040px){
  .top-readiness-banner{padding-top:8px}
  .top-banner-card{border-radius:0}
  .top-banner-copy{padding:20px 6px}
}

/* ===== Version 14 premium surface and hero refinement ===== */
:root{
  --card-warm:#FBFAF7;
  --card-warm-2:#F4F1EA;
  --card-shadow:0 16px 36px rgba(22,27,34,.075),0 3px 10px rgba(22,27,34,.035);
  --card-shadow-hover:0 24px 48px rgba(22,27,34,.11),0 6px 16px rgba(22,27,34,.05);
}

/* Exact public title + scope statement */
.brand-hero-title{font-size:clamp(2.75rem,4.6vw,4.15rem);line-height:.98;max-width:720px}
.hero-positioning{margin:17px 0 0;max-width:680px;color:#D4D8DC;font-size:clamp(1.05rem,1.45vw,1.24rem);line-height:1.45;font-weight:520;letter-spacing:-.01em}
.hero-value-line{margin:28px 0 0;max-width:680px;color:#F7F5F0;font-size:clamp(1.45rem,2.35vw,2.05rem);line-height:1.13;letter-spacing:-.028em;font-weight:620}
.hero-copy .lead{margin-top:16px;max-width:690px}

/* Give the landing experience a little more usable width and reduce dead left margin. */
@media (min-width:1041px){
  .hero .container{width:min(calc(100% - 24px),1300px)}
  .hero-grid{grid-template-columns:minmax(430px,.78fr) minmax(680px,1.22fr);gap:32px}
  .hero-copy{max-width:690px}
  .hero .product-frame{width:min(100%,730px);max-width:730px}
  .hero .product-body{padding:17px 18px}
  .product-mid-grid{grid-template-columns:minmax(270px,.94fr) minmax(340px,1.06fr);gap:15px}
  .hero .readiness-compass{height:220px}
  .hero .compass-node{width:108px;padding:8px 9px}
  .hero .compass-node strong{font-size:.66rem;line-height:1.18}
  .hero .compass-node span{font-size:.56rem;line-height:1.27}
  .hero .compact-plain-timing{padding:7px 10px}
  .hero .compact-plain-timing .mini-step{grid-template-columns:96px minmax(0,1fr);gap:9px;padding:8px 4px}
  .hero .compact-plain-timing .mini-day{font-size:.6rem;line-height:1.18;padding:5px 6px;white-space:normal;text-align:center}
  .hero .compact-plain-timing .mini-step strong{font-size:.76rem;line-height:1.22}
  .hero .compact-plain-timing .mini-step span:last-child{font-size:.67rem;line-height:1.34;min-width:0;white-space:normal;overflow:visible;word-break:normal}
  .hero .product-foot{font-size:.72rem}
}

/* Polished, layered card language. Richer than flat tiles, restrained enough for enterprise use. */
.guide-card,.article-card,.resource-card,.scenario-card,.reference-card,.role-lens-grid article,.three-step article,.project-origin-cards article,.dimension-card,.scenario-detail,.sidebar-card,.callout:not(.warning):not(.success),.pillar{
  position:relative;
  isolation:isolate;
  background:linear-gradient(145deg,#FFFFFF 0%,#FFFFFF 56%,var(--card-warm) 100%);
  border:1px solid #DED9CF;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),var(--card-shadow);
  overflow:hidden;
}
.guide-card::after,.article-card::after,.resource-card::after,.scenario-card::after,.reference-card::after,.role-lens-grid article::after,.three-step article::after,.project-origin-cards article::after,.dimension-card::after,.scenario-detail::after,.callout:not(.warning):not(.success)::after,.pillar::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.68) 0%,rgba(255,255,255,0) 34%);
  opacity:.65;
}
.guide-card:nth-child(3n+2),.article-card:nth-child(3n+2),.resource-card:nth-child(3n+2),.scenario-card:nth-child(3n+2),.reference-card:nth-child(3n+2),.pillar:nth-child(2n){background:linear-gradient(145deg,#FFFFFF 0%,#FCFBF8 55%,#F6F3ED 100%)}
.guide-card:nth-child(3n),.article-card:nth-child(3n),.resource-card:nth-child(3n),.scenario-card:nth-child(3n),.reference-card:nth-child(3n){background:linear-gradient(145deg,#FFFFFF 0%,#FBFCFB 58%,#F2F6F4 100%)}
.guide-card:hover,.article-card:hover,.resource-card:hover,.scenario-card:hover,.reference-card:hover,.role-lens-grid article:hover,.project-origin-cards article:hover,.callout:not(.warning):not(.success):hover,.pillar:hover{
  transform:translateY(-4px);
  border-color:rgba(14,125,116,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),var(--card-shadow-hover);
}

/* Turn the previously flat trust/pillar rows into refined surfaces. */
.trust-band{background:var(--bg);border-top:0;border-bottom:0;padding:18px 0}
.trust-grid{gap:12px}
.trust-item{border:1px solid #DED9CF!important;border-radius:14px;background:linear-gradient(145deg,#FFFFFF 0%,#FBFAF7 100%);box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(22,27,34,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.trust-item:hover{transform:translateY(-2px);border-color:#CFC8BC!important;box-shadow:0 16px 30px rgba(22,27,34,.075)}
.pillars{gap:14px;background:transparent;border:0;border-radius:0;overflow:visible}
.pillar{border-radius:16px;min-height:270px}

/* Subtle depth for working surfaces without reducing form accessibility. */
.navigator-panel,.results-panel,.live-brief,.workspace-card,.reference-panel,.preview-card,.contribution-form{
  border-color:#DDD7CC;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 16px 38px rgba(22,27,34,.065);
}

/* The example plan should feel like a product surface, not a flat white tile. */
.hero .product-frame{background:linear-gradient(145deg,#F8F5EE 0%,#F2EEE5 100%);border-color:#5A5F66;box-shadow:0 28px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.72)}
.hero .product-bar{background:rgba(255,255,255,.56);backdrop-filter:blur(8px);border-bottom-color:#DAD4C9}
.hero .product-body{background:transparent}
.hero .product-summary{background:linear-gradient(110deg,#EEE9DF 0%,#F8F5EE 58%,#F0F5F2 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
.hero .readiness-compass,.hero .compact-plain-timing{background:rgba(255,255,255,.70);box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(22,27,34,.045)}
.hero .product-foot{background:rgba(234,230,222,.78)}

@media (max-width:1040px){
  .brand-hero-title{font-size:clamp(2.55rem,7vw,3.7rem)}
  .hero .product-frame{width:min(100%,680px);max-width:680px}
}
@media (max-width:720px){
  .brand-hero-title{font-size:clamp(2.3rem,11vw,3.2rem)}
  .hero-positioning{font-size:1rem}
  .hero-value-line{font-size:1.42rem;margin-top:22px}
  .trust-grid{gap:10px}
  .trust-item{border:1px solid #DED9CF!important}
  .pillars{gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .trust-item:hover{transform:none}
}

/* ===== Version 14 targeted opening alignment + signature surface polish ===== */
/* Align the top readiness banner with the widened landing-page hero grid. */
@media (min-width:1041px){
  .top-readiness-banner .container{width:min(calc(100% - 24px),1300px)}
  .top-banner-copy{padding-left:0}
}
@media (max-width:1040px){
  .top-banner-copy{padding-left:0}
}

/* Signature product-preview surface: pearl-glass, visibly warm, still enterprise restrained. */
.hero .product-frame{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 14% 6%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.38) 23%,transparent 48%),
    linear-gradient(145deg,#F3EFE6 0%,#EBE6DB 48%,#F6F3ED 100%);
  border:1px solid #6A6E73;
  box-shadow:
    0 30px 76px rgba(0,0,0,.32),
    0 8px 22px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(110,105,95,.10);
}
.hero .product-frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(118deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,.10) 62%,rgba(255,255,255,0) 100%);
}
.hero .product-bar{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(246,242,233,.58));
  border-bottom-color:#D4CEC2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98);
}
.hero .product-body{background:transparent}
.hero .product-summary{
  background:
    linear-gradient(120deg,rgba(255,255,255,.82),rgba(242,238,229,.80)),
    linear-gradient(90deg,#EFEAE0,#F8F5EE);
  border:1px solid #DDD6CA;
  box-shadow:0 10px 24px rgba(22,27,34,.055),inset 0 1px 0 rgba(255,255,255,.98);
}
.hero .product-summary strong{color:#3D434B}
.hero .countdown{color:#5A6169}
.hero .readiness-compass,
.hero .compact-plain-timing{
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.90),transparent 34%),
    linear-gradient(145deg,#F8F6F1 0%,#ECE8E0 100%);
  border:1px solid #D8D1C5;
  box-shadow:0 12px 26px rgba(22,27,34,.06),inset 0 1px 0 rgba(255,255,255,.96);
}
.hero .compact-plain-timing .mini-step{border-bottom-color:#DDD7CC}
.hero .product-foot{
  background:linear-gradient(180deg,#E9E4DA,#E4DED2);
  border-top-color:#D2CABD;
  color:#5E6267;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}

/* Signature readiness-orchestration tile: warm graphite glass rather than a flat white panel. */
.readiness-map-shell{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 8%,rgba(255,255,255,.22),transparent 28%),
    linear-gradient(145deg,#F1EEE7 0%,#E9E4DB 44%,#F7F4EE 100%);
  border:1px solid #CFC7BA;
  box-shadow:
    0 26px 62px rgba(22,27,34,.12),
    0 6px 16px rgba(22,27,34,.06),
    inset 0 1px 0 rgba(255,255,255,.98);
}
.readiness-map-shell::before{
  background-image:
    linear-gradient(rgba(22,27,34,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,27,34,.024) 1px,transparent 1px);
  opacity:.62;
}
.readiness-map-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  border-radius:inherit;
  background:linear-gradient(118deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 26%,rgba(255,255,255,.08) 60%,rgba(255,255,255,0) 100%);
}
.readiness-map-top,.readiness-network{position:relative;z-index:1}
.readiness-map-top{
  color:#5D6268;
  border-bottom:1px solid rgba(126,119,108,.16);
  padding-bottom:13px;
}
.readiness-map-legend span{
  background:linear-gradient(180deg,#FFFFFF,#F7F3EC);
  border-color:#D9D1C5;
  box-shadow:0 6px 16px rgba(22,27,34,.045),inset 0 1px 0 #fff;
}

/* A touch more bevel/depth on the two signature surfaces without changing layout. */
.hero .product-frame:hover,
.readiness-map-shell:hover{
  transform:translateY(-3px);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.hero .product-frame:hover{box-shadow:0 36px 84px rgba(0,0,0,.34),0 10px 26px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.98)}
.readiness-map-shell:hover{box-shadow:0 32px 72px rgba(22,27,34,.15),0 8px 20px rgba(22,27,34,.07),inset 0 1px 0 rgba(255,255,255,.98)}
@media (prefers-reduced-motion:reduce){
  .hero .product-frame:hover,.readiness-map-shell:hover{transform:none;transition:none}
}

/* ===== Version 15 landing alignment + signature depth ===== */
/* Match the banner's internal columns to the landing hero so copy and visual panel align exactly. */
@media (min-width:1041px){
  .top-banner-card{
    grid-template-columns:minmax(430px,.78fr) minmax(680px,1.22fr);
    gap:32px;
    align-items:center;
  }
  .top-banner-copy{
    padding:18px 0;
    max-width:690px;
  }
  .top-banner-visual{
    width:100%;
    justify-self:stretch;
  }
}

/* Tighten the opening section so the product preview feels closer to the message above and below. */
.hero{padding-top:58px;padding-bottom:54px}
@media (min-width:1041px){
  .hero-grid{align-items:center}
  .hero .product-frame{margin-block:0}
}
@media (max-width:720px){
  .hero{padding-top:44px;padding-bottom:46px}
}

/* Premium command-console treatment for the readiness-orchestration signature tile. */
.readiness-map-shell{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 10%,rgba(45,212,191,.09) 0%,rgba(45,212,191,.025) 26%,transparent 44%),
    radial-gradient(circle at 12% 88%,rgba(247,245,240,.045) 0%,transparent 33%),
    linear-gradient(145deg,#171D24 0%,#11161C 55%,#1D242C 100%);
  border:1px solid #3A4048;
  box-shadow:
    0 34px 78px rgba(22,27,34,.20),
    0 10px 30px rgba(22,27,34,.14),
    inset 0 1px 0 rgba(247,245,240,.08),
    inset 0 -1px 0 rgba(0,0,0,.20);
}
.readiness-map-shell::before{
  background-image:
    linear-gradient(rgba(247,245,240,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(247,245,240,.035) 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.38;
}
.readiness-map-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(120deg,rgba(247,245,240,.07) 0%,rgba(247,245,240,0) 24%,rgba(247,245,240,.02) 55%,rgba(247,245,240,0) 100%);
}
.readiness-map-top,
.readiness-network{position:relative;z-index:1}
.readiness-map-top{
  color:#B7BEC6;
  border-bottom:1px solid rgba(247,245,240,.09);
  padding-bottom:14px;
}
.readiness-map-shell:hover{
  border-color:#4A525C;
  box-shadow:
    0 40px 92px rgba(22,27,34,.24),
    0 12px 34px rgba(22,27,34,.15),
    inset 0 1px 0 rgba(247,245,240,.10);
}

/* Restyle the SVG itself for the richer dark surface. */
.readiness-map-shell .map-connector,
.readiness-map-shell .map-connector.gold{
  stroke:#68717B;
  opacity:.88;
}
.readiness-map-shell .map-connector.teal{
  stroke:#2DD4BF;
  opacity:.62;
}
.readiness-map-shell .map-node.input,
.readiness-map-shell .map-node.control,
.readiness-map-shell .map-node.output{
  fill:#F7F5F0;
  stroke:#D8D2C8;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.18));
}
.readiness-map-shell .map-node.plan{
  fill:#F7F5F0;
  stroke:#2DD4BF;
  stroke-width:2;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.26));
}
.readiness-map-shell .map-kicker{fill:#66727D}
.readiness-map-shell .map-label{fill:#161B22}
.readiness-map-shell .map-small{fill:#6B7280}
.readiness-map-shell .map-plan-kicker{fill:#0E7D74}
.readiness-map-shell .map-plan-title{fill:#161B22}
.readiness-map-shell .map-plan-small{fill:#6B7280}
.readiness-map-shell .map-output-title{fill:#0E7D74}
.readiness-map-shell .map-center-ring{
  stroke:#2DD4BF;
  opacity:.46;
  filter:drop-shadow(0 0 8px rgba(45,212,191,.20));
}
.readiness-map-shell .map-node.output{stroke:#B9D8D2}

/* Legend now reads as refined chips over the dark command surface. */
.readiness-map-legend span{
  background:linear-gradient(180deg,#FFFFFF,#F4F1EB);
  border:1px solid #DDD6CA;
  box-shadow:0 8px 18px rgba(22,27,34,.07),inset 0 1px 0 #fff;
}

/* A more polished frame behind the entire readiness section, without changing layout. */
.section.readiness-map-section{
  background:
    radial-gradient(circle at 85% 14%,rgba(45,212,191,.035),transparent 20%),
    linear-gradient(180deg,#F7F5F0 0%,#F2EFE8 100%);
  border-top:1px solid #E7E3DA;
  border-bottom:1px solid #E7E3DA;
}

@media (prefers-reduced-motion:reduce){
  .readiness-map-shell:hover{transform:none;transition:none}
}


/* v16 evidence-ready brand + adoption documentation */
.site-header .brand{min-width:0;max-width:330px}
.site-header .brand-copy{min-width:0}
.site-header .brand-copy strong{font-size:.86rem;white-space:nowrap}
.site-header .brand-copy span{font-size:.58rem;line-height:1.25;max-width:270px;margin-top:3px}
.site-footer .brand-copy strong{font-size:.9rem}
.site-footer .brand-copy span{font-size:.68rem;line-height:1.35;max-width:360px}
.evidence-grid>div{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(246,244,238,.86));border:1px solid var(--line);box-shadow:0 12px 30px rgba(22,27,34,.055),inset 0 1px rgba(255,255,255,.9)}
.evidence-status{margin-top:26px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:inset 0 1px rgba(255,255,255,.8)}
.evidence-status>div{display:grid;gap:5px}.evidence-status-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}.evidence-status strong{font-size:.9rem;max-width:760px}.evidence-status a{white-space:nowrap;font-size:.82rem;font-weight:750}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:1180px){.site-header .brand-copy span{display:none}.site-header .brand{max-width:none}}
@media(max-width:720px){.evidence-status{display:block}.evidence-status a{display:inline-block;margin-top:12px}.site-header .brand-copy strong{font-size:.84rem}}


/* ===== Version 17 landing-page viewport fit + regulatory-readiness layer ===== */
/* Use one desktop grid across header, top banner, hero and trust strip. */
@media (min-width:1181px){
  .site-header .container,
  .top-readiness-banner .container,
  .hero .container,
  .trust-band .container{width:min(calc(100% - 28px),1420px)}
  .header-inner{height:66px;gap:16px}
  .site-header .brand{max-width:470px;min-width:430px}
  .site-header .brand-copy span{display:block!important;white-space:nowrap;max-width:none;font-size:.57rem;line-height:1.15;letter-spacing:-.005em;margin-top:3px}
  .site-nav{gap:1px}.site-nav a{font-size:.86rem;padding-inline:8px}
  .header-cta{font-size:.84rem;padding-inline:14px;min-height:40px}

  .top-banner-card{grid-template-columns:minmax(560px,.88fr) minmax(650px,1.12fr);gap:30px;min-height:104px}
  .top-banner-copy{padding:12px 0;max-width:700px}
  .top-banner-copy .eyebrow{margin-bottom:4px;font-size:.68rem}
  .top-banner-copy h2{font-size:clamp(1.28rem,1.6vw,1.62rem);line-height:1.08;margin-bottom:5px;max-width:680px}
  .top-banner-copy p:last-child{font-size:.7rem}
  .top-banner-visual{height:104px}
  .milestone-beacon{transform:scale(.86);transform-origin:center right}
  .banner-path{font-size:.58rem}

  .hero{padding:28px 0 26px}
  .hero-grid{grid-template-columns:minmax(585px,.91fr) minmax(690px,1.09fr);gap:26px;align-items:center}
  .hero-copy{max-width:650px}
  .brand-hero-title{font-size:clamp(2.55rem,3.6vw,3.55rem);line-height:.98;max-width:650px}
  .hero-positioning{font-size:.96rem;line-height:1.25;max-width:none;white-space:nowrap;margin-top:10px}
  .hero-value-line{font-size:clamp(1.3rem,1.8vw,1.62rem);line-height:1.1;margin-top:18px;max-width:650px}
  .hero-copy .lead{font-size:.98rem;line-height:1.45;margin-top:10px;max-width:640px}
  .hero-actions{margin-top:18px}.hero-actions .button{min-height:42px;font-size:.86rem;padding-inline:16px}
  .hero-proof{margin-top:16px;gap:8px 16px;font-size:.72rem}
  .hero .product-frame{width:min(100%,700px);max-width:700px}
  .hero .product-bar{height:38px}
  .hero .product-body{padding:12px 14px}
  .hero .product-summary{padding:9px 11px;margin-bottom:10px}
  .hero .product-summary small{font-size:.65rem;margin-bottom:2px}
  .hero .product-summary strong{font-size:.98rem}
  .hero .countdown{font-size:1rem}
  .product-mid-grid{grid-template-columns:minmax(275px,.95fr) minmax(330px,1.05fr);gap:12px}
  .hero .readiness-compass{height:184px}
  .hero .compass-center{width:102px;height:102px}
  .hero .compass-center strong{font-size:.82rem}
  .hero .compass-node{width:102px;padding:6px 7px}
  .hero .compass-node strong{font-size:.61rem}
  .hero .compass-node span{font-size:.51rem}
  .hero .compact-plain-timing{padding:4px 8px}
  .hero .compact-plain-timing .mini-step{grid-template-columns:86px minmax(0,1fr);gap:8px;padding:6px 2px}
  .hero .compact-plain-timing .mini-day{font-size:.54rem;padding:4px 5px}
  .hero .compact-plain-timing .mini-step strong{font-size:.68rem}
  .hero .compact-plain-timing .mini-step span:last-child{font-size:.59rem;line-height:1.25}
  .hero .product-foot{padding:9px 14px;font-size:.66rem}

  .trust-band{padding:9px 0 11px}
  .trust-grid{gap:9px}
  .trust-item{padding:10px 14px!important;border-radius:12px}
  .trust-item strong{font-size:.82rem;margin-bottom:1px}
  .trust-item span{font-size:.66rem;line-height:1.22}
}

/* Keep the hero subtitle readable but single-line where desktop width permits. */
@media (min-width:1041px) and (max-width:1180px){
  .hero-positioning{font-size:.93rem;max-width:620px}
}

/* Global regulatory readiness section. */
.global-regulatory-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#F7F5F0 0%,#F1EEE7 100%);border-top:1px solid #E7E3DA;border-bottom:1px solid #E7E3DA}
.global-regulatory-section::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-190px;top:-190px;border:1px solid rgba(45,212,191,.10);box-shadow:0 0 0 68px rgba(45,212,191,.018),0 0 0 136px rgba(45,212,191,.012)}
.regulatory-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:64px;align-items:center}
.regulatory-copy h2{max-width:650px}.regulatory-copy>p{max-width:680px;color:var(--ink-2)}
.regulatory-agencies{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 16px}
.regulatory-agencies span{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:999px;border:1px solid #D7D1C7;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(22,27,34,.04);font-size:.72rem;font-weight:790;letter-spacing:.015em;color:#3D454D}
.regulatory-note{font-size:.78rem!important;color:var(--muted)!important;max-width:690px!important}
.regulatory-actions{margin-top:20px}
.regulatory-console{position:relative;min-height:390px;border-radius:24px;overflow:hidden;padding:22px;background:radial-gradient(circle at 75% 10%,rgba(45,212,191,.10),transparent 30%),linear-gradient(145deg,#1A2027 0%,#11161C 58%,#202831 100%);border:1px solid #3A4048;box-shadow:0 34px 76px rgba(22,27,34,.18),inset 0 1px 0 rgba(247,245,240,.08)}
.regulatory-console::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(247,245,240,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(247,245,240,.027) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.reg-console-top,.reg-console-foot,.reg-console-core{position:relative;z-index:1}
.reg-console-top{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(247,245,240,.08);color:#9BA3AE;font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;font-weight:780}
.reg-console-top strong{color:#F7F5F0;font-size:.72rem;letter-spacing:.02em;text-transform:none}
.reg-console-core{height:258px;position:relative;display:grid;place-items:center}
.reg-core{position:relative;width:156px;height:156px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 34% 27%,#FFFFFF 0%,#F7F5F0 58%,#E9E5DC 100%);border:2px solid rgba(45,212,191,.72);box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 0 14px rgba(45,212,191,.035)}
.reg-core small{font-size:.58rem;text-transform:uppercase;letter-spacing:.09em;color:#66707A;font-weight:800}.reg-core strong{font-size:1.35rem;line-height:1;margin:5px 0;color:#161B22;letter-spacing:.02em}.reg-core span{font-size:.56rem;line-height:1.25;color:#6B7280;max-width:110px}
.reg-orbit{position:absolute;min-width:92px;text-align:center;padding:7px 10px;border-radius:999px;background:rgba(247,245,240,.96);border:1px solid #D8D2C8;box-shadow:0 10px 22px rgba(0,0,0,.22);font-size:.64rem;font-weight:760;color:#29323A}
.reg-orbit::after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,rgba(104,113,123,.15),rgba(45,212,191,.64));top:50%;width:76px;transform-origin:center}
.orbit-data{left:3%;top:32%}.orbit-data::after{left:100%;transform:rotate(10deg)}
.orbit-analysis{right:3%;top:32%}.orbit-analysis::after{right:100%;transform:rotate(-10deg);background:linear-gradient(90deg,rgba(45,212,191,.64),rgba(104,113,123,.15))}
.orbit-meta{left:15%;bottom:9%}.orbit-meta::after{left:84%;top:-8px;transform:rotate(-31deg);width:92px}
.orbit-review{right:15%;bottom:9%}.orbit-review::after{right:84%;top:-8px;transform:rotate(31deg);width:92px;background:linear-gradient(90deg,rgba(45,212,191,.64),rgba(104,113,123,.15))}
.reg-console-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;border-top:1px solid rgba(247,245,240,.08)}
.reg-console-foot span{text-align:center;padding:7px 6px;border-radius:9px;background:rgba(247,245,240,.045);border:1px solid rgba(247,245,240,.065);font-size:.6rem;color:#B7BEC6}
@media (max-width:1040px){.regulatory-layout{grid-template-columns:1fr;gap:34px}.regulatory-console{min-height:360px}}
@media (max-width:720px){.regulatory-console{min-height:330px;padding:16px}.reg-console-core{height:220px}.reg-core{width:132px;height:132px}.reg-orbit{min-width:74px;font-size:.56rem;padding:6px}.reg-orbit::after{width:52px}.orbit-meta::after,.orbit-review::after{width:65px}.reg-console-foot{grid-template-columns:1fr}.regulatory-agencies{gap:6px}.regulatory-actions .button{width:100%}}


/* ===== Version 19 opening-stage correction ===== */
/* Keep screen one focused on the top readiness banner and hero. The trust principles
   intentionally begin after the first viewport rather than forcing the opening panels smaller. */
@media (min-width:1181px){
  .landing-first-screen{
    min-height:calc(100svh - 66px);
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    background:#161B22;
  }
  .landing-first-screen .hero{
    min-height:0;
    display:flex;
    align-items:center;
  }

  /* Restore the Version 17 banner proportions and spacing. */
  .top-readiness-banner{padding-top:10px}
  .top-banner-card{
    grid-template-columns:minmax(560px,.88fr) minmax(650px,1.12fr);
    gap:30px;
    min-height:104px;
    align-items:center;
  }
  .top-banner-copy{padding:12px 0;max-width:700px}
  .top-banner-copy .eyebrow{margin-bottom:4px;font-size:.68rem}
  .top-banner-copy h2{font-size:clamp(1.28rem,1.6vw,1.62rem);line-height:1.08;margin-bottom:5px;max-width:680px}
  .top-banner-copy p:last-child{font-size:.7rem}
  .top-banner-visual{height:104px;overflow:visible}
  .banner-path{font-size:.58rem}
  .milestone-beacon{
    transform:translateY(-50%) scale(.86);
    transform-origin:center right;
  }

  /* Restore the Version 17 hero proportions instead of shrinking the product preview to fit the trust row. */
  .hero{padding:28px 0 26px}
  .hero-grid{grid-template-columns:minmax(585px,.91fr) minmax(690px,1.09fr);gap:26px;align-items:center}
  .hero-copy{max-width:650px}
  .brand-hero-title{font-size:clamp(2.55rem,3.6vw,3.55rem);line-height:.98;max-width:650px}
  .hero-positioning{font-size:.96rem;line-height:1.25;max-width:none;white-space:nowrap;margin-top:10px}
  .hero-value-line{font-size:clamp(1.3rem,1.8vw,1.62rem);line-height:1.1;margin-top:18px;max-width:650px}
  .hero-copy .lead{font-size:.98rem;line-height:1.45;margin-top:10px;max-width:640px}
  .hero-actions{margin-top:18px}
  .hero-actions .button{min-height:42px;font-size:.86rem;padding-inline:16px}
  .hero-proof{margin-top:16px;gap:8px 16px;font-size:.72rem}
  .hero .product-frame{width:min(100%,700px);max-width:700px}
  .hero .product-bar{height:38px}
  .hero .product-body{padding:12px 14px}
  .hero .product-summary{padding:9px 11px;margin-bottom:10px}
  .hero .product-summary small{font-size:.65rem;margin-bottom:2px}
  .hero .product-summary strong{font-size:.98rem}
  .hero .countdown{font-size:1rem}
  .product-mid-grid{grid-template-columns:minmax(275px,.95fr) minmax(330px,1.05fr);gap:12px}
  .hero .readiness-compass{height:184px}
  .hero .compass-center{width:102px;height:102px}
  .hero .compass-center strong{font-size:.82rem}
  .hero .compass-node{width:102px;padding:6px 7px}
  .hero .compass-node strong{font-size:.61rem}
  .hero .compass-node span{font-size:.51rem}
  .hero .compact-plain-timing{padding:4px 8px}
  .hero .compact-plain-timing .mini-step{grid-template-columns:86px minmax(0,1fr);gap:8px;padding:6px 2px}
  .hero .compact-plain-timing .mini-day{font-size:.54rem;padding:4px 5px}
  .hero .compact-plain-timing .mini-step strong{font-size:.68rem}
  .hero .compact-plain-timing .mini-step span:last-child{font-size:.59rem;line-height:1.25}
  .hero .product-foot{padding:9px 14px;font-size:.66rem}

  /* Trust principles are intentionally page-two content. */
  .trust-band{padding:22px 0 24px;border-top:1px solid #E7E3DA;background:#F7F5F0}
  .trust-grid{gap:12px}
  .trust-item{padding:16px 18px!important}
  .trust-item strong{font-size:.9rem;margin-bottom:3px}
  .trust-item span{font-size:.75rem;line-height:1.3}
}

@media (min-width:1181px) and (max-height:820px){
  .landing-first-screen{min-height:calc(100svh - 66px)}
  .top-banner-card{min-height:100px}
  .top-banner-visual{height:100px}
  .hero{padding:22px 0 22px}
}

/* ===== Version 20 landing banner + v16 product-preview geometry ===== */
@media (min-width:1181px){
  /* The five-lane banner was originally designed at this roomier height.
     Restoring it keeps every function, including Regulatory, fully visible. */
  .top-banner-card{
    min-height:146px;
    grid-template-columns:minmax(560px,.88fr) minmax(650px,1.12fr);
    gap:30px;
  }
  .top-banner-copy{padding:18px 0;max-width:700px}
  .top-banner-copy .eyebrow{margin-bottom:6px;font-size:.7rem}
  .top-banner-copy h2{font-size:clamp(1.38rem,1.85vw,1.78rem);line-height:1.07;margin-bottom:7px;max-width:690px}
  .top-banner-copy p:last-child{font-size:.74rem}
  .top-banner-visual{height:146px;overflow:visible}
  .banner-path{height:30px;font-size:.62rem}
  .path-data{left:4%;top:12px;width:116px}
  .path-analysis{left:10%;top:43px;width:126px}
  .path-programming{left:2%;top:76px;width:138px}
  .path-regulatory{left:13%;top:107px;width:126px}
  .path-clinical{left:32%;top:58px;width:114px}
  .milestone-beacon{
    right:9%;top:50%;width:126px;height:96px;
    transform:translateY(-50%);
    transform-origin:center right;
  }

  /* Restore the Version 16 example-plan proportions while retaining the current finish. */
  .hero{padding:30px 0 28px}
  .hero-grid{
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
    gap:28px;
    align-items:center;
  }
  .hero-copy{max-width:660px}
  .hero .product-frame{
    width:min(100%,730px);
    max-width:730px;
    justify-self:start;
  }
  .hero .product-bar{height:48px;padding-inline:18px}
  .hero .product-body{padding:17px 18px}
  .hero .product-summary{
    margin:0 0 12px;
    padding:11px 12px;
  }
  .hero .product-summary small{font-size:.68rem;margin-bottom:5px}
  .hero .product-summary strong{font-size:1.03rem}
  .hero .countdown{font-size:.7rem;padding:6px 8px}
  .product-mid-grid{
    grid-template-columns:minmax(270px,.94fr) minmax(340px,1.06fr);
    gap:15px;
    align-items:stretch;
  }
  .hero .readiness-compass{height:220px}
  .hero .compass-ring{width:112px;height:112px;box-shadow:0 0 0 21px rgba(231,227,218,.34)}
  .hero .compass-center{width:82px;height:82px}
  .hero .compass-center span{font-size:.49rem}
  .hero .compass-center strong{font-size:.7rem}
  .hero .compass-center small{font-size:.56rem}
  .hero .compass-node{width:108px;padding:8px 9px}
  .hero .compass-node strong{font-size:.66rem;line-height:1.18}
  .hero .compass-node span{font-size:.56rem;line-height:1.27}
  .hero .compass-node i{width:5px;height:5px}
  .hero .compact-plain-timing{padding:7px 10px}
  .hero .compact-plain-timing .mini-step{
    grid-template-columns:96px minmax(0,1fr);
    gap:9px;
    padding:8px 4px;
  }
  .hero .compact-plain-timing .mini-day{
    font-size:.6rem;
    line-height:1.18;
    padding:5px 6px;
    white-space:normal;
    text-align:center;
  }
  .hero .compact-plain-timing .mini-step strong{font-size:.76rem;line-height:1.22}
  .hero .compact-plain-timing .mini-step span:last-child{
    font-size:.67rem;
    line-height:1.34;
    white-space:normal;
    overflow:visible;
  }
  .hero .product-foot{padding:10px 16px;font-size:.72rem}

  /* Keep the copy visually coupled to the product preview rather than floating in a wide empty column. */
  .hero-value-line{max-width:610px}
  .hero-copy .lead{max-width:620px}
  .hero-proof{max-width:630px}
}

@media (min-width:1181px) and (max-width:1320px){
  .top-banner-card{grid-template-columns:minmax(480px,.86fr) minmax(610px,1.14fr)}
  .hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px}
  .hero .product-frame{width:min(100%,700px)}
}

@media (min-width:1181px) and (max-height:820px){
  /* Preserve the restored proportions; first-screen trust content already begins below. */
  .top-banner-card{min-height:138px}
  .top-banner-visual{height:138px}
  .path-regulatory{top:101px}
  .hero{padding:24px 0 24px}
}

/* ===== Version 21 content, evidence, and workflow components ===== */
.guide-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.guide-meta-row span,.guide-status-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;border:1px solid #D9D4CA;background:#FBFAF7;color:#58626C;font-size:.68rem;font-weight:760;letter-spacing:.01em}.guide-status-chip{border-color:rgba(14,125,116,.20);background:rgba(45,212,191,.08);color:#0E6F68}
.guide-deep-dive{margin-top:30px}.guide-gates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.guide-gate{padding:20px;border:1px solid #E1DDD4;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,245,240,.82));box-shadow:0 12px 30px rgba(22,27,34,.055),inset 0 1px 0 #fff}.guide-gate h3{font-size:1rem;margin:0 0 10px}.guide-gate ul{margin:0;padding-left:18px}.guide-gate li{margin:7px 0;color:#4F5963;font-size:.9rem;line-height:1.48}
.source-list{display:grid;gap:10px;margin-top:14px}.source-link-card{display:block;padding:14px 16px;border-radius:13px;border:1px solid #E1DDD4;background:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(22,27,34,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.source-link-card:hover,.source-link-card:focus-visible{transform:translateY(-2px);border-color:rgba(14,125,116,.35);box-shadow:0 12px 26px rgba(22,27,34,.07)}.source-link-card strong{display:block;color:#0E7D74;margin-bottom:3px}.source-link-card span{display:block;color:#66707A;font-size:.82rem;line-height:1.42}
.guide-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}.guide-empty{grid-column:1/-1;padding:28px;border:1px dashed #D8D2C8;border-radius:16px;text-align:center;color:#68707A}.guide-empty strong,.guide-empty span{display:block}.guide-empty strong{color:#161B22;margin-bottom:5px}
.regional-reference-block{margin-top:28px;padding:24px;border:1px solid #DDD8CE;border-radius:18px;background:linear-gradient(145deg,#FFF,#F3F0EA);box-shadow:0 14px 36px rgba(22,27,34,.055)}.regional-reference-block .resource-grid{margin-top:16px}
.validation-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.validation-status-grid article{padding:18px;border:1px solid #E1DDD4;border-radius:15px;background:#fff}.validation-status-grid strong{display:block;margin-bottom:5px}.validation-status-grid span{color:#68707A;font-size:.84rem;line-height:1.45}
.feedback-more{margin:16px 0;border:1px solid #E1DDD4;border-radius:14px;background:#FBFAF7}.feedback-more>summary{cursor:pointer;padding:14px 16px;font-weight:760;color:#24313D}.feedback-more[open]>summary{border-bottom:1px solid #E7E3DA}.feedback-more .form-grid{padding:16px}
.calendar-reminder-inline,.workspace-reminder{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;color:#5F6872}.calendar-reminder-inline select,.workspace-reminder select{min-height:36px;border:1px solid #D8D2C8;border-radius:9px;background:#fff;color:#29323A;padding:5px 28px 5px 9px}.workspace-backup-status{margin-top:9px}
.plan-timing-control{margin:18px 0 6px;border:1px solid #E1DDD4;border-radius:14px;background:#FBFAF7}.plan-timing-control summary{cursor:pointer;padding:13px 15px;font-weight:760}.timing-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 15px 15px}.timing-edit-grid label{display:grid;gap:5px;font-size:.75rem;color:#68707A}.timing-edit-grid input{min-height:40px;border:1px solid #D8D2C8;border-radius:9px;padding:7px 9px;background:#fff;color:#161B22}
.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.glossary-item{padding:18px;border:1px solid #E1DDD4;border-radius:15px;background:linear-gradient(145deg,#fff,#FAF8F4);box-shadow:0 7px 18px rgba(22,27,34,.035)}.glossary-item h2,.glossary-item h3{font-size:1rem;margin:0 0 6px}.glossary-item p{margin:0;color:#5E6872;font-size:.87rem;line-height:1.5}
.changelog-list{display:grid;gap:14px}.changelog-entry{padding:22px;border:1px solid #E1DDD4;border-radius:16px;background:#fff}.changelog-entry h2,.changelog-entry h3{margin-top:0}.compact-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-dimensions>div{padding:14px;border:1px solid #E3DED5;border-radius:12px;background:#fff}.project-origin-principles{margin-top:20px}
.methodology-meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.methodology-meta span{padding:5px 9px;border-radius:999px;background:#F1EEE8;border:1px solid #DED8CE;font-size:.7rem;color:#59636D;font-weight:740}
@media(max-width:760px){.guide-gates,.validation-status-grid,.glossary-grid,.compact-dimensions,.timing-edit-grid{grid-template-columns:1fr}.regional-reference-block{padding:18px}.calendar-reminder-inline{width:100%;justify-content:space-between}}

/* ===== Version 22 visitor-first purpose and readiness-gap messaging ===== */
.hero-audience{margin:14px 0 0;color:#C6CCD2;font-size:.76rem;line-height:1.45;max-width:650px}
.hero-audience-label{display:inline-flex;align-items:center;min-height:24px;margin-right:7px;padding:2px 8px;border-radius:999px;border:1px solid rgba(45,212,191,.30);background:rgba(45,212,191,.08);color:#7EE9DB;font-size:.63rem;font-weight:820;letter-spacing:.075em;text-transform:uppercase}
.hero-clarity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px;max-width:650px}
.hero-clarity-grid>div{position:relative;min-height:76px;padding:11px 12px;border:1px solid rgba(247,245,240,.105);border-radius:12px;background:linear-gradient(145deg,rgba(247,245,240,.055),rgba(247,245,240,.025));box-shadow:inset 0 1px 0 rgba(247,245,240,.055),0 8px 22px rgba(0,0,0,.08);overflow:hidden}
.hero-clarity-grid>div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(45,212,191,.42),transparent)}
.hero-clarity-grid span{display:block;margin-bottom:4px;color:#5DE0CF;font-size:.58rem;font-weight:850;letter-spacing:.105em;text-transform:uppercase}
.hero-clarity-grid strong{display:block;color:#F7F5F0;font-size:.78rem;line-height:1.2}
.hero-clarity-grid small{display:block;margin-top:4px;color:#9BA3AE;font-size:.61rem;line-height:1.3}

.readiness-layer-callout{position:relative;margin-top:28px;padding:24px 28px;border:1px solid #3A4048;border-radius:18px;background:radial-gradient(circle at 92% 10%,rgba(45,212,191,.10),transparent 30%),linear-gradient(145deg,#1A2027,#131920);box-shadow:0 22px 48px rgba(22,27,34,.12),inset 0 1px 0 rgba(247,245,240,.07);overflow:hidden}
.readiness-layer-callout::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(247,245,240,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(247,245,240,.018) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.readiness-layer-callout>span,.readiness-layer-callout>strong,.readiness-layer-callout>p{position:relative;z-index:1}
.readiness-layer-callout>span{display:inline-block;margin-bottom:8px;color:#5DE0CF;font-size:.66rem;font-weight:850;letter-spacing:.105em;text-transform:uppercase}
.readiness-layer-callout>strong{display:block;max-width:850px;color:#F7F5F0;font-size:clamp(1.25rem,2.2vw,1.85rem);line-height:1.15;letter-spacing:-.025em}
.readiness-layer-callout>p{max-width:930px;margin:10px 0 0;color:#AEB6BE;font-size:.88rem;line-height:1.55}
.project-origin-principles.container{width:min(calc(100% - 40px),1180px)}

@media (min-width:1181px){
  /* Preserve the one-screen opening while making the purpose more explicit. */
  .hero-copy .lead{font-size:.91rem;line-height:1.42;margin-top:10px;max-width:645px}
  .hero-actions{margin-top:15px}
  .hero-clarity-grid{margin-top:13px}
  .hero-clarity-grid>div{min-height:68px;padding:9px 10px}
  .hero-clarity-grid small{font-size:.57rem}
}

@media (max-width:1180px){
  .hero-audience{font-size:.78rem}
  .hero-clarity-grid{max-width:680px}
}

@media (max-width:720px){
  .hero-clarity-grid{grid-template-columns:1fr;gap:7px}
  .hero-clarity-grid>div{min-height:auto}
  .readiness-layer-callout{padding:20px}
  .project-origin-principles.container{width:min(calc(100% - 28px),1180px)}
}
@media (min-width:1181px){
  .hero-audience{font-size:.71rem;white-space:nowrap}
  .hero-audience-label{font-size:.58rem;padding-inline:7px;margin-right:6px}
}


/* ===== Version 23 expanded Navigator readiness dimensions ===== */
.readiness-dimensions-section{padding-top:34px;padding-bottom:34px}
.logic-strip-intro{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);column-gap:32px;align-items:end;margin-bottom:18px}
.logic-strip-intro .eyebrow{grid-column:1/-1;margin-bottom:6px}
.logic-strip-intro h2{margin:0;font-size:clamp(1.45rem,2.2vw,2rem);letter-spacing:-.025em;color:#161B22}
.logic-strip-intro p:last-child{margin:0;color:#68707A;line-height:1.55;max-width:650px}
.logic-strip.logic-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.logic-strip.logic-cards .logic-item{position:relative;min-height:190px;padding:20px 18px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;border:1px solid #E7E3DA;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,245,240,.94));box-shadow:0 12px 28px rgba(22,27,34,.065),inset 0 1px 0 rgba(255,255,255,.98);overflow:hidden;color:#161B22;isolation:isolate;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.logic-strip.logic-cards .logic-item::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,#2DD4BF,rgba(45,212,191,.08));transform:scaleX(.18);transform-origin:left;opacity:.58;transition:transform .3s ease,opacity .3s ease}
.logic-strip.logic-cards .logic-item::after{content:"";position:absolute;width:120px;height:120px;right:-54px;bottom:-70px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.12),rgba(45,212,191,0) 70%);z-index:-1;transition:transform .35s ease,opacity .35s ease}
.logic-strip.logic-cards .logic-item:hover,.logic-strip.logic-cards .logic-item:focus-visible{transform:translateY(-4px);border-color:#CFC9BE;box-shadow:0 20px 44px rgba(22,27,34,.11),inset 0 1px 0 rgba(255,255,255,1);outline:none}
.logic-strip.logic-cards .logic-item:hover::before,.logic-strip.logic-cards .logic-item:focus-visible::before{transform:scaleX(1);opacity:1}
.logic-strip.logic-cards .logic-item:hover::after,.logic-strip.logic-cards .logic-item:focus-visible::after{transform:translate(-10px,-8px) scale(1.18)}
.logic-strip.logic-cards .logic-item span{position:static;min-height:0;padding:0;display:block;align-items:initial;justify-content:initial;text-align:inherit;font-size:inherit;font-weight:inherit;color:inherit;border:0;background:transparent;transition:none}
.logic-strip.logic-cards .logic-item span::after{content:none!important}
.logic-strip.logic-cards .logic-index{display:inline-grid!important;place-items:center;width:34px;height:34px;margin-bottom:22px;border:1px solid #DAD5CC!important;border-radius:999px!important;background:rgba(247,245,240,.85)!important;color:#0E7D74!important;font-size:.7rem!important;font-weight:820!important;letter-spacing:.04em}
.logic-strip.logic-cards .logic-title{display:block;margin:0 0 9px;font-size:1rem;line-height:1.2;letter-spacing:-.01em;color:#161B22}
.logic-strip.logic-cards .logic-desc{margin:0;color:#68707A;font-size:.79rem;line-height:1.5}
.logic-strip.logic-cards .logic-output{background:linear-gradient(145deg,#1E252D,#161B22);border-color:#3A4048;color:#F7F5F0;box-shadow:0 18px 38px rgba(22,27,34,.18),inset 0 1px 0 rgba(255,255,255,.07)}
.logic-strip.logic-cards .logic-output .logic-title{color:#F7F5F0}
.logic-strip.logic-cards .logic-output .logic-desc{color:#B5BDC6}
.logic-strip.logic-cards .logic-output .logic-index{border-color:#3A4048!important;background:rgba(45,212,191,.08)!important;color:#2DD4BF!important}
.logic-output-label{position:absolute!important;top:18px;right:18px!important;padding:4px 8px!important;border-radius:999px!important;background:#2DD4BF!important;color:#0A2E29!important;font-size:.57rem!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.logic-strip-note{margin:12px 2px 0;color:#68707A;font-size:.76rem}
@media (max-width:1120px){.logic-strip.logic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.logic-strip.logic-cards .logic-item{min-height:168px}.logic-strip-intro{grid-template-columns:1fr;row-gap:8px}.logic-strip-intro .eyebrow{grid-column:auto}}
@media (max-width:640px){.readiness-dimensions-section{padding-top:26px;padding-bottom:26px}.logic-strip.logic-cards{grid-template-columns:1fr;gap:10px}.logic-strip.logic-cards .logic-item{min-height:0;padding:17px 16px 16px}.logic-strip.logic-cards .logic-index{margin-bottom:15px}.logic-strip.logic-cards .logic-desc{font-size:.82rem}.logic-output-label{top:16px;right:16px!important}}
@media (prefers-reduced-motion:reduce){.logic-strip.logic-cards .logic-item,.logic-strip.logic-cards .logic-item::before,.logic-strip.logic-cards .logic-item::after{transition:none}.logic-strip.logic-cards .logic-item:hover,.logic-strip.logic-cards .logic-item:focus-visible{transform:none}}

/* ===== Version 24 luxury-tier visual refinement ===== */
:root{
  --bg:#F6F3ED;
  --surface:#FFFEFB;
  --surface-2:#EFECE5;
  --surface-3:#E8E5DE;
  --ink:#151A20;
  --ink-2:#39424C;
  --muted:#69717B;
  --line:#DDD7CD;
  --line-strong:#C6BFB4;
  --navy:#151A20;
  --navy-2:#0F141A;
  --accent:#2DD4BF;
  --accent-2:#5BE2D2;
  --accent-text:#082F2A;
  --link:#0E7D74;
  --champagne:#C6A66E;
  --champagne-soft:#F7F0E3;
  --mist-blue:#EEF3F7;
  --mist-sage:#EDF5F2;
  --dark-muted:#A7AFB8;
  --dark-line:#343B44;
  --shadow-sm:0 12px 34px rgba(20,25,31,.065),0 2px 8px rgba(20,25,31,.025);
  --shadow-md:0 28px 74px rgba(20,25,31,.12),0 8px 22px rgba(20,25,31,.05);
  --shadow-luxe:0 34px 90px rgba(15,20,26,.16),0 10px 28px rgba(15,20,26,.07);
}

html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 8% 14%,rgba(198,166,110,.035),transparent 24%),
    radial-gradient(circle at 92% 36%,rgba(45,212,191,.028),transparent 20%),
    var(--bg);
  color:var(--ink);
  font-family:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
  letter-spacing:-.003em;
}
h1,h2,h3,.display,.brand-hero-title{
  font-family:"Segoe UI Variable Display","Segoe UI",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
  text-wrap:balance;
}
p{orphans:2;widows:2}

/* Premium header: dark glass, clean navigation, micro-luxury details. */
.site-header{
  background:rgba(18,23,29,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 10px 34px rgba(9,13,18,.10)!important;
  backdrop-filter:saturate(145%) blur(18px)!important;
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent 7%,rgba(198,166,110,.18) 30%,rgba(45,212,191,.35) 50%,rgba(198,166,110,.16) 70%,transparent 93%);
  pointer-events:none;
}
.header-inner{position:relative}
.site-header .brand-mark{
  background:linear-gradient(145deg,#252C34,#171D23)!important;
  border:1px solid rgba(247,245,240,.22)!important;
  color:#F8F6F1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 20px rgba(0,0,0,.16)!important;
}
.site-header .brand-copy strong{color:#F9F7F2!important;font-weight:720}
.site-header .brand-copy span{color:#A9B1BA!important}
.site-nav a{
  color:#D3D7DC!important;
  border:1px solid transparent;
  transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.site-nav a:hover,.site-nav a[aria-current="page"]{
  color:#F9F7F2!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.07)!important;
  transform:translateY(-1px);
}
.site-nav a[aria-current="page"]{box-shadow:inset 0 -1px 0 rgba(45,212,191,.72)}
.header-cta,.button-primary,.button-teal{
  background:linear-gradient(180deg,#47DCC9 0%,#2DD4BF 100%)!important;
  color:var(--accent-text)!important;
  border:1px solid rgba(8,47,42,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 10px 24px rgba(45,212,191,.13)!important;
}
.header-cta:hover,.button-primary:hover,.button-teal:hover{
  background:linear-gradient(180deg,#61E5D5 0%,#3BD8C4 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 14px 30px rgba(45,212,191,.18)!important;
  transform:translateY(-1px);
}
.button-secondary{
  background:rgba(255,254,251,.72)!important;
  border-color:rgba(173,164,151,.70)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80),0 5px 15px rgba(22,27,34,.025);
}
.button-secondary:hover{background:#FFFEFB!important;border-color:#AFA699!important;box-shadow:0 9px 22px rgba(22,27,34,.06)}

/* Landing opening: richer depth with a quiet editorial glow. */
.top-readiness-banner,.hero{background:#151A20!important}
.top-readiness-banner{position:relative}
.top-banner-card{
  background:
    radial-gradient(circle at 82% 28%,rgba(45,212,191,.12),transparent 27%),
    linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.006))!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.top-banner-copy h2{font-weight:650;letter-spacing:-.032em}
.top-banner-copy p:last-child{color:#AAB2BB}
.banner-path{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 18px rgba(0,0,0,.11);
}
.banner-path::after{box-shadow:0 0 12px rgba(45,212,191,.20)}
.milestone-beacon{
  background:linear-gradient(145deg,rgba(45,212,191,.12),rgba(45,212,191,.055))!important;
  border-color:rgba(45,212,191,.70)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 15px 34px rgba(0,0,0,.14),0 0 34px rgba(45,212,191,.05);
}
.hero{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 20%,rgba(45,212,191,.075),transparent 22%),
    radial-gradient(circle at 30% 0%,rgba(198,166,110,.045),transparent 20%),
    #151A20!important;
}
.hero::before{
  opacity:.16!important;
  background-image:radial-gradient(rgba(247,245,240,.16) .55px,transparent .55px)!important;
  background-size:24px 24px!important;
}
.hero::after{border-color:rgba(45,212,191,.10)!important;opacity:.8}
.hero .display,.hero h1,.hero h2{color:#F8F6F1}
.hero .lead{color:#C7CDD3!important}
.hero .eyebrow{color:#60E2D2!important}
.hero-positioning{color:#B7BEC6!important}
.hero-audience{color:#B4BCC5!important}
.hero-audience-label{
  border-color:rgba(45,212,191,.34)!important;
  background:rgba(45,212,191,.075)!important;
  color:#72E8DA!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.hero .button-secondary{
  color:#F7F5F0!important;
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.hero .button-secondary:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.34)!important}
.hero-clarity-grid>div{
  background:linear-gradient(145deg,rgba(255,255,255,.060),rgba(255,255,255,.018))!important;
  border-color:rgba(255,255,255,.115)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 10px 25px rgba(0,0,0,.09)!important;
}
.hero-clarity-grid>div:nth-child(2)::after{background:linear-gradient(90deg,transparent,rgba(198,166,110,.35),transparent)!important}
.hero-clarity-grid span{color:#60E2D2!important}
.hero-clarity-grid>div:nth-child(2) span{color:#D5BA86!important}

/* Signature product preview: pearl, depth, and restrained sheen. */
.hero .product-frame{
  border-color:rgba(255,255,255,.23)!important;
  background:
    radial-gradient(circle at 9% 0%,rgba(255,255,255,.96),transparent 24%),
    linear-gradient(145deg,#F7F3EA 0%,#EDE7DB 55%,#F8F5EF 100%)!important;
  box-shadow:0 42px 92px rgba(0,0,0,.36),0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.96)!important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease!important;
}
.hero .product-frame:hover{
  transform:translateY(-5px) scale(1.004)!important;
  box-shadow:0 50px 110px rgba(0,0,0,.40),0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,1)!important;
}
.hero .product-frame::after{
  z-index:8!important;
  opacity:.52!important;
  background:linear-gradient(118deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.04) 29%,rgba(255,255,255,0) 49%,rgba(255,255,255,.10) 72%,rgba(255,255,255,0) 100%)!important;
}
.hero .product-summary{
  border-color:#D6CFC2!important;
  background:linear-gradient(115deg,#FEFCF7 0%,#F2ECE1 70%,#EDF5F2 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 9px 22px rgba(29,32,35,.05)!important;
}
.hero .readiness-compass,.hero .compact-plain-timing{
  border-color:#D7D0C4!important;
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(246,242,234,.82))!important;
  box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(25,29,34,.06)!important;
}
.hero .compass-center{
  background:linear-gradient(145deg,#20262D,#12171D)!important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 16px 32px rgba(20,24,29,.22),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.hero .compass-node{
  border-color:#DCD5C9!important;
  background:linear-gradient(145deg,#FFFEFB,#F8F5EF)!important;
  box-shadow:0 9px 22px rgba(22,27,34,.055),inset 0 1px 0 #fff!important;
}

/* Page heroes: editorial luxury rather than flat utility blocks. */
.page-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 12%,rgba(45,212,191,.055),transparent 25%),
    radial-gradient(circle at 12% 100%,rgba(198,166,110,.055),transparent 26%),
    linear-gradient(180deg,#FAF8F3 0%,#F3EFE8 100%)!important;
  border-bottom:1px solid rgba(198,191,180,.72)!important;
}
.page-hero::before{
  content:"";
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(21,26,32,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(21,26,32,.018) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 82%);
  pointer-events:none;
}
.page-hero-grid{position:relative;z-index:1}
.page-hero h1{letter-spacing:-.045em;font-weight:650}
.page-aside{
  background:linear-gradient(145deg,rgba(255,254,251,.93),rgba(247,244,238,.90))!important;
  border:1px solid rgba(205,197,185,.80)!important;
  border-radius:20px!important;
  padding:24px!important;
  box-shadow:var(--shadow-sm)!important;
}
.page-photo img{border-radius:14px;box-shadow:0 14px 34px rgba(22,27,34,.10)}

/* Global surface language: polished pearl cards with faint tonal personality. */
.ui-surface,.navigator-panel,.results-panel,.live-brief,.workspace-card,.preview-card,.reference-panel,.contribution-form,.sidebar-card,
.guide-card,.article-card,.resource-card,.scenario-card,.reference-card,.role-lens-grid article,.three-step article,.project-origin-cards article,.dimension-card,.scenario-detail,.callout:not(.warning):not(.success),.pillar{
  border-color:rgba(201,193,181,.80)!important;
  background:linear-gradient(145deg,#FFFEFB 0%,#FCFAF6 58%,#F5F1E9 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 16px 40px rgba(22,27,34,.065),0 3px 10px rgba(22,27,34,.025)!important;
}
.guide-card:nth-child(3n+2),.article-card:nth-child(3n+2),.resource-card:nth-child(3n+2),.scenario-card:nth-child(3n+2),.reference-card:nth-child(3n+2),.pillar:nth-child(2){
  background:linear-gradient(145deg,#FFFEFB 0%,#F7FAFA 58%,var(--mist-blue) 100%)!important;
}
.guide-card:nth-child(3n),.article-card:nth-child(3n),.resource-card:nth-child(3n),.scenario-card:nth-child(3n),.reference-card:nth-child(3n),.pillar:nth-child(3){
  background:linear-gradient(145deg,#FFFEFB 0%,#F8FBF8 58%,var(--mist-sage) 100%)!important;
}
.pillar:nth-child(4){background:linear-gradient(145deg,#FFFEFB 0%,#FCF8F0 64%,var(--champagne-soft) 100%)!important}
.guide-card:hover,.article-card:hover,.resource-card:hover,.scenario-card:hover,.reference-card:hover,.role-lens-grid article:hover,.project-origin-cards article:hover,.callout:not(.warning):not(.success):hover,.pillar:hover,.ui-surface:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(14,125,116,.25)!important;
  box-shadow:inset 0 1px 0 #fff,0 26px 58px rgba(22,27,34,.105),0 6px 16px rgba(22,27,34,.035)!important;
}
.pillar-index,.three-step article>span,.scenario-card>span,.role-lens-grid span,.reference-card>span{font-weight:820;letter-spacing:.045em}
.pillar:nth-child(2) .pillar-index,.pillar:nth-child(4) .pillar-index{color:#9A7C48!important}

/* Trust band becomes four restrained jewel-like cards. */
.trust-band{background:linear-gradient(180deg,#F6F3ED,#F2EFE8)!important;padding:22px 0!important}
.trust-grid{gap:14px!important}
.trust-item{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#FFFEFB,#F7F4EE)!important;
  border:1px solid rgba(201,193,181,.82)!important;
  box-shadow:inset 0 1px 0 #fff,0 13px 32px rgba(22,27,34,.055)!important;
}
.trust-item::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent),rgba(45,212,191,.08));opacity:.72;
}
.trust-item:nth-child(3)::before{background:linear-gradient(180deg,var(--champagne),rgba(198,166,110,.08))}

/* Forms and data-entry surfaces: precise, quiet, premium. */
input,select,textarea{
  background:linear-gradient(180deg,#FFFEFB,#FCFAF6)!important;
  border-color:#CFC7BA!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px 2px rgba(22,27,34,.025)!important;
}
input:hover,select:hover,textarea:hover{border-color:#B9B0A3!important}
input:focus,select:focus,textarea:focus{border-color:#0E7D74!important;box-shadow:0 0 0 3px rgba(45,212,191,.12),inset 0 1px 2px rgba(22,27,34,.025)!important}
.field>span{letter-spacing:.005em}
.form-status{border:1px solid #DDD7CD;background:#F7F4EE!important}

/* Navigator's 8 dimensions: luxe information cards, still readable at a glance. */
.readiness-dimensions-section{background:linear-gradient(180deg,#F8F6F1 0%,#F2EFE8 100%);border-bottom:1px solid rgba(201,193,181,.64)}
.logic-strip.logic-cards{gap:16px!important}
.logic-strip.logic-cards .logic-item{
  min-height:196px!important;
  border-color:rgba(201,193,181,.86)!important;
  background:linear-gradient(145deg,#FFFEFB 0%,#F9F7F2 63%,#F1EEE7 100%)!important;
  box-shadow:inset 0 1px 0 #fff,0 16px 36px rgba(22,27,34,.06)!important;
}
.logic-strip.logic-cards .logic-item:nth-child(2),.logic-strip.logic-cards .logic-item:nth-child(4){background:linear-gradient(145deg,#FFFEFB,#F5F8FA 65%,#EAF0F4 100%)!important}
.logic-strip.logic-cards .logic-item:nth-child(5),.logic-strip.logic-cards .logic-item:nth-child(7){background:linear-gradient(145deg,#FFFEFB,#F5FAF8 65%,#EAF4F0 100%)!important}
.logic-strip.logic-cards .logic-item:nth-child(6){background:linear-gradient(145deg,#FFFEFB,#FBF7F0 65%,#F6EDDF 100%)!important}
.logic-strip.logic-cards .logic-item::before{height:2px!important;background:linear-gradient(90deg,var(--accent),rgba(45,212,191,.04))!important}
.logic-strip.logic-cards .logic-item:nth-child(6)::before{background:linear-gradient(90deg,var(--champagne),rgba(198,166,110,.04))!important}
.logic-strip.logic-cards .logic-index{
  background:rgba(255,255,255,.80)!important;
  border-color:#D5CEC3!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(22,27,34,.045);
}
.logic-strip.logic-cards .logic-item:hover,.logic-strip.logic-cards .logic-item:focus-visible{
  transform:translateY(-5px)!important;
  border-color:rgba(14,125,116,.30)!important;
  box-shadow:inset 0 1px 0 #fff,0 26px 56px rgba(22,27,34,.11)!important;
}
.logic-strip.logic-cards .logic-output{
  background:
    radial-gradient(circle at 88% 12%,rgba(45,212,191,.13),transparent 31%),
    linear-gradient(145deg,#20272F,#13181E)!important;
  border-color:#3B434D!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 23px 50px rgba(15,20,26,.20)!important;
}
.logic-strip.logic-cards .logic-output::before{background:linear-gradient(90deg,var(--accent),rgba(45,212,191,.12))!important}
.logic-output-label{box-shadow:inset 0 1px 0 rgba(255,255,255,.40),0 7px 18px rgba(45,212,191,.12)}

/* Live brief and plan surfaces should feel like serious working tools. */
.live-brief{
  background:
    radial-gradient(circle at 92% 10%,rgba(45,212,191,.055),transparent 30%),
    linear-gradient(145deg,#FFFEFB,#F6F3EC)!important;
}
.live-brief-badge,.status-chip,.tag,.task-tag{
  background:linear-gradient(180deg,#F0F8F5,#E7F2EF)!important;
  color:#0E7D74!important;
  border:1px solid #CFE4DE!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.results-panel-full{background:linear-gradient(180deg,#F8F6F1,#F4F1EA)!important}

/* Editorial hierarchy and small details. */
.eyebrow{font-weight:840;letter-spacing:.145em}
.section-heading h2,.story-copy h2,.reference-teaser h2,.global-regulatory-section h2{letter-spacing:-.042em}
.section-heading>p,.story-copy>p,.reference-panel p{color:#646E78}
.kicker{letter-spacing:.015em}
.callout-row{gap:18px}
.callout-row .callout{border-radius:18px}
.story-list li::before{border-color:#0E7D74!important;box-shadow:0 0 0 4px rgba(45,212,191,.06)}

/* Premium regulatory console. */
.regulatory-console{
  background:
    radial-gradient(circle at 82% 12%,rgba(45,212,191,.12),transparent 28%),
    radial-gradient(circle at 16% 90%,rgba(198,166,110,.065),transparent 26%),
    linear-gradient(145deg,#20272E,#12171D)!important;
  border-color:#39414A!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 68px rgba(22,27,34,.18)!important;
}
.regulatory-agencies span{background:#FFFEFB!important;border-color:#D8D1C6!important;box-shadow:0 7px 16px rgba(22,27,34,.04)}

/* Footer: deeper, more deliberate finish. */
.site-footer{
  position:relative;
  background:linear-gradient(180deg,#151A20 0%,#10151B 100%)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,166,110,.22),rgba(45,212,191,.36),rgba(198,166,110,.20),transparent);
}
.site-footer .footer-links a{color:#C6D1D2!important}
.site-footer .footer-links a:hover{color:#62E3D3!important;text-decoration:none!important}
.footer-heading{color:#A8B0B9!important;letter-spacing:.12em}

/* Graceful motion. */
.button,.header-cta,.guide-card,.article-card,.resource-card,.scenario-card,.reference-card,.pillar,.ui-surface,.logic-strip.logic-cards .logic-item,.trust-item{
  transition-timing-function:cubic-bezier(.2,.75,.2,1)!important;
}
.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)!important}

@media (max-width:1040px){
  .site-nav{
    background:rgba(255,254,251,.98)!important;
    border-color:#D8D1C6!important;
    box-shadow:0 24px 60px rgba(22,27,34,.16)!important;
    backdrop-filter:blur(18px);
  }
  .site-nav a{color:#27313A!important}
  .site-nav a:hover,.site-nav a[aria-current="page"]{color:#0E7D74!important;background:#F2F5F3!important;border-color:#E3E7E4!important}
}
@media (max-width:720px){
  .page-aside{padding:20px!important}
  .trust-band{padding:14px 0!important}
  .logic-strip.logic-cards .logic-item{min-height:0!important}
  .hero .product-frame:hover{transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  .hero .product-frame:hover,.guide-card:hover,.article-card:hover,.resource-card:hover,.scenario-card:hover,.reference-card:hover,.pillar:hover,.ui-surface:hover,.logic-strip.logic-cards .logic-item:hover,.trust-item:hover{transform:none!important}
}

/* ===== Version 25 workspace accordion + neutral role + readiness-map refinement ===== */
.workspace-board{gap:14px}
.workspace-project{
  border-radius:18px!important;
  overflow:hidden;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.workspace-project.is-expanded{
  border-color:rgba(14,125,116,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 24px 54px rgba(22,27,34,.09)!important;
}
.workspace-card-head.workspace-project-summary{padding:0;display:block;border-bottom:0}
.workspace-project-toggle{
  appearance:none;
  width:100%;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  display:grid;
  grid-template-columns:minmax(250px,1.15fr) minmax(230px,.95fr) 170px 38px;
  gap:20px;
  align-items:center;
  padding:20px 22px;
  cursor:pointer;
}
.workspace-project-toggle:hover{background:linear-gradient(90deg,rgba(45,212,191,.035),rgba(255,255,255,0) 58%)}
.workspace-project-toggle:focus-visible{outline:3px solid rgba(45,212,191,.22);outline-offset:-3px}
.workspace-project-main,.workspace-project-next,.workspace-project-progress{min-width:0}
.workspace-project-main{display:grid;gap:3px}
.workspace-project-main .eyebrow{margin:0;font-size:.64rem}
.workspace-project-title{font-size:1.13rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-project-next{display:grid;gap:4px;border-left:1px solid var(--line);padding-left:20px}
.workspace-project-next>span{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}
.workspace-project-next strong{font-size:.78rem;line-height:1.35;font-weight:680;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-project-progress{display:grid;gap:6px}
.workspace-project-progress .progress-track{margin-top:0;width:100%}
.workspace-toggle-icon{position:relative;width:34px;height:34px;border:1px solid #D8D2C8;border-radius:50%;background:rgba(255,255,255,.74);box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(22,27,34,.04);justify-self:end}
.workspace-toggle-icon i{position:absolute;left:9px;right:9px;top:16px;height:1.5px;background:#45515D;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.workspace-toggle-icon i:last-child{transform:rotate(90deg)}
.workspace-project.is-expanded .workspace-toggle-icon{border-color:rgba(14,125,116,.34);background:rgba(45,212,191,.08)}
.workspace-project.is-expanded .workspace-toggle-icon i:last-child{transform:rotate(0);opacity:0}
.workspace-project.is-expanded .workspace-card-head{border-bottom:1px solid var(--line)}
.workspace-project-panel:not([hidden]){animation:workspaceReveal .22s ease both}
@keyframes workspaceReveal{from{opacity:.45;transform:translateY(-5px)}to{opacity:1;transform:none}}
.workspace-project .workspace-card-body{padding-top:10px}
.workspace-project .workspace-card-foot{border-top:1px solid var(--line)}

/* Give the orchestration map more breathing room and subtle categorical identity. */
.readiness-map-shell .map-node{transition:filter .24s ease,stroke .24s ease,fill .24s ease}
.readiness-map-shell .control-dependencies{fill:#F7F2E8!important;stroke:#D7C5A7!important}
.readiness-map-shell .control-risk{fill:#F8F0EA!important;stroke:#D9B9A7!important}
.readiness-map-shell .control-evidence{fill:#EEF6F2!important;stroke:#A8CCC1!important}
.readiness-map-shell .output-actions,.readiness-map-shell .output-handoffs{fill:#F5F8F7!important}
.readiness-map-shell .output-risk{fill:#FAF5EF!important;stroke:#D6C1A7!important}
.readiness-map-shell .output-evidence{fill:#ECF7F4!important;stroke:#98C9BC!important}
.readiness-map-shell:hover .map-node{filter:drop-shadow(0 7px 12px rgba(0,0,0,.18))}
.readiness-map-shell .map-connector{transition:opacity .24s ease,stroke-width .24s ease}
.readiness-map-shell:hover .map-connector{opacity:1;stroke-width:2}

@media (max-width:1040px){
  .workspace-project-toggle{grid-template-columns:minmax(220px,1fr) minmax(190px,.8fr) 140px 36px;gap:14px}
  .workspace-project-next{padding-left:14px}
}
@media (max-width:760px){
  .workspace-project-toggle{grid-template-columns:1fr 36px;gap:10px;padding:18px}
  .workspace-project-next{grid-column:1;border-left:0;padding-left:0;margin-top:4px}
  .workspace-project-progress{grid-column:1;margin-top:4px}
  .workspace-toggle-icon{grid-column:2;grid-row:1/4;align-self:center}
  .workspace-project-title{white-space:normal}
  .workspace-project-next strong{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  .workspace-project,.workspace-toggle-icon i,.workspace-project-panel:not([hidden]),.readiness-map-shell .map-node,.readiness-map-shell .map-connector{transition:none!important;animation:none!important}
}

/* ===== Version 26 readiness-management workspace + signature orchestration visual ===== */
.workspace-project-next small{font-size:.67rem;color:var(--muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-summary-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--muted)}
.readiness-badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 8px;border-radius:999px;font-size:.63rem;letter-spacing:.055em;font-weight:850;border:1px solid transparent}
.readiness-ready{background:#EAF8F3;color:#0A675E;border-color:#B7DDD3}
.readiness-on-track{background:#EEF5F4;color:#346B65;border-color:#C9DEDA}
.readiness-at-risk{background:#FBF5E8;color:#8A6326;border-color:#E8D5AA}
.readiness-not-ready{background:#FAECE8;color:#9A4938;border-color:#E4C0B8}
.workspace-readiness-summary{display:grid;grid-template-columns:minmax(240px,1fr) minmax(360px,1.3fr) auto;gap:20px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#FBFAF6 0%,#F5F8F6 100%)}
.workspace-readiness-summary>div:first-child{display:grid;gap:3px}.workspace-readiness-summary>div:first-child>span{font-size:.63rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--muted)}
.workspace-readiness-summary>div:first-child>strong{font-size:1.35rem;letter-spacing:.02em}.workspace-readiness-summary>div:first-child>p{margin:0;font-size:.76rem;color:var(--muted)}
.readiness-summary-ready>div:first-child>strong{color:#0E7D74}.readiness-summary-at-risk>div:first-child>strong{color:#8A6326}.readiness-summary-not-ready>div:first-child>strong{color:#9A4938}.readiness-summary-on-track>div:first-child>strong{color:#416D68}
.readiness-summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px}.readiness-summary-metrics span{padding:10px 11px;border:1px solid rgba(216,210,200,.78);border-radius:11px;background:rgba(255,255,255,.68);font-size:.65rem;color:var(--muted);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}.readiness-summary-metrics b{display:block;color:var(--ink);font-size:.92rem;margin-bottom:2px}
.workspace-project .workspace-card-body{display:grid;gap:10px;padding:16px 20px 20px}
.workspace-task-v2{display:grid;grid-template-columns:138px minmax(0,1fr) 150px;gap:16px;align-items:start;padding:17px 18px;border:1px solid #E4DED4;border-radius:14px;background:linear-gradient(145deg,#FFF 0%,#FBFAF7 100%);box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(22,27,34,.035);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.workspace-task-v2:hover{border-color:#D7D0C4;box-shadow:inset 0 1px 0 #fff,0 12px 26px rgba(22,27,34,.055);transform:translateY(-1px)}
.workspace-task-v2.status-complete{background:linear-gradient(145deg,#FCFFFE 0%,#F3F8F6 100%);border-color:#D2E4DF}.workspace-task-v2.status-blocked{background:linear-gradient(145deg,#FFFDFB 0%,#FAF0EC 100%);border-color:#E5C8C0}.workspace-task-v2.status-deferred{background:linear-gradient(145deg,#FFFDF9 0%,#F8F3E8 100%);border-color:#E5D6B7}.workspace-task-v2.status-not-applicable{opacity:.72}.workspace-task-v2.is-overdue{box-shadow:inset 3px 0 0 #B55A45,inset 0 1px 0 #fff,0 8px 18px rgba(22,27,34,.035)}
.task-date-control label,.task-status-control label{display:grid;gap:6px}.task-date-control label>span,.task-status-control label>span{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:850;color:var(--muted)}
.task-date-control input,.task-status-control select{width:100%;min-height:39px;border:1px solid #D8D2C8;border-radius:9px;background:#fff;color:var(--ink);padding:7px 9px;font:inherit;font-size:.77rem}.task-status-control select{font-weight:720}
.task-status-control small{display:block;margin-top:7px;font-size:.65rem;color:#94624F;line-height:1.35}
.task-detail{min-width:0}.task-detail>p{margin:5px 0 8px;font-size:.78rem;line-height:1.48;color:var(--ink-2)}.task-title-line{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.task-title-line>strong{font-size:.91rem}.critical-chip,.overdue-chip{display:inline-flex;align-items:center;width:max-content;border-radius:999px;font-size:.59rem;line-height:1;padding:5px 7px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.critical-chip{background:#F3EEE4;color:#786243;border:1px solid #DED0B8}.overdue-chip{margin-top:7px;background:#FAECE8;color:#9A4938;border:1px solid #E4C0B8}.task-evidence{display:flex;gap:8px;align-items:baseline;margin-top:9px;padding-top:8px;border-top:1px solid #EEE9E1;font-size:.7rem;color:var(--muted)}.task-evidence b{color:#0E7D74;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase}.dependency-warning{display:grid;gap:2px;margin-top:9px;padding:8px 10px;border-radius:9px;background:#FBF5E8;border:1px solid #E8D5AA}.dependency-warning b{font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:#8A6326}.dependency-warning span{font-size:.69rem;color:#725B37;line-height:1.35}
.workspace-history-wrap{padding:0 20px 16px}.workspace-history{border:1px solid var(--line);border-radius:12px;background:#FCFBF8}.workspace-history summary{cursor:pointer;padding:12px 14px;font-size:.75rem;font-weight:750;color:var(--ink)}.workspace-history summary span{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;background:#EEF3F1;color:#4A6965;font-size:.61rem}.workspace-history ol{list-style:none;padding:0 14px 12px;margin:0}.workspace-history li{display:grid;grid-template-columns:155px 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:.7rem}.workspace-history time{color:var(--muted)}
.workspace-dialog{border:0;padding:0;background:transparent;max-width:min(680px,calc(100vw - 28px));width:100%;color:var(--ink)}.workspace-dialog::backdrop{background:rgba(16,21,27,.58);backdrop-filter:blur(5px)}.workspace-dialog-card{padding:28px;border:1px solid #D8D1C6;border-radius:20px;background:linear-gradient(145deg,#FFF 0%,#F8F5EF 100%);box-shadow:0 34px 90px rgba(0,0,0,.28),inset 0 1px 0 #fff}.workspace-dialog-card h2{font-size:1.55rem;margin:4px 0 8px}.workspace-dialog-card>p{color:var(--ink-2);font-size:.84rem}.dialog-kicker{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:#0E7D74}.dialog-dependency-list{display:grid;gap:8px;margin:18px 0}.dialog-dependency-list>div{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.72)}.dialog-dependency-list span{font-size:.63rem;color:#8A6326;font-weight:800;text-transform:uppercase}.dialog-dependency-list strong{font-size:.78rem}.dialog-reason{display:grid;gap:6px}.dialog-reason span,.replan-grid label>span{font-size:.65rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.dialog-reason select,.replan-grid input{width:100%;min-height:42px;border:1px solid #D8D2C8;border-radius:9px;background:#fff;padding:8px 10px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;flex-wrap:wrap}.replan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.replan-grid label{display:grid;gap:6px}.replan-options{border:0;padding:0;margin:0;display:grid;gap:8px}.replan-options legend{font-size:.72rem;font-weight:820;margin-bottom:8px}.replan-options label{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.7)}.replan-options input{margin-top:3px}.replan-options span{display:grid;gap:2px}.replan-options strong{font-size:.78rem}.replan-options small{font-size:.68rem;color:var(--muted)}.replan-impact{margin-top:16px;padding:13px;border:1px solid #D5E3DF;border-radius:12px;background:#F1F8F6}.replan-impact>span{font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;font-weight:850;color:#0E7D74}.replan-impact>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.replan-impact b{padding:6px 8px;border-radius:8px;background:#fff;border:1px solid #DCE8E5;font-size:.67rem;color:#405B57}

/* v26 signature orchestration visual: richer instrument-panel treatment. */
.readiness-map-signature{background:linear-gradient(145deg,#11181F 0%,#17212A 100%)!important;border-color:#303A43!important;padding:16px!important;box-shadow:0 34px 82px rgba(22,27,34,.19),0 8px 20px rgba(22,27,34,.08),inset 0 1px 0 rgba(255,255,255,.07)!important}
.readiness-map-signature::before{background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;background-size:32px 32px!important}.readiness-map-signature::after{background:radial-gradient(circle at 52% 47%,rgba(45,212,191,.08),transparent 34%),radial-gradient(circle at 88% 12%,rgba(198,166,110,.06),transparent 25%)!important}
.readiness-map-signature .readiness-map-top{color:#F2F4F3;border-color:rgba(255,255,255,.09)!important}.readiness-map-signature .readiness-map-top span:last-child{color:#97A7A8}
.readiness-network-v26{border:1px solid rgba(255,255,255,.08)!important;background:#121B22!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.v26-section-label{fill:#77898B;font-size:10px;font-weight:800;letter-spacing:1.8px}.v26-input rect{fill:#18242D;stroke:#3A4851;stroke-width:1}.v26-input:hover rect{stroke:#5E7477}.v26-node-kicker{fill:#819092;font-size:9px;font-weight:800;letter-spacing:1.1px}.v26-node-title{fill:#F4F3EE;font-size:16px;font-weight:720}.v26-flow,.v26-output-flow,.v26-control-flow{fill:none;stroke:url(#champagneLine);stroke-width:1.5;opacity:.76}.v26-control-flow{stroke-dasharray:4 5}.v26-orbit{fill:none;stroke:rgba(45,212,191,.17);stroke-width:1;stroke-dasharray:5 7}.v26-orbit-inner{stroke:rgba(229,211,184,.15);stroke-dasharray:2 7}.v26-control rect{fill:#16242A;stroke:#496365}.v26-control circle{fill:#2DD4BF}.v26-control text{fill:#D7E2E0;font-size:11px;font-weight:730}.v26-control-risk rect{stroke:#7E684D}.v26-control-risk circle{fill:#C6A66E}.v26-control-evidence rect{stroke:#3D716B}.v26-core>circle:first-child{fill:#102A2B;stroke:#2DD4BF;stroke-width:1.3}.v26-core-ring{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1}.v26-core-kicker{fill:#71E5D6;font-size:10px;font-weight:850;letter-spacing:2px}.v26-core-title{fill:#F8F6F0;font-size:20px;font-weight:820;letter-spacing:.8px}.v26-core-small{fill:#94A5A6;font-size:10px}.v26-output rect{fill:#17242C;stroke:#3B4A53}.v26-output-evidence rect{fill:#142B2A;stroke:#39756E}.v26-output-kicker{fill:#759294;font-size:9px;font-weight:850;letter-spacing:1.1px}.v26-output-title{fill:#F3F1EA;font-size:14px;font-weight:720}.v26-signature-line{stroke:rgba(255,255,255,.1);stroke-width:1}.v26-footer-note{fill:#8D9C9E;font-size:10px;letter-spacing:.45px}.readiness-map-signature:hover .v26-flow,.readiness-map-signature:hover .v26-output-flow{stroke-width:2;opacity:1}.readiness-map-signature:hover .v26-orbit{stroke:rgba(45,212,191,.3)}.readiness-map-signature .v26-flow,.readiness-map-signature .v26-output-flow,.readiness-map-signature .v26-control-flow,.readiness-map-signature .v26-orbit{transition:stroke-width .3s ease,opacity .3s ease,stroke .3s ease}

@media (max-width:1040px){.workspace-readiness-summary{grid-template-columns:1fr;gap:12px}.readiness-summary-metrics{grid-template-columns:repeat(4,1fr)}.workspace-task-v2{grid-template-columns:120px minmax(0,1fr) 140px}}
@media (max-width:760px){.workspace-project-next small{white-space:normal}.readiness-summary-metrics{grid-template-columns:1fr 1fr}.workspace-task-v2{grid-template-columns:1fr;gap:10px}.task-date-control{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.task-date-control .overdue-chip{margin:0 0 5px}.workspace-history li{grid-template-columns:1fr;gap:3px}.replan-grid{grid-template-columns:1fr}.dialog-actions .button{width:100%}}
@media (prefers-reduced-motion:reduce){.workspace-task-v2,.readiness-map-signature .v26-flow,.readiness-map-signature .v26-output-flow,.readiness-map-signature .v26-control-flow,.readiness-map-signature .v26-orbit{transition:none!important}.workspace-task-v2:hover{transform:none!important}}
.status-select-not-started{background:#FFF!important;color:#4F5C66!important}
.status-select-in-progress{background:#EEF8F6!important;color:#0E7168!important;border-color:#BFDCD6!important}
.status-select-complete{background:#EAF8F3!important;color:#0A675E!important;border-color:#B7DDD3!important}
.status-select-blocked{background:#FAECE8!important;color:#954735!important;border-color:#E4C0B8!important}
.status-select-deferred{background:#FBF5E8!important;color:#805F28!important;border-color:#E8D5AA!important}
.status-select-not-applicable{background:#F3F2EF!important;color:#6B7280!important;border-color:#D9D6D0!important}

/* ===== Version 27 orchestration typography refinement =====
   Keep the v26 instrument-panel geometry; improve readability of micro-labels and the closing statement. */
.readiness-network-v26 .v26-section-label{font-size:11.5px;letter-spacing:1.55px}
.readiness-network-v26 .v26-node-kicker{font-size:10.25px;letter-spacing:1px}
.readiness-network-v26 .v26-node-title{font-size:17px}
.readiness-network-v26 .v26-control text{font-size:12.5px;font-weight:760}
.readiness-network-v26 .v26-core-kicker{font-size:11px}
.readiness-network-v26 .v26-core-small{font-size:11.5px}
.readiness-network-v26 .v26-output-kicker{font-size:10.25px;letter-spacing:1px}
.readiness-network-v26 .v26-output-title{font-size:15px;font-weight:740}
.readiness-network-v26 .v26-footer-note{font-size:14px;font-weight:650;letter-spacing:.22px;fill:#AAB7B6}
/* v28 walkthrough */
.walkthrough-hero-link{align-self:center;white-space:nowrap}
.walkthrough-teaser{background:linear-gradient(180deg,#f7f5f0 0%,#f2f0ea 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.walkthrough-teaser-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(460px,1.15fr);gap:42px;align-items:center}
.walkthrough-teaser-copy h2{max-width:760px;margin:.35rem 0 .8rem}
.walkthrough-poster-card{position:relative;display:block;border-radius:22px;overflow:hidden;border:1px solid rgba(22,27,34,.12);box-shadow:0 26px 70px rgba(22,27,34,.16),inset 0 1px 0 rgba(255,255,255,.8);background:#161b22;transform:translateZ(0);transition:transform .35s ease,box-shadow .35s ease}
.walkthrough-poster-card:hover{transform:translateY(-4px);box-shadow:0 34px 84px rgba(22,27,34,.2)}
.walkthrough-poster-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;opacity:.92}
.walkthrough-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(45,212,191,.95);color:#0a2e29;font-size:22px;box-shadow:0 12px 38px rgba(45,212,191,.28)}
.walkthrough-duration{position:absolute;right:16px;bottom:14px;padding:6px 10px;border-radius:999px;background:rgba(22,27,34,.82);color:#f7f5f0;font-size:.82rem;font-weight:700}
.walkthrough-note{display:grid;gap:4px;margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.58)}
.walkthrough-note strong{font-size:.88rem}.walkthrough-note span{color:var(--muted);font-size:.88rem;line-height:1.5}
.walkthrough-outline{margin:12px 0 0;padding-left:1.25rem;color:var(--muted);display:grid;gap:8px}
.walkthrough-player-section{padding-top:34px}
.walkthrough-player-shell{border-radius:24px;background:linear-gradient(145deg,#12181f,#1b232b);padding:18px;border:1px solid rgba(255,255,255,.09);box-shadow:0 38px 100px rgba(22,27,34,.2)}
.walkthrough-video{display:block;width:100%;aspect-ratio:16/9;border-radius:16px;background:#0e1318;box-shadow:0 18px 54px rgba(0,0,0,.24)}
.walkthrough-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 2px 0}
.walkthrough-voice-status{color:#9ba3ae;font-size:.86rem;margin-left:auto}
.walkthrough-transcript{margin-top:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72);padding:0 18px}
.walkthrough-transcript summary{cursor:pointer;font-weight:750;padding:16px 0}
.walkthrough-transcript-body{padding:0 0 12px;color:var(--muted);display:grid;gap:6px}
@media(max-width:900px){.walkthrough-teaser-grid{grid-template-columns:1fr;gap:24px}.walkthrough-voice-status{width:100%;margin-left:0}.walkthrough-hero-link{width:100%}}
@media(prefers-reduced-motion:reduce){.walkthrough-poster-card{transition:none}.walkthrough-poster-card:hover{transform:none}}

/* v28.1 walkthrough refinement */
.walkthrough-controls .button:disabled,.button:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}
.walkthrough-chapters{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:14px 2px 2px}
.walkthrough-chapters span{cursor:pointer;display:flex;align-items:center;gap:7px;min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.10);border-radius:10px;color:#aeb6c0;background:rgba(255,255,255,.035);font-size:.72rem;line-height:1.2;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.walkthrough-chapters span:hover{transform:translateY(-1px);border-color:rgba(45,212,191,.30);color:#eef3f5}
.walkthrough-chapters span.is-active{background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.48);color:#d9fffa}
.walkthrough-chapters b{font-size:.68rem;letter-spacing:.08em;color:#2dd4bf}
@media(max-width:1000px){.walkthrough-chapters{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.walkthrough-chapters{grid-template-columns:repeat(2,1fr)}}
+

/* Version 29 — Readiness Intelligence */
.intel-home-section{background:linear-gradient(135deg,#0d1e31 0%,#132c45 58%,#173b4a 100%);color:#fff;overflow:hidden}
.intel-home-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:64px;align-items:center}
.intel-home-section .story-copy h2,.intel-home-section .story-copy p,.intel-home-section .story-list{color:#fff}
.intel-home-section .story-copy p{color:#c7d8e6}.intel-home-section .eyebrow{color:#67dbc9}.intel-home-section .story-list li::marker{color:#67dbc9}
.intel-home-console{background:#091725;border:1px solid rgba(124,221,207,.24);border-radius:22px;padding:26px;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.intel-home-console-badge{margin:0 0 12px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#7CDDCF}
.intel-home-console-top,.intel-home-flow,.intel-home-metrics{display:flex;align-items:center;justify-content:space-between;gap:12px}.intel-home-console-top{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1);color:#b8ccdb}.intel-home-console-top span i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#64dec6;box-shadow:0 0 16px #64dec6;margin-right:8px}.intel-home-console-top strong{color:#ffcc7a;font-size:.82rem;text-transform:uppercase;letter-spacing:.09em}.intel-home-flow{padding:24px 0;color:#eef7fb}.intel-home-flow span{background:#132b3e;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:9px 11px;font-size:.78rem}.intel-home-flow b{color:#63d7c4}.intel-home-metrics>div{flex:1;background:#10283b;border-radius:12px;padding:16px}.intel-home-metrics small{display:block;color:#9eb5c7;font-size:.72rem}.intel-home-metrics strong{display:block;font-size:1.55rem;margin-top:3px;color:#fff}.intel-home-list{display:grid;gap:10px;margin-top:18px}.intel-home-list span{color:#c7d8e6;font-size:.86rem}.intel-home-list i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#67dbc9;margin-right:9px}.pillars-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.pillars-five .pillar{padding:25px 20px}
@media(max-width:1050px){.pillars-five{grid-template-columns:repeat(2,minmax(0,1fr))}.intel-home-grid{grid-template-columns:1fr;gap:38px}}
@media(max-width:640px){.pillars-five{grid-template-columns:1fr}.intel-home-flow{display:grid;grid-template-columns:1fr;text-align:center}.intel-home-flow b{transform:rotate(90deg)}.intel-home-metrics{align-items:stretch}.intel-home-console{padding:18px}}

/* Version 30 — recurring use, watch, reminders, playbooks, practitioner review */
.watch-hero{padding:84px 0 64px;background:linear-gradient(135deg,#102236,#16334a 65%,#1b474d);color:#fff}.watch-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:58px;align-items:center}.watch-hero h1{max-width:850px;color:#fff}.watch-hero .lead{color:#c9d7e3}.watch-status-card{background:rgba(5,18,29,.6);border:1px solid rgba(115,216,202,.28);border-radius:18px;padding:25px;box-shadow:0 24px 60px rgba(0,0,0,.18)}.watch-status-card span,.watch-status-card strong{display:block}.watch-status-card span{color:#78decf;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:800}.watch-status-card strong{margin:9px 0;color:#fff;font-size:1.3rem}.watch-status-card p{margin:0;color:#b8cad8}.watch-control-band{background:#0b1927;color:#fff}.watch-control-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;align-items:center}.watch-control-grid>div,.watch-control-grid>label{min-height:92px;padding:17px 19px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.04)}.watch-control-grid span,.watch-control-grid strong,.watch-control-grid small{display:block}.watch-control-grid span{color:#aebdca;font-size:.78rem}.watch-control-grid strong{margin-top:7px;color:#fff}.watch-control-grid small{margin-top:3px;color:#7f99ac}.watch-control-grid select{width:100%;margin-top:8px;background:#132b3e!important;color:#fff!important;border-color:#486071!important;border-radius:9px!important;box-shadow:none!important}.watch-control-grid select option{color:var(--ink);background:#fff}.watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.watch-card{display:flex;flex-direction:column;border:1px solid #dce2e2;border-radius:18px;padding:27px;background:#fff;box-shadow:0 14px 34px rgba(20,34,44,.055)}.watch-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.watch-source{font-size:.72rem;font-weight:850;letter-spacing:.1em;color:#0d6e68;background:#e5f6f3;border-radius:999px;padding:6px 9px}.watch-card time{font-size:.76rem;color:var(--muted)}.watch-card h3{margin:19px 0 8px}.watch-card>p{color:var(--muted)}.watch-card ul{padding-left:19px;margin:13px 0 24px}.watch-card-actions{margin-top:auto;padding-top:18px;border-top:1px solid #e4e8e7;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.watch-card-actions label{margin-left:auto;font-size:.82rem;font-weight:700}.watch-card-actions input{accent-color:#176b68}.watch-operating-model{display:grid;grid-template-columns:.72fr 1.28fr;gap:44px;align-items:start}.watch-operating-model ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.watch-operating-model li{background:#fff;border:1px solid #e1dfd8;border-radius:12px;padding:16px}.watch-operating-model li span{color:#16706a;font-size:.73rem;font-weight:850}.watch-operating-model li strong{display:block;margin:8px 0 4px}.watch-operating-model li p{font-size:.79rem;color:var(--muted);margin:0}.intel-export-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.reminder-summary-section{background:#142536}.reminder-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13);border-radius:15px;overflow:hidden}.reminder-summary>div{background:#142536;color:#fff;padding:22px}.reminder-summary span,.reminder-summary strong{display:block}.reminder-summary span{font-size:.78rem;color:#aebdca}.reminder-summary strong{font-size:1.8rem;margin-top:5px}.reminder-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.reminder-toolbar label{display:flex;align-items:center;gap:10px;font-weight:700}.reminder-toolbar select{min-width:150px}.reminder-agenda{display:grid;gap:12px}.reminder-row{display:grid;grid-template-columns:150px minmax(0,1fr) 130px;gap:22px;align-items:start;border:1px solid #dfdfda;border-radius:15px;padding:20px;background:#fff}.reminder-row time strong,.reminder-row time span{display:block}.reminder-row time span{color:#69777d;font-size:.78rem;margin-top:5px}.reminder-row h3{margin:4px 0 6px;font-size:1.05rem}.reminder-row div>span{font-size:.74rem;color:#16706a;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.reminder-row p{margin:0 0 7px;color:var(--muted)}.reminder-row>div:last-child{text-align:right;display:grid;gap:12px;justify-items:end}.reminder-row.is-overdue{border-left:4px solid #ac4a40}.reminder-status{display:inline-block;padding:6px 8px;border-radius:999px;font-size:.69rem;text-transform:capitalize;background:#eef1f0;color:#536068}.reminder-status.status-blocked{background:#fae7e4;color:#8b3028}.reminder-status.status-in-progress{background:#e3f2f0;color:#0e625c}
.playbook-hero .page-aside{border-top:4px solid #2a7770}.playbook-list{display:grid;gap:26px}.playbook-entry{border:1px solid #dcded9;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(22,35,43,.06);overflow:hidden}.playbook-entry header{padding:28px 30px 23px;background:linear-gradient(120deg,#f7f8f4,#eef4f2)}.playbook-entry header>span{color:#136c66;font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.playbook-entry h2{margin:8px 0 7px}.playbook-entry header p{margin:0;max-width:900px;color:var(--muted)}.playbook-body{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.playbook-body>div{padding:23px 28px;border-right:1px solid #e3e4df}.playbook-body>div:last-child{border-right:0}.playbook-body h3{font-size:.9rem;margin:0 0 10px}.playbook-body ul{margin:0;padding-left:18px}.playbook-body li{font-size:.86rem;margin:6px 0;color:#4e5d62}.playbook-entry footer{padding:18px 28px;border-top:1px solid #e3e4df;display:flex;align-items:center;gap:18px;background:#fbfbf8}.playbook-entry[hidden]{display:none}
.reviewer-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.reviewer-steps article{border:1px solid #dddfda;border-radius:15px;padding:22px;background:#fff}.reviewer-steps span{font-size:.72rem;font-weight:850;color:#15706a}.reviewer-steps h3{margin:12px 0 7px}.reviewer-steps p{font-size:.86rem;color:var(--muted);margin:0}.reviewer-evidence{background:#102236;color:#fff}.reviewer-evidence>.container{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:start}.reviewer-evidence h2{color:#fff}.reviewer-evidence p{color:#bacbd7}.reviewer-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reviewer-evidence-grid span{padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#bed0dc;background:rgba(255,255,255,.035)}.reviewer-evidence-grid strong{display:block;color:#75dacc;margin-bottom:5px}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:1050px){.watch-hero-grid,.watch-operating-model,.reviewer-evidence>.container{grid-template-columns:1fr}.watch-operating-model ol{grid-template-columns:repeat(3,1fr)}.playbook-body{grid-template-columns:1fr}.playbook-body>div{border-right:0;border-bottom:1px solid #e3e4df}.reviewer-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.watch-grid,.watch-control-grid{grid-template-columns:1fr}.watch-operating-model ol,.reviewer-evidence-grid,.reviewer-steps,.reminder-summary{grid-template-columns:1fr}.reminder-toolbar{display:block}.reminder-toolbar label{margin-top:16px}.reminder-row{grid-template-columns:1fr}.reminder-row>div:last-child{text-align:left;justify-items:start}.watch-card-actions label{margin-left:0;width:100%}.intel-export-actions{justify-content:flex-start}.playbook-entry footer{align-items:flex-start;flex-direction:column}}
.intel-intro{padding:68px 0 44px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8faf9 0%,var(--bg) 100%)}
.intel-intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:72px;align-items:end}
.intel-intro h1{max-width:860px;margin-bottom:22px;font-size:clamp(2.7rem,6vw,4.9rem)}
.intel-boundary{border-left:2px solid var(--amber);padding:4px 0 4px 24px}.intel-boundary span{display:block;color:var(--amber);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.intel-boundary p{margin:8px 0 0;color:var(--muted);font-size:.88rem}
.intel-workspace{padding:34px 0 84px;background:#e9eeec}
.intel-command,.intel-panel,.intel-summary{box-shadow:0 16px 38px rgba(16,24,40,.08)}
.intel-command{background:var(--navy-2);color:#fff;border:1px solid #294158;border-radius:18px 18px 0 0;overflow:hidden}
.intel-command h2,.intel-panel h2{font-size:1.35rem;letter-spacing:-.025em;margin:0}.intel-command h2{color:#fff}.intel-command .eyebrow{color:#8dd0ca;margin-bottom:4px}
.intel-command-head{min-height:78px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #294158}
.intel-mode{font-size:.76rem;color:#c7d3de;display:flex;align-items:center;gap:8px}.intel-mode i{width:8px;height:8px;background:#80d4aa;box-shadow:0 0 0 5px rgba(128,212,170,.09)}
.intel-controls{display:grid;grid-template-columns:1.45fr 1fr 1fr .65fr 1.25fr auto;gap:1px;background:#294158}
.intel-controls label{display:block;min-width:0;background:#10243a;padding:12px 13px}.intel-controls label>span{display:block;color:#8fa4b6;font-size:.7rem;margin-bottom:4px}.intel-controls select,.intel-controls input{min-height:38px;padding:3px 23px 5px 0;border:0;border-bottom:1px solid #51687c;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important}.intel-controls select:focus,.intel-controls input:focus{border-color:#7bd7cb;box-shadow:none!important}.intel-controls select option{color:var(--ink);background:#fff}
.intel-run{min-width:174px;border:0;background:#79d5cb;color:#061b21;font-weight:800;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.intel-run:hover{background:#95e5dc}.intel-run b{font-size:1.35rem}
.intel-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c4cfcb;border-top:0;background:#fff;margin-bottom:18px}
.intel-summary article{min-width:0;padding:16px 18px;border-right:1px solid var(--line)}.intel-summary article:last-child{border-right:0}.intel-summary span,.intel-summary small{display:block}.intel-summary span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.intel-summary strong{display:block;margin:4px 0 1px;font-size:1.22rem}.intel-summary small{color:var(--muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intel-summary .intel-danger{color:var(--danger)}
.intel-primary-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(325px,.75fr);gap:18px}.intel-panel{border:1px solid #cbd5d1;background:#fff;border-radius:14px;overflow:hidden}
.intel-panel-head{min-height:72px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.intel-panel-head .eyebrow{margin-bottom:3px}.intel-panel-head>span{font-size:.72rem;color:var(--muted)}
.intel-flow{min-height:260px;padding:34px 22px;display:grid;grid-template-columns:repeat(4,minmax(22px,auto) minmax(132px,1fr)) minmax(132px,1fr);align-items:stretch;background-color:#0e2135;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px}
.intel-node{display:flex;flex-direction:column;justify-content:center;min-height:126px;text-align:left;border:1px solid #435b70;background:#132b42;color:#fff;padding:14px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.intel-node:hover,.intel-node:focus-visible,.intel-node.is-selected{transform:translateY(-3px);border-color:#77ddd2;background:#17354b}.intel-node.is-selected{box-shadow:inset 0 3px 0 #77ddd2}.intel-node span,.intel-node strong,.intel-node small{display:block}.intel-node span{color:#77ddd2;font-size:.61rem;font-weight:800;letter-spacing:.11em}.intel-node strong{margin:16px 0 5px;font-size:.91rem;line-height:1.28;overflow-wrap:anywhere;hyphens:auto}.intel-node small{color:#aebdca;font-size:.7rem;line-height:1.35;overflow-wrap:anywhere}.intel-arrow{align-self:center;position:relative;width:100%;height:1px;background:#4d6579}.intel-arrow::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid #77ddd2;border-right:1px solid #77ddd2;transform:rotate(45deg)}
.intel-node-detail{min-height:94px;padding:15px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;border-top:1px solid var(--line)}.intel-node-detail>span{color:var(--teal);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.intel-node-detail strong{font-size:.86rem}.intel-node-detail p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.intel-node-detail>b{color:var(--success);font-size:.7rem}
.intel-status{border:1px solid #e0b3b3;color:var(--danger)!important;padding:5px 7px;text-transform:uppercase;letter-spacing:.08em}
.intel-score-wrap{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;padding:24px 18px;border-bottom:1px solid var(--line)}
.intel-score{--intel-score:68;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#c5873f calc(var(--intel-score)*1%),#e4e9e7 0);position:relative}.intel-score::after{content:"";position:absolute;inset:8px;background:#fff;border-radius:50%}.intel-score span{position:relative;z-index:1;text-align:center}.intel-score strong{font-size:1.85rem}.intel-score small{display:block;color:var(--muted);font-size:.66rem}.intel-score-wrap>div:last-child>strong{font-size:.86rem}.intel-score-wrap p{font-size:.76rem;color:var(--muted);margin:5px 0 0}
.intel-role-lens{padding:15px 18px;border-bottom:1px solid var(--line);background:var(--teal-soft)}.intel-role-lens span,.intel-role-lens strong{display:block}.intel-role-lens span{font-size:.67rem;color:var(--teal);text-transform:uppercase;letter-spacing:.08em}.intel-role-lens strong{font-size:.84rem;margin-top:3px}.intel-role-lens p{font-size:.75rem;color:#315e5b;margin:4px 0 0}
.intel-risk-list{padding:4px 18px 12px}.intel-risk-list>div{display:grid;grid-template-columns:9px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.intel-risk-list>div:last-child{border-bottom:0}.intel-risk-list i{width:8px;height:8px;margin-top:6px}.intel-risk-list i.danger{background:#c45b57}.intel-risk-list i.warning{background:#c58a43}.intel-risk-list i.safe{background:#4b9a73}.intel-risk-list p{margin:0}.intel-risk-list strong,.intel-risk-list small{display:block}.intel-risk-list strong{font-size:.78rem}.intel-risk-list small{font-size:.7rem;color:var(--muted);line-height:1.38}
.intel-empty-state{margin:0;padding:22px 18px;color:var(--muted);font-size:.82rem;line-height:1.5}
.intel-actions{margin-top:18px}.intel-action-table{width:100%;overflow:auto}.intel-action-row{display:grid;grid-template-columns:70px minmax(250px,1.4fr) minmax(180px,.8fr) 90px minmax(210px,1fr);gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);min-width:880px}.intel-action-row:last-child{border-bottom:0}.intel-action-head{background:#f6f8f7;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.intel-priority{font-size:.66rem;font-weight:800}.intel-priority.critical{color:var(--danger)}.intel-priority.high{color:var(--amber)}.intel-priority.control{color:var(--teal)}.intel-action-row span{font-size:.75rem;color:var(--muted)}.intel-action-row span:nth-child(2) strong,.intel-action-row span:nth-child(2) small{display:block}.intel-action-row span:nth-child(2) strong{font-size:.82rem;color:var(--ink)}.intel-action-row span:nth-child(2) small{margin-top:2px;line-height:1.35}.intel-action-row b{color:var(--ink);font-size:.78rem}
.intel-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.intel-artifacts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.intel-artifacts article{background:#fff;padding:14px 16px;display:flex;justify-content:space-between;gap:12px}.intel-artifacts strong,.intel-artifacts small{display:block}.intel-artifacts strong{font-size:.8rem}.intel-artifacts small{font-size:.7rem;color:var(--muted)}.intel-artifacts b{color:var(--amber);font-size:.63rem;text-transform:uppercase;letter-spacing:.07em;align-self:flex-start}.intel-artifacts b.critical{color:var(--danger)}
.intel-evidence-list{padding:5px 18px}.intel-evidence-list label{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}.intel-evidence-list label:last-child{border-bottom:0}.intel-evidence-list input{width:18px;height:18px;min-height:auto;margin-top:2px;accent-color:var(--teal)}.intel-evidence-list strong,.intel-evidence-list small{display:block}.intel-evidence-list strong{font-size:.8rem}.intel-evidence-list small{font-size:.71rem;color:var(--muted)}.intel-evidence-foot{padding:11px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem}.intel-evidence-foot button{border:0;background:transparent;color:var(--teal);font-weight:700}
.intel-method-section{background:#f8faf9}.intel-method-chain{border:1px solid var(--line);background:#fff;border-radius:14px;padding:30px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;box-shadow:var(--shadow-sm)}.intel-method-chain span{border:1px solid var(--line-strong);padding:12px 14px;border-radius:8px;font-size:.8rem;font-weight:750}.intel-method-chain b{color:var(--teal)}
@media(max-width:1120px){.intel-controls{grid-template-columns:repeat(3,1fr)}.intel-run{min-height:62px}.intel-primary-grid{grid-template-columns:1fr}.intel-flow{grid-template-columns:repeat(4,minmax(20px,auto) minmax(130px,1fr)) minmax(130px,1fr);overflow-x:auto}.intel-secondary-grid{grid-template-columns:1fr}}
@media(max-width:760px){.intel-intro-grid{grid-template-columns:1fr;gap:28px}.intel-intro{padding:52px 0 36px}.intel-boundary{padding-left:18px}.intel-controls{grid-template-columns:1fr 1fr}.intel-summary{grid-template-columns:1fr 1fr}.intel-summary article:nth-child(2){border-right:0}.intel-summary article:nth-child(-n+2){border-bottom:1px solid var(--line)}.intel-node-detail{grid-template-columns:1fr}.intel-node-detail>b{display:none}.intel-artifacts{grid-template-columns:1fr}.intel-method-chain{justify-content:flex-start}}
@media(max-width:520px){.intel-controls{grid-template-columns:1fr}.intel-summary{grid-template-columns:1fr}.intel-summary article{border-right:0;border-bottom:1px solid var(--line)}.intel-summary article:last-child{border-bottom:0}.intel-panel-head{align-items:flex-start}.intel-panel-head>.button{min-height:42px;padding-inline:12px;font-size:.78rem}.intel-score-wrap{grid-template-columns:90px 1fr}.intel-score{width:86px;height:86px}.intel-action-row{padding-inline:14px}}
.home-watch-strip{background:#0f2233;color:#fff}.home-watch-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:46px;align-items:center}.home-watch-grid h2{color:#fff}.home-watch-grid p{color:#bdcddb}.home-watch-grid .eyebrow{color:#6edacb}.home-watch-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-watch-sources article{min-height:150px;padding:19px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.04)}.home-watch-sources span,.home-watch-sources strong,.home-watch-sources small{display:block}.home-watch-sources span{color:#70ddce;font-size:.7rem;font-weight:850;letter-spacing:.1em}.home-watch-sources strong{margin:17px 0 8px;color:#fff;line-height:1.3}.home-watch-sources small{color:#93aaba;font-size:.72rem}
@media(max-width:1050px){.home-watch-grid{grid-template-columns:1fr}}
@media(max-width:760px){.home-watch-sources{grid-template-columns:1fr}}

/* ===== v31.2 — adaptive plans, cross-study conflicts, evidence linking, save priority, changelog filter ===== */
.field-help{display:block;margin-top:4px;font-size:.72rem;color:var(--muted);font-weight:400}
.risk-field{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--surface-2)}
.risk-rows{display:grid;gap:8px;margin:10px 0}
.risk-row{display:grid;grid-template-columns:1fr 140px auto;gap:8px;align-items:center}
.risk-row .risk-text{min-height:40px;border:1px solid var(--line-strong);border-radius:9px;padding:7px 10px;background:#fff;font-size:.83rem}
.risk-row .risk-severity{min-height:40px;border:1px solid var(--line-strong);border-radius:9px;padding:5px 8px;background:#fff;font-size:.8rem}
.risk-row .risk-remove{width:36px;height:36px;border-radius:9px;border:1px solid var(--line-strong);background:#fff;color:var(--muted);font-size:1rem;cursor:pointer;line-height:1}
.risk-row .risk-remove:hover{color:#9A4938;border-color:#E4C0B8}
@media(max-width:600px){.risk-row{grid-template-columns:1fr}}
.risk-severity-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.6rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;margin-right:8px}
.risk-severity-chip.risk-watch{background:#FBF5E8;color:#8A6326;border:1px solid #E8D5AA}
.risk-severity-chip.risk-blocker{background:#FAECE8;color:#9A4938;border:1px solid #E4C0B8}
.plan-risk-panel,.workspace-risk-panel{margin:16px 26px;padding:14px 16px;border-radius:12px;border:1px solid #E4C0B8;background:#FCF3F0}
.workspace-risk-panel{margin:0 24px 0}
.plan-risk-panel ul,.workspace-risk-panel ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:7px}
.plan-risk-panel li,.workspace-risk-panel li{font-size:.8rem;color:var(--ink-2)}
.workspace-risk-panel label{display:flex;align-items:center;gap:0;cursor:pointer}
.workspace-risk-panel input[type=checkbox]{width:16px;height:16px;min-height:auto;margin-right:10px}
.workspace-risk-panel li.is-resolved .risk-text{text-decoration:line-through;color:var(--muted)}
.risk-warning{display:grid;gap:2px;margin-top:9px;padding:8px 10px;border-radius:9px;background:#FCF3F0;border:1px solid #E4C0B8}
.risk-warning b{font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:#9A4938}
.risk-warning span{font-size:.69rem;color:#7A362B;line-height:1.35}
.workspace-resource-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:14px 24px 0}
.resource-tag{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:.68rem;font-weight:760}
.workspace-conflict-banner{margin:0 0 16px;padding:16px 18px;border-radius:14px;background:#FCF3F0;border:1px solid #E4C0B8}
.workspace-conflict-banner b{display:block;color:#9A4938;font-size:.85rem;margin-bottom:8px}
.workspace-conflict-banner ul{margin:0 0 8px;padding-left:18px;display:grid;gap:5px}
.workspace-conflict-banner li{font-size:.8rem;color:#7A362B;line-height:1.45}
.workspace-conflict-banner p{margin:0}
.readiness-explainer{margin-top:10px}
.readiness-explainer summary{cursor:pointer;font-size:.72rem;font-weight:760;color:var(--muted)}
.readiness-explainer p{margin:6px 0 0;font-size:.74rem;color:var(--muted);line-height:1.5}
.readiness-summary-metrics .metric-warning{border-color:#E4C0B8;background:rgba(250,236,232,.68)}
.readiness-summary-metrics .metric-warning b{color:#9A4938}
.plan-actions-primary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 26px 8px}
.plan-actions-primary .button-save{min-height:46px;padding-inline:22px;font-size:.92rem}
.plan-actions-primary .save-status{font-size:.76rem;color:var(--muted)}
.plan-actions-secondary{padding-top:8px}
.changelog-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.changelog-filter-btn{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:#fff;color:var(--ink-2);font-size:.78rem;font-weight:720;cursor:pointer}
.changelog-filter-btn.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.changelog-filter-note{margin:0 0 20px}


/* ===== v31.3 — ten primary links no longer fit between 1041px and 1399px: use the collapsed menu there too ===== */
@media (min-width:1041px) and (max-width:1399px){
  .site-nav{display:none;position:absolute;left:20px;right:20px;top:68px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);padding:10px;flex-direction:column;align-items:stretch}
  .site-nav.open{display:flex}.site-nav a{padding:13px 12px}.menu-toggle{display:block}
}
/* v31.3 — collapsed menu panel matches the dark header (light links on a white panel were unreadable) */
@media (max-width:1399px){
  .site-nav{background:#161b22;border-color:#3a424c}
  .site-nav a{color:#e6e9ec!important}
  .site-nav a[aria-current="page"]{color:#2dd4bf!important}
}
@media (min-width:1041px) and (max-width:1399px){.header-cta{display:none}}