@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a101b;--bg2:#101b2b;--panel:#142235;--line:#283a50;--text:#f4f8ff;--muted:#afc0d3;--blue:#4eacff;--blue2:#1674e7;--max:1150px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'DM Sans',system-ui,sans-serif}body:before{content:'';position:absolute;top:0;left:0;right:0;height:740px;pointer-events:none;background:radial-gradient(ellipse at 82% 8%,#164d8450,transparent 53%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.site-header{position:relative;z-index:20;background:#0a101be8;border-bottom:1px solid #ffffff12;backdrop-filter:blur(16px);position:sticky;top:0}.head-inner{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.06em}.brand-icon{width:37px;height:37px;display:grid;place-items:center;background:linear-gradient(135deg,#5cb8ff,#1265d2);border-radius:11px;color:white;font-size:21px;box-shadow:0 0 26px #208bff40}.brand span:last-child span{color:var(--blue)}.nav{display:flex;align-items:center;gap:25px}.nav a{font-size:13px;font-weight:700;color:#c9d6e6}.nav a:hover,.nav a.active{color:#fff}.nav .nav-cta{background:var(--blue);color:#071523;padding:10px 17px;border-radius:10px}.nav .nav-cta:hover{background:#b6deff;color:#071523}.menu-toggle{display:none;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:#fff;padding:6px 12px}.hero{padding:116px 0 94px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#85c9ff}.dot{width:8px;height:8px;border-radius:50%;background:#59c1ff;box-shadow:0 0 16px #59c1ff}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;letter-spacing:-.05em;margin:0}h1{font-size:clamp(45px,5.7vw,74px);margin:20px 0 23px}h2{font-size:clamp(29px,3.5vw,44px);margin:13px 0 15px}h3{font-size:20px;letter-spacing:-.035em}.gradient{background:linear-gradient(95deg,#fff 9%,#8ccaff 70%,#3c9dfd);background-clip:text;color:transparent}.lead{color:var(--muted);font-size:18px;max-width:600px;line-height:1.8}.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 21px;font-size:14px;font-weight:800;border:1px solid #3a4c61;transition:.2s}.btn-primary{background:var(--blue);border-color:var(--blue);color:#071523;box-shadow:0 8px 40px #158dff33}.btn-primary:hover{background:#a5dcff;transform:translateY(-2px)}.btn-outline:hover{border-color:var(--blue);background:#182a40}.fine{color:#91a5bd;font-size:12px}.hero-fine{margin-top:27px}.preview{position:relative;filter:drop-shadow(0 30px 60px #0008)}.preview-window{border:1px solid #45658a;background:#111d2e;border-radius:16px;overflow:hidden;transform:rotate(2deg)}.window-bar{display:flex;align-items:center;gap:7px;padding:15px;background:#1d2b3c;border-bottom:1px solid #ffffff14}.window-bar i{width:8px;height:8px;background:#fb7373;border-radius:100%}.window-bar i:nth-child(2){background:#f6c262}.window-bar i:nth-child(3){background:#61d19d}.window-bar small{margin-left:15px;color:#849db6;font-size:11px}.preview-body{padding:30px;background:linear-gradient(140deg,#192e4a,#081320)}.preview-nav{height:10px;width:80%;border-radius:10px;background:linear-gradient(90deg,#66b9ff 23%,#33475d 23%,#33475d 68%,transparent 68%)}.preview-heading{font-size:35px;font-weight:800;line-height:1.15;letter-spacing:-.05em;margin:40px 0 15px;max-width:320px}.preview-heading em{color:#68bfff;font-style:normal}.preview-copy{height:7px;max-width:72%;margin-bottom:9px;background:#52647a;border-radius:10px}.preview-button{width:100px;height:29px;border-radius:7px;background:#55b1ff;margin-top:24px}.preview-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:48px}.preview-tiles div{height:88px;background:linear-gradient(155deg,#223b59,#11243a);border:1px solid #ffffff19;border-radius:8px}.floating-note{position:absolute;bottom:-18px;left:-35px;border:1px solid #426b93;border-radius:12px;padding:15px 18px;background:#15283c;box-shadow:0 22px 35px #0009;font-size:13px;font-weight:800}.floating-note strong{color:#70c2ff;font-size:25px;display:block;line-height:1.2}.trustbar{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#0f1a29}.trust-inner{padding:23px 0;display:flex;justify-content:center;gap:25px 50px;flex-wrap:wrap;color:#bcd0e4;font-size:12px;font-weight:700}.trust-inner span:before{content:'✓';color:#54b5ff;margin-right:10px}section.section{padding:94px 0}.section-intro{max-width:680px;margin-bottom:34px}.section-intro p{color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{padding:31px;background:linear-gradient(145deg,#17273a,#0f1c2b);border:1px solid #2b4058;border-radius:17px;position:relative}.card p{color:var(--muted);font-size:14px}.card .card-icon{display:grid;place-items:center;background:#183a5c;border:1px solid #2c679c;color:#71c3ff;border-radius:11px;height:42px;width:42px;font-size:20px;margin-bottom:23px}.price{font:800 42px/1.2 Manrope,sans-serif;letter-spacing:-.055em;margin:20px 0}.price small{font:500 13px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:0}.popular{border-color:#4aa8f9;box-shadow:0 0 50px #0878d41b}.tag{display:inline-block;border:1px solid #427cab;background:#103657;color:#a8daff;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:800}.feature-list{list-style:none;margin:24px 0;padding:0}.feature-list li{font-size:13px;padding:9px 0;border-bottom:1px solid #ffffff0d;color:#d7e5f4}.feature-list li:before{content:'✓';color:#52baff;font-weight:800;margin-right:10px}.card .btn{width:100%;margin-top:13px}.accent-section{background:linear-gradient(155deg,#112339,#0d1726);border-block:1px solid #ffffff11}.steps{counter-reset:step}.step{padding:30px;border-left:1px solid #39516b}.step:before{counter-increment:step;content:'0' counter(step);color:#61bcff;font:800 12px Manrope,sans-serif;letter-spacing:.1em}.step h3{margin:12px 0}.cta-panel{border-radius:22px;border:1px solid #3974a6;background:radial-gradient(ellipse at 90% 0,#2767a75c,transparent 60%),#12243a;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-panel p{color:#bdd0e3;max-width:580px}.page-hero{padding:90px 0 64px;position:relative}.page-hero h1{max-width:800px;font-size:clamp(40px,5vw,62px)}.page-hero .lead{max-width:750px}.note{background:#132a41;border-left:3px solid #52b7ff;padding:17px 20px;border-radius:5px;color:#c1d6ea;font-size:13px}.portfolio-card{overflow:hidden;padding:0}.portfolio-art{height:235px;background:linear-gradient(135deg,#20466b,#0d1825);display:flex;align-items:center;justify-content:center;position:relative}.portfolio-art:nth-child(1){color:white}.mock-site{width:78%;height:175px;border:1px solid #728ba5;border-radius:8px;overflow:hidden;background:#102237;box-shadow:0 14px 35px #0006}.mock-site .bar{height:20px;background:#254666}.mock-site .inside{padding:20px 18px}.mock-site .line{width:70%;height:11px;border-radius:8px;background:#70bcff;margin-bottom:10px}.mock-site .line:nth-child(2){width:45%;height:6px;background:#adc1d5}.portfolio-content{padding:25px}.portfolio-content .tag{margin-bottom:14px}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.form-card{background:#142338;border:1px solid #2c4360;border-radius:18px;padding:32px}.field{margin-bottom:19px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #39516b;background:#0b1726;color:#fff;border-radius:9px;padding:12px 14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5fb9ff;box-shadow:0 0 0 3px #379cff22}.field textarea{min-height:135px;resize:vertical}.field select option{background:#0b1726}.field small{color:var(--muted)}.contact-list{display:grid;gap:17px;margin-top:22px}.contact-item{padding:18px;border:1px solid #2a4259;background:#122136;border-radius:12px}.contact-item .label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#87a2bb}.contact-item .value{font-weight:700;overflow-wrap:anywhere}.footer{border-top:1px solid #283b50;padding:46px 0 28px;background:#0b1420}.footer-top{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.footer .nav{flex-wrap:wrap;gap:13px 20px}.footer-bottom{margin-top:35px;border-top:1px solid #26354a;padding-top:19px;color:#91a6ba;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer p{font-size:13px;color:#94a8bd}.highlight{color:var(--blue)}.message-status{font-size:13px;margin-top:10px;color:#b9d8ee}@media(max-width:920px){.hero-grid{grid-template-columns:1fr}.preview{max-width:530px;margin:15px auto 0}.grid3{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.nav{gap:14px}.nav a{font-size:12px}}@media(max-width:690px){.container{width:min(var(--max),calc(100% - 32px))}.head-inner{min-height:70px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#111e2e;padding:22px;flex-direction:column;align-items:stretch;box-shadow:0 20px 35px #0009}.nav.open{display:flex}.nav a{font-size:15px;padding:4px}.nav .nav-cta{text-align:center}.hero{padding:67px 0 75px}h1{font-size:45px}.hero-grid{gap:22px}.floating-note{left:-4px}.grid3,.grid2{grid-template-columns:1fr}.section.section{padding:66px 0}.page-hero{padding:62px 0 40px}.card{padding:24px}.cta-panel{padding:27px;display:block}.cta-panel .btn{margin-top:10px}.trust-inner{justify-content:start;gap:9px 25px}.footer-top{display:block}.footer .nav{display:flex;position:static;box-shadow:none;padding:0;background:transparent;flex-direction:row;margin-top:25px}.footer .nav a{padding:0}.form-card{padding:20px}.lead{font-size:16px}.preview-heading{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}