.hero{min-height:850px;padding:160px 0 70px;background:radial-gradient(circle at 67% 52%,rgba(0,95,255,.22),transparent 34%),linear-gradient(125deg,#01050e 0%,#020a1b 52%,#03152f 100%)}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(132deg,transparent 0 170px,rgba(24,102,255,.11) 171px 172px,transparent 173px 310px);opacity:.7}.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(470px,.78fr) minmax(620px,1.22fr);gap:32px;width:min(calc(100% - 64px),1600px)}
.location{margin-bottom:28px;padding:10px 17px;border:1px solid rgba(35,120,255,.38);border-radius:999px;color:#c3d1e4;font-size:.72rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.location i{border:0;background:#0874ff}.hero h1{max-width:660px;font-size:clamp(3.45rem,4.55vw,5.15rem);line-height:1.03;letter-spacing:-.045em}.hero h1 span{color:#0874ff}.hero-copy>p{max-width:590px;margin:28px 0 30px;color:#b2bed0;font-size:1.02rem;line-height:1.7}.hero-actions .button{min-height:54px;padding-inline:25px}.hero-actions .button span{margin-left:10px}
.hero-trust{display:flex;margin:40px 0 0;padding:0;list-style:none}.hero-trust li{display:flex;align-items:center;gap:11px;padding:0 22px;border-right:1px solid rgba(255,255,255,.1);color:#8fa0b9;font-size:.77rem;line-height:1.55}.hero-trust li:first-child{padding-left:0}.hero-trust li:last-child{border:0}.hero-trust li>span{display:grid;place-items:center;width:38px;height:38px;color:#1681ff;border:1px solid rgba(22,129,255,.3);border-radius:50%;font-size:1.2rem}
.hero-visual{height:610px}.blue-lines{inset:-120px -180px;background:radial-gradient(ellipse at 55% 55%,transparent 0 39%,rgba(22,113,255,.18) 39.2% 39.4%,transparent 39.7% 49%,rgba(22,113,255,.1) 49.2% 49.4%,transparent 49.7%);transform:rotate(-2deg)}.hero-monogram{position:absolute;right:8%;top:-12px;color:rgba(27,89,180,.14);font-size:6rem;font-weight:900}.device{border:1px solid rgba(99,170,255,.56);background:#030a18}
.desktop{left:0;top:72px;width:76%;height:470px;padding:31px 30px;border:7px solid #111c30;border-top-color:#228cff;border-radius:18px;background:radial-gradient(circle at 75% 50%,#0b2751 0,transparent 34%),linear-gradient(135deg,#030816,#06142b);box-shadow:0 42px 65px rgba(0,0,0,.66),0 5px 0 #11192a,0 8px 0 -1px #0876ff,0 0 38px rgba(8,112,255,.5);transform:perspective(1100px) rotateY(-2deg)}.desktop::after{content:"";position:absolute;left:-9%;right:-9%;bottom:-12px;height:19px;border-radius:3px 3px 18px 18px;background:linear-gradient(#14213a,#060c17 75%)}.mock-nav{display:flex;align-items:center;gap:20px;font-size:.47rem}.mock-nav b{margin-right:auto;font-size:.62rem}.mock-nav em{padding:9px 13px;border-radius:4px;background:#1268e9;font-style:normal}
.desktop-copy{position:relative;z-index:2;width:54%;margin-top:78px}.desktop-copy small{color:#2b85ff;font-size:.48rem}.desktop-copy strong{display:block;margin:12px 0;color:#fff;font-size:1.65rem;line-height:1.12}.desktop-copy strong i{color:#0878ff;font-style:normal}.desktop-copy p{color:#a4b1c5;font-size:.5rem;line-height:1.65}.desktop-copy>span{display:inline-block;margin:8px 4px 0 0;padding:9px 11px;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-size:.46rem}.desktop-copy>span:first-of-type{border-color:#1479ff;background:#0864dc}.desktop-benefits{position:absolute;left:30px;bottom:25px;display:flex;gap:22px;color:#9aa9bf;font-size:.45rem}
.desktop-scene{position:absolute;right:4%;top:27%;width:43%;height:53%}.scene-screen{position:absolute;right:0;top:0;width:85%;height:78%;padding:30px 18px;border:4px solid #172136;border-radius:7px;background:radial-gradient(circle at 75% 55%,#1476e8 0 2%,transparent 3%),linear-gradient(145deg,#123260,#061225 62%)}.scene-screen::after{content:"";position:absolute;left:-7%;right:-7%;bottom:-7px;height:7px;background:#26364e}.scene-screen small{font-size:.38rem}.scene-screen strong{display:block;margin-top:32px;font-size:1rem;font-style:italic}.scene-screen i{display:block;width:42px;height:4px;margin-top:10px;background:#0878ff}.scene-phone{position:absolute;z-index:2;left:0;bottom:0;width:28%;height:63%;padding:22px 7px 7px;color:#101725;border:4px solid #111827;border-radius:12px;background:#f5f7fa;transform:rotate(3deg)}.scene-phone small{font-size:.35rem}.scene-phone b{display:block;margin:7px 0;font-size:.52rem}.scene-phone i{display:inline-block;width:45%;height:35px;background:linear-gradient(#273b52,#111827)}
.tablet{z-index:3;right:0;bottom:8px;width:42%;height:315px;padding:26px 20px;border:8px solid #131b2b;border-radius:22px;background:linear-gradient(145deg,#061123,#071a37);transform:rotate(1deg)}.dashboard-title{margin-bottom:28px;color:#c5d3e5;font-size:.65rem}.dashboard-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dashboard-kpis>span{padding:10px 8px;border:1px solid rgba(255,255,255,.05);border-radius:6px;background:#09172d;color:#8395ab;font-size:.42rem}.dashboard-kpis b,.dashboard-kpis i{display:block}.dashboard-kpis b{margin:7px 0;color:#fff;font-size:.86rem}.dashboard-kpis i{color:#49d795;font-size:.38rem;font-style:normal}.dashboard-activity{display:grid;gap:7px;margin-top:28px}.dashboard-activity b{margin-bottom:3px;color:#8898ad;font-size:.48rem}.dashboard-activity span{padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:5px;color:#93a3b8;font-size:.4rem}
.phone{z-index:4;left:57%;bottom:0;width:22%;height:340px;padding:45px 18px 20px;border:8px solid #121a29;border-radius:27px;background:linear-gradient(160deg,#07152c,#030a16)}.phone-notch{top:0}.phone-nav{display:flex;justify-content:space-between;font-size:.48rem}.phone>strong{display:block;margin-top:52px;font-size:1.08rem;line-height:1.15}.phone>strong i{color:#1681ff;font-style:normal}.phone>p{margin:18px 0;color:#a6b2c1;font-size:.48rem;line-height:1.65}.phone>em{display:block;padding:11px 9px;border-radius:5px;background:#126af1;font-size:.45rem;font-style:normal}
.performance{z-index:5;right:1%;top:45px;width:142px;height:142px;padding:10px;border-color:rgba(12,112,255,.45);background:rgba(2,10,23,.72);box-shadow:0 0 36px rgba(8,102,255,.22)}.performance::before{content:"";position:absolute;inset:8px;border-radius:50%;background:conic-gradient(#0876ff 0 95%,rgba(20,91,190,.2) 95%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 0)}.performance>span{position:relative;z-index:1;text-align:center}.performance small,.performance b,.performance em{display:block}.performance small{color:#c4d0df;font-size:.58rem}.performance b{margin:3px 0;color:#fff;font-size:2rem}.performance sup{font-size:.8rem}.performance em{color:#8395ad;font-size:.38rem;font-style:normal;line-height:1.4}.performance em i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#32d795}
@media(max-width:1250px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{width:min(900px,100%);margin:0 auto}.hero{padding-bottom:90px}.hero h1{font-size:clamp(3.4rem,7vw,5.1rem)}}
@media(max-width:820px){.hero-grid{width:min(calc(100% - 40px),var(--container))}.hero-trust{justify-content:space-between}.hero-trust li{padding:0 12px}.hero-visual{height:520px}.desktop{width:82%;height:405px}.tablet{width:43%;height:270px}.phone{left:55%;height:290px}.performance{width:112px;height:112px}.performance b{font-size:1.55rem}}
@media(max-width:540px){.hero{padding-top:130px}.hero-grid{width:min(calc(100% - 28px),var(--container))}.hero h1{font-size:2.75rem}.hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.hero-trust li{padding:0;border:0}.hero-trust li:last-child{grid-column:1/-1}.hero-visual{height:345px;margin-top:15px}.desktop{top:35px;width:92%;height:270px;padding:17px 14px;border-width:5px}.mock-nav span,.mock-nav em,.desktop-benefits{display:none}.desktop-copy{margin-top:37px}.desktop-copy strong{font-size:1.05rem}.desktop-copy p{font-size:.4rem}.desktop-scene{right:2%;width:45%}.scene-screen{padding:18px 8px}.scene-phone{display:none}.tablet{right:-4%;width:43%;height:180px;padding:15px 10px;border-width:5px}.dashboard-title{margin-bottom:14px}.dashboard-kpis{gap:3px}.dashboard-kpis>span{padding:5px 3px}.dashboard-kpis b{font-size:.55rem}.dashboard-activity{margin-top:12px}.dashboard-activity span{padding:4px}.phone{left:52%;width:25%;height:205px;padding:30px 9px 10px;border-width:5px;border-radius:18px}.phone>strong{margin-top:30px;font-size:.7rem}.phone>p{margin:9px 0;font-size:.35rem}.phone>em{padding:7px 5px;font-size:.32rem}.performance{display:none}}