/* Shared screen presentation. Keep report layouts and saved brand colors intact. */
@media screen {
  .platform-hero-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); align-items:center; }
  .platform-hero-grid>* { min-width:0; }
  .platform-eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:11px; font-weight:700; text-transform:uppercase; color:#345440; }
  .platform-eyebrow::before { content:''; width:7px; height:7px; background:#749948; border-radius:50%; }
  .platform-hero-copy>p { color:#657267; max-width:510px; }
  .platform-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:30px; }
  .platform-text-link { display:inline-flex; align-items:center; gap:12px; color:#244e3b; font-size:14px; font-weight:600; }
  .platform-hero-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; border-top:1px solid #d7dfcf; }
  .platform-hero-stats div { display:flex; flex-direction:column; gap:4px; }
  .platform-hero-stats strong { color:#244e3b; }
  .platform-hero-stats span { font-size:12px; color:#69776b; }
  .platform-hero-visual { position:relative; }
  .platform-hero-photo { width:100%; object-fit:cover; }
  .platform-hero-note { position:absolute; display:flex; align-items:center; gap:14px; background:white; border:1px solid #e4e9de; }
  .platform-hero-note>i { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#edf2df; color:#496536; }
  .platform-hero-note strong,.platform-hero-note span { display:block; }
  .platform-hero-note strong { font-size:14px; color:#244e3b; }
  .platform-hero-note span { font-size:12px; color:#69776b; }
  html[data-interface] .platform-hero-actions .theme-btn { background:#245640; border-radius:12px; }
  html[data-interface] .auth-page { grid-template-columns:1fr 1fr; }
  html[data-interface] .auth-story { display:flex; flex-direction:column; justify-content:space-between; min-height:100vh; }
  html[data-interface] .auth-story h1 { color:#f1f3db; font-size:clamp(38px,4vw,60px); line-height:1.12; margin:24px 0; }
  .auth-story p,.auth-story-footer { color:#bccdc1; }
  .auth-story .platform-section-label { color:#d7e7a7; }
  html[data-interface] { --ui-forest:#173e32; --ui-muted:#65756d; --ui-border:#e1e7e1; --ui-paper:#f7f8f4; }
  html[data-interface] body:not(.report-page) { -webkit-font-smoothing:antialiased; }
  html[data-interface] :focus-visible { outline:3px solid #7c9e51; outline-offset:4px; }
  html[data-interface] .header-1 { background:#fff; }
  html[data-interface] .header-1 .header-main { max-width:1440px; margin:auto; }
  html[data-interface] .header-1 .main-menu>nav>ul { gap:26px; }
  html[data-interface] .header-1 .main-menu>nav>ul>li>a { font-weight:600; }
  html[data-interface] .header__hamburger .sidebar__toggle { border:0; border-radius:12px; }
  html[data-interface] .platform-hero { background:radial-gradient(ellipse at 80% 25%,#e6edda 0,transparent 55%),#f6f7ef; padding:88px 0 76px; }
  html[data-interface] .platform-hero-grid { max-width:1320px; margin-inline:auto; gap:70px; padding-inline:24px; }
  html[data-interface] .platform-eyebrow { padding:8px 12px; background:#e8eedf; border:1px solid #d9e3cd; border-radius:100px; letter-spacing:.1em; margin-bottom:26px; }
  html[data-interface] .platform-hero h1 { font-size:clamp(40px,4.7vw,68px); font-weight:800; line-height:1.06; letter-spacing:-.055em; max-width:12ch; color:var(--ui-forest); margin:0 0 24px; }
  html[data-interface] .platform-hero-copy>p { font-size:17px; line-height:1.85; }
  html[data-interface] .platform-hero-photo { height:490px; border-radius:28px; border:8px solid #fff; box-shadow:0 24px 65px #18372e16; }
  html[data-interface] .platform-hero-visual { padding:0 0 26px; }
  html[data-interface] .platform-hero-note { bottom:0; left:-24px; border-radius:16px; padding:18px 22px; box-shadow:0 12px 36px #18372e14; }
  html[data-interface] .platform-hero-stats { margin-top:38px; padding-top:26px; }
  html[data-interface] .platform-hero-stats strong { font-size:30px; font-weight:800; }
  html[data-interface] .theme-btn { transition:background .2s,box-shadow .2s,transform .2s; }
  html[data-interface] .theme-btn:hover { box-shadow:0 8px 20px #173e3220; transform:translateY(-2px); }
  .platform-pathways { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding-top:32px; }
  .platform-pathway { display:flex; align-items:center; gap:20px; padding:28px; border:1px solid #e1e7e1; border-radius:18px; background:white; color:#173e32; text-decoration:none; transition:border-color .2s,transform .2s,box-shadow .2s; }
  .platform-pathway:hover { color:#173e32; border-color:#9cae8a; transform:translateY(-3px); box-shadow:0 10px 30px #173e3209; }
  .pathway-icon { width:52px; height:52px; flex:0 0 52px; display:grid; place-items:center; background:#edf2e6; border-radius:14px; font-size:21px; }
  .platform-pathway:last-child .pathway-icon { background:#fbf1d5; }
  .pathway-label { font-size:10px; font-weight:700; letter-spacing:.13em; color:#66755b; }
  html[data-interface] .platform-pathway h2 { font-size:19px; line-height:1.35; margin:6px 0; }
  .platform-pathway p { font-size:13px; color:#65756d; line-height:1.6; margin:0; }
  .platform-pathway>i { margin-left:auto; }
  html[data-interface] :is(.mhq-category-box-items,.mhq-course-box-items,.mhq-news-box-items,.mhq-testimonial-box-items) { border:1px solid var(--ui-border); border-radius:20px; box-shadow:0 6px 24px #173e3206; overflow:hidden; }
  html[data-interface] .section-title h6 { font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
  html[data-interface] .mhq-footer-wrapper { padding-block:60px!important; }
  html[data-interface] .auth-story { background:radial-gradient(ellipse at 0 100%,#35634b,transparent 65%),#123a2e; padding:clamp(36px,5vw,80px); }
  html[data-interface] .auth-form-side { background:#fafbf8; }
  html[data-interface] .auth-card { max-width:420px; }
  html[data-interface] .auth-input { border-radius:12px; min-height:54px; padding-left:48px!important; padding-right:48px!important; }
  html[data-interface] .auth-links a { border-radius:12px; min-height:50px; }
  html[data-interface] #app-shell { --paper:#f5f7f5; --line:#e2e8e3; --radius:16px; background:var(--paper); }
  html[data-interface] #app-shell .app-main { background:var(--paper); }
  html[data-interface] #app-shell .app-content { padding:32px clamp(18px,2.8vw,44px) 60px!important; }
  html[data-interface] #app-shell .app-content>h1 { font-size:clamp(27px,3vw,36px); letter-spacing:-.045em; margin-bottom:12px; }
  html[data-interface] #app-shell :is(.card,.panel,.saas-kpi,.kpi-card,.kpi,.stu-kpi) { border:1px solid var(--line)!important; border-radius:16px!important; box-shadow:0 4px 20px #173e3205!important; }
  html[data-interface] #app-shell :is(.saas-kpi,.kpi-card,.kpi,.stu-kpi) { padding:24px!important; }
  html[data-interface] #app-shell :is(.saas-kpi,.kpi-card,.kpi,.stu-kpi) b { font-size:32px; letter-spacing:-.045em; }
  html[data-interface] #app-shell :is(.card.pad,.panel.pad) { padding:24px!important; }
  html[data-interface] #app-shell .app-content table th { background:#f6f8f5; font-size:11px; letter-spacing:.06em; padding:15px 18px; }
  html[data-interface] #app-shell .app-content table td { padding:16px 18px; }
  html[data-interface] #app-shell .app-content tbody tr:hover { background:#f8faf6; }
  html[data-interface] #app-shell .app-sidebar :is(a,.nav-group-toggle) { border-radius:10px; transition:background .18s; }
  html[data-interface] #app-shell .btn { border-radius:10px; min-height:40px; }
  @media(max-width:1199px) { html[data-interface] .platform-hero-grid { gap:36px; } html[data-interface] .platform-hero-photo { height:420px; } }
  @media(max-width:980px) { html[data-interface] .auth-page { grid-template-columns:1fr; } html[data-interface] .auth-story { display:none; } .platform-hero-grid { grid-template-columns:1fr; } html[data-interface] .platform-hero { padding:52px 0; } html[data-interface] .platform-hero h1 { max-width:18ch; } .platform-pathways { grid-template-columns:1fr; } }
  @media(max-width:600px) {
    html[data-interface] .platform-hero { padding:36px 0; }
    html[data-interface] .platform-hero-grid { padding-inline:20px; gap:28px; }
    html[data-interface] .platform-hero-photo { height:300px; max-height:none; border-width:5px; border-radius:22px; }
    html[data-interface] .platform-hero-note { position:static; margin-top:12px; padding:16px; }
    html[data-interface] .platform-hero-visual { padding:0; }
    html[data-interface] .platform-hero-stats strong { font-size:25px; }
    .platform-pathways { padding-top:20px; gap:12px; }
    .platform-pathway { padding:20px; gap:14px; }
    html[data-interface] .platform-pathway h2 { font-size:17px; }
    html[data-interface] #app-shell .app-content { padding:22px 14px 40px!important; }
    html[data-interface] #app-shell :is(.saas-kpi,.kpi-card,.kpi,.stu-kpi) { padding:18px!important; }
    html[data-interface] #app-shell :is(.saas-kpi,.kpi-card,.kpi,.stu-kpi) b { font-size:26px; }
  }
}
@media(prefers-reduced-motion:reduce) {
  html[data-interface] *,html[data-interface] *::before,html[data-interface] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}