*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#08101c;font-family:"DM Sans",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.nav{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #e6e8ec;position:fixed;inset:0 0 auto;z-index:20}.logo-wrap{width:160px;height:55px;overflow:hidden;display:flex;align-items:center}.logo-wrap img{width:160px;height:auto;mix-blend-mode:multiply}.nav nav{display:flex;gap:32px}.nav nav a,.nav-btn{font-size:13px;font-weight:600;text-decoration:none;color:#182131}.nav-btn{background:#08101c;color:white;padding:12px 17px;border-radius:10px}.hero{min-height:100vh;background:#07111f;color:white;padding:160px 7vw 75px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.hero-glow.one{width:680px;height:680px;right:-220px;top:-220px;background:radial-gradient(circle,#006fff 0,rgba(0,111,255,.18) 42%,transparent 68%)}.hero-glow.two{width:500px;height:500px;left:-260px;bottom:-280px;background:radial-gradient(circle,#0048c8 0,transparent 68%)}.pill{font:600 10px Manrope;letter-spacing:.16em;color:#9fb1c9;display:flex;gap:9px;align-items:center}.pill i{width:7px;height:7px;background:#2e8bff;border-radius:50%;box-shadow:0 0 18px #2e8bff}.hero h1{font:700 clamp(52px,6.1vw,94px)/.98 Manrope;margin:28px 0;letter-spacing:-.055em;position:relative}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#65b7ff,#1768ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.75;color:#a7b2c1;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{padding:15px 20px;border-radius:11px;text-decoration:none;font-size:13px;font-weight:700}.blue{background:linear-gradient(135deg,#1684ff,#0758e9);color:#fff;box-shadow:0 10px 35px rgba(15,102,255,.25)}.clear{color:#dce5ef;border:1px solid #27364b}.hero-card{position:relative;min-height:540px;display:grid;place-items:center}.browser{width:88%;background:#fff;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.38);overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.browser-top{height:42px;background:#eef1f5;display:flex;align-items:center;padding:0 14px;gap:6px}.browser-top span{width:8px;height:8px;border-radius:50%;background:#c5cad2}.browser-top small{color:#9ba2ac;font-size:9px;margin:auto}.browser-body{height:360px;background:linear-gradient(145deg,#f8faff,#dce8ff);color:#09111e;padding:55px;position:relative;overflow:hidden}.browser-body:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#0d73ff,#8fd5ff);right:-90px;bottom:-140px;filter:blur(2px)}.b-logo{width:36px;height:36px;background:#08101c;color:white;border-radius:9px;display:grid;place-items:center;font:800 18px Manrope;margin-bottom:55px}.browser-body small{font:700 9px Manrope;letter-spacing:.15em;color:#72809a}.browser-body h3{font:700 35px/1.05 Manrope;letter-spacing:-.04em;margin:12px 0 25px}.fake-btn{display:inline-block;background:#0b68f4;color:#fff;border-radius:8px;padding:11px 14px;font-size:10px;font-weight:700}.float-card{position:absolute;background:rgba(10,23,41,.9);border:1px solid #253750;backdrop-filter:blur(15px);border-radius:13px;padding:14px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 15px 35px rgba(0,0,0,.25)}.float-card b{font:700 10px Manrope;color:#4c9cff}.float-card span{font-size:10px;line-height:1.35;color:#d6deea}.fc1{left:-1%;top:13%}.fc2{right:-3%;top:47%}.fc3{left:5%;bottom:5%}.scroll{position:absolute;bottom:28px;left:7vw;font:600 9px Manrope;letter-spacing:.16em;color:#65758a}.scroll span{margin-left:15px}.label{font:700 10px Manrope;letter-spacing:.16em;color:#6f7b8c}.label.light{color:#66768d}.intro{padding:10vw 8vw;display:grid;grid-template-columns:.4fr 1.6fr;gap:5vw}.intro h2,.section-title h2,.work h2,.gvt h2,.why h2,.cta h2{font:700 clamp(42px,5.3vw,76px)/1.03 Manrope;letter-spacing:-.05em;margin:15px 0 30px}.intro h2 span,.work h2 span,.why h2 span{color:#a0a7b0}.intro p{max-width:760px;font-size:19px;line-height:1.8;color:#5c6571}.services{background:#091321;color:#fff;padding:9vw 7vw}.section-title h2 span{color:#358bff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px}.service-grid article{background:#0d1a2a;border:1px solid #1b2a3d;border-radius:18px;padding:32px;min-height:500px;position:relative;transition:.3s}.service-grid article:hover{transform:translateY(-5px);border-color:#34577f}.service-grid article.featured{background:linear-gradient(160deg,#102a4d,#0b1a2d)}.num{font:700 10px Manrope;color:#58708f}.icon{width:48px;height:48px;border:1px solid #28415f;border-radius:12px;display:grid;place-items:center;color:#56a5ff;font-size:22px;margin:55px 0 35px}.service-grid h3{font:700 26px Manrope}.service-grid p{color:#91a0b2;line-height:1.7;min-height:110px}.service-grid ul{list-style:none;padding:22px 0 0;margin:25px 0 0;border-top:1px solid #203047}.service-grid li{font-size:12px;color:#bac5d2;padding:7px 0}.service-grid li:before{content:"+";color:#4a9cff;margin-right:10px}.work{padding:10vw 7vw}.work-head{display:grid;grid-template-columns:1.3fr .7fr;gap:6vw;align-items:end}.work-head>p{line-height:1.8;color:#66707d;max-width:480px}.showcase{display:grid;grid-template-columns:1.4fr .6fr;gap:15px;margin-top:55px}.showcase-main,.showcase-side{min-height:520px;border-radius:22px;overflow:hidden;position:relative}.showcase-main{background:#101b2a;color:white;padding:34px}.mock-nav{display:flex;justify-content:space-between;font-size:10px;position:relative;z-index:2}.mock-nav b{letter-spacing:.15em}.mock-nav span{color:#718198}.mock-copy{position:absolute;left:55px;bottom:60px;z-index:2}.mock-copy small{font:700 9px Manrope;letter-spacing:.16em;color:#5e9fff}.mock-copy h3{font:700 47px/1.05 Manrope;letter-spacing:-.04em;margin:12px 0 24px}.mock-copy button{background:#fff;border:0;border-radius:8px;padding:12px 15px;font-weight:700}.orb{position:absolute;width:500px;height:500px;border-radius:50%;right:-140px;top:30px;background:radial-gradient(circle at 35% 30%,#8bd9ff,#0969ff 38%,#053b8e 65%,#061325 72%);box-shadow:0 0 100px rgba(20,111,255,.4)}.showcase-side{background:#e8eef8;padding:45px}.showcase-side>small{font:700 9px Manrope;letter-spacing:.14em;color:#71809a}.showcase-side h3{font:700 30px/1.08 Manrope}.phone{position:absolute;width:220px;height:350px;background:#fff;border:8px solid #101723;border-radius:32px;bottom:-35px;left:50%;transform:translateX(-50%);padding:42px 20px 20px;box-shadow:0 25px 60px rgba(28,48,78,.2)}.notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:70px;height:15px;background:#101723;border-radius:20px}.phone b{font:800 11px Manrope;letter-spacing:.15em}.phone p{font:700 20px/1.2 Manrope;margin:40px 0}.menu-line{height:7px;background:#dce3ed;border-radius:8px;margin:14px 0}.menu-line.short{width:60%}.gvt{background:#07111f;color:#fff;padding:10vw 8vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;overflow:hidden}.gvt-mark{font:800 26px Manrope;letter-spacing:-.08em;margin-top:45px}.gvt-mark span{color:#4aa2ff}.gvt h2 span{color:#4b9eff}.gvt-copy>p{font-size:17px;line-height:1.8;color:#98a6b8;max-width:650px}.gvt-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.gvt-points span{border:1px solid #243650;border-radius:999px;padding:9px 12px;font-size:10px;color:#c4cfdd}.gvt-ui{display:grid;place-items:center;position:relative}.gvt-ui:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#126aff55,transparent 65%)}.phone-ui{width:320px;min-height:590px;background:#f8f9fb;color:#111a28;border:9px solid #182337;border-radius:42px;padding:35px 24px;position:relative;z-index:2;box-shadow:0 40px 90px #0008;transform:rotate(3deg)}.phone-head{display:flex;justify-content:space-between;font:800 13px Manrope}.phone-head i{width:28px;height:28px;background:#dfe7f3;border-radius:50%}.phone-ui>small{display:block;font:700 8px Manrope;letter-spacing:.14em;color:#8d98a6;margin-top:45px}.phone-ui h4{font:700 27px/1.08 Manrope;margin:9px 0 25px}.score{background:white;border-radius:15px;padding:18px;display:flex;gap:18px;align-items:center;box-shadow:0 8px 25px #2339570d}.score strong{font:800 36px Manrope}.score span{font-size:9px;color:#116cf3}.score small{color:#8b96a3}.chart{height:100px;margin:25px 0;background:#fff;border-radius:15px;padding:15px;display:flex;align-items:end;gap:8px}.chart i{flex:1;background:linear-gradient(#5aa8ff,#116cf3);border-radius:5px}.review{background:#0d6cf4;color:#fff;border-radius:15px;padding:17px;font-size:10px}.review b{margin-left:8px}.review p{font-size:12px;margin-bottom:0}.why{padding:10vw 8vw}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:25px}.why-list>div{border-top:1px solid #d8dce2;padding:27px 0;display:grid;grid-template-columns:50px 1fr}.why-list b{font:700 10px Manrope;color:#1d73ed}.why-list h3{font:700 19px Manrope;margin:0}.why-list p{grid-column:2;color:#68717c;line-height:1.6;margin-bottom:0}.cta{background:#0a67f0;color:white;padding:9vw 8vw;position:relative;overflow:hidden}.cta-orb{position:absolute;width:650px;height:650px;border:1px solid #ffffff28;border-radius:50%;right:-160px;top:-270px;box-shadow:inset 0 0 100px #fff1}.cta .label{color:#b7d7ff}.cta h2{font-size:clamp(55px,7vw,100px);position:relative}.cta p{color:#d6e8ff;font-size:17px}.cta>a{display:inline-flex;color:#fff;text-decoration:none;font:700 24px Manrope;border-bottom:1px solid #fff;padding:0 0 7px;margin-top:35px;gap:40px}footer{background:#050b13;color:#8b98a9;padding:45px 6vw;display:flex;align-items:center;justify-content:space-between;gap:30px}footer img{width:135px;filter:invert(1) grayscale(1) brightness(3);mix-blend-mode:screen}footer p{font-size:11px}footer div{display:flex;flex-direction:column;gap:8px;text-align:right}footer a{color:#d8e0ea;text-decoration:none;font-size:12px}footer small{font-size:9px}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.on{opacity:1;transform:none}@media(max-width:850px){.nav{padding:0 5vw;height:72px}.nav nav{display:none}.logo-wrap,.logo-wrap img{width:125px}.nav-btn{font-size:11px;padding:10px 12px}.hero{grid-template-columns:1fr;padding:125px 7vw 80px}.hero h1{font-size:53px}.hero-copy>p{font-size:16px}.hero-card{min-height:430px;margin-top:25px}.browser{width:100%}.browser-body{height:300px;padding:35px}.float-card{display:none}.intro{grid-template-columns:1fr;padding:18vw 7vw}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:auto}.service-grid p{min-height:0}.work-head,.showcase,.gvt,.why-grid{grid-template-columns:1fr}.showcase-main,.showcase-side{min-height:440px}.showcase-side{min-height:500px}.gvt{padding:18vw 7vw}.gvt-ui{margin-top:35px}.phone-ui{width:285px;min-height:540px}.why{padding:18vw 7vw}.cta{padding:18vw 7vw}footer{flex-direction:column;align-items:flex-start}footer div{text-align:left}.intro h2,.section-title h2,.work h2,.gvt h2,.why h2{font-size:44px}}