:root{--blue:#0077FF;--orange:#FF6B2C;--radius:16px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#111;background:#fff}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.86);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid #eee;z-index:10}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{height:36px}.nav a{margin-left:16px;color:#333;text-decoration:none;font-weight:600}.nav a:hover{color:var(--blue)}
.hero{background:linear-gradient(135deg,var(--blue),var(--orange));color:#fff;padding:96px 0}.hero-inner{display:flex;align-items:center;gap:48px}
.hero-copy h1{font-size:40px;margin:0 0 12px}.cta{display:inline-block;background:#fff;color:#111;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700;border:2px solid #fff}
.cta:hover{background:transparent;color:#fff}.features{padding:56px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{padding:20px;border:1px solid #eee;border-radius:var(--radius);box-shadow:0 4px 20px rgba(0,0,0,.04)}
.contact{padding:56px 0;background:#f8f9fb}.row{display:flex;flex-direction:column;margin-bottom:14px}
label{font-weight:600;margin-bottom:6px}input,textarea{padding:12px 14px;border-radius:12px;border:1px solid #d8dee4;font-size:16px;outline:none}
input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,119,255,.15)}.actions{display:flex;align-items:center;gap:12px}#formStatus{min-height:24px}
.hp{display:none}.site-footer{border-top:1px solid #eee;padding:16px 0;text-align:center}
@media(max-width:900px){.grid{grid-template-columns:1fr}.hero{padding:72px 0}.hero-copy h1{font-size:32px}}