:root{--bg:#050c18;--bg2:#081426;--card:#0d1b31;--text:#f6f8ff;--muted:#a6b6cb;--line:rgba(255,255,255,.09);--cyan:#2fdcff;--blue:#2779ff;--violet:#9a3dff;--green:#1fddb7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1400px,calc(100% - 48px));margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(5,12,24,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px}.logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:950;font-size:25px;background:linear-gradient(145deg,var(--cyan),var(--blue) 58%,var(--violet));box-shadow:0 12px 35px rgba(39,121,255,.35),inset 0 1px 0 rgba(255,255,255,.38)}.brand-copy{display:flex;flex-direction:column}.brand strong{font-size:19px;letter-spacing:.05em}.brand small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em;margin-top:3px}.nav nav{display:flex;gap:38px;font-weight:750;font-size:14px;color:#c4d0df}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:.25s}.nav nav a:hover{color:#fff}.nav nav a:hover:after{width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:14px;font-weight:850;transition:transform .2s,box-shadow .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-app{background:linear-gradient(120deg,#226ae6,#9942ee);box-shadow:0 12px 35px rgba(83,68,238,.28)}.btn-primary{background:linear-gradient(120deg,#176df4,#a23df0);box-shadow:0 16px 40px rgba(62,85,246,.3)}.btn-outline{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.025)}.btn-outline:hover{border-color:rgba(255,255,255,.45)}.btn-white{background:#fff;color:#07111f}.play{font-size:10px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35)}
.hero{min-height:690px;padding:72px 0 58px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 28%,rgba(26,92,255,.18),transparent 31%),linear-gradient(180deg,#050d1a 0%,#06101e 100%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(72,124,255,.5),transparent)}.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.hero-glow-one{width:430px;height:430px;background:#074fff;right:-90px;top:40px;opacity:.2}.hero-glow-two{width:300px;height:300px;background:#8e22ff;right:20%;bottom:-160px;opacity:.17}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;position:relative;z-index:2}.tag,.overline,.heading>span,.contact-box>div>span{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--cyan)}.tag{border:1px solid rgba(47,220,255,.17);background:rgba(10,39,68,.46);padding:9px 13px;border-radius:99px}.tag i{font-style:normal}h1{font-size:clamp(52px,5.2vw,83px);line-height:.98;letter-spacing:-.045em;margin:21px 0 24px;max-width:680px}h1 span{background:linear-gradient(100deg,#16a3ff,#6149ff 55%,#be45ec);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p,.benefit-copy>p{font-size:19px;line-height:1.72;color:var(--muted);max-width:650px}.actions{display:flex;gap:14px;margin:31px 0}.stats{display:flex;gap:23px;margin-top:34px}.stats>div{display:flex;align-items:center;gap:12px;min-width:130px}.stats>div>i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(30,91,185,.16);font-style:normal;color:var(--cyan);border:1px solid rgba(72,133,255,.09)}.stats span{display:flex;flex-direction:column}.stats strong{font-size:22px}.stats small{font-size:12px;color:var(--muted);margin-top:2px}
.visual{position:relative;min-height:520px;isolation:isolate}.orbit{position:absolute;border:1px solid rgba(39,121,255,.26);border-radius:50%;right:-40px;top:22px;z-index:-1}.orbit-one{width:360px;height:360px}.orbit-two{width:470px;height:470px;right:-95px;top:-32px}.dot-grid{position:absolute;right:-35px;top:5px;width:180px;height:180px;background-image:radial-gradient(rgba(47,115,255,.72) 1.5px,transparent 1.5px);background-size:25px 25px;z-index:-1;mask-image:linear-gradient(135deg,#000,transparent 75%)}.browser{position:absolute;left:15px;top:35px;width:77%;background:#eaf1fa;border-radius:21px;overflow:hidden;box-shadow:0 42px 90px rgba(0,0,0,.5),0 0 55px rgba(27,87,255,.12);transform:rotate(2.4deg);border:1px solid rgba(255,255,255,.18)}.browser-top{height:43px;background:#d6e1ee;display:flex;align-items:center;padding:0 17px;gap:8px;color:#44536a;font-size:11px}.browser-top i{width:9px;height:9px;border-radius:50%;background:#8296b0}.browser-top span{margin-left:13px;font-weight:700}.screen{background:#f9fbff;padding:25px;min-height:365px}.mini-nav{display:flex;align-items:center;gap:17px}.mini-nav b{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#197bff,#7242eb);color:#fff}.mini-nav em{width:48px;height:6px;background:#d4deec;border-radius:8px}.mini-hero{height:150px;margin-top:29px;border-radius:15px;background:linear-gradient(130deg,#0d1831,#14244b);display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px}.mini-image{position:relative}.mini-image span{position:absolute;left:15px;bottom:16px;width:92px;height:55px;background:linear-gradient(135deg,#4d6598,#7185ba);clip-path:polygon(0 100%,32% 38%,51% 64%,69% 25%,100% 100%)}.mini-image i{position:absolute;width:20px;height:20px;border-radius:50%;background:#7187c5;left:95px;top:8px}.mini-copy{padding-top:12px}.mini-copy b,.mini-copy em{display:block;border-radius:10px}.mini-copy b{height:9px;background:#f4f7ff;margin-bottom:10px}.mini-copy b:nth-child(2){width:82%}.mini-copy em{height:8px;background:#42517f;margin-top:12px}.mini-copy em:last-child{width:62%}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:23px}.mini-cards span{height:93px;border-radius:13px;background:#edf2f9;display:flex;align-items:flex-start;padding:16px}.mini-cards i{font-style:normal;color:#177cff;font-size:22px}.phone{position:absolute;right:1%;bottom:15px;width:27%;height:350px;border:9px solid #111b33;background:#f8faff;border-radius:34px;box-shadow:0 35px 70px rgba(0,0,0,.53),0 0 32px rgba(80,54,255,.2);transform:rotate(-2deg);padding:21px 13px;z-index:4}.phone-bar{display:flex;justify-content:space-between;align-items:center}.phone-bar b{width:24px;height:24px;border-radius:6px;background:#257bfa;color:#fff;display:grid;place-items:center;font-size:12px}.phone-bar i,.phone-bar i:before,.phone-bar i:after{width:17px;height:2px;background:#14233c;display:block;content:"";position:relative}.phone-bar i:before{position:absolute;top:-5px}.phone-bar i:after{position:absolute;top:5px}.phone-image{height:130px;background:linear-gradient(135deg,#101b36,#182856);border-radius:12px;margin-top:22px;position:relative}.phone-image span{position:absolute;left:20px;bottom:20px;width:82px;height:50px;background:#586fa6;clip-path:polygon(0 100%,30% 35%,52% 66%,72% 27%,100% 100%)}.phone>em{display:block;height:7px;background:#afbdd1;border-radius:8px;margin-top:15px}.phone>em:nth-of-type(2){width:75%;margin-top:9px}.phone-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:23px}.phone-cards i{height:48px;background:#eef3fb;border-radius:9px}.badge{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;background:rgba(8,24,47,.94);border:1px solid rgba(90,146,255,.3);padding:13px 18px;border-radius:13px;font-weight:850;box-shadow:0 19px 45px rgba(0,0,0,.45);white-space:nowrap}.badge i{font-style:normal}.badge-admin{right:16%;top:85px}.badge-admin i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(31,221,183,.18);color:var(--green)}.badge-fast{left:0;bottom:42px}.badge-fast i{color:var(--cyan)}.badge-mobile{right:15%;bottom:3px;background:rgba(40,13,83,.95);border-color:rgba(164,73,255,.45)}
.service-strip{position:relative;z-index:5;padding:0 0 68px;margin-top:-2px}.service-strip .wrap{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(11,27,52,.92),rgba(7,18,35,.9));padding:20px 20px 22px;box-shadow:0 25px 65px rgba(0,0,0,.2)}.strip-title{text-align:center;font-size:22px;font-weight:850;margin:-3px 0 18px}.strip-title span{color:var(--cyan)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-grid article{display:flex;gap:15px;padding:20px;border-radius:15px;min-height:132px;background:linear-gradient(135deg,rgba(37,78,148,.42),rgba(15,34,68,.45));border:1px solid rgba(255,255,255,.035)}.service-grid article:nth-child(2){background:linear-gradient(135deg,rgba(86,47,146,.45),rgba(25,28,68,.48))}.service-grid article:nth-child(3){background:linear-gradient(135deg,rgba(9,91,90,.43),rgba(12,42,62,.48))}.service-grid article:nth-child(4){background:linear-gradient(135deg,rgba(112,67,12,.38),rgba(39,31,39,.45))}.service-grid>article>i{flex:0 0 48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(36,119,255,.18);font-style:normal;font-size:25px;color:#5ea3ff}.service-grid article:nth-child(2)>i{color:#d35cff;background:rgba(166,65,243,.15)}.service-grid article:nth-child(3)>i{color:#25ddb9;background:rgba(25,202,170,.14)}.service-grid article:nth-child(4)>i{color:#ff9d37;background:rgba(238,140,38,.14)}.service-grid h3{font-size:17px;margin:1px 0 7px}.service-grid p{font-size:13px;line-height:1.55;color:#b6c3d5;margin:0}
.section{padding:95px 0}.section-benefits{background:linear-gradient(180deg,#071120,#091426)}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.benefit-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-.035em;margin:15px 0 20px}.text-link{display:inline-flex;gap:10px;font-weight:850;margin-top:16px;color:#fff}.text-link span{color:var(--cyan)}.checks{display:grid;gap:14px}.checks>div{display:flex;gap:18px;align-items:center;padding:20px;border-radius:17px;background:linear-gradient(145deg,rgba(15,35,65,.92),rgba(10,23,43,.93));border:1px solid var(--line)}.checks>div>i{flex:0 0 47px;height:47px;border-radius:13px;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900;color:var(--cyan);background:rgba(37,116,237,.12)}.checks span{display:flex;flex-direction:column;gap:4px;color:var(--muted);line-height:1.45}.checks strong{color:#fff;font-size:17px}
.process{background:#050d19}.heading{text-align:center;max-width:760px;margin:0 auto 43px}.heading h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;margin:13px 0}.heading p{color:var(--muted);font-size:18px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.process-grid article{position:relative;border:1px solid var(--line);border-radius:19px;padding:27px;background:linear-gradient(180deg,#0c1a30,#091527);min-height:230px;overflow:hidden}.process-grid article:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#185bff;filter:blur(70px);opacity:.13;right:-45px;bottom:-55px}.process-grid b{font-size:12px;letter-spacing:.14em;color:var(--cyan)}.process-grid h3{font-size:20px;margin:26px 0 12px}.process-grid p{color:var(--muted);line-height:1.62;margin:0}
.app-callout{padding:12px 0 75px}.app-box{background:linear-gradient(120deg,#1447a2,#6431be 67%,#7d35ce);border-radius:25px;padding:31px 36px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;box-shadow:0 28px 75px rgba(38,66,186,.28);position:relative;overflow:hidden}.app-box:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-130px;top:-180px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025)}.app-symbol{width:72px;height:72px;border-radius:20px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:35px;font-weight:950;border:1px solid rgba(255,255,255,.12)}.app-box>div:nth-child(2){position:relative;z-index:2}.app-box small{font-weight:900;letter-spacing:.14em;color:#c3efff}.app-box h2{font-size:29px;margin:7px 0}.app-box p{margin:0;color:#dce8fb}.app-box .btn{position:relative;z-index:2}
.contact{padding:20px 0 90px}.contact-box{background:radial-gradient(circle at 80% 20%,rgba(83,58,255,.22),transparent 35%),linear-gradient(145deg,#0e213c,#0b1428);border:1px solid var(--line);border-radius:26px;padding:47px;display:flex;align-items:center;justify-content:space-between;gap:32px}.contact-box h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.035em;margin:12px 0;max-width:780px}.contact-box p{color:var(--muted);margin:0;font-size:17px}footer{border-top:1px solid var(--line);padding:30px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}.footer a:last-child{color:#fff;font-weight:850}.floating{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#2e7af2,#6d38d8);padding:10px 15px;border-radius:50px;box-shadow:0 18px 45px rgba(0,0,0,.4)}.floating b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16)}
@media(max-width:1100px){.wrap{width:min(100% - 36px,1400px)}.nav nav{gap:23px}.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.visual{transform:scale(.92);transform-origin:center}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.nav nav{display:none}.hero{padding:55px 0 35px}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{gap:25px}.hero-copy{text-align:center}.tag{margin:auto}.hero-copy>p{margin-left:auto;margin-right:auto}.actions,.stats{justify-content:center}.visual{width:min(720px,100%);margin:auto;min-height:510px;transform:none}.service-strip{padding-top:20px}.app-box{grid-template-columns:auto 1fr}.app-box .btn{grid-column:1/-1}.contact-box{align-items:flex-start;flex-direction:column}.split{gap:42px}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1400px)}.nav{height:70px}.logo{width:41px;height:41px;font-size:22px}.brand strong{font-size:16px}.brand small{font-size:8px}.nav .btn-app{min-height:43px;padding:0 15px;font-size:0}.nav .btn-app:before{content:"App";font-size:14px}.nav .btn-app span{font-size:14px}.hero{min-height:auto;padding-top:42px}.tag{font-size:10px}h1{font-size:45px;line-height:1.01}.hero-copy>p{font-size:16.5px;line-height:1.65}.actions{flex-direction:column}.actions .btn{width:100%}.stats{gap:7px;justify-content:space-between}.stats>div{min-width:0;flex:1;gap:7px;justify-content:center}.stats>div>i{width:35px;height:35px;font-size:12px}.stats strong{font-size:17px}.stats small{font-size:10px}.visual{min-height:355px;margin-top:5px}.browser{left:0;top:20px;width:82%}.screen{padding:16px;min-height:250px}.browser-top{height:32px}.mini-hero{height:105px;padding:13px}.mini-cards span{height:62px;padding:10px}.phone{height:245px;width:31%;right:0;border-width:6px;border-radius:25px;padding:13px 8px}.phone-image{height:84px;margin-top:14px}.phone>em{margin-top:9px}.phone-cards{margin-top:14px}.phone-cards i{height:31px}.badge{font-size:10px;padding:8px 10px}.badge-admin{right:8%;top:53px}.badge-fast{bottom:20px}.badge-mobile{right:8%;bottom:-2px}.orbit-two{width:300px;height:300px}.orbit-one{width:230px;height:230px}.service-grid,.process-grid{grid-template-columns:1fr}.service-strip .wrap{padding:18px 12px}.strip-title{font-size:18px}.section{padding:66px 0}.benefit-copy h2{font-size:36px}.checks>div{align-items:flex-start}.app-box{grid-template-columns:1fr;text-align:center;padding:26px 20px}.app-symbol{margin:auto}.app-box h2{font-size:24px}.contact{padding-bottom:65px}.contact-box{padding:31px 22px}.footer{flex-direction:column;text-align:center}.floating span{display:none}}
