/* Scherer Metabolics MAPP PRO landing site v12 */
:root {
      --bg:#000000;
      --bg2:#050609;
      --panel:#090c12;
      --panel2:#10141d;
      --card:#121722;
      --text:#ffffff;
      --muted:#b9c0ce;
      --soft:#e8ecf4;
      --orange:#ff6a00;
      --orange2:#ff8a22;
      --line:#252c3a;
      --line2:#3b4353;
      --blue:#071829;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}
    body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 75% 15%,rgba(255,106,0,.08),transparent 32%),linear-gradient(180deg,#000 0%,#050609 58%,#000 100%)}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    .wrap{width:min(1180px,92vw);margin:0 auto}
    .topline{height:4px;background:linear-gradient(90deg,#ff6a00,#ffb36b,#ff6a00)}
    .nav{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
    .nav-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 0}
    .brand{display:flex;align-items:center;gap:18px;min-width:0;white-space:nowrap}
    .mapp-logo{height:58px;width:auto;flex:0 0 auto}
    .brand-separator{width:1px;height:32px;background:#444c5d;flex:0 0 auto}
    .company{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.17em;font-size:1.02rem;line-height:1;color:#fff;white-space:nowrap}
    .orange-divider{width:5px;height:30px;background:var(--orange);border-radius:999px;box-shadow:0 0 16px rgba(255,106,0,.48);display:inline-block;flex:0 0 auto}
    .links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.92rem;white-space:nowrap}
    .links a:not(.btn):hover{color:#fff}
    .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--orange);background:linear-gradient(135deg,var(--orange),var(--orange2));color:#070707;font-weight:900;border-radius:999px;padding:12px 18px;box-shadow:0 12px 34px rgba(255,106,0,.22);letter-spacing:.01em}
    .btn.alt{background:transparent;color:#fff;border-color:#596171;box-shadow:none}
    section{padding:78px 0;border-bottom:1px solid rgba(255,255,255,.07)}
    .hero{padding:86px 0 76px}
    .hero-grid{display:block;max-width:980px}
    .kicker,.section-kicker{color:var(--orange2);font-weight:900;letter-spacing:.22em;text-transform:uppercase;font-size:.82rem;margin-bottom:14px}
    h1,h2,h3,p{overflow-wrap:normal}
    h1{font-size:clamp(2.75rem,7vw,6rem);line-height:.92;margin:0 0 22px;letter-spacing:-.065em}
    h2{font-size:clamp(2rem,4vw,4rem);line-height:1.02;margin:0 0 18px;letter-spacing:-.052em}
    h3{font-size:1.25rem;margin:0 0 10px}
    .hero p,.section-copy{font-size:1.12rem;color:#d7dbe5;max-width:760px}
    .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
    .hero-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border-radius:28px;padding:24px;box-shadow:0 26px 80px rgba(0,0,0,.48)}
    .mini-dashboard{display:grid;gap:14px}
    .screen-row{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#0d1018;border:1px solid #282f3d;border-radius:18px;padding:16px;color:#d8dde7}
    .metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .metric{background:#0d1018;border:1px solid #282f3d;border-radius:18px;padding:16px;min-height:106px}
    .metric span{display:block;color:#9aa3b4;font-size:.73rem;text-transform:uppercase;letter-spacing:.12em}
    .metric b{display:block;font-size:1.28rem;color:#fff;line-height:1.12;margin-top:8px}
    .cards,.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
    .card,.price,.contact-box,.list{border:1px solid var(--line);background:rgba(14,17,24,.82);border-radius:22px;padding:22px}
    .card p,.note,.disclaimer{color:var(--muted)}
    .num{color:var(--orange2);font-weight:900;letter-spacing:.12em}
    .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
    .list{display:grid;gap:14px}
    .item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
    .check{width:28px;height:28px;border-radius:50%;background:var(--orange);color:#111;display:grid;place-items:center;font-weight:900}
    .amount{font-size:2rem;font-weight:900;margin:18px 0}
    ul{padding-left:20px;color:#d8dde7}
    label{display:grid;gap:6px;color:#e6eaf2;font-weight:700;margin-bottom:13px}
    input,select,textarea{width:100%;background:#07080d;border:1px solid #333b4a;color:#fff;border-radius:12px;padding:12px;font:inherit}
    .version{font-size:.75rem;color:#606879;margin-top:10px}
    @media(max-width:980px){
      .nav-inner{align-items:flex-start;flex-direction:column;gap:12px}
      .brand{width:100%;justify-content:center}
      .links{width:100%;justify-content:space-between;gap:10px;overflow-x:auto;padding-bottom:2px}
      .hero-grid,.split,.pricing,.cards{grid-template-columns:1fr}
    }
    @media(max-width:600px){
      .wrap{width:min(100% - 30px,1180px)}
      .nav-inner{min-height:auto;padding:14px 0}
      .brand{gap:9px;align-items:center}
      .mapp-logo{height:44px;max-width:190px}
      .brand-separator{height:24px}
      .company{gap:7px;font-size:.70rem;letter-spacing:.105em}
      .orange-divider{height:24px;width:4px}
      .links a:not(.btn){display:none}
      .links .btn{width:100%;padding:11px 14px}
      section{padding:54px 0}
      .hero{padding:54px 0 58px}
      h1{font-size:2.7rem;letter-spacing:-.055em}
      h2{font-size:2.25rem}
      .hero p,.section-copy{font-size:1.04rem}
      .btn{width:100%}
      .metric-grid{grid-template-columns:1fr}
      .metric{min-height:auto}
      .screen-row{display:block}
    }
    @media(max-width:390px){
      .mapp-logo{height:38px;max-width:165px}
      .company{font-size:.58rem;letter-spacing:.075em}
      .brand{gap:6px}
    }.hidden-client-intake-link{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
