/*
Theme Name: finnish-iptv
Theme URI: https://finnishiptv.com
Description: Migrated from Lovable.dev
Version: 1.0.0
Text Domain: finnish-iptv
*/

:root{--color-primary:#6c63ff;--color-bg:#fff;--color-text:#1a1a2e;--color-muted:#6b7280;--font:'Inter',system-ui,sans-serif;--radius:8px;--max-w:1200px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);line-height:1.6;}
a{color:var(--color-primary);text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.container{max-width:var(--max-w);margin:0 auto;padding:0 24px;}

/* Header */
.site-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0;position:sticky;top:0;z-index:100;}
.site-header .container{display:flex;align-items:center;justify-content:space-between;}
.site-title{font-size:20px;font-weight:700;}
.site-nav ul{list-style:none;display:flex;gap:28px;}

/* Hero */
.hero{padding:96px 0;text-align:center;background:linear-gradient(135deg,#f8f8ff,#fff);}
.hero h1{font-size:clamp(32px,6vw,60px);font-weight:800;margin-bottom:20px;}
.hero p{font-size:18px;color:var(--color-muted);max-width:540px;margin:0 auto 36px;}
.btn-primary{background:var(--color-primary);color:#fff;padding:13px 30px;border-radius:var(--radius);font-weight:600;display:inline-block;}

/* Features */
.features{padding:80px 0;}
.features h2{text-align:center;font-size:34px;margin-bottom:44px;}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;}
.feature-card{background:#f9fafb;border-radius:var(--radius);padding:28px;border:1px solid #e5e7eb;}

/* Pricing */
.pricing{padding:80px 0;background:#f9fafb;}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
.pricing-card{background:#fff;border-radius:var(--radius);padding:36px 28px;border:1px solid #e5e7eb;text-align:center;}
.pricing-card.featured{border-color:var(--color-primary);box-shadow:0 6px 28px rgba(108,99,255,.15);}

/* Footer */
.site-footer{background:#1a1a2e;color:#9ca3af;padding:44px 0;text-align:center;font-size:14px;}

@media(max-width:768px){.site-nav{display:none;}.hero{padding:60px 0;}.features,.pricing{padding:52px 0;}}