:root{--blue:#0067ff;--blue2:#0a84ff;--navy:#020b1d;--navy2:#03183d;--text:#061334;--muted:#6d7894;--line:#dfe7f5;--soft:#f4f8ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1710px,94%);margin:auto}.topbar{height:40px;background:linear-gradient(90deg,#0b377d 0%,#075dff 100%);color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;align-items:center;position:relative;z-index:8}.topbar .container{display:flex;align-items:center;justify-content:space-between}.top-left,.top-right{display:flex;align-items:center;gap:23px;font-weight:800;font-size:14px;line-height:1}.quote{background:#1275ff;border-radius:6px;padding:10px 30px;box-shadow:inset 0 0 0 1px #2f8fff}.social{display:flex;gap:20px;font-size:17px;align-items:center}.heroWrap{background:radial-gradient(circle at 58% 35%,#073271 0,#03183d 38%,#010815 100%);color:#fff;position:relative;overflow:hidden}.heroWrap:before{content:"";position:absolute;inset:40px 0 0;background-image:radial-gradient(#0b6cff 1.1px,transparent 1.1px);background-size:38px 38px;opacity:.75}.heroWrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,21,.18),rgba(1,8,21,.02),rgba(1,8,21,.35));pointer-events:none}.navbar{position:relative;z-index:3;height:88px;display:flex;align-items:center}.navbar .container{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brandImage img{width:210px;height:auto;display:block}.brandMark{width:76px;height:76px;border-radius:12px;background:linear-gradient(135deg,#0177ff,#014ce4);display:grid;place-items:center;color:#fff;font-weight:900;font-size:36px;box-shadow:0 0 32px #0067ff55}.brandText{font-weight:900;font-size:33px;line-height:.75;letter-spacing:1px}.brandText span{display:block;color:#0b78ff;font-size:17px;letter-spacing:10px;margin-top:12px}.menu{display:flex;gap:41px;align-items:center;font-weight:900;font-size:16px}.menu a.active{color:#fff;border-bottom:3px solid var(--blue);padding-bottom:17px}.panelBtn{border:2px solid var(--blue);border-radius:8px;padding:14px 27px;box-shadow:0 0 0 1px rgba(0,103,255,.25) inset}.hero{position:relative;z-index:2;display:grid;grid-template-columns:560px 1fr;gap:25px;min-height:475px;align-items:start}.heroContent{padding-top:36px}.eyebrow{font-weight:900;color:#0877ff;font-size:20px;margin-bottom:14px}.hero h1{font-size:53px;line-height:1.07;margin:0 0 22px;font-weight:900;text-shadow:0 3px 6px #000;letter-spacing:-1.2px}.hero h1 span{color:#0574ff}.hero p{font-size:16px;line-height:1.7;max-width:560px;font-weight:650}.actions{display:flex;gap:20px;margin:26px 0 22px}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:7px;background:var(--blue);color:#fff;padding:15px 25px;font-weight:900;border:0}.btn.outline{background:rgba(1,8,21,.35);border:1px solid #7c8eaa}.ticks{display:flex;gap:28px;font-weight:900;margin-top:15px;font-size:15px}.ticks span{white-space:nowrap}.ticks span:before{content:'✓';background:#006aff;border-radius:50%;padding:2px 5px;margin-right:8px}.heroVisual{min-height:380px;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:4px}.heroVisual img{width:min(100%,955px);height:auto;display:block;filter:drop-shadow(0 18px 26px rgba(0,0,0,.55))}.laptop,.phone,.plant{display:none}.brandStrip{position:relative;z-index:3;padding:0 0 28px;margin-top:-48px}.brandStrip .container{display:flex;justify-content:center;align-items:center}.brandStripImage{width:min(100%,1220px)!important;max-height:none!important;max-width:1220px!important;filter:none!important;opacity:1!important;object-fit:contain}.brandStrip img:not(.brandStripImage){max-height:44px;max-width:185px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 2px 2px #000);opacity:.98}
.domainBox{background:#031638;border:2px solid #d7e4f6;border-radius:10px;margin:14px auto 30px;padding:22px 38px;color:#fff;display:grid;grid-template-columns:250px 1fr 210px;gap:30px;align-items:center}.domainIcon{display:flex;gap:20px;align-items:center}.www{background:#fff;color:#0067ff;border-radius:10px;padding:28px;font-size:28px;font-weight:900}.domainBox input,.domainBox select{height:59px;border:0;padding:0 24px;font-size:17px}.domainSearch{display:flex}.domainSearch input{flex:1;border-radius:8px 0 0 8px}.domainSearch select{border-left:1px solid #d8e0ec}.domainBox .btn{height:59px;justify-content:center}.prices{grid-column:2/4;display:flex;gap:24px}.prices span{border:1px solid #194179;border-radius:7px;padding:13px 37px}.section{padding:42px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.sectionHead small{color:#0067ff;font-weight:900}.sectionHead h2{font-size:24px;margin:6px 0}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.card{background:#fff;border:1px solid #e6edf7;border-radius:8px;padding:26px;box-shadow:0 10px 30px #05205112}.icon{font-size:38px;color:#0067ff}.card h3{font-size:16px}.card p{color:#516079;line-height:1.55}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}.prod{background:#fff;border:1px solid #e6edf7;border-radius:9px;overflow:hidden;box-shadow:0 12px 30px #05205118}.prodImg{height:125px;background:linear-gradient(135deg,#101926,#0073ff);position:relative}.prodImg:after{content:"";position:absolute;inset:25px;background:#fff2;border-radius:6px}.prodBody{padding:18px}.miniFeatures,.statsBar{background:#041739;color:#fff;border-radius:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:30px}.miniFeatures div,.statsBar div{padding:25px 30px;border-right:1px solid #123c7f}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;text-align:center}.process b{font-size:26px}.testimonials,.blogs{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.blogs{grid-template-columns:repeat(4,1fr)}.blogImg{height:130px;background:linear-gradient(135deg,#444,#0c72ff)}.cta{background:linear-gradient(90deg,#0067ff,#02358c);color:#fff;border-radius:10px;padding:40px 60px;display:flex;justify-content:space-between;align-items:center;margin:40px 0}.footer{background:#031329;color:#fff;padding:60px 0 30px}.footerGrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:50px}.footer a,.footer p{color:#cbd6ea;display:block;margin:10px 0}.loginPage{min-height:100vh;background:radial-gradient(circle at 25% 40%,#073279,#010815);display:grid;grid-template-columns:1fr 1fr;color:#fff;padding:55px 85px;gap:70px}.loginHero h1{font-size:52px;margin-top:120px}.loginHero h1 span{color:#0067ff}.loginCard{background:#fff;color:#061334;border-radius:22px;padding:80px;align-self:center}.formGroup{margin:22px 0}.input{width:100%;height:62px;border:1px solid #d8e1ef;border-radius:8px;padding:0 20px}.adminBody{background:#f4f7fb;display:flex;min-height:100vh}.sidebar{width:280px;background:#031329;color:#fff;padding:24px;position:fixed;inset:0 auto 0 0;overflow:auto}.sidebar a{display:block;padding:13px 16px;border-radius:8px;color:#dce8ff}.sidebar a:hover,.sidebar a.active{background:#0067ff;color:#fff}.adminMain{margin-left:280px;padding:28px;width:calc(100% - 280px)}.adminGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.table{width:100%;background:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid #edf2fb;text-align:left}.panel{background:#fff;border-radius:14px;padding:24px;box-shadow:0 8px 25px #0000000a;margin-bottom:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:1000px){.hero,.loginPage{grid-template-columns:1fr}.cards,.products,.process,.testimonials,.blogs,.footerGrid,.miniFeatures,.statsBar{grid-template-columns:1fr 1fr}.domainBox{grid-template-columns:1fr}.prices{grid-column:auto;flex-wrap:wrap}.menu{display:none}.laptop{position:relative;right:auto;width:80%;}.phone,.plant{display:none}}@media(max-width:650px){.cards,.products,.process,.testimonials,.blogs,.footerGrid,.miniFeatures,.statsBar{grid-template-columns:1fr}.hero h1{font-size:36px}.topbar{height:auto;padding:10px}.topbar .container,.top-left,.top-right{flex-wrap:wrap}.loginPage{padding:20px}.loginCard{padding:30px}.adminMain{margin-left:0;width:100%}.sidebar{position:relative;width:100%;height:auto}.adminBody{display:block}}


/* ===== HERO HEADER FIX v3: reference-aligned top area ===== */
.container{width:min(1568px,92%)}
.topbar{height:48px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.topbar .container{height:48px}.top-left{gap:24px;font-size:15px}.top-right{gap:26px}.quote{padding:12px 34px;border-radius:7px}.social{gap:22px;font-size:18px}
.heroWrap{min-height:626px;background:radial-gradient(circle at 62% 34%,#062e68 0,#031a3e 34%,#010816 76%);}
.heroWrap:before{inset:48px 0 0;background-size:36px 36px;opacity:.78}.heroWrap:after{background:linear-gradient(90deg,rgba(1,8,21,.04),rgba(1,8,21,.05),rgba(1,8,21,.25))}
.navbar{height:106px}.brandImage img{width:220px}.navbar .container{align-items:flex-start;padding-top:20px}.menu{gap:38px;font-size:16px;padding-top:15px}.menu a.active{padding-bottom:17px}.panelBtn{padding:14px 26px;border-radius:8px}
.hero{grid-template-columns:520px minmax(0,1fr);gap:42px;min-height:402px;align-items:start}.heroContent{padding-top:8px}.eyebrow{font-size:20px;margin-bottom:14px}.hero h1{font-size:52px;line-height:1.04;letter-spacing:-1px;margin-bottom:20px;max-width:520px}.hero p{font-size:16px;line-height:1.62;max-width:520px;margin:0}.actions{margin:25px 0 20px;gap:18px}.btn{padding:14px 25px;border-radius:7px}.ticks{gap:28px;margin-top:16px;font-size:15px;position:relative;z-index:4}.ticks span:before{display:inline-grid;place-items:center;width:23px;height:23px;padding:0;margin-right:8px}.heroVisual{height:382px;overflow:hidden;padding-top:0;margin-top:-4px;justify-content:flex-end;align-items:flex-start}.heroVisual img{width:min(100%,1015px);max-width:1015px;filter:drop-shadow(0 16px 22px rgba(0,0,0,.55));}
.brandStrip{margin-top:0;padding:14px 0 26px;position:relative;z-index:4}.brandLogos{display:flex;align-items:center;justify-content:center;gap:74px;height:52px}.brandLogos img{height:34px;width:auto;max-width:180px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 2px 3px #000);opacity:.97}.brandLogos img:nth-child(2){height:38px}.brandLogos img:nth-child(3){height:40px}.brandLogos img:nth-child(4){height:38px}.brandLogos img:nth-child(5){height:36px}.brandLogos img:nth-child(6){height:38px}
.domainBox{margin-top:0}
@media(max-width:1200px){.hero{grid-template-columns:1fr}.heroVisual{display:none}.brandLogos{gap:30px;flex-wrap:wrap;height:auto}.menu{display:none}.heroWrap{min-height:auto}.brandImage img{width:190px}}

/* ===== HERO DEVICE AREA FIX v4 ===== */
.heroVisual{height:auto;min-height:360px;overflow:visible;margin-top:0;padding-top:0;display:flex;align-items:flex-start;justify-content:flex-end;background:transparent!important}
.heroVisual img{width:100%;max-width:940px;height:auto;object-fit:contain;border:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.50));mix-blend-mode:normal}
.hero{grid-template-columns:520px minmax(760px,1fr);align-items:start}
.brandStrip{margin-top:-10px;padding-top:0}
@media(max-width:1400px){.hero{grid-template-columns:500px minmax(620px,1fr)}.heroVisual img{max-width:840px}.hero h1{font-size:48px}.menu{gap:25px}}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.heroVisual{display:none}}