/* Minimal precompiled styles (production-ready) */
:root{--accent:#3B82F6;--muted:#64748b;}
html,body{height:100%;margin:0;}
.site-root{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#E6F4FF 0%, #FFFFFF 60%);color:#0f172a;font-family: 'Poppins', sans-serif;}

/* Container */
.container{max-width:1100px;margin:0 auto;padding:0 24px;}

/* Header fixed */
.site-header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.9);backdrop-filter:blur(6px);border-bottom:1px solid rgba(15,23,42,0.04);z-index:40;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;}
.brand-text{font-weight:600;}
.nav a{margin-left:18px;color:inherit;text-decoration:none;opacity:0.9;}
.nav a:hover{color:var(--accent);}

/* Main spacing to avoid header overlap */
.site-main{flex:1 1 auto;padding-top:6rem;padding-bottom:48px;}
@media(min-width:768px){ .site-main{padding-top:8rem;} }

/* Hero */
.hero{min-height:calc(100vh - 6rem);display:flex;align-items:center;}
.hero-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;}
@media(min-width:768px){ .hero-grid{grid-template-columns:1fr 320px;} }
.hero-title{font-size:28px;font-weight:800;line-height:1.02;}
@media(min-width:768px){ .hero-title{font-size:44px;} }
.lead{color:var(--muted);max-width:680px;}

/* Buttons */
.btn{display:inline-block;padding:0.65rem 1rem;border-radius:12px;text-decoration:none;font-weight:600;}
.btn-primary{background:linear-gradient(90deg,var(--accent),#2563eb);color:#fff;box-shadow:0 12px 30px rgba(59,130,246,0.08);}
.btn-primary:hover{transform:translateY(-3px);}
.btn-outline{border:1px solid rgba(14,165,233,0.06);background:transparent;color:var(--accent);}

/* Cards & sections */
.section{padding:48px 0;}
.card{background:#fff;border-radius:14px;padding:18px;border:1px solid rgba(15,23,42,0.04);box-shadow:0 8px 24px rgba(2,6,23,0.03);}
.hero-card{border-radius:24px;}

/* Features */
.features-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;}
@media(min-width:640px){ .features-grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1024px){ .features-grid{grid-template-columns:repeat(4,1fr);} }
.feature{padding:18px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,0.04);box-shadow:0 8px 24px rgba(2,6,23,0.03);transition:transform .22s ease;}
.feature:hover{transform:translateY(-8px);}
.feature .icon{font-size:20px;color:var(--accent);margin-bottom:8px;}

/* Contact */
.contact-form .field{margin-bottom:12px;}
.contact-form input,.contact-form textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #e6eefb;resize:vertical;}
.captcha-wrap{margin:6px 0 12px;}

/* Footer */
.site-footer{border-top:1px solid rgba(15,23,42,0.04);background:linear-gradient(180deg,rgba(59,130,246,0.02),transparent);}
.footer-inner{display:flex;justify-content:space-between;align-items:center;padding:18px 0;}
.footer-right a{margin-left:12px;color:var(--accent);text-decoration:none;}
.back-top{margin-left:12px;}

/* Preloader */
.preloader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:white;z-index:60;transition:opacity .35s ease;}
.preloader .brand{font-weight:700;font-size:22px;}
.preloader .tag{margin-top:6px;color:var(--muted);font-size:13px;}
@media(prefers-reduced-motion:reduce){*{transition:none!important;}}