*{box-sizing:border-box}
:root{--paper:#fff;--ink:#0c0d0f;--muted:#6a717d;--line:#eceff3;--brand:#111;--ring:rgba(0,0,0,.1)}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#f7f7fb}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:20;backdrop-filter:saturate(180%) blur(8px)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;text-decoration:none;color:var(--ink);font-size:18px;letter-spacing:.3px}
.nav a{margin-left:18px;text-decoration:none;color:var(--ink);opacity:.8}
.nav a:hover{opacity:1}
.hero{position:relative;min-height:72vh;display:flex;align-items:center;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 40%, rgba(0,0,0,.45), rgba(0,0,0,.25) 60%, transparent)}
.hero-content{position:relative;z-index:2;color:#fff;padding-top:64px;padding-bottom:56px}
.hero h1{font-size:42px;line-height:1.1;margin:0 0 10px;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.kicker{font-size:18px;opacity:.95;margin:0 0 18px;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid #fff;background:#fff;color:#000;text-decoration:none;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.btn.outline{background:transparent;color:#fff}
.section{padding:72px 0;background:#fff}
.section.alt{background:#f9fafc}
.section h2{font-size:28px;margin:0 0 18px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.features{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.features li{background:#fff;border:1px dashed var(--line);border-radius:12px;padding:10px 12px}
.features span{margin-right:8px}
.contact-section .contact-meta{margin-bottom:16px;color:#333}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.08)}
#contactForm{display:grid;gap:14px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:8px}
label{font-weight:600;font-size:14px}
input[type=text],input[type=email],textarea{width:100%;padding:12px 14px;border:1px solid #e4e6eb;border-radius:12px;background:#fff;outline:none;transition:box-shadow .15s,border-color .15s}
input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}
textarea{min-height:140px;resize:vertical}
.align{align-items:end}
.captcha-wrap{display:flex;align-items:center;gap:10px}
.link{background:transparent;border:none;padding:0;color:var(--ink);text-decoration:underline;cursor:pointer}
.btn{cursor:pointer}
.form-note{color:#666;font-size:12px;margin:2px 0 0}
.form-alert{margin-top:8px;padding:12px;border-radius:12px;border:1px solid transparent;display:inline-block}
.form-alert.info{background:#eef5ff;border-color:#cfe3ff}
.form-alert.success{background:#f2fff5;border-color:#d1ffd9}
.form-alert.error{background:#fff5f5;border-color:#ffd1d1}
.hidden{display:none!important}
.site-footer{padding:28px 0;background:#fff;border-top:1px solid var(--line);margin-top:24px;color:#444}
@media (max-width:900px){.grid{grid-template-columns:1fr 1fr} .row{grid-template-columns:1fr}}
@media (max-width:640px){.grid{grid-template-columns:1fr}.hero h1{font-size:32px}}