
:root{--bg:#020712;--panel:rgba(6,18,37,.78);--panel2:rgba(10,23,48,.86);--line:rgba(126,246,255,.16);--line2:rgba(126,246,255,.32);--text:#f4f8ff;--muted:#9cafc8;--cyan:#7ef6ff;--blue:#0b8dff;--deep:#0052d9;--green:#35d680;--r:28px;--shadow:0 24px 90px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 82% 4%,rgba(11,141,255,.24),transparent 35%),radial-gradient(circle at 5% 35%,rgba(126,246,255,.10),transparent 30%),linear-gradient(180deg,#020712 0%,#030a17 42%,#020712 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.055;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.header{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid rgba(126,246,255,.1);background:rgba(2,7,18,.72);backdrop-filter:blur(24px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:46px;height:46px;border-radius:18px;filter:drop-shadow(0 0 26px rgba(11,141,255,.28))}.brand-title{font-weight:900;letter-spacing:.18em;color:var(--blue);font-size:18px}.brand-sub{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#70839d}.menu{display:flex;align-items:center;gap:4px}.menu a{padding:10px 14px;border-radius:999px;color:#c9d6e7;font-size:14px;font-weight:600;transition:.25s}.menu a:hover{background:rgba(255,255,255,.055);color:#fff}.actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:18px;padding:14px 18px;font-weight:800;font-size:14px;transition:.25s;border:0;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--blue) 55%,var(--deep));color:#001328;box-shadow:0 18px 58px rgba(11,141,255,.28)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 22px 72px rgba(11,141,255,.36)}.btn.ghost{border:1px solid rgba(126,246,255,.22);background:rgba(8,22,48,.5);color:#eaf6ff}.btn.ghost:hover{border-color:rgba(126,246,255,.42);background:rgba(11,141,255,.14)}.burger{display:none;width:46px;height:46px;border-radius:16px;border:1px solid rgba(126,246,255,.2);background:rgba(255,255,255,.04);color:#fff;font-size:24px}
.glass{border:1px solid var(--line);background:linear-gradient(180deg,rgba(10,23,48,.72),rgba(3,10,22,.72)),radial-gradient(circle at 20% 0%,rgba(126,246,255,.08),transparent 42%);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.glass2{border:1px solid var(--line2);background:linear-gradient(180deg,rgba(8,22,48,.88),rgba(3,10,22,.84)),radial-gradient(circle at 20% 0%,rgba(126,246,255,.12),transparent 42%);box-shadow:0 24px 120px rgba(0,0,0,.38),0 0 90px rgba(11,141,255,.08);backdrop-filter:blur(22px)}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(126,246,255,.2);background:rgba(255,255,255,.04);border-radius:999px;padding:10px 14px;color:var(--cyan);font-size:13px;font-weight:800;letter-spacing:.04em}.eyebrow{display:inline-flex;border:1px solid rgba(126,246,255,.2);background:rgba(126,246,255,.07);border-radius:999px;padding:9px 14px;color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.22em}.grad{background:linear-gradient(135deg,#fff,#cdeeff 34%,var(--cyan) 68%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.section{padding:90px 0}.hero{position:relative;overflow:hidden;padding:150px 0 95px}.hero:after,.hero:before{content:"";position:absolute;border-radius:999px;filter:blur(40px);pointer-events:none}.hero:after{right:-140px;top:120px;width:420px;height:420px;background:rgba(11,141,255,.35)}.hero:before{left:-140px;top:470px;width:340px;height:340px;background:rgba(126,246,255,.16)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}.h1{font-size:clamp(48px,7vw,96px);line-height:.92;letter-spacing:-.07em;margin:24px 0 0;font-weight:950}.lead{font-size:clamp(18px,2.1vw,22px);line-height:1.65;color:#c4d1e2;margin:28px 0 0;max-width:710px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.mini-card{border-radius:24px;padding:18px}.mini-card b{display:block;margin-bottom:6px}.mini-card span{font-size:13px;line-height:1.5;color:#9fb0c8}.visual{position:relative;min-height:600px;display:grid;place-items:center}.visual .halo{position:absolute;inset:70px;border-radius:999px;background:rgba(11,141,255,.2);filter:blur(54px)}.phone{position:relative;z-index:3;width:min(73%,390px);border-radius:44px;filter:drop-shadow(0 42px 86px rgba(0,0,0,.54)) drop-shadow(0 0 80px rgba(11,141,255,.22));animation:float 6s ease-in-out infinite}.float-card{position:absolute;z-index:4;border-radius:24px;padding:16px 18px}.float-card.left{left:0;top:20%}.float-card.right{right:0;bottom:18%}.float-card small{display:block;color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.2em}.float-card span{display:block;margin-top:5px;color:#dbeafe;font-size:14px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}.title{max-width:780px}.title.center{text-align:center;margin:auto}.title h2{font-size:clamp(34px,4.6vw,62px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 0}.title p{font-size:18px;line-height:1.65;color:#b8c7da;margin:22px 0 0}.cards{display:grid;gap:16px;margin-top:42px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.card{border-radius:30px;padding:26px}.icon{width:50px;height:50px;display:grid;place-items:center;border-radius:18px;background:rgba(126,246,255,.1);color:var(--cyan);font-size:23px;margin-bottom:20px}.card h3{font-size:20px;margin:0 0 12px}.card p{margin:0;color:#9fb0c8;line-height:1.65}.split{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:56px}.split.rev{grid-template-columns:1.05fr .95fr}.image-card{position:relative;overflow:hidden;border-radius:42px;border:1px solid rgba(126,246,255,.18);background:rgba(4,13,28,.64);box-shadow:0 24px 100px rgba(0,0,0,.34)}.image-card img{display:block;width:100%;height:100%;object-fit:cover}.image-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(126,246,255,.10),transparent 24%,rgba(2,7,18,.18))}.text-lg{font-size:18px;line-height:1.75;color:#c0cde0}.steps{display:grid;gap:14px;margin-top:30px}.step{display:grid;grid-template-columns:46px 1fr;gap:16px;border-radius:24px;padding:18px}.num{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:rgba(11,141,255,.16);color:var(--cyan);font-weight:950}.section.grid-bg{position:relative;overflow:hidden}.grid-bg:before{content:"";position:absolute;inset:0;opacity:.38;background-image:linear-gradient(rgba(126,246,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,246,255,.08) 1px,transparent 1px);background-size:42px 42px}.grid-bg>.wrap{position:relative}.encryption-box{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:46px;margin-top:42px}.encryption-box .copy{padding:42px}.encryption-box .art{min-height:400px}.note{border-radius:26px;border:1px solid rgba(126,246,255,.15);background:rgba(2,7,18,.52);padding:20px;color:#b8c8db;font-size:15px;line-height:1.7}.table{border-radius:34px;padding:14px}.row{display:grid;grid-template-columns:.42fr .58fr;gap:20px;border-radius:24px;padding:17px 20px}.row:nth-child(odd){background:rgba(255,255,255,.035)}.row b{color:#fff}.row span{color:#c3d0e2}.roadmap{position:relative;overflow:hidden}.roadmap:before{content:"";position:absolute;inset:0;background:url('/assets/images/futuristic_product_roadmap_with_tech_vibe.png') center/cover no-repeat;opacity:.18}.roadmap:after{content:"";position:absolute;inset:0;background:rgba(2,7,18,.86)}.roadmap .wrap{position:relative;z-index:2}.timeline{display:grid;gap:14px;margin-top:44px}.milestone{display:grid;grid-template-columns:.34fr .26fr 1fr;gap:18px;border-radius:28px;padding:20px}.status{display:inline-flex;width:max-content;border:1px solid rgba(126,246,255,.22);background:rgba(126,246,255,.08);border-radius:999px;padding:7px 10px;color:var(--cyan);font-size:12px;font-weight:900}.support-box{position:relative;overflow:hidden;border-radius:48px;padding:54px}.support-box:before,.support-box:after{content:"";position:absolute;width:340px;height:340px;border-radius:999px;filter:blur(46px);pointer-events:none}.support-box:before{right:-100px;top:-120px;background:rgba(126,246,255,.18)}.support-box:after{left:-100px;bottom:-120px;background:rgba(11,141,255,.22)}.support-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr .65fr;gap:34px;align-items:center}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px}.faq-list{display:grid;gap:12px}.faq-item{border-radius:24px;overflow:hidden}.faq-q{width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:20px;font-weight:850;font-size:16px;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq-a{display:none;padding:0 20px 20px;color:#9fb0c8;line-height:1.65}.faq-item.open .faq-a{display:block}.footer{border-top:1px solid rgba(126,246,255,.1);background:rgba(2,7,18,.84);padding:54px 0}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:52px}.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.footer h4{margin:0 0 15px}.footer a{display:block;color:#93a6bf;margin:11px 0;font-size:14px}.footer a:hover{color:var(--cyan)}.legal-note{border-top:1px solid rgba(126,246,255,.1);margin-top:36px;padding-top:22px;color:#70839d;font-size:13px;line-height:1.7}.page-hero{padding:150px 0 54px}.page-grid{display:grid;grid-template-columns:1fr .78fr;gap:50px;align-items:center}.page-grid h1{font-size:clamp(40px,5.5vw,72px);line-height:1;letter-spacing:-.06em;margin:20px 0 0}.content-panel{border-radius:36px;padding:34px;line-height:1.75;color:#c2d0e1}.content-panel p{margin-top:0}.mobile-menu{display:none}
@media(max-width:1000px){.menu,.actions{display:none}.burger{display:grid;place-items:center}.mobile-menu.open{display:block;padding:0 0 16px}.mobile-menu a{display:block;padding:14px 18px;border-radius:18px;color:#e5eefb}.hero-grid,.split,.split.rev,.encryption-box,.support-inner,.faq,.footer-grid,.page-grid{grid-template-columns:1fr}.hero{padding-top:128px}.visual{min-height:auto}.cards.four,.cards.three,.cards.two,.mini{grid-template-columns:1fr 1fr}.float-card{display:none}.encryption-box .art{min-height:auto}.milestone{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.h1{font-size:44px}.hero{padding-top:118px}.section{padding:62px 0}.cards.four,.cards.three,.cards.two,.mini{grid-template-columns:1fr}.cta{flex-direction:column}.btn{width:100%}.phone{width:78%}.support-box{padding:28px}.footer-cols{grid-template-columns:1fr}.row{grid-template-columns:1fr}.header .nav{height:70px}}
