:root { --navy:#050b2e; --blue:#087cf0; --cyan:#34b7ff; --ink:#08102d; --muted:#5f6b83; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.siteHeader { height:92px; display:flex; align-items:center; padding:0 max(32px,calc((100vw - 1380px)/2)); gap:46px; border-bottom:1px solid #e8edf5; background:rgba(255,255,255,.97); position:relative; z-index:20; }
.brand { margin-right:auto; display:flex; align-items:center; }
.brand img { width:300px; max-height:62px; object-fit:contain; object-position:left center; }
nav { display:flex; gap:38px; color:#34405c; font-size:15px; font-weight:700; }
nav a:hover { color:var(--blue); }
.navCta,.primaryButton { display:inline-flex; align-items:center; justify-content:center; gap:14px; background:linear-gradient(135deg,#087cf0,#075dd7); color:white; font-weight:800; box-shadow:0 12px 30px rgba(8,124,240,.25); }
.navCta { height:50px; padding:0 25px; border-radius:8px; font-size:14px; }
.navCta span,.primaryButton span { font-size:18px; }
.hero { min-height:680px; position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(500px,.91fr) minmax(580px,1.09fr); align-items:stretch; padding-left:max(32px,calc((100vw - 1380px)/2)); background:linear-gradient(122deg,#ffffff 0%,#f7faff 54%,#eaf4ff 100%); }
.hero:before { content:""; position:absolute; left:0; top:0; bottom:0; width:53%; background:radial-gradient(circle at 20% 40%,rgba(39,151,255,.10),transparent 55%); }
.heroCopy { position:relative; z-index:4; max-width:680px; padding:82px 70px 72px 0; align-self:center; }
.eyebrow { display:flex; align-items:center; gap:10px; color:#0873dd; font-size:12px; letter-spacing:.17em; font-weight:900; margin-bottom:28px; }
.eyebrow span { width:28px; height:2px; background:#087cf0; }
h1 { margin:0; font-size:clamp(54px,4.3vw,72px); line-height:1.02; letter-spacing:-.048em; color:#071038; font-weight:800; }
h1 em { display:block; color:#087cf0; font-style:normal; }
.heroLead { max-width:610px; margin:28px 0 31px; font-size:18px; line-height:1.68; color:#59677e; }
.heroActions { display:flex; align-items:center; gap:28px; }
.primaryButton { min-height:58px; padding:0 28px; border-radius:8px; }
.textButton { font-size:15px; font-weight:800; color:#18284c; display:flex; align-items:center; gap:11px; }
.play { width:35px; height:35px; display:grid; place-items:center; border:1px solid #bdd2ea; border-radius:50%; color:var(--blue); font-size:10px; padding-left:2px; background:#fff; }
.trustRow { display:flex; flex-wrap:wrap; gap:22px; margin-top:34px; color:#66738a; font-size:13px; font-weight:700; }
.trustRow b { color:#10a876; margin-right:6px; }
.heroVisual { position:relative; min-height:680px; z-index:3; overflow:hidden; }
.heroPhoto { position:absolute; inset:0; background-image:url('assets/executive-security.jpg'); background-size:cover; background-position:55% center; }
.visualShade { position:absolute; inset:0; background:linear-gradient(90deg,#f7faff 0%,rgba(247,250,255,.12) 23%,rgba(6,18,59,.05) 70%),linear-gradient(0deg,rgba(4,16,55,.22),transparent 55%); }
.productBox { position:absolute; width:350px; max-height:520px; left:24px; bottom:-18px; object-fit:contain; filter:drop-shadow(0 28px 28px rgba(2,10,42,.38)); }
.statusCard { position:absolute; display:flex; align-items:center; gap:12px; min-width:255px; padding:15px 17px; border:1px solid rgba(255,255,255,.85); border-radius:12px; background:rgba(255,255,255,.89); backdrop-filter:blur(14px); box-shadow:0 18px 45px rgba(9,44,94,.16); }
.statusCard small { display:block; color:#8490a4; font-size:8px; letter-spacing:.12em; font-weight:900; margin-bottom:4px; }
.statusCard strong { display:block; font-size:14px; }
.statusTop { top:64px; right:max(24px,calc((100vw - 1380px)/2)); }
.statusTop i { margin-left:auto; color:#0aa777; background:#e3f8ef; padding:5px 7px; border-radius:4px; font:800 8px Arial; letter-spacing:.1em; }
.statusIcon { width:42px;height:42px;display:grid;place-items:center;border-radius:9px;color:white;background:linear-gradient(145deg,#168bf5,#045cc5); }
.statusBottom { bottom:50px; right:max(24px,calc((100vw - 1380px)/2)); }
.statusBottom>b { margin-left:auto; color:#087cf0; font-size:17px; }
.pulse { width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e9f5ff; }
.pulse span { width:12px;height:12px;background:#0a86ef;border-radius:50%;box-shadow:0 0 0 7px rgba(10,134,239,.14); }
.proofBar { position:relative; z-index:5; min-height:126px; padding:22px max(32px,calc((100vw - 1380px)/2)); background:linear-gradient(110deg,#061138,#0a2057); color:white; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; box-shadow:0 18px 45px rgba(7,20,63,.16); }
.proofBar article { min-height:67px; padding:0 28px; display:flex; align-items:center; gap:16px; border-right:1px solid rgba(255,255,255,.13); }
.proofBar article:first-child { padding-left:0; }
.proofBar article:last-child { border:0; }
.proofBar article>span { width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(55,177,255,.46);border-radius:9px;color:#35b1ff;flex:0 0 auto; }
.proofBar .lineIcon { font-size:23px; font-weight:400; }
.proofBar strong,.proofBar small { display:block; }
.proofBar strong { font-size:14px; margin-bottom:7px; }
.proofBar small { color:#9cabc8; font-size:11px; }
.sectionWrap { padding:105px max(32px,calc((100vw - 1380px)/2)); }
.sectionIntro { max-width:760px; margin:0 auto 62px; }
.centered { text-align:center; }
.centerLine { justify-content:center; }
.sectionIntro h2,.contentPanel h2,.businessCopy h2,.finalCta h2 { margin:0; color:#081238; font-size:clamp(40px,3.8vw,58px); line-height:1.1; letter-spacing:-.042em; }
.sectionIntro h2 em,.businessCopy h2 em { color:var(--blue); font-style:normal; }
.sectionIntro>p { color:#69758a; font-size:17px; line-height:1.7; max-width:650px; margin:24px auto 0; }
.platform { overflow:hidden; background:#fff; }
.dashboardStage { max-width:1120px; margin:auto; position:relative; padding:0 70px; }
.dashGlow { position:absolute; inset:4% 8% -10%; background:radial-gradient(ellipse,rgba(0,117,245,.24),transparent 68%); filter:blur(18px); }
.dashboardFrame { position:relative; z-index:2; border-radius:18px; padding:8px; background:linear-gradient(145deg,#1f3d88,#07113b); box-shadow:0 42px 90px rgba(8,27,73,.25); overflow:hidden; }
.dashboardFrame img { display:block; width:100%; border-radius:9px; }
.windowBar { height:40px; display:flex; align-items:center; padding:0 12px; gap:6px; color:#aab9db; font-size:10px; }
.windowBar i { width:7px;height:7px;border-radius:50%;background:#377dde; }.windowBar i:nth-child(2){opacity:.65}.windowBar i:nth-child(3){opacity:.35}
.windowBar span { margin-left:8px; }.windowBar b { margin-left:auto; color:#5de0a8; }
.miniMetric { position:absolute; z-index:3; background:#fff; border:1px solid #e2ebf6; border-radius:12px; box-shadow:0 18px 50px rgba(10,45,90,.15); padding:18px 22px; min-width:205px; }
.miniMetric small,.miniMetric strong,.miniMetric span { display:block; }.miniMetric small{font-size:8px;letter-spacing:.12em;color:#8190a8;font-weight:900}.miniMetric strong{font-size:18px;margin:6px 0;color:#0a1b49}.miniMetric span{font-size:10px;color:#8792a5}.metricLeft{left:-8px;bottom:50px}.metricRight{right:-8px;top:86px}
.protection { display:grid; grid-template-columns:1fr 1fr; min-height:760px; background:#f5f8fc; }
.photoPanel { min-height:650px; background-size:cover; background-position:center; position:relative; }
.executivePhoto { background-image:linear-gradient(180deg,rgba(7,18,60,.02),rgba(7,18,60,.20)),url('assets/happy-professional.jpg'); background-position:center center; }
.photoBadge { position:absolute; bottom:48px; right:0; width:min(410px,82%); padding:23px 30px; display:flex; align-items:center; gap:18px; color:white; background:rgba(5,21,65,.92); backdrop-filter:blur(12px); border-left:3px solid #159cff; }
.photoBadge small,.photoBadge strong { display:block; }.photoBadge small{color:#52b9ff;font-size:8px;letter-spacing:.15em;font-weight:900;margin-bottom:7px}.photoBadge strong{font-size:17px}
.contentPanel { padding:100px clamp(35px,6vw,100px); display:flex; flex-direction:column; justify-content:center; }
.contentPanel>p,.businessCopy>p { color:#68758a;font-size:16px;line-height:1.75;margin:26px 0 30px;max-width:650px; }
.capabilityGrid { display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce4ee;border-left:1px solid #dce4ee; }
.capabilityGrid article { display:flex;gap:14px;padding:24px 18px;border-right:1px solid #dce4ee;border-bottom:1px solid #dce4ee; }
.capabilityGrid article>b{color:#1593f5;font-size:11px}.capabilityGrid strong,.capabilityGrid span{display:block}.capabilityGrid strong{font-size:14px;margin-bottom:7px}.capabilityGrid span{font-size:11px;line-height:1.55;color:#758198}
.inlineLink { margin-top:30px;color:#087cf0;font-size:13px;font-weight:900;display:flex;align-items:center;gap:10px; }
.business { display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center;background:linear-gradient(120deg,#03132d 0%,#061b3c 58%,#072656 100%);color:white;position:relative;overflow:hidden; }
.business:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-170px;top:-220px;background:radial-gradient(circle,rgba(11,126,240,.24),transparent 68%);pointer-events:none}.businessCopy{position:relative;z-index:2}.businessCopy h2{color:white}.businessCopy h2 em{color:#2da8ff}.businessCopy>p{color:#b8c5d9}.businessCopy .eyebrow{color:#2da8ff}.businessCopy .checkList { list-style:none;padding:0;margin:0;display:grid;gap:18px; }
.checkList li{display:flex;gap:14px;align-items:flex-start}.checkList li>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#0b69bd;color:#40b7ff;font-weight:900}.checkList strong,.checkList small{display:block}.checkList strong{font-size:15px;margin:3px 0 0}.checkList small{font-size:12px;color:#7b8799}
.softwareImage{position:relative;z-index:2;padding:10px;background:linear-gradient(145deg,rgba(45,164,255,.6),rgba(45,164,255,.08));border:1px solid rgba(89,183,255,.45);border-radius:18px;box-shadow:0 35px 80px rgba(0,0,0,.38)}.softwareImage img{display:block;width:100%;border-radius:10px}
.numbers { background:#0878e7;color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:46px clamp(28px,7vw,128px); }
.numbers div{text-align:center;border-right:1px solid rgba(255,255,255,.22)}.numbers div:last-child{border:0}.numbers strong,.numbers span{display:block}.numbers strong{font-size:36px;margin-bottom:8px}.numbers span{font-size:11px;color:#d6ecff}
.plans { background:#f5f8fc; }
.planGrid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:auto;align-items:stretch; }
.planCard { position:relative;padding:42px 38px;background:#fff;border:1px solid #e0e7f0;box-shadow:0 18px 44px rgba(9,37,81,.06); }
.planIcon{width:50px;height:50px;display:grid;place-items:center;border-radius:9px;background:#e9f5ff;color:#087cf0;margin-bottom:30px}.planCard>small{color:#087cf0;font-size:8px;letter-spacing:.17em;font-weight:900}.planCard h3{font-size:31px;margin:10px 0 15px}.planCard p{font-size:13px;color:#6f7b90;line-height:1.65;min-height:64px}.planCard ul{list-style:none;padding:18px 0 22px;margin:0;border-top:1px solid #e4e9f1}.planCard li{font-size:12px;padding:7px 0;color:#45536c}.planCard li:before{content:'✓';color:#0aaa78;font-weight:900;margin-right:9px}.planCard>a{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid #aacbed;color:#0874da;font-size:12px;font-weight:900}.featuredPlan{border-top:3px solid #087cf0;transform:translateY(-12px)}.popular{position:absolute;right:25px;top:20px;color:#087cf0;background:#e9f5ff;padding:7px 10px;font-size:7px;letter-spacing:.12em;font-weight:900}.darkPlan{background:#07143f;color:white;border-color:#07143f}.darkPlan h3{color:white}.darkPlan p,.darkPlan li{color:#b5c0d6}.darkPlan ul{border-color:#27335d}.darkPlan .planIcon{background:#142a61;color:#4cbcff}.darkPlan>a{color:white;border-color:#38588e}
.finalCta { margin:0; padding:65px clamp(28px,7vw,128px); background:linear-gradient(120deg,#07143f,#092563 75%,#087eea); color:white; display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center; }
.ctaShield{width:84px;height:84px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.1);color:#4dbbff}.finalCta small{color:#54bdff;font-size:9px;letter-spacing:.17em;font-weight:900}.finalCta h2{color:white;font-size:40px;margin:8px 0}.finalCta p{color:#aebddd;margin:0}.lightButton{background:white;color:#086fd6;box-shadow:none;min-height:56px;padding:0 26px;border-radius:8px}
footer{background:#040a24;color:white;padding:70px clamp(28px,7vw,128px) 25px}.footerMain{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px}.footerBrand img{width:300px}.footerBrand p{color:#8996b2;font-size:13px;line-height:1.6;max-width:300px}.footerMain>div:not(.footerBrand){display:flex;flex-direction:column;gap:13px}.footerMain strong{font-size:10px;letter-spacing:.13em;margin-bottom:6px}.footerMain a{color:#8f9bb3;font-size:12px}.footerMain a:hover{color:white}.footerBottom{border-top:1px solid #202943;margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;color:#74809b;font-size:10px}.footerBottom div{display:flex;gap:25px}
@media (max-width:1050px){ nav{display:none}.siteHeader{padding:0 28px}.hero{grid-template-columns:1fr;padding:0}.heroCopy{text-align:center;margin:auto;padding:72px 28px}.eyebrow,.heroActions,.trustRow{justify-content:center}.heroVisual{min-height:600px}.productBox{width:360px;left:7%;bottom:-15px}.statusTop{right:6%}.statusBottom{right:6%}.proofBar{grid-template-columns:repeat(2,1fr)}.proofBar article:nth-child(2){border-right:0} }
@media (max-width:1050px){.protection{grid-template-columns:1fr}.business{grid-template-columns:1fr;gap:55px}.planGrid{grid-template-columns:1fr;max-width:600px}.featuredPlan{transform:none}.finalCta{grid-template-columns:auto 1fr}.finalCta .primaryButton{grid-column:2}.footerMain{grid-template-columns:2fr 1fr 1fr}.footerMain>div:last-child{display:none}}
@media (max-width:640px){.siteHeader{height:78px;padding:0 18px}.brand img{width:225px}.navCta{display:none}.hero{min-height:auto}.heroCopy{padding:58px 20px 50px}.heroCopy h1{font-size:48px}.heroLead{font-size:16px}.heroActions{flex-direction:column;gap:20px}.trustRow{display:none}.heroVisual{min-height:510px}.heroPhoto{background-position:65% center}.productBox{width:270px;left:-18px;bottom:-8px}.statusCard{min-width:205px;padding:10px}.statusTop{top:24px;right:12px}.statusBottom{bottom:22px;right:12px}.proofBar{grid-template-columns:1fr;padding:20px}.proofBar article,.proofBar article:first-child{padding:15px 4px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.sectionWrap{padding:75px 20px}.dashboardStage{padding:0}.dashboardFrame{border-radius:10px}.windowBar{height:27px}.miniMetric{display:none}.photoPanel{min-height:480px}.contentPanel{padding:75px 20px}.capabilityGrid{grid-template-columns:1fr}.softwareImage{border-radius:10px;padding:5px}.numbers{grid-template-columns:1fr 1fr;padding:25px 20px}.numbers div{padding:20px 5px}.numbers div:nth-child(2){border:0}.planCard{padding:35px 28px}.finalCta{grid-template-columns:1fr;text-align:center;padding:55px 20px}.ctaShield{margin:auto}.finalCta .primaryButton{grid-column:1}.footerMain{grid-template-columns:1fr 1fr;gap:35px}.footerBrand{grid-column:1/-1}.footerBottom{flex-direction:column;gap:16px}}