/* styles.css */
:root{--max-width:1100px;--accent:#3e5a59;--muted:#636363;--bg:#fffaf6}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial;color:#222;background:linear-gradient(180deg,#fff 0%,#fffaf6 100%);} .container{max-width:var(--max-width);margin:0 auto;padding:0 20px;} .site-header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #eee;} .header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;} .logo-img{height:56px;} .nav{display:flex;gap:14px;align-items:center;} .nav a{color:#333;text-decoration:none;font-weight:600;font-size:0.95rem;} .cta{background:var(--accent);color:#fff;padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:700;} .nav-toggle{display:none;border:0;background:transparent;font-size:20px;} .hero{display:flex;gap:24px;align-items:flex-start;padding:36px 0;} .hero-left{flex:1;} .hero-right{width:360px;} .hero h1{margin:0 0 8px;font-size:2rem;color:var(--accent);} .tagline{color:var(--muted);margin:0 0 12px;} .trust-list{color:var(--muted);margin:8px 0 18px;list-style:disc;padding-left:18px;} .mockup-box{height:180px;border-radius:12px;background:linear-gradient(135deg,#f7eaea,#fff);display:flex;align-items:center;justify-content:center;color:#b88;box-shadow:0 6px 20px rgba(0,0,0,0.06);margin-bottom:12px;} .badges{display:flex;gap:8px;flex-wrap:wrap;} .badge{background:#fff;padding:6px 8px;border-radius:8px;border:1px solid #eee;font-weight:600;color:var(--accent)} .about,.channels,.products,.contact{padding:26px 0;} .channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;} .channel{background:#fff;padding:14px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.04);} .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:16px;} .product-card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.04);text-align:center;font-weight:700} .form{display:flex;flex-direction:column;gap:12px;max-width:560px} .form label{display:flex;flex-direction:column;font-size:0.95rem;color:#333} .form input,.form textarea{padding:10px;border-radius:8px;border:1px solid #e6e6e6;margin-top:6px;font-size:1rem} .btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;border:0;font-weight:700} .note{color:var(--muted);font-size:0.9rem;margin-top:8px} .site-footer{background:#fff;padding:18px 0;border-top:1px solid #eee;margin-top:36px;} .footer-inner{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:0.9rem;color:#666} @media (max-width:900px){ .channels-grid{grid-template-columns:1fr} .hero{flex-direction:column} .nav{display:none} .nav-toggle{display:block} .contact-grid{grid-template-columns:1fr} }