
:root{--bg:#05070F;--black:#020612;--navy:#071426;--panel:rgba(8,18,35,.86);--cyan:#00E5FF;--teal:#00C8D7;--blue:#157BFF;--deep:#1F3CFF;--white:#fff;--muted:#D7E0EA;--soft:#9EB0C5;--gold:#D6B45D;--border:rgba(0,229,255,.22);--shadow:0 28px 100px rgba(0,229,255,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--white);background:radial-gradient(circle at 18% -8%,rgba(0,229,255,.20),transparent 31rem),radial-gradient(circle at 92% 5%,rgba(31,60,255,.28),transparent 36rem),linear-gradient(180deg,#030611 0%,#071426 42%,#020612 100%);line-height:1.6}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(3,6,17,.92);border-bottom:1px solid rgba(0,229,255,.12);backdrop-filter:blur(18px)}.nav-inner{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.banner{width:184px;display:block}.links{display:flex;align-items:center;gap:22px;color:var(--muted);font-weight:850;font-size:.94rem}.links a:hover,.links .active{color:var(--cyan)}.nav-cta{padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue));color:#04101d!important;box-shadow:0 0 26px rgba(0,229,255,.24)}.menu{display:none;border:1px solid var(--border);background:rgba(8,18,35,.85);color:white;border-radius:12px;padding:8px 12px;font-weight:900;font-size:1.1rem}.mobile{display:none;max-width:1180px;margin:auto;padding:0 22px 16px}.mobile.open{display:block}.mobile a{display:block;padding:12px 0;border-top:1px solid rgba(255,255,255,.07);color:var(--muted);font-weight:850}.section{max-width:1180px;margin:auto;padding:86px 22px}.hero{min-height:780px;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;position:relative}.hero:before{content:"";position:absolute;inset:34px 22px 20px;border-radius:44px;border:1px solid rgba(0,229,255,.11);background:radial-gradient(circle at 10% 20%,rgba(0,229,255,.13),transparent 25rem),radial-gradient(circle at 85% 55%,rgba(21,123,255,.16),transparent 27rem),linear-gradient(135deg,rgba(0,229,255,.05),rgba(8,18,35,.08),rgba(31,60,255,.05));pointer-events:none;z-index:-1}.badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(0,229,255,.36);background:rgba(0,229,255,.07);color:var(--cyan);border-radius:999px;padding:8px 14px;font-size:.76rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.dot{width:9px;height:9px;border-radius:99px;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}h1,h2,h3{line-height:1.08;margin:0 0 20px;letter-spacing:-.045em}h1{font-size:clamp(2.65rem,6vw,5.65rem)}h2{font-size:clamp(2rem,4vw,3.55rem)}h3{font-size:1.22rem}.grad{background:linear-gradient(90deg,var(--cyan),var(--teal),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:clamp(1.05rem,1.85vw,1.25rem);max-width:780px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 21px;border-radius:999px;border:1px solid var(--border);font-weight:950;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-2px);border-color:rgba(0,229,255,.55);box-shadow:var(--shadow)}.btn-primary{border:none;color:#04101d;background:linear-gradient(90deg,var(--cyan),var(--blue))}.btn-secondary{color:white;background:rgba(8,18,35,.72)}.email{color:var(--muted);font-weight:800}.email span{color:var(--cyan)}.logo-wrap{position:relative;border-radius:36px;padding:18px;background:radial-gradient(circle at 50% 20%,rgba(0,229,255,.18),transparent 22rem),rgba(0,0,0,.82);border:1px solid rgba(0,229,255,.17);box-shadow:0 40px 120px rgba(0,0,0,.56),0 0 100px rgba(21,123,255,.20)}.logo-wrap:before{content:"";position:absolute;inset:-2px;border-radius:38px;background:linear-gradient(135deg,rgba(0,229,255,.35),rgba(21,123,255,.05),rgba(31,60,255,.35));z-index:-1;filter:blur(12px);opacity:.5}.logo-wrap>img{display:block;border-radius:26px}.float-icon{position:absolute;right:-18px;bottom:-22px;width:108px;height:108px;border-radius:26px;border:1px solid rgba(0,229,255,.24);background:rgba(3,6,17,.9);padding:13px;box-shadow:var(--shadow)}.panel{border:1px solid rgba(0,229,255,.15);border-radius:28px;background:linear-gradient(145deg,rgba(8,18,35,.90),rgba(5,37,54,.52));box-shadow:0 22px 80px rgba(0,0,0,.22)}.intro{padding:32px;color:var(--muted);font-size:1.12rem}.header{display:grid;gap:12px;margin-bottom:34px}.center{text-align:center;justify-items:center}.grid{display:grid;gap:20px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{position:relative;padding:26px;overflow:hidden}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,229,255,.06),transparent 38%,rgba(21,123,255,.05));pointer-events:none}.card>*{position:relative;z-index:1}.card p,.legal p,.legal li{color:var(--muted)}.icon{width:44px;height:44px;object-fit:contain;margin-bottom:16px;filter:drop-shadow(0 0 22px rgba(0,229,255,.28))}.timeline{display:grid;gap:18px}.step{display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:start}.num{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04101d;font-weight:950;font-size:1.18rem}.formwrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:start}.form{display:grid;gap:15px}.form label{display:grid;gap:7px;color:var(--muted);font-weight:850}.form input,.form select,.form textarea{width:100%;padding:14px 15px;border-radius:14px;border:1px solid rgba(0,229,255,.18);background:rgba(3,6,17,.76);color:white;outline:none;font:inherit}.form textarea{min-height:132px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,229,255,.08)}.small{color:var(--soft);font-size:.92rem}.success,.reveal{display:none;padding:15px 16px;border-radius:18px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.22);color:var(--muted);font-weight:800}.reveal strong{display:block;color:var(--cyan);font-size:1.2rem;margin-top:4px}.legal{max-width:900px}.legal h2{font-size:clamp(1.5rem,3vw,2.25rem);margin-top:34px}.footer{border-top:1px solid rgba(0,229,255,.12);background:rgba(3,6,17,.94)}.footer-inner{max-width:1180px;margin:auto;padding:38px 22px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.footer-logo{width:188px;margin-bottom:12px}.footer p{margin:0;color:var(--muted)}.foot-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;color:var(--muted);font-weight:850}.foot-links a:hover{color:var(--cyan)}.gate{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 20% 8%,rgba(0,229,255,.18),transparent 28rem),radial-gradient(circle at 90% 15%,rgba(21,123,255,.22),transparent 30rem),rgba(2,6,18,.84);backdrop-filter:blur(12px)}.gate.open{display:flex}.modal{width:min(100%,880px);max-height:92vh;overflow:auto;border-radius:32px;border:1px solid rgba(0,229,255,.2);background:linear-gradient(145deg,rgba(8,18,35,.98),rgba(5,37,54,.94));box-shadow:0 40px 160px rgba(0,0,0,.58),0 0 110px rgba(0,229,255,.14);padding:26px}.modal-top{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:20px}.modal-top img{width:148px}.close{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:white;border-radius:12px;padding:9px 12px;cursor:pointer;font-weight:900}@media(max-width:920px){.links{display:none}.menu{display:block}.hero,.grid3,.formwrap{grid-template-columns:1fr}.hero{min-height:auto;padding-top:58px}.float-icon{display:none}.footer-inner{grid-template-columns:1fr}.foot-links{justify-content:flex-start}}@media(max-width:560px){.section{padding:64px 18px}.banner{width:150px}.hero:before{inset:24px 12px 12px;border-radius:28px}.actions{flex-direction:column}.btn{width:100%}.step{grid-template-columns:1fr}.num{width:48px;height:48px;border-radius:16px}.modal{padding:18px;border-radius:24px}}


/* v2 desktop correction + stronger visual sections */
@media (min-width: 921px){
  .section{max-width:1180px;padding-left:22px;padding-right:22px;}
  .section.hero{max-width:1180px;min-height:680px;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);gap:56px;align-items:center;padding-top:74px;padding-bottom:76px;}
  .hero h1{font-size:clamp(3rem,4.05vw,4.65rem);max-width:790px;line-height:1.04;}
  .hero .lead{max-width:720px;font-size:clamp(1.06rem,1.25vw,1.2rem);}
  .logo-wrap{max-width:470px;margin-left:auto;justify-self:end;}
  .logo-wrap>img:first-child{width:100%;}
}
.hero-stats{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:650px}.stat{border:1px solid rgba(0,229,255,.14);background:rgba(8,18,35,.68);border-radius:18px;padding:14px}.stat strong{display:block;color:var(--cyan);font-size:1.25rem}.stat span{color:var(--muted);font-size:.92rem;font-weight:800}
.visual-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:28px}.flow-item{min-height:170px;padding:18px;border-radius:22px;border:1px solid rgba(0,229,255,.16);background:rgba(8,18,35,.78);position:relative}.flow-item:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:var(--cyan);font-weight:950;z-index:2}.flow-kicker{color:var(--cyan);font-weight:950;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.flow-item p{color:var(--muted);margin:0}.flow-item h3{font-size:1.05rem;margin-bottom:10px}
.mockup-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}.mock-screen{min-height:390px;padding:20px;border-radius:30px;border:1px solid rgba(0,229,255,.18);background:radial-gradient(circle at 15% 10%,rgba(0,229,255,.14),transparent 18rem),rgba(3,6,17,.80)}.mock-top{display:flex;gap:8px;margin-bottom:18px}.mock-dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);opacity:.8}.mock-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.mock-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;color:#04101d;font-weight:950}.mock-label{color:var(--soft);font-size:.88rem}.mock-status{color:var(--cyan);font-weight:900}
@media(max-width:1100px){.visual-flow{grid-template-columns:repeat(3,1fr)}.flow-item:nth-child(3)::after{display:none}.mockup-grid{grid-template-columns:1fr}}
@media(max-width:620px){.hero-stats,.visual-flow{grid-template-columns:1fr}.flow-item::after{display:none!important}.mock-row{grid-template-columns:38px 1fr}.mock-status{grid-column:2}.hero h1{font-size:clamp(2.45rem,12vw,4.1rem)}}

/* v3 polished desktop correction: less mobile-like hero, stronger premium spacing */
@media (min-width: 921px){
  .nav-inner{max-width:1280px;}
  .section{max-width:1280px;padding-left:28px;padding-right:28px;}
  .section.hero{max-width:1280px;min-height:610px;grid-template-columns:minmax(0,0.98fr) minmax(420px,0.82fr);gap:58px;padding:54px 28px 58px;margin-top:18px;}
  .hero:before{inset:18px 28px 18px;border-radius:36px;}
  .hero h1{font-size:clamp(2.55rem,3.15vw,3.65rem)!important;line-height:1.02;max-width:680px;letter-spacing:-0.055em;margin-bottom:18px;}
  .hero .lead{font-size:clamp(1.02rem,1.05vw,1.16rem);max-width:640px;line-height:1.62;}
  .logo-wrap{max-width:430px;margin-left:auto;justify-self:end;}
  .float-icon{width:88px;height:88px;right:-12px;bottom:-14px;}
  .hero-stats{max-width:620px;grid-template-columns:repeat(3,minmax(0,1fr));}
  .actions{margin:24px 0 18px;}
  .badge{font-size:.72rem;padding:7px 13px;}
  .visual-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
  .flow-item{min-height:142px;padding:22px;}
  .flow-item::after{display:none!important;}
  .mockup-grid{grid-template-columns:1fr 1fr;}
  .card{padding:30px;}
  .icon{width:56px;height:56px;background:rgba(0,229,255,.04);border:1px solid rgba(0,229,255,.10);border-radius:16px;padding:8px;}
}

@media (min-width: 1400px){
  .section.hero{min-height:640px;}
  .hero h1{font-size:3.85rem!important;}
}

/* make the page feel more premium and animated without changing structure */
.card.panel,.intro.panel,.mock-screen,.flow-item,.logo-wrap{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;}
.card.panel:hover,.mock-screen:hover,.flow-item:hover{transform:translateY(-4px);border-color:rgba(0,229,255,.32);box-shadow:0 30px 90px rgba(0,229,255,.13);}
.btn-primary{box-shadow:0 0 32px rgba(0,229,255,.26);}
.gradient-text,.grad{text-shadow:0 0 28px rgba(0,229,255,.08);}


/* v4 polished desktop correction */
@media (min-width: 1024px){
  .nav-inner{max-width:1240px;padding:14px 24px;}
  .section{max-width:1240px;padding:82px 24px;}
  .section.hero{max-width:1240px;min-height:650px;padding:72px 24px 84px;grid-template-columns:minmax(0, 680px) minmax(360px, 450px);gap:58px;align-items:center;}
  .hero:before{inset:42px 24px 42px;border-radius:42px;}
  .hero h1.hero-title{font-size:clamp(3.15rem,3.55vw,4.05rem);line-height:1.03;max-width:710px;margin-top:18px;margin-bottom:22px;letter-spacing:-0.055em;}
  .hero-title span{display:block;}
  .hero-title .grad{display:inline;background:linear-gradient(90deg,var(--cyan),var(--teal),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .hero .lead{max-width:680px;font-size:1.16rem;line-height:1.68;}
  .logo-wrap{max-width:430px;margin-left:auto;justify-self:end;}
  .logo-wrap>img:first-child{width:100%;}
  .hero-stats{max-width:650px;}
  .visual-flow{grid-template-columns:repeat(3,minmax(0,1fr));}
  .flow-item{min-height:150px;}
  .flow-item:nth-child(3)::after{display:none;}
  .mockup-grid{grid-template-columns:1.05fr .95fr;}
}
@media (min-width: 1280px){
  .section.hero{grid-template-columns:minmax(0, 720px) minmax(390px, 460px);gap:60px;}
  .hero h1.hero-title{font-size:4.15rem;max-width:740px;}
  .logo-wrap{max-width:455px;}
}
@media (max-width: 1023px){
  .hero h1.hero-title{font-size:clamp(2.45rem,8.5vw,4rem);}
  .hero-title span{display:inline;}
}
.icon{border-radius:16px;padding:8px;background:rgba(0,0,0,.42);border:1px solid rgba(0,229,255,.12);}
.card.panel,.flow-item,.mock-screen,.intro.panel{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.card.panel:hover,.flow-item:hover,.mock-screen:hover{transform:translateY(-4px);border-color:rgba(0,229,255,.34);box-shadow:0 28px 110px rgba(0,229,255,.13);}
