/* MegaTivi Design System (mt-*) — Clone: tivistation.com */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;600;700;800;900&family=Nunito+Sans:wght@400;600;700&display=swap');
:root{--mt-bg:#fff;--mt-bg-alt:#f7f7f9;--mt-bg-dark:#0F141B;--mt-primary:#FF1749;--mt-primary-hover:#e0123d;--mt-secondary:#222629;--mt-orange:#FF6900;--mt-text:#1b1b1b;--mt-text-muted:#616161;--mt-border:#e0e0e0;--mt-card-bg:#fff;--mt-card-shadow:0 4px 24px rgba(0,0,0,.08);--mt-radius:12px;--mt-radius-sm:8px;--mt-font-heading:'Mulish',sans-serif;--mt-font-body:'Nunito Sans',sans-serif;--mt-max-w:1200px;--mt-nav-h:72px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--mt-font-body);font-size:16px;line-height:1.75;color:var(--mt-text);background:var(--mt-bg)}img{max-width:100%;height:auto;display:block}a{color:var(--mt-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--mt-primary-hover)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--mt-font-heading);font-weight:900;line-height:1.25;color:var(--mt-text)}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.75rem,4vw,2.625rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{margin-bottom:1rem}
.mt-container{max-width:var(--mt-max-w);margin:0 auto;padding:0 20px}
.mt-header{position:sticky;top:0;z-index:1000;background:var(--mt-bg);border-bottom:1px solid var(--mt-border);height:var(--mt-nav-h);display:flex;align-items:center}.mt-header .mt-container{display:flex;align-items:center;justify-content:space-between;width:100%}.mt-logo{font-family:var(--mt-font-heading);font-size:1.625rem;font-weight:900;color:var(--mt-text);text-decoration:none}.mt-logo span{color:var(--mt-primary)}.mt-nav{display:flex;align-items:center;gap:24px}.mt-nav a{font-family:var(--mt-font-heading);font-size:.9rem;font-weight:800;color:var(--mt-text);transition:color .2s}.mt-nav a:hover,.mt-nav a.active{color:var(--mt-primary)}.mt-nav-cta{background:var(--mt-primary);color:#fff!important;padding:10px 24px;border-radius:50px;font-weight:700;transition:background .2s}.mt-nav-cta:hover{background:var(--mt-primary-hover);color:#fff!important}
.mt-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.mt-hamburger span{width:24px;height:2px;background:var(--mt-text);border-radius:2px;transition:transform .3s}.mt-mobile-nav{display:none;position:fixed;top:var(--mt-nav-h);left:0;right:0;bottom:0;background:var(--mt-bg-dark);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:20px}.mt-mobile-nav.open{display:flex}.mt-mobile-nav a{color:#fff;font-family:var(--mt-font-heading);font-size:1.25rem;font-weight:800}.mt-mobile-nav a:hover{color:var(--mt-primary)}@media(max-width:1024px){.mt-nav{display:none}.mt-hamburger{display:flex}}
.mt-hero{background:linear-gradient(135deg,var(--mt-bg-dark) 0%,#1a1f28 100%);color:#fff;padding:100px 0 80px;text-align:center;position:relative;overflow:hidden}.mt-hero h1{color:#fff;margin-bottom:16px}.mt-hero p{color:rgba(255,255,255,.8);font-size:1.125rem;max-width:640px;margin:0 auto 32px}.mt-hero-price{font-size:2rem;font-weight:900;color:var(--mt-primary);margin-bottom:8px}.mt-hero-price small{font-size:.875rem;color:rgba(255,255,255,.6);font-weight:400}.mt-hero-img{max-width:480px;margin:40px auto 0;border-radius:var(--mt-radius)}
.mt-btn{display:inline-block;padding:14px 36px;border-radius:50px;font-family:var(--mt-font-heading);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;border:none;text-align:center}.mt-btn-primary{background:var(--mt-primary);color:#fff}.mt-btn-primary:hover{background:var(--mt-primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,23,73,.3)}.mt-btn-outline{background:transparent;color:var(--mt-primary);border:2px solid var(--mt-primary)}.mt-btn-outline:hover{background:var(--mt-primary);color:#fff}.mt-btn-dark{background:var(--mt-secondary);color:#fff}.mt-btn-dark:hover{background:var(--mt-text);color:#fff}
.mt-section{padding:80px 0}.mt-section-alt{background:var(--mt-bg-alt)}.mt-section-dark{background:var(--mt-bg-dark);color:#fff}.mt-section-dark h2,.mt-section-dark h3{color:#fff}.mt-section-dark p{color:rgba(255,255,255,.75)}.mt-section-header{text-align:center;margin-bottom:48px}.mt-section-header p{color:var(--mt-text-muted);max-width:640px;margin:12px auto 0}.mt-dot{display:inline-block;width:8px;height:8px;background:var(--mt-primary);border-radius:50%;margin-right:4px;vertical-align:middle}
.mt-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.mt-pricing-card{background:var(--mt-card-bg);border:1px solid var(--mt-border);border-radius:var(--mt-radius);padding:32px 24px;text-align:center;transition:transform .3s,box-shadow .3s;position:relative}.mt-pricing-card:hover{transform:translateY(-4px);box-shadow:var(--mt-card-shadow)}.mt-pricing-card.featured{border-color:var(--mt-primary);box-shadow:0 0 0 2px var(--mt-primary)}.mt-pricing-card .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--mt-primary);color:#fff;padding:4px 16px;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase}.mt-pricing-card h3{font-size:1.25rem;margin-bottom:8px}.mt-pricing-card .price{font-size:2.5rem;font-weight:900;color:var(--mt-primary);margin:16px 0 4px}.mt-pricing-card .price small{font-size:.875rem;color:var(--mt-text-muted);font-weight:400}.mt-pricing-card ul{margin:20px 0;text-align:left}.mt-pricing-card li{padding:8px 0;border-bottom:1px solid var(--mt-border);font-size:.9rem;color:var(--mt-text-muted);display:flex;align-items:center;gap:8px}.mt-pricing-card li::before{content:'';display:inline-block;width:6px;height:6px;background:var(--mt-primary);border-radius:50%;flex-shrink:0}.mt-pricing-card li:last-child{border-bottom:none}.mt-pricing-card .mt-btn{width:100%;margin-top:16px}
.mt-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}.mt-feature-card{text-align:center;padding:32px 20px}.mt-feature-icon{width:64px;height:64px;margin:0 auto 20px;background:rgba(255,23,73,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--mt-primary)}.mt-feature-card h3{font-size:1.125rem;margin-bottom:8px}.mt-feature-card p{color:var(--mt-text-muted);font-size:.9rem}
.mt-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.mt-split-img{border-radius:var(--mt-radius);overflow:hidden;box-shadow:var(--mt-card-shadow)}.mt-split-text h2{margin-bottom:16px}.mt-split-text p{color:var(--mt-text-muted)}@media(max-width:768px){.mt-split{grid-template-columns:1fr}.mt-split.reverse .mt-split-img{order:-1}}
.mt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center;padding:48px 0}.mt-stat-number{font-size:2.5rem;font-weight:900;color:var(--mt-primary);font-family:var(--mt-font-heading)}.mt-stat-label{color:rgba(255,255,255,.7);font-size:.875rem;margin-top:4px}
.mt-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.mt-testimonial{background:var(--mt-card-bg);border:1px solid var(--mt-border);border-radius:var(--mt-radius);padding:28px}.mt-testimonial p{font-style:italic;color:var(--mt-text-muted);margin-bottom:16px}.mt-testimonial-author{display:flex;align-items:center;gap:12px}.mt-testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--mt-bg-alt);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--mt-primary);font-size:1.25rem}.mt-testimonial-name{font-weight:700;font-size:.9rem}.mt-testimonial-role{font-size:.8rem;color:var(--mt-text-muted)}
.mt-faq-list{max-width:800px;margin:0 auto}.mt-faq-item{border-bottom:1px solid var(--mt-border);padding:20px 0}.mt-faq-q{font-family:var(--mt-font-heading);font-weight:800;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--mt-text)}.mt-faq-q::after{content:'+';font-size:1.5rem;color:var(--mt-primary);flex-shrink:0;transition:transform .3s}.mt-faq-item.open .mt-faq-q::after{transform:rotate(45deg)}.mt-faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;color:var(--mt-text-muted);font-size:.925rem;line-height:1.7}.mt-faq-item.open .mt-faq-a{max-height:600px;padding-top:12px}
.mt-form{max-width:560px;margin:0 auto}.mt-form-group{margin-bottom:16px}.mt-form-group label{display:block;font-family:var(--mt-font-heading);font-weight:700;font-size:.875rem;margin-bottom:6px;color:var(--mt-text)}.mt-form-group input,.mt-form-group select,.mt-form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--mt-border);border-radius:var(--mt-radius-sm);font-family:var(--mt-font-body);font-size:.95rem;transition:border-color .2s;background:var(--mt-bg)}.mt-form-group input:focus,.mt-form-group select:focus,.mt-form-group textarea:focus{outline:none;border-color:var(--mt-primary);box-shadow:0 0 0 3px rgba(255,23,73,.1)}.mt-form-group textarea{min-height:120px;resize:vertical}.mt-form .mt-btn{width:100%;padding:14px;font-size:1rem}.mt-form-trust{text-align:center;margin-top:12px;font-size:.8rem;color:var(--mt-text-muted)}
.form-message{padding:12px 16px;border-radius:var(--mt-radius-sm);margin-top:12px;font-size:.9rem}.form-message--success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.form-message--error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}input[name="website"]{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.mt-page-header{background:linear-gradient(135deg,var(--mt-bg-dark) 0%,#1a1f28 100%);color:#fff;padding:80px 0 48px;text-align:center}.mt-page-header h1{color:#fff;margin-bottom:8px}.mt-page-header .breadcrumb{color:rgba(255,255,255,.6);font-size:.875rem}.mt-page-header .breadcrumb a{color:rgba(255,255,255,.6)}.mt-page-header .breadcrumb a:hover{color:var(--mt-primary)}
.mt-channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.mt-channel-cat{background:var(--mt-card-bg);border:1px solid var(--mt-border);border-radius:var(--mt-radius-sm);padding:20px;text-align:center;transition:transform .2s}.mt-channel-cat:hover{transform:translateY(-2px);box-shadow:var(--mt-card-shadow)}.mt-channel-cat h3{font-size:1rem;margin-bottom:4px}.mt-channel-cat p{color:var(--mt-text-muted);font-size:.85rem}
.mt-legal{padding:48px 0 80px}.mt-legal h2{font-size:1.375rem;margin:32px 0 12px;padding-top:20px;border-top:1px solid var(--mt-border)}.mt-legal h2:first-of-type{border-top:none;padding-top:0}.mt-legal h3{font-size:1.125rem;margin:20px 0 8px}.mt-legal p,.mt-legal li{color:var(--mt-text-muted);font-size:.925rem}.mt-legal ul{padding-left:20px;margin-bottom:16px}.mt-legal ul li{list-style:disc;margin-bottom:6px}.mt-legal table{width:100%;border-collapse:collapse;margin:16px 0}.mt-legal th,.mt-legal td{text-align:left;padding:10px 12px;border:1px solid var(--mt-border);font-size:.9rem}.mt-legal th{background:var(--mt-bg-alt);font-weight:700}
.mt-guide h2{font-size:1.375rem;margin:32px 0 12px}.mt-guide h3{font-size:1.125rem;margin:20px 0 8px}.mt-guide p{color:var(--mt-text-muted)}.mt-guide img{border-radius:var(--mt-radius-sm);margin:16px 0;box-shadow:0 4px 12px rgba(0,0,0,.08)}.mt-guide ol{padding-left:20px;margin:12px 0}.mt-guide ol li{margin-bottom:8px;color:var(--mt-text-muted);list-style:decimal}.mt-guide .toc{background:var(--mt-bg-alt);border-radius:var(--mt-radius-sm);padding:20px 24px;margin:24px 0}.mt-guide .toc a{display:block;padding:4px 0;font-size:.9rem;color:var(--mt-primary)}
.mt-devices{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;padding:24px 0}.mt-device{text-align:center;width:80px}.mt-device img{width:48px;height:48px;margin:0 auto 8px;object-fit:contain}.mt-device span{font-size:.75rem;font-weight:700;color:var(--mt-text-muted)}
.mt-footer{background:var(--mt-bg-dark);color:rgba(255,255,255,.75);padding:64px 0 24px}.mt-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:40px}.mt-footer h4{color:#fff;font-size:1rem;margin-bottom:16px}.mt-footer a{color:rgba(255,255,255,.6);font-size:.875rem;display:block;padding:3px 0;transition:color .2s}.mt-footer a:hover{color:var(--mt-primary)}.mt-footer-logo{font-family:var(--mt-font-heading);font-size:1.5rem;font-weight:900;color:#fff;margin-bottom:12px}.mt-footer-logo span{color:var(--mt-primary)}.mt-footer-desc{font-size:.875rem;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:16px}.mt-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;font-size:.8rem;color:rgba(255,255,255,.4)}.mt-footer-address{font-size:.85rem;color:rgba(255,255,255,.5);font-style:normal;line-height:1.6}
.mt-checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.mt-order-summary{background:var(--mt-bg-alt);border-radius:var(--mt-radius);padding:28px;border:1px solid var(--mt-border)}@media(max-width:768px){.mt-checkout-grid{grid-template-columns:1fr}}
.text-center{text-align:center}.text-primary{color:var(--mt-primary)}.mt-mb-0{margin-bottom:0}.mt-mt-2{margin-top:16px}.mt-mt-4{margin-top:32px}
@media(max-width:768px){.mt-hero{padding:64px 0 48px}.mt-section{padding:48px 0}.mt-pricing-grid{grid-template-columns:1fr}.mt-features-grid{grid-template-columns:1fr 1fr}.mt-stats{grid-template-columns:1fr 1fr}.mt-testimonials-grid{grid-template-columns:1fr}.mt-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.mt-features-grid{grid-template-columns:1fr}.mt-footer-grid{grid-template-columns:1fr}.mt-channels-grid{grid-template-columns:1fr 1fr}}
