:root{--color-header:#db0d22;--color-body:#1c1f26;--color-footer:#000500;--color-text:#fff;--color-accent:#ffb700;--spacing-12:12px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-48:48px;--font-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--transition:0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-base);color:var(--color-text);background-color:var(--color-body);line-height:1.6}a{color:var(--color-text);text-decoration:none}img{max-width:100%;height:auto;display:block}.topnav{background-color:var(--color-header);position:sticky;top:0;z-index:100}.topnav-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-16);max-width:100%;padding-left:10px;padding-right:10px}.logo-img{width:180px;height:28px}.logo-link{display:flex;align-items:center}.nav-desktop{display:none}@media(min-width:1081px){.nav-desktop{display:flex;gap:var(--spacing-32);align-items:center}.nav-item{color:var(--color-text);font-size:14px;font-weight:500;position:relative;padding-bottom:4px;border-bottom:2px solid transparent;transition:border-color var(--transition)}.nav-item:hover{border-bottom-color:var(--color-accent)}.nav-active{border-bottom:2px solid var(--color-accent)}}.auth-buttons{display:none}@media(min-width:1081px){.auth-buttons{display:flex;gap:var(--spacing-16);align-items:center}.btn-signin{background-color:transparent;border:2px solid var(--color-text);color:var(--color-text);padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600;transition:all var(--transition);cursor:pointer}.btn-signin:hover{background-color:var(--color-text);color:var(--color-header)}.btn-signup{background-color:var(--color-accent);color:var(--color-header);padding:8px 20px;border-radius:4px;font-size:13px;font-weight:600;border:none;transition:background-color var(--transition);cursor:pointer}.btn-signup:hover{background-color:#e6a500}}.hamburger{display:flex;flex-direction:column;background:none;border:none;cursor:pointer;gap:5px;padding:0}@media(min-width:1081px){.hamburger{display:none}}.hamburger span{width:24px;height:2px;background-color:var(--color-text);border-radius:2px;transition:all 0.3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-mobile{display:none;flex-direction:column;background-color:rgba(0,0,0,0.95);padding:var(--spacing-24);gap:var(--spacing-16);position:absolute;top:60px;left:0;right:0;backdrop-filter:blur(10px)}@media(max-width:1080px){.nav-mobile.open{display:flex}}.nav-item-mobile{color:var(--color-text);font-size:14px;font-weight:500;padding:var(--spacing-16);border-bottom:1px solid rgba(255,255,255,0.1);transition:all var(--transition)}.nav-item-mobile:hover{background-color:rgba(255,183,0,0.1);padding-left:var(--spacing-24)}.mobile-auth{display:flex;flex-direction:column;gap:var(--spacing-12);margin-top:var(--spacing-24);padding:0 var(--spacing-16)}.btn-signin-mobile{background:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0.05));border:2px solid var(--color-accent);color:var(--color-accent);padding:14px 16px;border-radius:6px;font-size:14px;font-weight:700;text-align:center;width:100%;transition:all var(--transition);cursor:pointer;text-decoration:none;display:block}.btn-signin-mobile:active{background:linear-gradient(135deg,rgba(255,255,255,0.25),rgba(255,255,255,0.1));transform:scale(0.98)}.btn-signin-mobile:hover{background:linear-gradient(135deg,rgba(255,255,255,0.2),rgba(255,255,255,0.08));box-shadow:0 0 12px rgba(255,183,0,0.4)}.btn-signup-mobile{background:linear-gradient(135deg,var(--color-accent),#e6a500);color:var(--color-header);padding:14px 16px;border-radius:6px;font-size:14px;font-weight:700;text-align:center;width:100%;border:none;transition:all var(--transition);cursor:pointer;box-shadow:0 4px 12px rgba(255,183,0,0.3);text-decoration:none;display:block}.btn-signup-mobile:active{transform:scale(0.98);box-shadow:0 2px 6px rgba(255,183,0,0.2)}.btn-signup-mobile:hover{background:linear-gradient(135deg,#e6a500,#ffb700);box-shadow:0 6px 16px rgba(255,183,0,0.5)}.intro-banner{position:relative;background:linear-gradient(135deg,rgba(0,0,0,0.6),rgba(0,0,0,0.4)),url('/images/hero-bg.webp') center/cover;background-attachment:fixed;min-height:500px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-48) 10px;text-align:center}.intro-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.2)}.intro-text{position:relative;z-index:2;max-width:800px}h1{font-size:clamp(28px,6vw,56px);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-24);text-shadow:2px 2px 8px rgba(0,0,0,0.7)}main{max-width:1200px;margin:0 auto}.intro-banner p{font-size:clamp(14px,2vw,18px);line-height:1.6;margin-bottom:var(--spacing-24)}.about-block,.signup-block,.signin-block,.compare-block,.app-block{padding:var(--spacing-48) 10px;max-width:100%}h2{font-size:clamp(24px,5vw,40px);font-weight:700;margin-bottom:var(--spacing-24);color:var(--color-accent)}h3{font-size:clamp(18px,3vw,28px);font-weight:600;margin-bottom:var(--spacing-16);color:var(--color-accent)}.about-block p{font-size:clamp(14px,2vw,16px);margin-bottom:var(--spacing-16);line-height:1.7}.info-table{width:100%;border-collapse:collapse;margin:var(--spacing-32) 0;background-color:rgba(255,255,255,0.05);border-radius:8px;overflow:hidden}.info-table tr{border-bottom:1px solid rgba(255,255,255,0.1);transition:background-color var(--transition)}.info-table tr:hover{background-color:rgba(255,183,0,0.05)}.info-table td{padding:12px 16px;font-size:14px}.info-table .label{font-weight:600;color:var(--color-accent);width:35%}@media(max-width:768px){.info-table{font-size:12px}.info-table td{padding:8px 12px}}.signup-block p,.signin-block p{margin-bottom:var(--spacing-16);font-size:clamp(14px,2vw,16px);line-height:1.7}.signup-block strong,.signin-block strong{color:var(--color-accent);font-weight:700}.btn-cta{display:inline-block;background:linear-gradient(135deg,var(--color-accent),#e6a500);color:var(--color-header);padding:12px 32px;border-radius:6px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all var(--transition);margin:var(--spacing-24) 0;text-align:center;box-shadow:0 4px 12px rgba(255,183,0,0.3);text-decoration:none;display:inline-block}.btn-cta:hover{background:linear-gradient(135deg,#e6a500,#ffb700);transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,183,0,0.5)}.btn-cta:active{transform:translateY(0);box-shadow:0 2px 6px rgba(255,183,0,0.2)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-32);margin:var(--spacing-32) 0}@media(max-width:768px){.compare-grid{grid-template-columns:1fr}}.grid-col h3{color:var(--color-accent);margin-bottom:var(--spacing-16)}.list-perks,.list-notes{list-style:none;padding:0}.list-perks li,.list-notes li{margin-bottom:var(--spacing-16);padding-left:24px;position:relative;font-size:14px;line-height:1.6}.list-perks li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:700;font-size:16px}.list-notes li:before{content:"•";position:absolute;left:0;color:var(--color-accent);font-weight:700}.app-block p{font-size:clamp(14px,2vw,16px);margin-bottom:var(--spacing-16);line-height:1.7}.link-internal{color:var(--color-accent);text-decoration:underline;transition:all var(--transition);font-weight:500}.link-internal:hover{color:#ffb700;text-decoration:underline}.botbar{background-color:var(--color-footer);padding:var(--spacing-48) 10px;margin-top:var(--spacing-48)}.botbar-content{max-width:1200px;margin:0 auto}.botbar-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-24);margin-bottom:var(--spacing-32);padding-bottom:var(--spacing-32);border-bottom:1px solid rgba(255,255,255,0.1)}@media(max-width:768px){.botbar-links{gap:var(--spacing-16);font-size:12px}}.botbar-links a{transition:color var(--transition);position:relative}.botbar-links a:hover{color:var(--color-accent)}.carousel-title{font-size:14px;font-weight:600;color:var(--color-accent);margin-bottom:var(--spacing-16);text-align:center;text-transform:uppercase;letter-spacing:1px}.carousel{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-24);margin-bottom:var(--spacing-32)}.carousel img{height:auto;object-fit:contain;transition:transform var(--transition)}.carousel img:hover{transform:scale(1.08)}.payment-row,.provider-row{text-align:center;margin-bottom:var(--spacing-32)}.botbar-bottom{text-align:center;border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--spacing-24)}.license-text,.contact-text{font-size:12px;color:rgba(255,255,255,0.7);line-height:1.6;margin-bottom:8px}.license-text{font-style:italic}@media(max-width:480px){.intro-banner{min-height:350px;padding:var(--spacing-32) 10px;background-attachment:scroll}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}.about-block,.signup-block,.signin-block,.compare-block,.app-block{padding:var(--spacing-32) 10px}.compare-grid{gap:var(--spacing-16)}.carousel{gap:var(--spacing-16)}.botbar-links{gap:12px}.carousel img{max-width:100%}.topnav-inner{padding:var(--spacing-12)}.nav-mobile{top:55px}}