:root{
  --bg:#061019;--bg2:#0a1824;--panel:#0d2030;--ink:#07141f;--muted:#5d7182;
  --cyan:#16d6f0;--cyan2:#6ff2ff;--line:#dce8ee;--white:#fff;--off:#f5f8fa;
  --shadow:0 18px 50px rgba(4,22,34,.14);--radius:24px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(5,15,24,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:250px;height:auto;filter:brightness(1.06)}.navlinks{display:flex;align-items:center;gap:24px;color:#dcebf2;font-size:14px;font-weight:700}.navlinks a{opacity:.86}.navlinks a:hover,.navlinks a.active{opacity:1;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;border:1px solid transparent;font-weight:800;transition:.2s ease;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--cyan2),var(--cyan));color:#05202d;box-shadow:0 10px 25px rgba(22,214,240,.22)}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{border-color:#35dff3;color:#fff;background:rgba(255,255,255,.02)}.btn.dark{background:var(--ink);color:#fff}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:30px}.hero{background:radial-gradient(circle at 78% 20%,rgba(26,201,235,.18),transparent 28%),linear-gradient(135deg,#05101a 0%,#0a1c2b 57%,#082336 100%);color:white;overflow:hidden}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center;padding:76px 0 70px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:900;color:var(--cyan2)}h1,h2,h3{line-height:1.02;margin:0}h1{font-size:clamp(48px,6vw,82px);letter-spacing:-3px}.hero h1 span{color:var(--cyan)}.lead{font-size:20px;color:#c6d8e1;max-width:680px;margin:24px 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.mini-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 26px;margin-top:30px;color:#d9e7ed;font-weight:700}.mini-benefits span:before{content:"✓";color:var(--cyan);margin-right:9px}.device-stage{position:relative;min-height:470px}.screen{position:absolute;background:#08131d;border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 60px rgba(0,0,0,.35);overflow:hidden}.screen.desktop{width:78%;right:0;top:34px;border-radius:18px;padding:11px}.screen.laptop{width:58%;left:0;bottom:18px;border-radius:17px;padding:10px;transform:rotate(-2deg)}.screen.phone{width:24%;right:2%;bottom:0;border-radius:28px;padding:8px}.browser{background:white;border-radius:11px;overflow:hidden}.browserbar{height:26px;background:#e9eef2;display:flex;align-items:center;gap:5px;padding:0 10px}.dot{width:7px;height:7px;border-radius:50%;background:#9fb0bc}.mockhero{min-height:250px;background:linear-gradient(145deg,rgba(4,12,20,.45),rgba(4,12,20,.78)),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="900" height="500"%3E%3Cdefs%3E%3ClinearGradient id="g" x1="0" x2="1"%3E%3Cstop stop-color="%230e879f"/%3E%3Cstop offset="1" stop-color="%2308273b"/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width="900" height="500" fill="url(%23g)"/%3E%3Cpath d="M0 390L220 210 350 310 520 140 900 430V500H0Z" fill="%23071620" opacity=".72"/%3E%3C/svg%3E') center/cover;display:flex;align-items:flex-end;padding:28px;color:white}.mockhero strong{font-size:27px;line-height:1.05}.trust-strip{background:#07141f;color:#dce9ef;border-top:1px solid rgba(255,255,255,.08)}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:22px 0}.trust-grid div{text-align:center;padding:0 13px;border-right:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:700}.trust-grid div:last-child{border:0}.section{padding:88px 0}.section.alt{background:var(--off)}.section.dark{background:linear-gradient(145deg,#061019,#0c2131);color:white}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-head h2{font-size:clamp(38px,4vw,58px);letter-spacing:-2px}.section-head p{max-width:590px;color:var(--muted);font-size:18px;margin:0}.dark .section-head p{color:#bfd0da}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid #e2ebf0;border-radius:var(--radius);padding:28px;box-shadow:0 10px 35px rgba(3,25,38,.06)}.card .icon{width:52px;height:52px;border-radius:14px;background:#e8fbfe;color:#067e9a;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.card h3{font-size:24px}.card p{color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price{background:white;border:1px solid #dbe6eb;border-radius:24px;padding:30px;position:relative}.price.featured{background:#07141f;color:white;border:2px solid var(--cyan);transform:translateY(-8px);box-shadow:0 25px 60px rgba(4,34,50,.18)}.badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--cyan);color:#04202c;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1px}.price h3{font-size:24px}.price .amount{font-size:48px;font-weight:900;color:#08bde0;margin:10px 0}.price ul{padding:0;list-style:none;margin:22px 0}.price li{margin:10px 0;color:#506574}.featured li{color:#d7e5eb}.price li:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:8px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.industry{min-height:160px;border-radius:20px;padding:20px;display:flex;align-items:end;color:white;font-weight:900;font-size:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0c2a3b,#07141f)}.industry:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(21,214,240,.13);right:-35px;top:-35px}.industry span{position:relative;z-index:2}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.step{padding:26px;border:1px solid #dce7ec;border-radius:20px;background:white}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--cyan);font-size:16px;font-weight:900;margin-bottom:18px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work{border-radius:22px;overflow:hidden;background:white;box-shadow:var(--shadow);border:1px solid #e3ecef}.work-visual{height:240px;background:linear-gradient(155deg,#0b1720,#0c5b6b);padding:22px;display:flex;align-items:flex-end}.work:nth-child(2) .work-visual{background:linear-gradient(155deg,#151718,#966315)}.work:nth-child(3) .work-visual{background:linear-gradient(155deg,#07151d,#24513d)}.fake-site{width:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.24)}.fake-top{height:24px;background:#e8edf0}.fake-body{height:125px;padding:14px;background:linear-gradient(130deg,#0b1a24,#18374b);color:#fff;font-weight:900;display:flex;align-items:flex-end}.work-copy{padding:22px}.work-copy small{color:#0aa6c3;font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.quote-panel{background:#07141f;color:white;border-radius:26px;padding:34px}.quote-panel h2{font-size:48px}.quote-panel p{color:#bed0da}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form .full{grid-column:1/-1}label{font-size:13px;font-weight:800;color:#314958;display:block;margin-bottom:6px}input,select,textarea{width:100%;padding:14px 15px;border:1px solid #cfdce2;border-radius:11px;font:inherit;background:#fff}textarea{min-height:140px;resize:vertical}.fine{font-size:12px;color:#78909d}.footer{background:#04101a;color:#d7e5eb;padding:48px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:28px}.footer img{width:220px;filter:brightness(1.08)}.footer h4{color:white;margin-top:0}.footer a{display:block;margin:8px 0;color:#adc1cb}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:30px;padding-top:20px;font-size:12px;color:#87a0ad}.page-hero{background:linear-gradient(135deg,#061019,#0b2335);color:white;padding:86px 0}.page-hero h1{font-size:clamp(46px,6vw,76px)}.page-hero p{font-size:20px;color:#c6d9e2;max-width:760px}.content{max-width:860px}.content h2{font-size:38px;margin-top:40px}.content p,.content li{font-size:18px;color:#536a78}.faq{border-top:1px solid #d8e5eb}.faq details{border-bottom:1px solid #d8e5eb;padding:20px 0}.faq summary{font-weight:900;cursor:pointer;font-size:19px}.notice{background:#ecfbfe;border:1px solid #b8edf4;color:#0a6677;padding:16px 18px;border-radius:13px}.placeholder{background:#fff5dc;border:1px solid #f1d58c;color:#795600;padding:12px 14px;border-radius:12px;font-size:13px;font-weight:700}
@media(max-width:980px){.navlinks{display:none}.mobile-toggle{display:block}.navlinks.open{display:flex;position:absolute;top:84px;left:0;right:0;background:#061019;flex-direction:column;align-items:flex-start;padding:22px 20px}.hero-grid{grid-template-columns:1fr;padding-top:54px}.device-stage{min-height:420px}.trust-grid{grid-template-columns:repeat(2,1fr);gap:16px}.trust-grid div{border:0}.cards,.price-grid,.portfolio-grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr 1fr}.quote{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wrap{width:min(100% - 28px,var(--max))}.brand img{width:205px}.hero-grid{min-height:auto}.device-stage{min-height:330px}.screen.desktop{width:86%}.screen.laptop{width:62%}.screen.phone{width:27%}h1{letter-spacing:-2px}.lead{font-size:18px}.mini-benefits{grid-template-columns:1fr}.cards,.price-grid,.portfolio-grid,.industry-grid,.process,.footer-grid,.form{grid-template-columns:1fr}.form .full{grid-column:auto}.section{padding:64px 0}.section-head{display:block}.section-head p{margin-top:14px}.price.featured{transform:none}.trust-grid{grid-template-columns:1fr}.quote-panel h2{font-size:38px}}
