:root{
  --bg:#0b0b0b;--panel:#111;--panel2:#141414;--text:#fff;--muted:#a6a6ad;--line:#25252b;
  --blue:#4f7cff;--blue2:#1642ff;--radius:24px;--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;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='.5'/%3E%3C/svg%3E")}.section-shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;height:86px;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(11,11,11,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-word{font-size:16px;font-weight:700;letter-spacing:.24em}.brand-word span{color:var(--blue)}.brand-mark{position:relative;width:28px;height:28px;display:inline-block}.brand-mark i,.brand-mark b,.brand-mark em{position:absolute;display:block}.brand-mark i{width:10px;height:10px;background:var(--blue);left:9px;top:0}.brand-mark b{width:10px;height:10px;background:#1b1b1d;left:0;top:9px}.brand-mark em{width:0;height:0;border-top:10px solid #fff;border-right:10px solid transparent;left:18px;top:9px}.nav{margin-left:auto;display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.nav a{color:#c8c8cf}.nav a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:0 24px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue2));font-size:13px;font-weight:700;letter-spacing:.04em;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px rgba(46,81,255,.18);transition:.25s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 22px 70px rgba(46,81,255,.28)}.btn-small{min-height:42px;padding:0 18px;font-size:11px;background:transparent;border-color:#3a3a42;color:#8fa8ff}.btn-outline{background:transparent;border-color:#3a3a42;box-shadow:none}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:90px 0 70px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 18px;color:#6f8cff;font-size:11px;font-weight:700;letter-spacing:.18em}.hero h1,.section-heading h2,.case-copy h2,.before-copy h2,.cta-copy h2{margin:0;letter-spacing:-.045em;line-height:.98}.hero h1{font-size:clamp(52px,6vw,86px);max-width:780px}.hero h1 span,.mock-hero h3 span{color:#315dff}.lead{max-width:640px;color:#b6b6bd;font-size:18px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:26px}.text-link{font-size:13px;color:#c6c6cc}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:72px}.metrics div{padding-right:18px;border-right:1px solid var(--line)}.metrics strong{display:block;font-size:16px}.metrics span{display:block;color:#85858e;font-size:12px;margin-top:7px}.hero-visual{position:relative;height:620px;perspective:1100px}.frame{position:absolute;border:1px solid rgba(255,255,255,.55);background:linear-gradient(150deg,#171719 0%,#080808 70%);box-shadow:inset 0 0 70px rgba(255,255,255,.025),0 40px 90px rgba(0,0,0,.5);transform:skewY(-16deg)}.frame-a{width:310px;height:230px;right:70px;top:76px}.frame-b{width:300px;height:235px;left:72px;top:245px}.frame-c{width:330px;height:220px;left:0;bottom:5px}.blue-plane{position:absolute;background:linear-gradient(160deg,#173bff,#07155a);box-shadow:0 0 50px rgba(34,73,255,.4);transform:skewY(-16deg)}.plane-a{width:160px;height:34px;left:165px;top:325px}.plane-b{width:36px;height:170px;right:135px;top:250px}.axis-line{position:absolute;right:48px;top:190px;height:190px;width:1px;background:linear-gradient(#fff,transparent)}.axis-label{position:absolute;right:36px;font-size:9px;color:#e8e8ec}.axis-top{top:165px}.axis-bottom{top:390px}.trust{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.2em;color:#8b8b94}.trust i{width:4px;height:4px;background:var(--blue)}.section-block{padding:110px 0;border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:54px}.section-heading h2,.case-copy h2,.before-copy h2,.cta-copy h2{font-size:clamp(42px,4.5vw,64px)}.section-heading>p{color:#9999a2;max-width:480px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{min-height:230px;padding:28px;border:1px solid #29292f;border-radius:18px;background:linear-gradient(180deg,#121214,#0f0f10);transition:.25s ease}.card:hover{transform:translateY(-6px);border-color:#3c4d9a}.card .icon{display:inline-grid;place-items:center;width:36px;height:36px;color:var(--blue);font-size:26px;margin-bottom:42px}.card h3{font-size:18px;margin:0 0 12px}.card p{font-size:13px;color:#8f8f98;margin:0}.case-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.case-copy p:not(.eyebrow){color:#9999a2;max-width:430px}.case-copy .btn{margin-top:22px}.device-stage{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.laptop{position:relative;width:620px}.screen{height:360px;padding:20px 24px;border:1px solid #595962;border-radius:18px 18px 8px 8px;background:radial-gradient(circle at 70% 70%,rgba(35,68,255,.26),transparent 28%),#08090c;box-shadow:0 40px 100px rgba(29,60,255,.2)}.base{height:16px;margin:-1px -60px 0;border-radius:2px 2px 40px 40px;background:linear-gradient(#c6c6cc,#54545b)}.mock-nav{font-size:9px;letter-spacing:.15em}.mock-nav span{float:right;color:#777}.mock-hero{padding:70px 12px}.mock-hero small{font-size:9px;color:#7390ff}.mock-hero h3{font-size:38px;line-height:1;margin:10px 0 42px;max-width:380px}.mock-cards{display:flex;gap:10px}.mock-cards b{padding:14px 18px;border:1px solid #292d3a;border-radius:10px;font-size:15px}.phone{position:absolute;right:0;bottom:25px;width:150px;height:300px;padding:7px;border:1px solid #777;border-radius:28px;background:#151515;box-shadow:0 20px 60px #000}.phone-screen{height:100%;border-radius:22px;padding:20px 14px;background:linear-gradient(160deg,#0c0d14,#07070b);overflow:hidden}.phone-screen small{font-size:9px}.phone-screen h4{font-size:22px;line-height:1.05;margin:42px 0}.wind{height:120px;border-left:2px solid #74747e;transform:rotate(22deg);margin:20px auto;position:relative}.wind:before,.wind:after{content:"";position:absolute;width:70px;height:2px;background:#74747e;left:-35px;top:0}.wind:before{transform:rotate(24deg)}.wind:after{transform:rotate(145deg)}.compact{grid-template-columns:1fr}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{position:relative;padding:0 34px 0 0;border-top:1px solid #2a2a31}.step span{display:inline-grid;place-items:center;width:48px;height:48px;margin-top:-24px;border:1px solid var(--blue);border-radius:8px;background:var(--bg);font-size:11px;color:#89a0ff}.step h3{margin:22px 0 8px}.step p{color:#8f8f98;font-size:13px}.before-after{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.before-copy p:not(.eyebrow){color:#92929b}.comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.compare-card{padding:12px;border:1px solid #2c2c33;border-radius:16px;background:#111}.compare-card small{font-size:9px;color:#aaa}.fake-site{height:260px;margin-top:10px;border-radius:10px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:12px}.fake-site b{font-size:26px;line-height:1}.fake-site span{font-size:11px}.fake-site.light{background:#d9d9da;color:#2a2a2a}.fake-site.dark{background:radial-gradient(circle at 80% 60%,rgba(38,67,255,.35),transparent 30%),#07080c}.fake-site.dark i{color:#3f66ff;font-style:normal}.compare-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--blue)}.cta-section{background:radial-gradient(circle at 75% 60%,rgba(40,67,255,.34),transparent 38%),linear-gradient(120deg,#0b0d17,#0b0b0b 55%);border-bottom:1px solid var(--line)}.cta-inner{min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.cta-copy{max-width:620px}.cta-copy>p:not(.eyebrow){color:#a1a1aa;max-width:520px}.whatsapp{margin-top:18px}.cta-cubes{position:relative;height:370px}.cta-cubes i{position:absolute;width:150px;height:150px;background:linear-gradient(150deg,#17171a,#050507);border:1px solid #333;transform:skewY(-17deg);box-shadow:0 30px 70px #000}.cta-cubes i:nth-child(1){right:150px;top:20px}.cta-cubes i:nth-child(2){right:30px;top:110px;background:linear-gradient(150deg,#1d43ff,#091040)}.cta-cubes i:nth-child(3){right:270px;top:145px}.cta-cubes i:nth-child(4){right:150px;top:185px;background:linear-gradient(150deg,#111,#030303)}.site-footer{min-height:120px;display:flex;align-items:center;gap:40px}.site-footer p{margin-left:auto;color:#83838b;font-size:12px}.socials{display:flex;gap:12px}.socials a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2a2a30;border-radius:50%;font-size:10px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1000px){.nav{display:none}.site-header .btn-small{margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-visual{height:500px}.service-grid{grid-template-columns:repeat(2,1fr)}.case-section,.before-after,.cta-inner{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr;gap:50px 0}.section-heading{grid-template-columns:1fr;gap:20px}.device-stage{overflow:hidden}.comparison{max-width:800px}.cta-cubes{height:300px}}
@media (max-width:640px){.section-shell{width:min(100% - 28px,var(--max))}.site-header{height:72px;padding:0 14px}.brand-word{font-size:13px}.site-header .btn-small{display:none}.hero{padding:56px 0 46px}.hero h1{font-size:48px}.lead{font-size:16px}.metrics{grid-template-columns:1fr;margin-top:46px}.metrics div{padding:0 0 14px;border-right:0;border-bottom:1px solid var(--line)}.hero-visual{height:390px;margin-top:-20px;transform:scale(.92)}.trust{justify-content:flex-start;flex-wrap:wrap;padding:28px 0}.section-block{padding:76px 0}.service-grid{grid-template-columns:1fr}.card{min-height:200px}.case-section{gap:30px}.device-stage{min-height:390px}.laptop{width:480px;transform:translateX(-10px)}.screen{height:280px}.mock-hero{padding-top:42px}.mock-hero h3{font-size:28px}.phone{width:125px;height:250px;right:-10px}.timeline{grid-template-columns:1fr;gap:50px}.comparison{grid-template-columns:1fr}.compare-arrow{transform:rotate(90deg);margin:auto}.fake-site{height:220px}.cta-inner{padding:70px 0}.cta-cubes{height:250px;transform:scale(.8);transform-origin:left top}.site-footer{padding:30px 0;align-items:flex-start;flex-direction:column}.site-footer p{margin:0}.socials{margin-top:4px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}