:root { --ink:#061b31; --muted:#50617a; --line:#e3e8ee; --blue:#2b6afd; --font:"Plus Jakarta Sans",system-ui,sans-serif; }
* { box-sizing: border-box; }
body { margin:0; font-family:var(--font); color:var(--ink); background:#fff; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.cs-top { display:flex; justify-content:space-between; align-items:center; padding:18px 32px; border-bottom:1px solid var(--line); }
.cs-top img { display:block; height:26px; width:auto; }
.cs-top nav { display:flex; align-items:center; gap:20px; font-size:14px; font-weight:500; }
.cs-btn { display:inline-flex; align-items:center; justify-content:center; padding:11px 20px; border-radius:999px; border:1px solid var(--line); background:#fff; font:600 14px var(--font); color:var(--ink); cursor:pointer; }
.cs-btn--primary { background:var(--blue); border-color:var(--blue); color:#fff; }
.cs-btn:hover { filter:brightness(.96); }
.cs-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:64px; max-width:1100px; margin:0 auto; padding:72px 32px; }
.cs-hero h1 { margin:0 0 24px; font-size:clamp(2rem,4.5vw,3.25rem); line-height:1.1; letter-spacing:-.02em; }
.cs-hero ul { margin:0 0 40px; padding-left:20px; font-size:18px; line-height:1.8; color:#243447; }
.cs-existing { padding:24px; border-radius:16px; background:#f5f8ff; }
.cs-existing h3 { margin:0 0 8px; font-size:16px; }
.cs-existing p { margin:0 0 16px; font-size:14px; line-height:1.6; color:var(--muted); }
.cs-form { display:flex; flex-direction:column; gap:16px; padding:32px; border:1px solid var(--line); border-radius:18px; box-shadow:0 12px 32px rgba(6,27,49,.06); align-self:start; }
.cs-form label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:600; }
.cs-form input, .cs-form textarea { padding:11px 12px; border:1px solid #cfd7e3; border-radius:10px; font:400 15px var(--font); color:var(--ink); }
.cs-form input:focus, .cs-form textarea:focus { outline:2px solid rgba(43,106,253,.35); border-color:var(--blue); }
.cs-ok { margin:0; font-size:14px; color:#0a7a3c; }
.cs-cta { padding:72px 24px; text-align:center; background:#f8fafd; }
.cs-cta h2 { margin:0 0 10px; font-size:clamp(1.5rem,3vw,2.25rem); letter-spacing:-.02em; }
.cs-cta p { margin:0 0 24px; color:var(--muted); }
.cs-cta div { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.cs-foot { display:flex; flex-wrap:wrap; gap:12px 24px; justify-content:center; padding:28px 24px; font-size:13px; color:var(--muted); }
.cs-foot a:hover { color:var(--blue); }
@media (max-width:860px) { .cs-hero { grid-template-columns:1fr; gap:40px; padding:48px 20px; } .cs-top { padding:14px 20px; } }