
:root{--bg:#020604;--panel:#07130f;--panel2:#101911;--gold:#F8D45E;--gold2:#FFE46B;--em:#00C896;--line:rgba(248,212,94,.24);--cream:#F8F1CF;--muted:#E1D8BA}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 12% 8%,rgba(0,200,150,.16),transparent 30%),radial-gradient(circle at 90% 4%,rgba(248,212,94,.13),transparent 28%),linear-gradient(180deg,#020604,#06100d 60%,#020604);color:var(--cream);-webkit-font-smoothing:antialiased} a{text-decoration:none;color:inherit}
.mobileTop{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(2,6,4,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:52px;height:52px;border-radius:13px;border:1px solid var(--line);flex-shrink:0}.brand h1{font-family:"Libre Baskerville",serif;color:var(--gold);margin:0;font-size:26px;line-height:1}.brand p{margin:4px 0 0;color:#77FFE1;font-size:11px;font-weight:900;letter-spacing:1px}
.menuBtn{background:rgba(248,212,94,.1);border:1px solid var(--line);color:var(--gold);width:44px;height:44px;border-radius:14px;font-size:22px;font-weight:900}.drawer{position:fixed;top:80px;left:14px;right:14px;z-index:60;display:none;background:#06100d;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.drawer.open{display:grid}.drawer a{padding:15px;border-radius:14px;color:var(--cream);font-weight:900}.drawer a:hover{background:rgba(248,212,94,.08)}
main{width:min(1420px,100%);margin:auto;padding:22px}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:34px;padding:36px;background:radial-gradient(circle at 16% 20%,rgba(0,200,150,.22),transparent 35%),linear-gradient(135deg,rgba(0,65,47,.72),rgba(5,10,8,.95) 56%,rgba(248,212,94,.08))}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.chips span{padding:10px 14px;border-radius:999px;background:rgba(0,200,150,.1);border:1px solid rgba(248,212,94,.23);color:#F8F4D7;font-weight:900;font-size:13px}.hero h2{font-family:"Libre Baskerville",serif;color:var(--gold);font-size:68px;line-height:1.08;letter-spacing:-1.8px;margin:0 0 22px}.hero p{max-width:820px;color:#EFE8C8;font-size:19px;line-height:1.7}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.goldBtn,.darkBtn{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:16px 24px;border-radius:17px;font-weight:950;border:0;cursor:pointer}.goldBtn{background:linear-gradient(180deg,var(--gold2),#F3C84D);color:#070704}.darkBtn{background:#06100d;border:1px solid var(--line);color:var(--gold)}
.heroVisual{display:grid;gap:14px}.heroVisual>img{width:100%;max-width:390px;margin:auto;display:block;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:34px;padding:22px;filter:drop-shadow(0 0 22px rgba(248,212,94,.12))}
.statusGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.statusGrid div,.warning,.rolePanel,.features,.pilot,.featureGrid article,.roleCard{background:rgba(12,20,15,.88);border:1px solid rgba(248,212,94,.22);border-radius:24px}.statusGrid div{padding:16px}.statusGrid b{display:block;color:var(--gold);font-size:23px}.statusGrid span{color:#F0E8C7}
.warning,.rolePanel,.features,.pilot{margin-top:24px;padding:34px}.warning h3{color:var(--gold);font-size:28px;margin:0 0 10px}.warning p{color:var(--muted);margin:0;line-height:1.6}.sectionTitle span,.pilot span{color:#77FFE1;font-weight:950}.sectionTitle h2,.pilot h2{font-family:"Libre Baskerville",serif;color:var(--gold);font-size:38px;line-height:1.25;margin:10px 0 22px}
.roleTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.roleTabs button{min-height:52px;border-radius:16px;border:1px solid var(--line);background:#06100d;color:var(--cream);font-weight:950;cursor:pointer}.roleTabs button.active{background:var(--gold);color:#050704}.roleCard{padding:24px}.roleCard h3{color:var(--gold);font-size:26px;margin:0 0 10px}.roleCard p,.roleCard li{color:#e7dec2;line-height:1.6}
.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.featureGrid article{padding:22px}.featureGrid b{display:block;color:var(--gold);font-size:20px;margin-bottom:8px}.featureGrid p{color:#e7dec2;line-height:1.55;margin:0}
.pilot{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:start;background:radial-gradient(circle at 10% 10%,rgba(0,200,150,.12),transparent 40%),rgba(12,20,15,.9)}.pilot p{color:#e7dec2;line-height:1.6}.pilotBadges{display:flex;flex-wrap:wrap;gap:10px}.pilotBadges span{border:1px solid rgba(248,212,94,.18);background:#06100d;border-radius:999px;padding:9px 12px;color:#f8f1cf;font-weight:800;font-size:13px}
.pilotForm{display:grid;gap:12px;background:#06100d;border:1px solid rgba(248,212,94,.18);border-radius:22px;padding:22px}.pilotForm input,.pilotForm select{width:100%;min-height:52px;border-radius:15px;border:1px solid rgba(248,212,94,.22);background:#020604;color:white;padding:14px;font-size:15px}.successMsg{padding:12px;border-radius:14px;background:rgba(0,200,150,.09);border:1px solid rgba(0,200,150,.25);color:#77FFE1;font-weight:800}.hidden{display:none}.stickyCTA{display:none}
@media(max-width:900px){body{padding-bottom:74px}.mobileTop{padding:12px 14px}.brand img{width:42px;height:42px}.brand h1{font-size:20px}.brand p{font-size:8.8px;letter-spacing:.7px}.menuBtn{width:40px;height:40px;font-size:20px}main{padding:12px}.hero{min-height:auto;grid-template-columns:1fr;gap:16px;padding:18px;border-radius:24px}.chips{gap:7px;margin-bottom:13px}.chips span{font-size:10.5px;padding:7px 9px}.hero h2{font-size:31px;line-height:1.14;letter-spacing:-.6px;margin-bottom:12px}.hero p{font-size:14.2px;line-height:1.55;margin:0}.heroActions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.goldBtn,.darkBtn{min-height:50px;width:100%;padding:14px 16px;border-radius:15px;font-size:14px;text-align:center}.heroVisual>img{max-width:170px;border-radius:22px;padding:10px}.statusGrid{grid-template-columns:repeat(2,1fr);gap:8px}.statusGrid div{padding:12px;border-radius:16px}.statusGrid b{font-size:18px}.statusGrid span{font-size:12px}.warning,.rolePanel,.features,.pilot{margin-top:14px;padding:18px;border-radius:22px}.warning h3{font-size:20px;line-height:1.3}.warning p{font-size:13.5px}.sectionTitle h2,.pilot h2{font-size:25px;line-height:1.25;margin:8px 0 14px}.sectionTitle span,.pilot span{font-size:12px}.roleTabs{grid-template-columns:1fr;gap:8px}.roleTabs button{min-height:46px;font-size:14px}.roleCard{padding:18px;border-radius:18px}.roleCard h3{font-size:21px}.roleCard p,.roleCard li{font-size:13.5px}.featureGrid{grid-template-columns:1fr;gap:10px}.featureGrid article{padding:16px;border-radius:18px}.featureGrid b{font-size:18px}.featureGrid p{font-size:13.5px}.pilot{grid-template-columns:1fr}.pilotForm{padding:16px;border-radius:18px}.pilot p{font-size:13.5px}.stickyCTA{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:100;text-align:center;background:linear-gradient(180deg,var(--gold2),#F3C84D);color:#050704;padding:14px 16px;border-radius:16px;font-weight:950;box-shadow:0 16px 45px rgba(0,0,0,.55)}}
@media(max-width:380px){.hero h2{font-size:28px}.brand h1{font-size:18px}.chips span{font-size:10px}}

.locationBtn{
  width:100%;
}
.locationStatus{
  margin:0;
  color:#e7dec2;
  font-size:13px;
  line-height:1.5;
}
.locationStatus a{
  color:#77FFE1;
  font-weight:900;
}

/* ENTERPRISE CONVERSION MASTER */
.trustMicro{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.trustMicro span{
  border:1px solid rgba(248,212,94,.2);
  background:#06100d;
  padding:9px 12px;
  border-radius:999px;
  color:#f8f1cf;
  font-size:12px;
  font-weight:800;
}
.integrationSection,.liveFlow{
  margin-top:24px;
  padding:34px;
  background:rgba(12,20,15,.88);
  border:1px solid rgba(248,212,94,.22);
  border-radius:24px;
}
.integrationGrid,.scenarioGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:20px;
}
.integrationCard,.scenarioCard{
  background:#06100d;
  border:1px solid rgba(248,212,94,.18);
  border-radius:22px;
  padding:22px;
}
.integrationCard b,.scenarioCard b{
  display:block;
  color:#F8D45E;
  font-size:20px;
  margin-bottom:8px;
}
.integrationCard p,.scenarioCard p{
  color:#e7dec2;
  line-height:1.6;
}
.flowTicker{
  display:flex;
  gap:12px;
  overflow:auto;
  padding-bottom:10px;
  margin-top:18px;
}
.flowItem{
  white-space:nowrap;
  border:1px solid rgba(248,212,94,.18);
  background:rgba(0,200,150,.08);
  color:#F8F1CF;
  padding:12px 16px;
  border-radius:999px;
  font-weight:800;
}
.advancedPilotNote{
  padding:14px;
  border-radius:16px;
  background:rgba(0,200,150,.08);
  border:1px solid rgba(0,200,150,.22);
  color:#77FFE1;
  font-size:13px;
  line-height:1.5;
}
.hiddenSelect{display:none}
@media(max-width:900px){
  .integrationSection,.liveFlow{
    padding:18px;
    border-radius:22px;
  }
  .integrationGrid,.scenarioGrid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .integrationCard,.scenarioCard{
    padding:16px;
    border-radius:18px;
  }
  .flowItem{
    font-size:12px;
  }
  .trustMicro{
    gap:8px;
  }
}

/* MAIN APP 38-FIX DETAIL PATCH v2026.05.12.0959 */
.mainStickyBar{display:none}
.liveFlow{
  margin-top:24px;
  padding:34px;
  background:rgba(12,20,15,.88);
  border:1px solid rgba(248,212,94,.22);
  border-radius:24px;
}
.flowGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:18px;
}
.flowGrid div{
  background:#06100d;
  border:1px solid rgba(248,212,94,.18);
  border-radius:18px;
  padding:16px;
  color:#F8F1CF;
  font-weight:900;
}
.drawer a:last-child{color:#77FFE1}
@media(max-width:900px){
  .mainStickyBar{
    position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;
    display:grid;grid-template-columns:1fr 1fr;gap:8px;
  }
  .mainStickyBar a{
    text-align:center;text-decoration:none;padding:14px 10px;border-radius:16px;font-weight:950;
    background:linear-gradient(180deg,#FFE46B,#F3C84D);color:#050704;box-shadow:0 16px 45px rgba(0,0,0,.55);
  }
  .mainStickyBar a:last-child{background:#06100d;color:#F8D45E;border:1px solid rgba(248,212,94,.24)}
  body{padding-bottom:82px}
  .liveFlow{padding:18px;border-radius:22px}
  .flowGrid{grid-template-columns:1fr;gap:10px}
}

.legalPage{max-width:920px;margin:40px auto;padding:32px;background:rgba(12,20,15,.88);border:1px solid rgba(248,212,94,.22);border-radius:28px;color:#F8F1CF;line-height:1.7}
.legalPage h1,.legalPage h2{color:#F8D45E}
.legalPage a{color:#06100d}
.appFooter{max-width:1420px;margin:24px auto 90px;padding:20px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.appFooter a{color:#F8D45E;text-decoration:none;font-weight:900}

/* FINAL PLAYSTORE POLISH */
.hero p{
  max-width:760px;
  line-height:1.7;
}
.appFooter{
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap;
  margin:32px auto 96px;
}
.appFooter a{
  color:#F8D45E;
  text-decoration:none;
  font-weight:900;
}
@media(max-width:900px){
  .hero{
    padding-top:18px;
  }
  .hero h1{
    line-height:1.12;
  }
  .hero p{
    font-size:15px;
  }
  input,select,textarea,button{
    min-height:48px;
  }
}


/* === CEO CLEAN FINAL — SecureSociety Premium Trust Theme === */
:root{
  --bg:#0B0F14;--deep:#101A17;--ink:#0F172A;--soft:#F7F9FC;
  --card:#FFFFFF;--muted:#526173;--em:#00C896;--em2:#7CFFE2;
  --gold:#D4AF37;--line:rgba(15,23,42,.10);
}
body{
  font-family:Inter,Arial,sans-serif!important;
  background:linear-gradient(180deg,#0B0F14 0,#101A17 720px,#F7F9FC 720px,#F7F9FC 100%)!important;
  color:#F8FAFC!important;
}
.mobileTop{background:rgba(11,15,20,.94)!important;border-bottom:1px solid rgba(0,200,150,.20)!important;box-shadow:0 12px 36px rgba(0,0,0,.25)}
.brand h1{font-family:Inter,Arial,sans-serif!important;color:#fff!important;letter-spacing:-.6px}.brand p{color:var(--em)!important}
.menuBtn{background:rgba(0,200,150,.10)!important;border-color:rgba(0,200,150,.24)!important;color:var(--em2)!important}
.drawer{background:#fff!important;border:1px solid var(--line)!important}.drawer a{color:var(--ink)!important}.drawer a:last-child{color:#008b6f!important}
.hero{
  min-height:620px!important;border:1px solid rgba(0,200,150,.22)!important;border-radius:34px!important;
  background:radial-gradient(circle at 14% 15%,rgba(0,200,150,.25),transparent 30%),radial-gradient(circle at 88% 14%,rgba(212,175,55,.14),transparent 28%),linear-gradient(135deg,#0B0F14,#101A17 72%,#15261F)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.36)!important
}
.chips span{background:rgba(255,255,255,.07)!important;border:1px solid rgba(0,200,150,.26)!important;color:#D9FFF4!important}
.hero h2{font-family:Inter,Arial,sans-serif!important;color:#fff!important;font-size:clamp(34px,5vw,64px)!important;letter-spacing:-2.2px!important;line-height:1.04!important;max-width:860px!important}
.hero h2::after{content:"Protect. Verify. Respond.";display:block;color:var(--em);margin-top:12px;font-size:clamp(28px,3.6vw,48px)}
.hero p{color:#D8E5E0!important;font-size:17.5px!important;line-height:1.68!important;max-width:720px!important}
.goldBtn{background:linear-gradient(135deg,var(--em),var(--em2))!important;color:#06100D!important;box-shadow:0 18px 45px rgba(0,200,150,.22)!important}
.darkBtn{background:rgba(255,255,255,.07)!important;border:1px solid rgba(0,200,150,.22)!important;color:#F8FAFC!important}
.statusGrid div{background:rgba(255,255,255,.07)!important;border:1px solid rgba(0,200,150,.20)!important}.statusGrid b{color:#fff!important}.statusGrid span{color:#A7FFE8!important}
.warning,.rolePanel,.features,.pilot,.integrationSection,.liveFlow{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 18px 55px rgba(15,23,42,.08)!important}
.warning h3,.sectionTitle h2,.pilot h2{font-family:Inter,Arial,sans-serif!important;color:var(--ink)!important;letter-spacing:-1px!important}
.warning p,.sectionTitle p,.pilot p{color:var(--muted)!important}.sectionTitle span,.pilot span{color:#008B6F!important}
.roleCard,.featureGrid article,.integrationCard,.scenarioCard{background:#F8FAFC!important;border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:0 10px 30px rgba(15,23,42,.05)!important}
.roleCard h3,.featureGrid b,.integrationCard b,.scenarioCard b{color:var(--ink)!important}
.roleCard p,.roleCard li,.featureGrid p,.integrationCard p,.scenarioCard p{color:var(--muted)!important}
.flowItem,.trustMicro span,.pilotBadges span,.advancedPilotNote{background:#ECFDF7!important;color:#065F46!important;border-color:#BAF7E4!important}
.pilotForm{background:#F8FAFC!important;border:1px solid var(--line)!important}.pilotForm input,.pilotForm select{background:#fff!important;color:var(--ink)!important;border:1px solid #DDE5E2!important}
.appFooter{max-width:1420px!important;background:#0B0F14!important;border-radius:24px!important;border:1px solid rgba(0,200,150,.18)!important}.appFooter a{color:#A7FFE8!important}
@media(max-width:900px){
  body{background:linear-gradient(180deg,#0B0F14 0,#101A17 760px,#F7F9FC 760px,#F7F9FC 100%)!important}
  .hero{padding:22px!important;min-height:auto!important}.hero h2{letter-spacing:-1.2px!important}.heroVisual>img{max-width:145px!important}
  .mainStickyBar a{background:linear-gradient(135deg,var(--em),var(--em2))!important;color:#06100D!important}.mainStickyBar a:last-child{background:#0B0F14!important;color:#A7FFE8!important;border:1px solid rgba(0,200,150,.24)!important}
}


/* === CMO + CEO + INVESTOR FINAL UPGRADE: Dark Emerald Intelligence Theme === */
:root{
  --bg:#07110F;
  --bg2:#0B1613;
  --surface:#0F1B18;
  --surface2:#13231F;
  --surface3:#172B25;
  --emerald:#00D7A3;
  --emerald2:#7CFFE2;
  --gold:#D6B25E;
  --text:#F5F7F8;
  --muted:#9FB0AA;
  --line:rgba(124,255,226,.16);
  --danger:#FF5B5B;
  --shadow:0 28px 90px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:Inter,Arial,sans-serif!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(0,215,163,.14),transparent 28%),
    radial-gradient(circle at 88% 0%,rgba(214,178,94,.10),transparent 24%),
    linear-gradient(180deg,var(--bg),#08100E 46%,#09130F 100%)!important;
  color:var(--text)!important;
  -webkit-font-smoothing:antialiased;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:56px 56px;mask-image:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.04));
}
.mobileTop,.top{
  background:rgba(7,17,15,.86)!important;
  border-bottom:1px solid var(--line)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 12px 44px rgba(0,0,0,.30)!important;
}
.brand img{background:rgba(0,0,0,.24)!important;border:1px solid var(--line)!important;box-shadow:0 0 0 4px rgba(0,215,163,.04)}
.brand h1{font-family:Inter,Arial,sans-serif!important;color:#fff!important;letter-spacing:-.7px!important}
.brand p{color:var(--emerald)!important;letter-spacing:1.4px!important}
.menuBtn{background:rgba(214,178,94,.10)!important;border:1px solid rgba(214,178,94,.24)!important;color:var(--gold)!important}
.drawer,.scoreDrawer{
  background:rgba(11,22,19,.96)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
}
.drawer a,.scoreDrawer a{color:var(--text)!important}
.drawer a:hover,.scoreDrawer a:hover{background:rgba(0,215,163,.10)!important;color:var(--emerald2)!important}
main,.page{max-width:1440px!important}
.hero{
  border:1px solid var(--line)!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(0,215,163,.20),transparent 28%),
    radial-gradient(circle at 84% 14%,rgba(214,178,94,.14),transparent 22%),
    linear-gradient(135deg,#08110F,#0E1A17 58%,#142A23)!important;
  box-shadow:var(--shadow)!important;
  overflow:hidden!important;
  position:relative!important;
}
.hero:before{
  content:"";position:absolute;inset:auto -12% -28% 48%;height:420px;
  background:radial-gradient(circle,rgba(0,215,163,.18),transparent 62%);
  pointer-events:none;
}
.chips span,.pills span{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(124,255,226,.18)!important;
  color:#DFFCF5!important;
  box-shadow:inset 0 0 18px rgba(0,215,163,.035);
}
.hero h2,.big{
  font-family:Inter,Arial,sans-serif!important;
  color:#fff!important;
  letter-spacing:-2.4px!important;
  line-height:1.04!important;
  text-wrap:balance;
}
.hero h2::after{content:"Protect. Verify. Respond.";display:block;color:var(--emerald);font-size:clamp(28px,3.6vw,48px);margin-top:12px}
.big::after{content:"Score. Compare. Improve.";display:block;color:var(--emerald);font-size:clamp(28px,3.6vw,48px);margin-top:12px}
.hero p,.lead{color:#CFE0DA!important;font-size:clamp(15px,1.4vw,18px)!important;line-height:1.72!important}
.goldBtn{
  background:linear-gradient(135deg,var(--emerald),var(--emerald2))!important;
  color:#04100C!important;
  box-shadow:0 18px 44px rgba(0,215,163,.24),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.darkBtn,.ghost{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(124,255,226,.18)!important;
  color:var(--text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.goldBtn:hover,.darkBtn:hover,.ghost:hover{transform:translateY(-1px);filter:brightness(1.05)}
.statusGrid div,.miniCards div{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border:1px solid var(--line)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22)!important;
}
.statusGrid b,.miniCards b{color:#fff!important}
.statusGrid span,.miniCards span{color:#9FFFE8!important}
.warning,.rolePanel,.features,.pilot,.integrationSection,.liveFlow,.card,.riskPulse,.feature,.metric,.contactBlock{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(10px)!important;
}
.warning h3,.sectionTitle h2,.pilot h2,.feature h3,.riskPulse b{
  color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  letter-spacing:-1.2px!important;
}
.warning p,.sectionTitle p,.pilot p,.feature p,.riskPulse span,.metric small,.roleCard p,.roleCard li,.featureGrid p,.integrationCard p,.scenarioCard p{
  color:var(--muted)!important;
}
.sectionTitle span,.pilot span{color:var(--emerald)!important}
.roleCard,.featureGrid article,.integrationCard,.scenarioCard{
  background:linear-gradient(180deg,rgba(19,35,31,.95),rgba(12,24,20,.92))!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.24)!important;
}
.roleCard h3,.featureGrid b,.integrationCard b,.scenarioCard b{color:#fff!important}
.flowItem,.trustMicro span,.pilotBadges span,.advancedPilotNote{
  background:rgba(0,215,163,.10)!important;
  color:#C9FFF1!important;
  border:1px solid rgba(124,255,226,.18)!important;
}
.pilotForm,.leadForm{
  background:rgba(7,17,15,.72)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.20)!important;
}
.pilotForm input,.pilotForm select,.leadForm input,.leadForm select{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  border:1px solid rgba(124,255,226,.16)!important;
}
.pilotForm input::placeholder,.leadForm input::placeholder{color:#93A7A1!important}
.metric b{color:var(--emerald)!important}
.appFooter{
  background:linear-gradient(135deg,#08110F,#0F1B18)!important;
  border:1px solid var(--line)!important;
  border-radius:26px!important;
  box-shadow:0 18px 60px rgba(0,0,0,.24)!important;
}
.appFooter a{color:#B6FFF0!important}
.playstore-readiness-card{
  margin:26px auto;
  max-width:1420px;
  padding:28px;
  border-radius:28px;
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(0,215,163,.12),rgba(214,178,94,.08),rgba(255,255,255,.04));
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.playstore-readiness-card h2{margin:0 0 10px;color:#fff;font-size:clamp(26px,3vw,42px);letter-spacing:-1.4px}
.playstore-readiness-card p{color:var(--muted);line-height:1.7;max-width:900px}
.playstore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.playstore-grid div{padding:18px;border-radius:20px;background:rgba(7,17,15,.72);border:1px solid var(--line)}
.playstore-grid b{display:block;color:var(--emerald2);font-size:18px;margin-bottom:6px}
.playstore-grid span{color:var(--muted);font-size:14px;line-height:1.5}
@media(max-width:900px){
  body{background:linear-gradient(180deg,#07110F 0,#0B1613 100%)!important}
  .hero{min-height:auto!important;padding:22px!important}
  .hero h2,.big{letter-spacing:-1.3px!important}
  .heroVisual>img,.logoBox img{max-width:150px!important}
  .featureGrid,.integrationGrid,.scenarioGrid,.grid4,.playstore-grid{grid-template-columns:1fr!important}
  .mainStickyBar a,.mobileStickyCTA{background:linear-gradient(135deg,var(--emerald),var(--emerald2))!important;color:#04100C!important}
  .mainStickyBar a:last-child{background:#0B1613!important;color:#B6FFF0!important;border:1px solid var(--line)!important}
}



/* === 9.9 FINAL PREMIUM SYSTEM === */
:root{
 --bg:#06100E;--bg2:#0B1714;--card:#101D19;--card2:#14241F;
 --em:#00D7A3;--em2:#76FFE0;--gold:#D6B25E;
 --text:#F5F8F7;--muted:#A5B6B0;--line:rgba(118,255,224,.16);
 --shadow:0 24px 80px rgba(0,0,0,.34);
}
html{scroll-behavior:smooth}
body{
 font-family:Inter,Arial,sans-serif!important;
 background:
 radial-gradient(circle at 18% 10%,rgba(0,215,163,.14),transparent 26%),
 radial-gradient(circle at 88% 0%,rgba(214,178,94,.10),transparent 22%),
 linear-gradient(180deg,#050908,#07110F 40%,#09130F)!important;
 color:var(--text)!important;
}
.mobileTop,.top{
 background:rgba(5,9,8,.88)!important;
 border-bottom:1px solid var(--line)!important;
 backdrop-filter:blur(18px)!important;
 box-shadow:0 14px 44px rgba(0,0,0,.32)!important;
}
.brand h1{color:#fff!important;font-weight:900!important;letter-spacing:-.7px!important}
.brand p{color:var(--em2)!important;letter-spacing:1.3px!important}
.hero{
 border:1px solid var(--line)!important;
 border-radius:34px!important;
 background:
 radial-gradient(circle at 20% 18%,rgba(0,215,163,.20),transparent 28%),
 radial-gradient(circle at 84% 12%,rgba(214,178,94,.12),transparent 22%),
 linear-gradient(135deg,#07110F,#0D1815 58%,#142821)!important;
 box-shadow:var(--shadow)!important;
 position:relative!important;
 overflow:hidden!important;
}
.hero:after{
 content:"Residential Safety OS";
 position:absolute;top:24px;right:24px;
 padding:10px 14px;border-radius:999px;
 background:rgba(0,215,163,.10);
 border:1px solid var(--line);
 color:#CFFFF2;font-size:12px;font-weight:900;
}
.hero h2,.big{
 color:#fff!important;
 font-size:clamp(36px,5vw,68px)!important;
 line-height:1.02!important;
 letter-spacing:-2.6px!important;
}
.hero h2::after{
 content:"Protect. Verify. Respond.";
 display:block;
 color:var(--em);
 font-size:clamp(28px,3.5vw,48px);
 margin-top:12px;
}
.big::after{
 content:"Score. Compare. Improve.";
 display:block;
 color:var(--em);
 font-size:clamp(28px,3.5vw,48px);
 margin-top:12px;
}
.hero p,.lead{
 color:#D3E1DC!important;
 line-height:1.74!important;
 max-width:760px!important;
}
.goldBtn{
 background:linear-gradient(135deg,var(--em),var(--em2))!important;
 color:#04100C!important;
 box-shadow:0 18px 44px rgba(0,215,163,.24)!important;
}
.darkBtn,.ghost{
 background:rgba(255,255,255,.05)!important;
 border:1px solid var(--line)!important;
 color:#F5F8F7!important;
}
.warning,.rolePanel,.features,.pilot,.integrationSection,.liveFlow,
.card,.riskPulse,.feature,.metric,.contactBlock,
.roleCard,.featureGrid article,.integrationCard,.scenarioCard{
 background:linear-gradient(180deg,rgba(16,29,25,.96),rgba(10,20,17,.92))!important;
 border:1px solid var(--line)!important;
 color:var(--text)!important;
 box-shadow:0 18px 54px rgba(0,0,0,.24)!important;
}
.sectionTitle h2,.pilot h2,.feature h3,.riskPulse b,
.warning h3,.roleCard h3,.featureGrid b,.integrationCard b,.scenarioCard b{
 color:#fff!important;
 letter-spacing:-1px!important;
}
.sectionTitle p,.pilot p,.feature p,.riskPulse span,
.warning p,.roleCard p,.roleCard li,.featureGrid p,.integrationCard p,.scenarioCard p{
 color:var(--muted)!important;
}
.sectionTitle span,.pilot span,.metric b{color:var(--em)!important}
.chips span,.pills span,.flowItem,.trustMicro span,.pilotBadges span,.advancedPilotNote{
 background:rgba(0,215,163,.08)!important;
 border:1px solid var(--line)!important;
 color:#D9FFF5!important;
}
.pilotForm,.leadForm{
 background:rgba(7,17,15,.72)!important;
 border:1px solid var(--line)!important;
}
.pilotForm input,.pilotForm select,.leadForm input,.leadForm select{
 background:rgba(255,255,255,.05)!important;
 color:#fff!important;
 border:1px solid rgba(118,255,224,.12)!important;
}
.playstore-readiness-card{
 margin:28px auto;
 padding:30px;
 border-radius:30px;
 background:linear-gradient(135deg,rgba(0,215,163,.12),rgba(214,178,94,.08),rgba(255,255,255,.04));
 border:1px solid var(--line);
 box-shadow:var(--shadow);
}
.playstore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.playstore-grid div{
 padding:18px;border-radius:20px;
 background:rgba(6,16,14,.82);
 border:1px solid var(--line);
}
.appFooter{
 background:linear-gradient(135deg,#08110F,#0E1B18)!important;
 border:1px solid var(--line)!important;
 border-radius:26px!important;
}
@media(max-width:900px){
 .featureGrid,.integrationGrid,.scenarioGrid,.playstore-grid{grid-template-columns:1fr!important}
 .hero{padding:22px!important}
 .hero h2,.big{letter-spacing:-1.3px!important}
}
