:root{--ink:#172033;--muted:#697386;--blue:#2764eb;--line:#dfe4ec;--soft:#f5f7fb;--navy:#0b1325}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);font-size:16px;line-height:1.7}.topbar{height:76px;display:flex;align-items:center;gap:40px;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid #edf0f5;background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:20px;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;font-weight:900}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a{color:#536075;text-decoration:none;font-weight:650;font-size:14px}.topbar nav a:hover,.text-link{color:var(--blue)}.page-hero{padding:88px 24px 72px;background:radial-gradient(circle at 50% 0,#eaf1ff,transparent 58%);text-align:center}.kicker{color:var(--blue);font-weight:800;font-size:12px;letter-spacing:1.8px}.page-hero h1{font-size:clamp(40px,6vw,68px);letter-spacing:-3px;line-height:1.05;margin:14px auto 20px;max-width:900px}.page-hero p{max-width:720px;margin:auto;color:var(--muted);font-size:18px}.content{max-width:920px;margin:auto;padding:72px 24px 100px}.content.narrow{max-width:780px}.content h2{font-size:30px;line-height:1.2;margin:48px 0 14px}.content h2:first-child{margin-top:0}.content h3{font-size:20px;margin-top:30px}.content p,.content li{color:#566276}.content a{color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0}.card{border:1px solid var(--line);border-radius:16px;padding:26px;background:#fff;box-shadow:0 10px 35px rgba(30,50,90,.06)}.card i{font-style:normal;display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#eaf0ff;color:var(--blue);font-weight:900}.card h3{margin:18px 0 7px}.callout{padding:24px;border-left:4px solid var(--blue);border-radius:0 12px 12px 0;background:#f3f7ff;margin:28px 0}.code{background:#111a2d;color:#dfe8fb;border-radius:16px;padding:24px;overflow:auto}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.contact-email{display:block;font-size:20px;font-weight:800;color:var(--blue);text-decoration:none;margin-top:18px}.contact-form{border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 18px 50px rgba(25,48,91,.1)}.contact-form label{display:block;font-weight:700;font-size:14px;margin-bottom:17px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #ccd4e1;border-radius:9px;background:#fff;font:inherit}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:3px solid #dce7ff;border-color:var(--blue)}.hp{position:absolute!important;left:-9999px!important}.submit{width:100%;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:14px;font-weight:800;cursor:pointer}.submit:disabled{opacity:.6}.form-status{margin:14px 0 0;font-size:14px}.form-status.ok{color:#15824e}.form-status.error{color:#c13838}footer{padding:55px max(24px,calc((100vw - 1072px)/2)) 28px;background:var(--navy);color:#96a1b5}footer .brand{color:#fff}footer>p{margin-bottom:34px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:34px 0;border-top:1px solid #283145;border-bottom:1px solid #283145}.footer-links div{display:flex;flex-direction:column;gap:10px}.footer-links b{color:#fff}.footer-links a{color:#9ca7ba;text-decoration:none;font-size:14px}footer>small{display:block;margin-top:25px}@media(max-width:760px){.topbar nav{gap:13px;overflow:auto}.topbar nav a:nth-child(2),.topbar nav a:nth-child(3){display:none}.cards,.contact-layout{grid-template-columns:1fr}.page-hero{padding-top:62px}.page-hero h1{letter-spacing:-2px}.footer-links{grid-template-columns:1fr}.content{padding-top:55px}}
