
:root{--bg:#06111f;--surface:#0b1a2b;--surface2:#10243a;--text:#f5f8ff;--muted:#a9b7ca;--accent:#7c5cff;--accent2:#3ce0a4;--line:rgba(255,255,255,.10);--shadow:0 22px 70px rgba(0,0,0,.28);--radius:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(124,92,255,.16),transparent 32%),radial-gradient(circle at 100% 20%,rgba(60,224,164,.08),transparent 28%),var(--bg);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(6,17,31,.98);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;font-weight:900;font-size:23px;letter-spacing:-.05em}.brand img{width:150px;height:auto;display:block}.nav-links{display:flex;gap:22px;align-items:center;font-size:14px;color:#d9e3f0;flex-wrap:wrap}.nav-links a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:13px 19px;font-weight:800;transition:.2s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#8b68ff,#6f4cff);box-shadow:0 15px 32px rgba(124,92,255,.30)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:rgba(255,255,255,.05);border-color:var(--line)}.btn-wide{min-width:185px}.hero{padding:86px 0 46px}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(60,224,164,.10);border:1px solid rgba(60,224,164,.22);color:#6ff1bf;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(44px,7vw,82px);line-height:1.02;letter-spacing:-.055em;max-width:900px;margin:18px 0}.hero p.lead{max-width:760px;color:#c7d1df;font-size:20px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.section{padding:52px 0}.section h2{font-size:40px;letter-spacing:-.04em;margin:0 0 10px}.section-intro{color:var(--muted);max-width:760px}.card{background:linear-gradient(180deg,rgba(16,36,58,.90),rgba(10,27,44,.90));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;font-size:21px}.muted{color:var(--muted)}.price{font-weight:900;font-size:24px;margin:12px 0}.kicker{color:#6ff1bf;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.service-hero{padding:72px 0 35px}.service-hero h1{font-size:clamp(42px,6vw,70px);line-height:1.05;letter-spacing:-.045em;max-width:860px;margin:15px 0}.service-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#d8e2ef}.pill{border:1px solid var(--line);background:rgba(255,255,255,.04);padding:7px 11px;border-radius:999px}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.price-panel{position:sticky;top:102px}.price-panel strong{font-size:42px;letter-spacing:-.05em}.list{display:grid;gap:10px;padding:0;margin:18px 0;list-style:none}.list li:before{content:'✓';color:#6ff1bf;margin-right:10px;font-weight:900}.footer{margin-top:70px;border-top:1px solid var(--line);background:#040c16}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px;padding:54px 0}.footer h4{margin:0 0 14px}.footer a{color:#b9c6d6;display:block;margin:9px 0}.footer a:hover{color:#fff}.fineprint{border-top:1px solid var(--line);padding:18px 0;color:#8494a9;font-size:13px}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.badge{padding:8px 12px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;color:#d6e0ed;font-size:13px}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quote{font-size:20px;line-height:1.45}.testimonial-note{border:1px dashed rgba(255,255,255,.18);padding:16px;border-radius:16px;color:#aebccd;background:rgba(255,255,255,.025)}.notice{padding:16px 18px;border-radius:16px;border:1px solid rgba(60,224,164,.25);background:rgba(60,224,164,.07)}form{display:grid;gap:14px}label{font-weight:700;font-size:14px}input,select,textarea{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#071321;color:#fff}textarea{min-height:130px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.popup{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(7px);z-index:100;align-items:center;justify-content:center;padding:20px}.popup.is-open{display:flex}.popup-card{width:min(620px,100%);background:#0c1b2d;border:1px solid rgba(124,92,255,.35);border-radius:24px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.45);position:relative}.popup-close{position:absolute;right:16px;top:12px;background:transparent;border:0;color:#cad5e2;font-size:26px;cursor:pointer}.codebox{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:#071321;border:1px dashed rgba(124,92,255,.38);margin:15px 0}.codebox code{font-size:20px;font-weight:900;letter-spacing:.08em}.center{text-align:center}.small{font-size:13px}.hidden{display:none}.demo-box{padding:24px;border-radius:20px;border:1px solid var(--line);background:#071321}.chat{display:grid;gap:10px;margin:18px 0}.bubble{padding:12px 14px;border-radius:15px;max-width:85%}.bubble.ai{background:#10243a}.bubble.user{background:#2c215e;margin-left:auto}.footer-brand-copy{max-width:310px;color:#a9b7ca}.logo-fallback{display:block;width:150px;padding:7px 0;font-weight:950;font-size:27px;letter-spacing:-.06em}.logo-fallback span{color:#59e0aa}.checklist{display:grid;gap:8px}.check{display:flex;gap:10px}.check b{color:#6ff1bf}@media(max-width:930px){.nav-links{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.shop-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.price-panel{position:static}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.wrap{width:min(var(--max),calc(100% - 28px))}.grid-3,.grid-4,.shop-grid,.two{grid-template-columns:1fr}.hero{padding-top:54px}.hero p.lead{font-size:17px}.hero h1{font-size:48px}.section h2{font-size:33px}.footer-grid{grid-template-columns:1fr}.btn-wide{min-width:0}.service-hero{padding-top:48px}}
