html,body{margin:0;padding:0}body,#root{min-height:100vh}:root{--bg: #ffffff;--surface: #ffffff;--surface2: #f8fafc;--text: #0f172a;--muted: #475569;--border: #e2e8f0;--shadow: 0 16px 40px rgba(2, 6, 23, .08);--primary: #0ea5e9;--primary-ink: #ffffff;--accent: #22c55e;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(1200px 700px at 15% 0%,rgba(14,165,233,.12),transparent 60%),radial-gradient(900px 600px at 90% 20%,rgba(34,197,94,.1),transparent 55%),linear-gradient(180deg,#fff,#f8fafc);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{opacity:.95}body{margin:0;min-height:100vh}#root{min-height:100vh}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 18px}.header{position:sticky;top:0;z-index:50;background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.headerInner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px}.brandMark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.2)}.brandName{font-weight:900;letter-spacing:-.02em}.brandSub{font-size:12px;color:var(--muted)}.nav{display:none;gap:14px;color:var(--muted)}.nav a{padding:6px 8px;border-radius:10px}.nav a:hover{background:#0f172a0a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:10px 14px;font-weight:800;border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn.primary{background:linear-gradient(90deg,var(--primary),#0284c7);border-color:#0284c759;color:var(--primary-ink)}.btn.ghost{background:transparent}.btn.full{width:100%}.hero{padding:46px 0 22px}.heroGrid{display:grid;gap:18px}h1{font-size:36px;line-height:1.05;letter-spacing:-.03em;margin:0 0 12px}h2{font-size:26px;letter-spacing:-.02em;margin:0 0 14px}.lead{color:var(--muted);font-size:16px;margin:0 0 18px}.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffffb3;color:var(--muted);font-size:13px;font-weight:700}.bullets{margin:0;padding-left:18px;color:var(--muted)}.card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.cardTitle{font-weight:900;margin-bottom:10px}.field{display:grid;gap:6px;margin-bottom:12px}.field span{color:var(--muted);font-size:13px;font-weight:700}input{border-radius:12px;padding:10px 12px;border:1px solid var(--border);background:var(--surface2);color:var(--text);outline:none}input:focus{border-color:#0ea5e98c}.priceLine{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px dashed rgba(15,23,42,.12)}.priceLine:first-of-type{border-top:0}.price{font-size:22px}.hint{color:var(--muted);font-size:12px;margin:8px 0 12px}.section{padding:34px 0}.section.alt{background:#0f172a05;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.grid{display:grid;gap:14px}.cards3{display:grid;gap:12px}.useCard{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:14px}.useTitle{font-weight:900;margin-bottom:6px}.useDesc{color:var(--muted);margin:0}.gallery{display:grid;gap:12px}.figure{border:1px solid var(--border);background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.figure img{display:block;width:100%;height:220px;object-fit:cover}.figure figcaption{padding:12px 14px;color:var(--muted);font-size:13px}.steps{display:grid;gap:10px}.step{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:12px}.stepN{width:30px;height:30px;border-radius:12px;display:grid;place-items:center;background:#0ea5e91f;border:1px solid rgba(14,165,233,.22);font-weight:900}.stepT{font-weight:900}.stepD{color:var(--muted);font-size:14px}.pricing{display:grid;gap:14px}.pricingCard{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.pricingName{font-weight:900;margin-bottom:6px}.pricingValue{font-size:22px;font-weight:900}.pricingNote{color:var(--muted);font-size:13px;margin-top:6px}.pricingList{margin:12px 0;padding-left:18px;color:var(--muted)}.pricingFoot{color:var(--muted);font-size:13px}.grid2{display:grid;gap:10px}.micro{margin-top:8px;color:var(--muted);font-size:12px}.contactGrid{display:grid;gap:12px}.contactCard{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.contactTitle{font-weight:900;margin-bottom:6px}.contactText{color:var(--muted);margin-top:0}.footer{padding:22px 0;border-top:1px solid var(--border);color:var(--muted)}.footerInner{display:flex;align-items:center;justify-content:space-between;gap:12px}.footerRight{display:flex;gap:12px}@media(min-width:860px){.nav{display:flex}h1{font-size:48px}.heroGrid{grid-template-columns:1.15fr .85fr;align-items:start}.steps{grid-template-columns:repeat(3,1fr)}.pricing{grid-template-columns:repeat(2,1fr);align-items:start}.grid2,.contactGrid{grid-template-columns:repeat(2,1fr)}.cards3,.gallery{grid-template-columns:repeat(3,1fr)}.figure img{height:240px}}