:root{
  --bg:#050505;
  --panel:#0f1014;
  --panel-2:#15161d;
  --gold:#d9b45f;
  --silver:#d8dce6;
  --green:#40d48a;
  --purple:#a67cff;
  --danger:#ff6b7c;
  --warning:#ffd166;
  --muted:#9ca3af;
  --line:rgba(216,220,230,.16);
  --shadow:0 22px 70px rgba(0,0,0,.42);
  --radius:22px;
  --radius-sm:14px;
  --focus:0 0 0 3px rgba(166,124,255,.45);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 20% -10%,rgba(166,124,255,.16),transparent 32%),
  radial-gradient(circle at 90% 10%,rgba(64,212,138,.10),transparent 30%),
  linear-gradient(145deg,#030303,#0a0a0d 42%,#050505);color:var(--silver);min-height:100vh}
body.reduce-motion *, .reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.large-text{font-size:18px}
body.high-contrast{--panel:#000;--panel-2:#050505;--line:rgba(255,255,255,.34);--muted:#e5e7eb}
button,input,textarea,select{font:inherit;color:inherit}
button,a{touch-action:manipulation}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus)}
.noscript-card{max-width:720px;margin:2rem auto;padding:2rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.app-root{min-height:100vh}
.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,rgba(217,180,95,.28),rgba(166,124,255,.20));border:1px solid rgba(217,180,95,.35);box-shadow:0 0 34px rgba(217,180,95,.12);font-weight:900;color:#ffe5a3}
.brand-line{font-size:.78rem;color:var(--muted);letter-spacing:.02em}
.kicker{color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.gold{color:var(--gold)}.green{color:var(--green)}.purple{color:var(--purple)}.danger{color:var(--danger)}.muted{color:var(--muted)}
.shell-header,.landing-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:rgba(5,5,5,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-left{display:flex;align-items:center;gap:.7rem;min-width:0}.header-title{font-weight:900;color:#fff;line-height:1.1}.header-sub{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68vw}
.menu-button,.ghost-button,.primary-button,.secondary-button,.danger-button,.chip-button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);padding:.72rem 1rem;cursor:pointer;transition:.18s ease;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}
.menu-button:hover,.ghost-button:hover,.chip-button:hover{border-color:rgba(217,180,95,.44);background:rgba(217,180,95,.08)}
.primary-button{background:linear-gradient(135deg,rgba(217,180,95,.95),rgba(166,124,255,.76));color:#080808;font-weight:900;border:none}.primary-button:hover{filter:brightness(1.07);text-decoration:none}
.secondary-button{background:rgba(64,212,138,.10);border-color:rgba(64,212,138,.42);color:#dfffee;font-weight:800}.secondary-button:hover{text-decoration:none;background:rgba(64,212,138,.18)}
.danger-button{background:rgba(255,107,124,.12);border-color:rgba(255,107,124,.45);color:#ffd6dc;font-weight:800}.danger-button:hover{background:rgba(255,107,124,.2)}
.icon-button{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);cursor:pointer}.icon-button span{display:block;width:20px;height:2px;background:#fff;margin:4px auto;border-radius:10px}
.layout{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 70px)}
.sidebar{border-right:1px solid var(--line);background:rgba(8,9,12,.76);padding:1rem;position:sticky;top:70px;align-self:start;height:calc(100vh - 70px);overflow:auto}.sidebar nav,.drawer nav{display:grid;gap:.35rem}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.75rem .85rem;border-radius:14px;color:var(--silver);border:1px solid transparent}.nav-link:hover{background:rgba(255,255,255,.05);text-decoration:none}.nav-link.active{background:linear-gradient(135deg,rgba(217,180,95,.18),rgba(166,124,255,.12));border-color:rgba(217,180,95,.32);color:#fff;font-weight:800}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:40;display:none}.drawer{position:fixed;inset:0 auto 0 0;width:min(88vw,360px);z-index:45;background:#08090c;border-right:1px solid var(--line);box-shadow:var(--shadow);transform:translateX(-105%);transition:.22s ease;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-backdrop.open{display:block}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--line)}.drawer nav{padding:1rem;overflow:auto}
.content{padding:1.2rem;max-width:1300px;width:100%;margin:0 auto}.page{animation:fadeIn .2s ease}.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.page-head h1,.hero h1{margin:.25rem 0;color:#fff;letter-spacing:-.045em}.page-head p,.hero p{color:var(--muted);max-width:820px;line-height:1.6}.hero{padding:5rem 1.2rem 2rem;max-width:1200px;margin:0 auto}.hero h1{font-size:clamp(2.3rem,8vw,5.7rem);line-height:.95}.hero-card{background:linear-gradient(145deg,rgba(15,16,20,.96),rgba(25,22,34,.82));border:1px solid var(--line);border-radius:32px;padding:clamp(1.2rem,4vw,3rem);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -10% -30% 40%;height:280px;background:radial-gradient(circle,rgba(217,180,95,.24),transparent 62%);pointer-events:none}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}.section{max-width:1200px;margin:0 auto;padding:1rem 1.2rem 2rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.stat-card,.form-card{background:linear-gradient(145deg,rgba(16,17,23,.92),rgba(10,11,15,.86));border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:0 12px 40px rgba(0,0,0,.18)}.card h3,.stat-card h3,.form-card h3{margin:.15rem 0 .5rem;color:#fff}.card p,.stat-card p{color:var(--muted);line-height:1.55}.card.accent{border-color:rgba(217,180,95,.38)}.card.green-card{border-color:rgba(64,212,138,.35)}.card.purple-card{border-color:rgba(166,124,255,.38)}
.badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:999px;padding:.38rem .65rem;font-size:.78rem;color:#e5e7eb}.badge.green{border-color:rgba(64,212,138,.35);background:rgba(64,212,138,.10)}.badge.purple{border-color:rgba(166,124,255,.35);background:rgba(166,124,255,.10)}.badge.gold{border-color:rgba(217,180,95,.38);background:rgba(217,180,95,.10)}.badge.danger{border-color:rgba(255,107,124,.38);background:rgba(255,107,124,.10)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.field{display:grid;gap:.35rem}.field.full{grid-column:1/-1}label{font-weight:800;color:#fff;font-size:.92rem}input,textarea,select{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;padding:.78rem;color:#fff}textarea{min-height:120px;resize:vertical}.range-row{display:flex;align-items:center;gap:.75rem}.range-row input{padding:0}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.list{display:grid;gap:.75rem;margin-top:1rem}.record{border:1px solid var(--line);border-radius:18px;padding:.85rem;background:rgba(255,255,255,.035)}.record-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.record-title{font-weight:900;color:#fff}.record-meta{font-size:.82rem;color:var(--muted)}.record-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.7rem}.small-button{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:999px;padding:.45rem .7rem;cursor:pointer;font-size:.86rem}.small-button:hover{background:rgba(217,180,95,.12)}
.quick-bar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:none;grid-template-columns:repeat(4,1fr);background:rgba(5,5,5,.92);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.quick-bar a{padding:.65rem .25rem;color:var(--silver);text-align:center;font-size:.78rem}.quick-bar a.active{color:var(--gold);font-weight:900}.quick-bar strong{display:block;font-size:1.05rem}.landing-nav{display:flex;gap:.6rem;align-items:center}.landing-nav a{color:var(--silver);font-size:.92rem}.route-chip{display:inline-flex;border:1px solid var(--line);padding:.35rem .6rem;border-radius:999px;color:var(--muted);font-size:.76rem}
.first-run{max-width:760px;margin:3rem auto;padding:1rem}.wizard-card{background:linear-gradient(145deg,rgba(16,17,23,.96),rgba(26,21,38,.88));border:1px solid rgba(217,180,95,.28);border-radius:32px;padding:clamp(1rem,4vw,2rem);box-shadow:var(--shadow)}.progress-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem;margin:1rem 0}.step-dot{height:8px;border-radius:999px;background:rgba(255,255,255,.1)}.step-dot.active{background:linear-gradient(90deg,var(--gold),var(--purple))}.big-vex-line{font-size:clamp(1.7rem,6vw,3.4rem);line-height:1.04;font-weight:950;color:#fff;letter-spacing:-.04em}.support-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.support-button{min-height:86px;text-align:left;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(166,124,255,.06));padding:1rem;cursor:pointer}.support-button strong{display:block;color:#fff;margin-bottom:.2rem}.support-button:hover{border-color:rgba(166,124,255,.55);background:rgba(166,124,255,.12)}
.chart-bars{display:grid;gap:.55rem}.bar-row{display:grid;grid-template-columns:140px 1fr 50px;gap:.6rem;align-items:center}.bar-track{height:16px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--gold),var(--purple));min-width:4px}.notice{border:1px solid rgba(217,180,95,.32);background:rgba(217,180,95,.08);padding:1rem;border-radius:18px;color:#f6e8c1}.safe-notice{border:1px solid rgba(64,212,138,.32);background:rgba(64,212,138,.08);padding:1rem;border-radius:18px}.danger-notice{border:1px solid rgba(255,107,124,.42);background:rgba(255,107,124,.10);padding:1rem;border-radius:18px}.toast{position:fixed;right:1rem;bottom:1rem;z-index:80;background:#101219;border:1px solid var(--line);box-shadow:var(--shadow);padding:.9rem 1rem;border-radius:16px;display:none;max-width:min(92vw,420px)}.toast.show{display:block;animation:toastIn .2s ease}.hidden{display:none!important}.divider{height:1px;background:var(--line);margin:1rem 0}.empty{padding:1rem;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center}.danger-zone{border-color:rgba(255,107,124,.32)}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:980px){.logo-showcase{grid-template-columns:1fr}.hero-logo{max-height:240px}.layout{display:block}.sidebar{display:none}.content{padding:.85rem .85rem 5rem}.grid,.grid.two,.grid.four{grid-template-columns:1fr}.landing-nav{display:none}.quick-bar{display:grid}.page-head{display:block}.form-grid{grid-template-columns:1fr}.support-buttons{grid-template-columns:1fr}.bar-row{grid-template-columns:100px 1fr 42px}.hero{padding-top:2rem}.hero-card{border-radius:24px}.header-sub{max-width:50vw}}
@media (min-width:981px){.shell-header .icon-button.enterprise-mobile-only{display:none}.quick-bar{display:none!important}}
@media print{body{background:#fff;color:#000}.shell-header,.sidebar,.quick-bar,.drawer,.drawer-backdrop,.actions,.record-actions,.landing-header{display:none!important}.content{max-width:none;padding:0}.card,.form-card,.record{box-shadow:none;border:1px solid #ccc;background:#fff;color:#000}.gold,.green,.purple{color:#000}}

/* =========================================================
   4P3X VexCare™ OS — 5-PASS RESPONSIVE POLISH OVERRIDES
   Purpose: platform-safe logo sizing, text alignment, mobile fit.
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden} 
img,svg,video,canvas{max-width:100%;height:auto} 
.card,.stat-card,.form-card,.record,.hero-card,.content,.section,.page,.page-head,.header-left,.drawer,.sidebar{min-width:0}
h1,h2,h3,p,span,strong,label,a,button,.header-title,.record-title,.badge{overflow-wrap:anywhere;word-break:normal}

/* Logo system */
.brand-logo-mini{width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain;flex:0 0 48px;border-radius:14px;background:rgba(0,0,0,.32);border:1px solid rgba(217,180,95,.28);box-shadow:0 0 22px rgba(217,180,95,.16);display:block}
.landing-header .brand-logo-mini{width:52px;height:52px;max-width:52px;max-height:52px;flex-basis:52px}
.header-left>div{min-width:0}.header-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(52vw,520px)}.header-sub{display:block;min-width:0}

.hero{padding:clamp(1.25rem,4vw,3.5rem) 1rem 1.5rem}.hero-card{text-align:center;display:grid;gap:.85rem;justify-items:center}.hero-card .kicker,.hero-card h1,.hero-card p,.hero-card .badges,.hero-card .hero-actions{position:relative;z-index:1}.hero-card h1{font-size:clamp(2rem,6.6vw,4.7rem);line-height:1;max-width:980px;text-align:center}.hero-card p{margin:.15rem auto;max-width:880px;text-align:center}.hero-actions{justify-content:center}.hero-logo{display:block;width:min(100%,820px);height:auto;max-height:255px;object-fit:contain;object-position:center;margin:0 auto .55rem;border-radius:18px;filter:drop-shadow(0 18px 38px rgba(0,0,0,.42));position:relative;z-index:1}
.logo-showcase{display:grid;grid-template-columns:minmax(180px,320px) minmax(0,1fr);gap:1rem;align-items:center;margin:0 0 1.2rem;padding:1rem;border:1px solid rgba(217,180,95,.24);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));overflow:hidden}.logo-showcase img{display:block;margin:auto;object-fit:contain;object-position:center;border-radius:20px;min-width:0}.logo-showcase img:first-child{width:min(100%,250px);max-height:250px}.logo-showcase img:nth-child(2){width:100%;max-height:250px}

/* Button and form alignment */
.actions,.hero-actions,.badges{align-items:center}.actions>*{max-width:100%}.primary-button,.secondary-button,.ghost-button,.danger-button,.chip-button,.small-button{text-align:center;white-space:normal;line-height:1.16}.form-grid{align-items:start}.field span{line-height:1.35}.range-row{min-width:0}.range-row input[type="range"]{min-width:0;flex:1}.record-head{min-width:0}.record-head>*{min-width:0}.record p{margin:.45rem 0;line-height:1.5}

/* App/Enterprise layout polish */
.shell-header,.landing-header{min-height:70px}.content{padding-inline:clamp(.85rem,2.5vw,1.35rem)}.page-head h1{font-size:clamp(1.75rem,4vw,3.05rem);line-height:1.08}.page-head p{margin:.25rem 0 0}.grid,.grid.two,.grid.four{align-items:stretch}.card,.stat-card,.form-card{overflow:hidden}.support-button{display:flex;flex-direction:column;justify-content:center;line-height:1.3}.drawer{max-width:92vw}.drawer nav{padding-bottom:2rem}.nav-link{line-height:1.24}.quick-bar{padding-bottom:env(safe-area-inset-bottom)}

@media (max-width:1180px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-logo{max-height:225px;width:min(100%,740px)}.logo-showcase img:nth-child(2){max-height:210px}}
@media (max-width:980px){.logo-showcase{grid-template-columns:1fr;justify-items:center}.logo-showcase img:first-child{width:min(72vw,220px);max-height:220px}.logo-showcase img:nth-child(2){width:min(100%,620px);max-height:180px}.hero-logo{width:min(100%,620px);max-height:180px}.hero-card{padding:clamp(1rem,4vw,2rem)}.shell-header .brand-logo-mini{width:44px;height:44px;max-width:44px;max-height:44px;flex-basis:44px}.header-sub{max-width:44vw}.content{padding-bottom:5.4rem}}
@media (max-width:620px){.landing-header,.shell-header{gap:.55rem;padding:.7rem .72rem}.landing-header .ghost-button{padding:.62rem .7rem;font-size:.86rem;min-height:40px}.landing-header .brand-logo-mini,.brand-logo-mini{width:42px;height:42px;max-width:42px;max-height:42px;flex-basis:42px;border-radius:12px}.header-title{font-size:.98rem;max-width:45vw}.header-sub{display:none}.hero{padding:1rem .7rem}.hero-card{border-radius:22px;padding:1rem}.hero-card h1{font-size:clamp(1.72rem,9vw,2.55rem);letter-spacing:-.035em;line-height:1.05}.hero-card p{font-size:.96rem;line-height:1.55}.hero-logo{width:100%;max-height:145px;border-radius:14px;margin-bottom:.25rem}.section{padding:.8rem .7rem 1.5rem}.grid,.grid.two,.grid.four{gap:.75rem}.card,.stat-card,.form-card{border-radius:18px;padding:.85rem}.logo-showcase{padding:.8rem;border-radius:20px;gap:.7rem}.logo-showcase img:first-child{width:min(64vw,190px);max-height:190px}.logo-showcase img:nth-child(2){max-height:130px}.support-buttons{gap:.65rem}.support-button{min-height:76px;padding:.85rem}.page-head{margin-bottom:.75rem}.page-head h1{font-size:clamp(1.55rem,7.2vw,2.2rem)}.badge{font-size:.74rem}.form-grid{gap:.72rem}.actions{gap:.55rem}.actions .primary-button,.actions .secondary-button,.actions .ghost-button,.actions .danger-button{flex:1 1 100%}.bar-row{grid-template-columns:86px 1fr 34px;font-size:.82rem}.first-run{margin:1rem auto;padding:.7rem}.wizard-card{border-radius:22px}.big-vex-line{font-size:clamp(1.55rem,8vw,2.3rem)}}
@media (max-width:380px){.landing-header .brand-logo-mini,.brand-logo-mini{width:38px;height:38px;max-width:38px;max-height:38px;flex-basis:38px}.header-left{gap:.5rem}.header-title{font-size:.9rem;max-width:43vw}.landing-header .ghost-button{font-size:.8rem;padding:.55rem .6rem}.hero-card h1{font-size:1.62rem}.hero-logo{max-height:118px}.logo-showcase img:first-child{width:min(66vw,160px);max-height:160px}.logo-showcase img:nth-child(2){max-height:106px}.quick-bar a{font-size:.72rem;padding:.55rem .15rem}.quick-bar strong{font-size:.95rem}.content{padding-left:.65rem;padding-right:.65rem}.card,.stat-card,.form-card{padding:.78rem}.bar-row{grid-template-columns:78px 1fr 30px}}
@media (min-width:1500px){.hero-logo{max-height:285px}.hero-card h1{font-size:5rem}.logo-showcase img:nth-child(2){max-height:270px}.logo-showcase img:first-child{max-height:270px}}

/* Landing-page simplification polish: description/features/install only. */
.landing-only .landing-header{position:sticky;top:0;z-index:40}
.landing-hero-simple{max-width:1120px;margin:0 auto;padding:clamp(1rem,4vw,3.5rem) 1rem 1.25rem}
.landing-copy-card{background:linear-gradient(145deg,rgba(15,16,20,.96),rgba(22,19,30,.88));border:1px solid rgba(217,180,95,.25);border-radius:32px;padding:clamp(1rem,4vw,3rem);box-shadow:var(--shadow);display:grid;gap:.95rem;justify-items:center;text-align:center;overflow:hidden}
.landing-copy-card h1{font-size:clamp(2.25rem,8vw,5.2rem);line-height:.95;margin:.15rem 0;color:#fff;letter-spacing:-.05em;overflow-wrap:anywhere}
.landing-copy-card .lead{font-size:clamp(1.05rem,2.4vw,1.35rem);color:#fff;max-width:820px;margin:0 auto}
.landing-copy-card p{color:var(--muted);line-height:1.65;max-width:880px;margin:0 auto}
.landing-badges{justify-content:center;margin:.2rem 0 .35rem}
.install-panel{width:min(100%,780px);border:1px solid rgba(64,212,138,.32);background:linear-gradient(145deg,rgba(64,212,138,.09),rgba(166,124,255,.055));border-radius:24px;padding:clamp(1rem,3vw,1.35rem);display:grid;gap:.65rem;justify-items:center;margin-top:.2rem}
.install-panel h2{margin:0;color:#fff;font-size:clamp(1.25rem,3vw,1.75rem);text-align:center}
.install-panel .large-install{font-size:1.05rem;min-height:50px;padding:.9rem 1.35rem;min-width:min(100%,260px)}
.microcopy{font-size:.88rem;color:var(--muted);max-width:620px!important}
.section-intro{text-align:center;margin:0 auto 1rem;max-width:760px}.section-intro h2{color:#fff;font-size:clamp(1.55rem,4vw,2.7rem);margin:.25rem 0}.section-intro p{color:var(--muted);line-height:1.6}
.offline-first-panel{display:grid;grid-template-columns:minmax(120px,210px) 1fr;gap:clamp(1rem,4vw,2rem);align-items:center;border:1px solid rgba(64,212,138,.32);border-radius:28px;background:linear-gradient(145deg,rgba(64,212,138,.08),rgba(15,16,20,.88));padding:clamp(1rem,4vw,2rem);overflow:hidden}
.offline-logo{width:min(100%,190px);height:auto;object-fit:contain;border-radius:24px;justify-self:center;box-shadow:0 0 28px rgba(64,212,138,.14)}
.offline-first-panel h2{margin:.25rem 0;color:#fff;font-size:clamp(1.45rem,4vw,2.4rem);line-height:1.05}.offline-first-panel p{color:var(--muted);line-height:1.65;margin:0;max-width:820px}
.landing-footer-note{text-align:center;color:var(--gold);letter-spacing:.08em;margin:1rem auto 1.5rem;font-size:.9rem}
@media (max-width:980px){.landing-copy-card{border-radius:24px}.offline-first-panel{grid-template-columns:1fr;text-align:center}.offline-logo{width:min(62vw,180px)}.landing-nav{display:none}}
@media (max-width:620px){.landing-hero-simple{padding:.85rem .7rem 1rem}.landing-copy-card{padding:1rem;border-radius:22px}.landing-copy-card h1{font-size:clamp(1.85rem,12vw,2.65rem);line-height:1}.install-panel{border-radius:20px}.install-panel .large-install{width:100%}.offline-first-panel{padding:1rem;border-radius:22px}.offline-logo{width:min(64vw,150px)}.landing-footer-note{font-size:.76rem;line-height:1.45}}
@media (max-width:380px){.landing-copy-card h1{font-size:1.72rem}.landing-copy-card .lead{font-size:.98rem}.install-panel h2{font-size:1.15rem}.offline-logo{width:min(66vw,128px)}}
.landing-nav .nav-scroll{border:0;background:transparent;color:var(--silver);font-size:.92rem;cursor:pointer;padding:.4rem .25rem}.landing-nav .nav-scroll:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}


/* Media-ready polish: use VexCare square logo as Install App/download icon. */
button[data-action="install"], .large-install[data-action="install"]{
  gap:.55rem;
}
button[data-action="install"]::before, .large-install[data-action="install"]::before{
  content:"";
  width:1.25em;
  height:1.25em;
  min-width:1.25em;
  display:inline-block;
  background:url("assets/logos/4p3x-vexcare-square.png") center/contain no-repeat;
  border-radius:.32em;
  box-shadow:0 0 12px rgba(217,180,95,.18);
}
.large-install[data-action="install"]::before{
  width:1.45em;
  height:1.45em;
  min-width:1.45em;
}
@media (max-width:620px){
  button[data-action="install"]::before{width:1.15em;height:1.15em;min-width:1.15em}
  .large-install[data-action="install"]::before{width:1.35em;height:1.35em;min-width:1.35em}
}


/* Small-screen polish: keep the main Install App panel/button, but hide cramped header install buttons. */
@media (max-width:620px){
  .landing-header > button[data-action="install"],
  .shell-header > .badges button[data-action="install"]{display:none!important}
  .shell-header > .badges{display:none!important}
}

/* 4P3X VexCare™ OS V2 Premium Upgrade Layer */
.v2-head .route-chip{background:rgba(217,180,95,.14);border-color:rgba(217,180,95,.34)}
.v2-hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:1.2rem;align-items:center;border:1px solid rgba(217,180,95,.28);border-radius:30px;padding:clamp(1rem,3vw,2rem);background:radial-gradient(circle at top left,rgba(166,124,255,.16),transparent 34%),linear-gradient(145deg,rgba(15,16,20,.98),rgba(28,23,38,.92));box-shadow:0 24px 70px rgba(0,0,0,.35);margin-bottom:1rem;overflow:hidden}
.v2-hero-panel h2{font-size:clamp(1.7rem,4vw,3.2rem);line-height:1.02;color:#fff;margin:.2rem 0}.v2-hero-panel p{color:var(--muted);line-height:1.6;max-width:850px}.v2-score-ring{aspect-ratio:1;border-radius:999px;display:grid;place-items:center;text-align:center;background:conic-gradient(from 200deg,rgba(217,180,95,.95),rgba(64,212,138,.85),rgba(166,124,255,.88),rgba(217,180,95,.95));padding:8px;box-shadow:0 0 42px rgba(166,124,255,.18)}.v2-score-ring strong{display:block;font-size:clamp(2.1rem,5vw,4rem);line-height:1;color:#fff}.v2-score-ring span{display:block;color:#ddd;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.v2-score-ring::before{content:"";position:absolute}.v2-score-ring>*{position:relative}.v2-score-ring{position:relative}.v2-score-ring:after{content:"";position:absolute;inset:10px;border-radius:999px;background:#08080a;z-index:0}.v2-score-ring strong,.v2-score-ring span{z-index:1}.v2-stat-grid .stat-card{min-height:120px}.v2-progress-card{border:1px solid rgba(64,212,138,.3);background:linear-gradient(145deg,rgba(64,212,138,.08),rgba(15,16,20,.9));border-radius:24px;padding:1rem 1.2rem;margin:0 0 1rem;display:grid;gap:.8rem}.v2-progress-card h2{margin:0;color:#fff}.v2-progress{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.v2-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--purple),var(--gold));box-shadow:0 0 18px rgba(64,212,138,.28)}.v2-path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.9rem}.v2-day-card{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));padding:1rem;display:flex;flex-direction:column;gap:.7rem}.v2-day-card.done{border-color:rgba(64,212,138,.45);box-shadow:0 0 0 1px rgba(64,212,138,.12),0 18px 40px rgba(64,212,138,.05)}.v2-day-card.done h3:after{content:" ✓";color:var(--green)}.v2-day-card h3{margin:.4rem 0 0;color:#fff}.v2-day-card p{color:var(--muted);line-height:1.5;margin:0}.v2-json{white-space:pre-wrap;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.8rem;overflow:auto;color:#ddd}.v2-check{display:flex;gap:.75rem;align-items:center}.v2-check input{width:1.2rem;height:1.2rem}.v2-nav-link{border-left:3px solid rgba(217,180,95,.38)}.v2-nav-link.active{background:rgba(217,180,95,.14)!important;color:#fff}.v2-report-preview{margin-top:1rem}@media (max-width:760px){.v2-hero-panel{grid-template-columns:1fr;text-align:left;border-radius:24px}.v2-score-ring{width:min(70vw,220px);justify-self:center}.v2-path-grid{grid-template-columns:1fr}.v2-day-card{border-radius:18px}.v2-hero-panel .actions{display:grid;grid-template-columns:1fr}.v2-hero-panel .actions>*{width:100%}}@media (max-width:420px){.v2-hero-panel{padding:.9rem}.v2-score-ring{width:min(72vw,180px)}.v2-day-card{padding:.85rem}.v2-path-grid{gap:.7rem}}

/* === 4P3X VexCare™ OS V3 Pro Care Upgrade === */
.v3-head h1{letter-spacing:-.03em}.v3-head .badges{gap:.45rem}.v3-nav-link{border-left:2px solid rgba(181,129,255,.35)}
.v3-command{display:grid;grid-template-columns:1fr 210px;gap:1.25rem;align-items:center;padding:1.35rem;border:1px solid rgba(218,180,95,.35);border-radius:28px;background:linear-gradient(135deg,rgba(218,180,95,.12),rgba(115,72,255,.12),rgba(27,176,104,.08));box-shadow:0 20px 60px rgba(0,0,0,.28);margin-bottom:1rem}.v3-command h2{font-size:clamp(1.6rem,4vw,2.8rem);margin:.25rem 0}.v3-orb{width:170px;height:170px;border-radius:999px;border:1px solid rgba(218,180,95,.5);display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),rgba(115,72,255,.18),rgba(0,0,0,.72));justify-self:end}.v3-orb strong{display:block;font-size:2.25rem;color:#f0d48a}.v3-orb span{display:block;color:#cfcfcf;font-size:.85rem}.v3-long{max-width:70ch}.v3-map-progress,.v2-progress-card{padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.045);margin-bottom:1rem}.v3-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.v3-stage{position:relative;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.05);min-height:190px}.v3-stage.done{border-color:rgba(50,220,130,.55);background:linear-gradient(135deg,rgba(50,220,130,.14),rgba(255,255,255,.04))}.v3-stage-num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(218,180,95,.16);border:1px solid rgba(218,180,95,.45);color:#f0d48a;font-weight:800}.v3-mode-grid,.v3-achievements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.v3-mode,.v3-achievement{padding:1rem;text-align:left;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:inherit;cursor:pointer}.v3-mode.active,.v3-achievement.done{border-color:rgba(181,129,255,.6);background:linear-gradient(135deg,rgba(181,129,255,.2),rgba(50,220,130,.08))}.v3-mode strong,.v3-achievement strong{display:block;color:#f6f6f6;text-transform:capitalize}.v3-mode span,.v3-achievement span{display:block;color:#bdbdbd;margin-top:.35rem}.v3-crisis-card{padding:1.4rem;border-radius:28px;border:1px solid rgba(255,96,96,.45);background:linear-gradient(135deg,rgba(255,96,96,.14),rgba(181,129,255,.1));margin-bottom:1rem}.v3-crisis-card h2{font-size:clamp(1.6rem,4vw,2.5rem)}.v3-toggle{display:flex!important;align-items:center;gap:.85rem}.v3-toggle input{width:22px;height:22px}.v3-toggle span{color:#aaa;margin-left:auto}.v3-report-frame{width:100%;min-height:420px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:#fff}.panic-cover{min-height:100vh;display:grid;place-items:center;text-align:center;background:#050505;color:#f5f5f5;padding:2rem}.panic-cover h1{font-size:clamp(2rem,8vw,5rem);color:#d9b45f}.badge.danger,.danger{background:rgba(255,80,80,.18);color:#ffb3b3;border-color:rgba(255,80,80,.35)}
.v3-low-stim *{box-shadow:none!important;text-shadow:none!important}.v3-low-stim .card,.v3-low-stim .v3-command{background:rgba(255,255,255,.035)!important}.v3-big-buttons button,.v3-big-buttons .primary-button,.v3-big-buttons .secondary-button,.v3-big-buttons .ghost-button{min-height:52px;font-size:1.05rem}.v3-minimal-words .v3-long,.v3-minimal-words .record-meta,.v3-minimal-words .header-sub,.v3-minimal-words .microcopy{display:none!important}.v3-night{background:#020205}.v3-night .content,.v3-night .card{background-color:rgba(4,5,12,.78)!important}.v3-high-contrast{--text:#fff;--muted:#e2e2e2}.v3-high-contrast .card,.v3-high-contrast .record,.v3-high-contrast .form-card{border-color:rgba(255,255,255,.42)!important}.v3-reduced-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.v3-audio-first [data-speak],.v3-audio-first [data-v3="speak"]{outline:2px solid rgba(218,180,95,.75)}
@media (max-width: 900px){.v3-command{grid-template-columns:1fr}.v3-orb{justify-self:start;width:140px;height:140px}.v3-roadmap,.v3-mode-grid,.v3-achievements{grid-template-columns:1fr 1fr}}
@media (max-width: 560px){.v3-roadmap,.v3-mode-grid,.v3-achievements{grid-template-columns:1fr}.v3-command{border-radius:20px;padding:1rem}.v3-orb{width:120px;height:120px}.v3-stage{min-height:0}.v3-toggle{align-items:flex-start}.v3-toggle span{margin-left:0}.v3-report-frame{min-height:320px}}