@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{
  --primary:#0ea5e9;
  --primary-dark:#0284c7;
  --primary-darker:#0369a1;
  --accent:#6366f1;
  --success:#16a34a;
  --warning:#d97706;
  --danger:#dc2626;
  --bg:#f8fafc;
  --bg2:#f1f5f9;
  --bg3:#e2e8f0;
  --surface:rgba(255,255,255,0.9);
  --surface2:rgba(248,250,252,0.95);
  --border:rgba(0,0,0,0.08);
  --border2:rgba(14,165,233,0.2);
  --text:#0f172a;
  --text2:#475569;
  --text3:#94a3b8;
  --font:'Inter',sans-serif;
  --r4:4px;--r8:8px;--r12:12px;--r16:16px;--r24:24px;--rfull:9999px;
  --shadow:0 4px 24px rgba(0,0,0,0.08);
  --shadow-glow:0 0 40px rgba(14,165,233,0.12);
  --transition:0.2s ease;
  --transition-slow:0.5s ease;
  --nav-bg:rgba(248,250,252,0.95)
}[data-theme="dark"]{
  --primary:#38bdf8;
  --primary-dark:#0ea5e9;
  --primary-darker:#0284c7;
  --accent:#818cf8;
  --success:#34d399;
  --warning:#fbbf24;
  --danger:#f87171;
  --bg:#020817;
  --bg2:#0f172a;
  --bg3:#1e293b;
  --surface:rgba(30,41,59,0.7);
  --surface2:rgba(15,23,42,0.8);
  --border:rgba(255,255,255,0.08);
  --border2:rgba(56,189,248,0.2);
  --text:#f8fafc;
  --text2:#94a3b8;
  --text3:#64748b;
  --shadow:0 4px 24px rgba(0,0,0,0.4);
  --shadow-glow:0 0 40px rgba(56,189,248,0.15);
  --nav-bg:rgba(2,8,23,0.92)
}*,*::before,*::after{transition:background-color 0.3s ease,border-color 0.3s ease,color 0.2s ease,box-shadow 0.3s ease}.btn,.nav-mega,.nav-dropdown,.mobile-menu,.faq-answer,.spinner{transition:none}[data-theme="dark"] body::before{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,0.12),transparent),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(129,140,248,0.08),transparent)}[data-theme="dark"] .nav{background:var(--nav-bg);border-bottom:1px solid var(--border)}[data-theme="dark"] .nav-mega-grid{box-shadow:0 24px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.04)}[data-theme="dark"] .card{background:var(--surface);border-color:var(--border)} [data-theme="dark"] .predictor-card{background:var(--surface2);border-color:var(--border2)}[data-theme="dark"] .seo-section{background:transparent}[data-theme="dark"] .faq-question{background:transparent}[data-theme="dark"] .faq-question:hover{background:var(--bg2)}[data-theme="dark"] .hiw-chart-card{background:var(--bg3)}[data-theme="dark"] .gradient-text{background:linear-gradient(135deg,#0ea5e9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme="dark"] .hero-badge{background:rgba(56,189,248,0.1);border-color:var(--border2);color:var(--primary)}[data-theme="dark"] .blog-card{background:var(--surface);border-color:var(--border)}.theme-toggle{background:none;border:1.5px solid var(--border);border-radius:var(--rfull);width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.05rem;color:var(--text2);transition:border-color .2s,background .2s,transform .2s;flex-shrink:0;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--primary);background:var(--surface);color:var(--primary);transform:rotate(20deg)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{position:absolute;transition:opacity .25s,transform .25s}.theme-toggle .icon-sun{opacity:0;transform:scale(0.6) rotate(-45deg)}.theme-toggle .icon-moon{opacity:1;transform:scale(1) rotate(0deg)}[data-theme="dark"] .theme-toggle .icon-sun{opacity:1;transform:scale(1) rotate(0deg)}[data-theme="dark"] .theme-toggle .icon-moon{opacity:0;transform:scale(0.6) rotate(45deg)}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;min-height:100vh}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,0.07),transparent),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(129,140,248,0.05),transparent);pointer-events:none;z-index:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:var(--font)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0;position:relative}.section-sm{padding:48px 0}.nav{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border);background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;position:relative}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:-0.5px;white-space:nowrap;justify-self:start}.nav-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:8px;display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:2px;justify-content:center}.nav-link{padding:8px 12px;border-radius:var(--r8);color:var(--text2);font-size:0.9rem;font-weight:500;transition:var(--transition);white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface)}.nav-cta{display:flex;align-items:center;gap:8px;justify-self:end}.nav-item{position:relative}.nav-toggle{background:none;border:none;color:var(--text2);font-size:0.9rem;font-weight:500;padding:8px 12px;border-radius:var(--r8);cursor:pointer;display:flex;align-items:center;gap:5px;transition:var(--transition);font-family:var(--font);white-space:nowrap}.nav-toggle:hover{color:var(--text);background:var(--surface)}.nav-item.is-open .nav-toggle{color:var(--text);background:var(--surface)}.nav-chevron{transition:transform 0.2s ease;flex-shrink:0}.nav-item.is-open .nav-chevron{transform:rotate(180deg)}.nav-mega{display:none;position:fixed;left:0;right:0;top:69px;z-index:990;padding:8px 24px}.nav-item.is-open .nav-mega{display:block;animation:megaFade 0.18s ease}@keyframes megaFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-mega-grid{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r16);box-shadow:0 16px 48px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.05);display:grid;grid-template-columns:1fr 1fr 1fr 280px;overflow:hidden;max-width:1100px;margin:0 auto}.nav-mega-col{padding:24px 20px;border-right:1px solid var(--border)}.nav-mega-label{font-size:0.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text3);margin-bottom:12px;padding:0 10px}.nav-mega-item{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:var(--r8);transition:var(--transition);margin-bottom:2px;text-decoration:none}.nav-mega-item:hover{background:var(--surface)}.nav-mega-icon{font-size:1rem;flex-shrink:0;width:22px;text-align:center;margin-top:1px}.nav-mega-body{display:flex;flex-direction:column;gap:1px}.nav-mega-title{font-size:0.88rem;font-weight:600;color:var(--text);line-height:1.3}.nav-mega-desc{font-size:0.76rem;color:var(--text3);line-height:1.4}.nav-mega-item:hover .nav-mega-title{color:var(--primary)}.nav-mega-promo{padding:24px 22px;background:linear-gradient(135deg,rgba(56,189,248,0.06),rgba(129,140,248,0.08));display:flex;flex-direction:column;justify-content:space-between;gap:12px}.nav-mega-promo-badge{display:inline-flex;align-items:center;gap:5px;font-size:0.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);background:rgba(56,189,248,0.1);border:1px solid var(--border2);padding:3px 10px;border-radius:var(--rfull);width:fit-content;margin-bottom:4px}.nav-mega-promo-title{font-size:1rem;font-weight:700;color:var(--text);line-height:1.4}.nav-mega-promo-desc{font-size:0.82rem;color:var(--text2);line-height:1.6;flex:1}.nav-mega-promo-cta{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:600;font-size:0.9rem;padding:10px 18px;border-radius:var(--rfull);background:rgba(56,189,248,0.12);border:1px solid var(--border2);transition:var(--transition);width:fit-content;margin-top:4px}.nav-mega-promo-cta:hover{background:rgba(56,189,248,0.22);gap:10px}.nav-dropdown{display:none;position:absolute;top:calc(100%+6px);left:50%;transform:translateX(-50%);background:var(--bg2);border:1px solid var(--border);border-radius:var(--r12);box-shadow:0 16px 40px rgba(0,0,0,0.5);min-width:200px;padding:6px;z-index:990}.nav-item.is-open .nav-dropdown{display:block;animation:megaFade 0.18s ease}.nav-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r8);color:var(--text2);font-size:0.88rem;font-weight:500;transition:var(--transition)}.nav-dropdown-item:hover{color:var(--text);background:var(--surface)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;padding:8px;cursor:pointer;flex-shrink:0;width:40px;height:40px;border-radius:var(--r8);transition:var(--transition)}.hamburger:hover{background:var(--surface)}.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease;transform-origin:center}.hamburger.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.is-active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;top:68px;background:var(--surface2);z-index:998;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav-overlay.open{display:block}.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;background:var(--bg2);z-index:999;padding:20px 16px 32px;overflow-y:auto;flex-direction:column;gap:4px;border-top:1px solid var(--border)}.mobile-menu.open{display:flex;animation:slideDown 0.25s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-link{padding:14px 16px;border-radius:var(--r8);color:var(--text2);font-size:1rem;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:10px}.mobile-link:hover,.mobile-link:focus{color:var(--text);background:var(--surface)}.mobile-menu-cta{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.mobile-menu-cta .btn{width:100%;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--rfull);font-weight:600;font-size:0.95rem;transition:var(--transition);border:none;cursor:pointer;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-dark),var(--accent));color:#fff;box-shadow:0 4px 20px rgba(56,189,248,0.3)}.btn-primary:hover{box-shadow:0 6px 30px rgba(56,189,248,0.5);transform:translateY(-1px)}.btn-secondary{background:var(--surface);border:1px solid var(--border2);color:var(--text)}.btn-secondary:hover{background:var(--bg3);border-color:var(--primary)}.btn-outline{background:transparent;border:1px solid var(--border2);color:var(--primary)}.btn-outline:hover{background:rgba(56,189,248,0.1)}.btn-lg{padding:16px 32px;font-size:1.1rem}.btn-sm{padding:8px 16px;font-size:0.85rem}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r16);padding:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:var(--transition)}.card:hover{border-color:var(--border2);box-shadow:var(--shadow-glow)}.card-glow{box-shadow:var(--shadow-glow)}.label{font-size:0.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary)}h1,h2,h3,h4{line-height:1.2;letter-spacing:-0.5px}.h-display{font-size:clamp(2.5rem,5vw,4rem);font-weight:900}.h1{font-size:clamp(2rem,4vw,3rem);font-weight:800}.h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.h3{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:600}.lead{font-size:1.15rem;color:var(--text2);line-height:1.7}.text-muted{color:var(--text2)}.text-primary{color:var(--primary)}.text-center{text-align:center}.gradient-text{background:linear-gradient(135deg,#0ea5e9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.hero{padding:100px 0 60px;text-align:center;background:transparent}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--rfull);background:rgba(14,165,233,0.1);border:1px solid rgba(14,165,233,0.3);font-size:0.85rem;color:#0ea5e9;margin-bottom:24px}.predictor-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r24);padding:32px;max-width:680px;margin:0 auto;box-shadow:var(--shadow),var(--shadow-glow)}.region-tabs{display:flex;background:var(--bg3);border-radius:var(--rfull);padding:4px;gap:4px;margin-bottom:24px;width:fit-content;margin-left:auto;margin-right:auto}.region-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 24px;border-radius:var(--rfull);font-size:0.9rem;font-weight:500;background:none;border:none;color:var(--text2);transition:var(--transition)}.region-tab.active{background:var(--primary-dark);color:#fff}.input-wrap{position:relative;margin-bottom:16px}.input-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text3);font-size:1rem}.location-input{width:100%;padding:16px 16px 16px 48px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r12);color:var(--text);font-size:1rem;font-family:var(--font);outline:none;transition:var(--transition)}.location-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(56,189,248,0.15)}.location-input::placeholder{color:var(--text3)}.autocomplete-list{position:absolute;top:100%;left:0;right:0;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r12);z-index:100;margin-top:4px;overflow:hidden;display:none}.autocomplete-item{padding:12px 16px;cursor:pointer;font-size:0.9rem;color:var(--text2);transition:var(--transition);display:flex;align-items:center;gap:10px}.autocomplete-item:hover{background:var(--surface);color:var(--text)}.geo-btn{background:none;border:none;color:var(--text3);font-size:0.85rem;display:flex;align-items:center;gap:6px;margin-bottom:16px;transition:var(--transition)}.geo-btn:hover{color:var(--primary)}.predict-btn{width:100%;padding:18px;border-radius:var(--r12);background:linear-gradient(135deg,var(--primary-dark),var(--accent));color:#fff;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.predict-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--accent),var(--primary-dark));opacity:0;transition:var(--transition)}.predict-btn:hover::before{opacity:1}.predict-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(56,189,248,0.4)}.predict-btn span{position:relative;z-index:1}.loading-state{display:none;text-align:center;padding:40px 20px}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{height:16px;border-radius:var(--r4);background:linear-gradient(90deg,var(--bg3) 25%,var(--surface) 50%,var(--bg3) 75%);background-size:200%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200%}100%{background-position:-200%}}.results-panel{display:none;animation:fadeUp 0.5s ease forwards}.results-panel.show{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.prob-ring{position:relative;width:180px;height:180px;margin:0 auto 24px}.prob-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.prob-ring-track{fill:none;stroke:var(--bg3);stroke-width:10}.prob-ring-fill{fill:none;stroke:var(--primary);stroke-width:10;stroke-linecap:round;stroke-dasharray:502;stroke-dashoffset:502;transition:stroke-dashoffset 1.5s cubic-bezier(0.34,1.56,0.64,1),stroke 0.5s ease}.prob-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.prob-value{font-size:2.8rem;font-weight:900;line-height:1}.prob-label{font-size:0.75rem;color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.confidence-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:var(--rfull);font-size:0.8rem;font-weight:600;margin:0 auto 24px}.conf-low{background:rgba(248,113,113,0.15);color:#f87171;border:1px solid rgba(248,113,113,0.3)}.conf-med{background:rgba(251,191,36,0.15);color:#fbbf24;border:1px solid rgba(251,191,36,0.3)}.conf-high{background:rgba(52,211,153,0.15);color:#34d399;border:1px solid rgba(52,211,153,0.3)}.weather-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;width:100%;box-sizing:border-box}.weather-item{background:var(--bg3);border-radius:var(--r12);padding:12px 8px;text-align:center;box-sizing:border-box;min-width:0}.weather-icon{font-size:1.5rem;margin-bottom:8px}.weather-val{font-size:1rem;font-weight:700;color:var(--text);word-break:break-word}.weather-lbl{font-size:0.75rem;color:var(--text3);text-transform:uppercase;letter-spacing:0.5px}.factor-row{margin-bottom:16px}.factor-header{display:flex;justify-content:space-between;font-size:0.85rem;margin-bottom:6px}.factor-name{color:var(--text2)}.factor-val{color:var(--text);font-weight:600}.factor-track{height:6px;background:var(--bg3);border-radius:var(--rfull);overflow:hidden}.factor-fill{height:100%;border-radius:var(--rfull);background:linear-gradient(90deg,var(--primary-dark),var(--primary));width:0%;transition:width 1s cubic-bezier(0.34,1.56,0.64,1)}.historical-box{background:var(--bg3);border-radius:var(--r12);padding:16px;margin-bottom:24px;border-left:3px solid var(--primary)}.action-row{display:flex;gap:12px;flex-wrap:wrap}.action-row .btn{flex:1;min-width:140px}.feature-icon{width:52px;height:52px;border-radius:var(--r12);background:linear-gradient(135deg,rgba(56,189,248,0.15),rgba(129,140,248,0.15));border:1px solid var(--border2);display:grid;place-items:center;font-size:1.3rem;margin-bottom:16px}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;background:none;border:none;color:var(--text);font-size:1rem;font-weight:500;text-align:left;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-family:var(--font)}.faq-q:hover{color:var(--primary)}.faq-icon{font-size:1.2rem;color:var(--text3);transition:var(--transition);flex-shrink:0}.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease}.faq-a.open{max-height:500px;padding-bottom:20px}.faq-a p{color:var(--text2);line-height:1.7}.blog-cta-section{background:var(--bg);overflow:hidden}.blog-cta-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.blog-cta-img-col{position:relative}.blog-cta-img-wrap{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:1/1;box-shadow:0 32px 80px rgba(0,0,0,0.5),0 0 0 1px var(--border)}.blog-cta-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s ease}.blog-cta-img-wrap:hover img{transform:scale(1.04)}.blog-cta-img-badge{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--rfull);padding:8px 18px;font-size:0.8rem;font-weight:500;color:var(--text2);white-space:nowrap;display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 0 rgba(34,197,94,0.4);animation:livePulse 2s infinite}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,0.4)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.blog-cta-heading{line-height:1.1;margin-bottom:20px}.gradient-text{background:linear-gradient(135deg,#0ea5e9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-cta-body{color:var(--text2);line-height:1.7;margin-bottom:28px;font-size:1.05rem}.blog-cta-trust{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.blog-cta-trust-item{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--rfull);padding:7px 14px;font-size:0.85rem;color:var(--text2)}.blog-cta-trust-icon{font-size:1rem}.blog-cta-buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.btn-lg{padding:15px 32px;font-size:1rem}@media(max-width:900px){.blog-cta-split{grid-template-columns:1fr;gap:40px}.blog-cta-img-col{max-width:480px;margin:0 auto}}@media(max-width:480px){.blog-cta-buttons{flex-direction:column}.blog-cta-buttons .btn{width:100%;justify-content:center}.blog-cta-trust{flex-direction:column}}.feat-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feat-header{text-align:center;margin-bottom:56px}.feat-heading{margin-top:12px;line-height:1.15}.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feat-card{display:flex;align-items:flex-start;gap:20px;padding:28px 24px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r16);transition:var(--transition)}.feat-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,0.3)}.feat-icon{width:52px;height:52px;border-radius:var(--r12);background:linear-gradient(135deg,rgba(56,189,248,0.12),rgba(129,140,248,0.12));border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}.feat-icon svg{width:26px;height:26px}.feat-card-body{display:flex;flex-direction:column;gap:8px}.feat-card-title{font-size:1rem;font-weight:700;color:var(--text);line-height:1.3}.feat-card-desc{font-size:0.9rem;color:var(--text2);line-height:1.6;margin:0}@media(max-width:768px){.feat-grid{grid-template-columns:1fr}.feat-header{margin-bottom:36px}}.adv-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;max-width:1100px;margin:0 auto}.adv-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r16);padding:32px;display:flex;flex-direction:column}.adv-panel-title{font-size:1.15rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:4px}.adv-panel-desc{font-size:0.85rem;color:var(--text2);margin-bottom:24px}.adv-row{display:flex;gap:12px;margin-bottom:24px}.adv-row .location-input{flex:1;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:0 16px;border-radius:var(--rfull);height:44px;outline:none}.adv-row .btn{height:44px;padding:0 24px;white-space:nowrap}.adv-divider{display:flex;align-items:center;text-align:center;color:var(--text3);font-size:0.8rem;margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}.adv-divider::before,.adv-divider::after{content:'';flex:1;border-bottom:1px solid var(--border2)}.adv-divider::before{margin-right:12px}.adv-divider::after{margin-left:12px}.adv-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.adv-input-group{display:flex;flex-direction:column;gap:8px}.adv-label{font-size:0.85rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.adv-label i{color:var(--primary);width:16px;text-align:center}.adv-combo{display:flex;height:44px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color 0.2s}.adv-combo:focus-within{border-color:var(--primary)}.adv-combo input{flex:1;background:transparent;border:none;color:var(--text);padding:0 12px;outline:none;font-size:0.9rem;min-width:0}.adv-combo select{background:var(--bg);border:none;border-left:1px solid var(--border);color:var(--text);padding:0 12px;outline:none;font-size:0.85rem;cursor:pointer;font-weight:600}.adv-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.adv-empty-icon{font-size:4rem;color:var(--border2);margin-bottom:16px;opacity:0.6}.adv-empty-text{color:var(--text3);font-size:0.95rem;max-width:280px;line-height:1.5}@media(max-width:850px){.adv-grid{grid-template-columns:1fr}.adv-form-grid{grid-template-columns:1fr}}.metrics-section{background:var(--bg)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto}.metric-card{text-align:center;padding:48px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r16);transition:var(--transition)}.metric-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,0.3)}.metric-stat{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:6px}.metric-label{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:10px}.metric-desc{font-size:0.9rem;color:var(--text2);margin:0;line-height:1.6}@media(max-width:600px){.metrics-grid{grid-template-columns:1fr}.metric-stat{font-size:2.8rem}}.testimonial-section{background:var(--bg2);border-top:1px solid var(--border)}.testimonial-card{max-width:820px;margin:0 auto;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r24);padding:48px 52px;position:relative;overflow:hidden}.testimonial-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--r24) var(--r24) 0 0}.testimonial-quote-mark{font-size:5rem;line-height:1;color:var(--primary);opacity:0.3;font-family:Georgia,serif;margin-bottom:4px;leading-trim:both}.testimonial-quote{font-size:1.15rem;font-weight:400;color:var(--text);line-height:1.8;margin:0 0 36px;font-style:italic}.testimonial-author-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.testimonial-logo{color:var(--text2);opacity:0.7;display:flex;align-items:center}.testimonial-logo svg{height:18px;width:auto}.testimonial-divider{width:1px;height:32px;background:var(--border2);flex-shrink:0}.testimonial-author-info{display:flex;flex-direction:column;gap:3px}.testimonial-author-name{font-size:0.95rem;font-weight:700;color:var(--text)}.testimonial-author-role{font-size:0.85rem;color:var(--text3)}@media(max-width:640px){.testimonial-card{padding:32px 24px}.testimonial-quote{font-size:1rem}.testimonial-author-row{flex-direction:column;align-items:flex-start;gap:12px}.testimonial-divider{width:40px;height:1px}}.briefing-section{background:var(--bg2);border-top:1px solid var(--border)}.briefing-header{text-align:center;margin-bottom:56px;max-width:680px;margin-left:auto;margin-right:auto}.briefing-heading{margin:12px 0 16px}.briefing-sub{color:var(--text2);line-height:1.7;margin-bottom:24px}.briefing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.briefing-card{display:grid;grid-template-columns:140px 1fr;gap:0;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r16);overflow:hidden;text-decoration:none;transition:var(--transition)}.briefing-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,0.35)}.briefing-card-img{width:140px;flex-shrink:0;overflow:hidden;aspect-ratio:1/1}.briefing-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.briefing-card:hover .briefing-card-img img{transform:scale(1.06)}.briefing-card-body{padding:20px 20px;display:flex;flex-direction:column;gap:8px;justify-content:space-between}.briefing-card-meta{display:flex;align-items:center;gap:10px}.briefing-tag{font-size:0.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:rgba(56,189,248,0.1);color:var(--primary);border:1px solid var(--border2);border-radius:var(--rfull);padding:3px 10px}.briefing-read{font-size:0.78rem;color:var(--text3)}.briefing-card-title{font-size:0.95rem;font-weight:700;color:var(--text);line-height:1.3;margin:0}.briefing-card-desc{font-size:0.82rem;color:var(--text2);line-height:1.5;margin:0;flex:1}.briefing-explore{display:inline-flex;align-items:center;gap:6px;font-size:0.82rem;font-weight:600;color:var(--primary);margin-top:4px;transition:gap 0.2s ease}.briefing-card:hover .briefing-explore{gap:10px}.briefing-explore svg{flex-shrink:0;transition:transform 0.2s ease}.briefing-card:hover .briefing-explore svg{transform:translateX(3px)}@media(max-width:900px){.briefing-grid{grid-template-columns:1fr}}@media(max-width:520px){.briefing-card{grid-template-columns:1fr}.briefing-card-img{width:100%;aspect-ratio:16/9}}.footer{background:var(--bg2);border-top:1px solid var(--border);padding:60px 0 32px}.newsletter-section{background:var(--bg);border-top:1px solid var(--border)}.newsletter-split{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--r24);overflow:hidden;border:1px solid var(--border);box-shadow:0 32px 80px rgba(0,0,0,0.4)}.newsletter-img-col{position:relative;min-height:520px}.newsletter-img-wrap{position:relative;width:100%;height:100%}.newsletter-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.newsletter-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.1) 60%);display:flex;align-items:flex-end;padding:24px}.newsletter-img-badge{background:rgba(0,0,0,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--rfull);padding:8px 18px;font-size:0.8rem;font-weight:500;color:var(--text2);display:flex;align-items:center;gap:8px;white-space:nowrap}.newsletter-card{background:var(--bg2);display:flex;align-items:center}.newsletter-card-inner{padding:48px 44px;width:100%}.newsletter-heading{margin:0 0 16px;line-height:1.1}.newsletter-sub{color:var(--text2);line-height:1.7;font-size:1rem;margin-bottom:28px}.newsletter-perks{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px}.newsletter-perks li{display:flex;align-items:center;gap:10px;font-size:0.92rem;color:var(--text2)}.newsletter-perk-icon{font-size:1.1rem;flex-shrink:0}.newsletter-form{display:flex;flex-direction:column;gap:0}.newsletter-form-row{display:flex;gap:8px;align-items:stretch}.newsletter-input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:var(--rfull);padding:13px 20px;font-size:0.95rem;color:var(--text);font-family:var(--font);outline:none;transition:var(--transition)}.newsletter-input::placeholder{color:var(--text3)}.newsletter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(56,189,248,0.15)}.newsletter-btn{flex-shrink:0;border-radius:var(--rfull)}.newsletter-terms{font-size:0.78rem;color:var(--text3);margin-top:12px;line-height:1.5}.newsletter-success{display:flex;align-items:center;gap:14px;background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.25);border-radius:var(--r12);padding:18px 20px;font-size:0.95rem;color:var(--text);margin-top:16px}.newsletter-success-icon{font-size:1.5rem;flex-shrink:0}.newsletter-error{display:flex;align-items:center;gap:12px;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);border-radius:var(--r12);padding:14px 18px;font-size:0.9rem;color:#fca5a5;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:860px){.newsletter-split{grid-template-columns:1fr}.newsletter-img-col{min-height:280px}.newsletter-card-inner{padding:36px 28px}}@media(max-width:480px){.newsletter-form-row{flex-direction:column}.newsletter-btn{width:100%;justify-content:center}}.faq-section{background:var(--bg2);border-top:1px solid var(--border)}.faq-grid{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start}.faq-intro{position:sticky;top:100px}.faq-intro-heading{margin:0 0 16px;line-height:1.1}.faq-intro-sub{color:var(--text2);line-height:1.7;font-size:0.95rem;margin-bottom:28px}.faq-contact-btn{display:inline-flex}.faq-accordion{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:1rem;font-weight:600;color:var(--text);font-family:var(--font);text-align:left;transition:color 0.2s}.faq-q:hover{color:var(--primary)}.faq-q[aria-expanded="true"]{color:var(--primary)}.faq-chevron{flex-shrink:0;color:var(--text3);transition:transform 0.3s ease,color 0.2s}.faq-q[aria-expanded="true"] .faq-chevron{transform:rotate(180deg);color:var(--primary)}.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),padding 0.3s ease}.faq-a.open{max-height:300px;padding-bottom:20px}.faq-a p{font-size:0.92rem;color:var(--text2);line-height:1.7;margin:0}@media(max-width:800px){.faq-grid{grid-template-columns:1fr;gap:40px}.faq-intro{position:static}}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;margin-bottom:48px}.footer-brand{font-size:1.1rem;font-weight:800}.footer-desc{color:var(--text2);font-size:0.9rem;margin-top:12px;line-height:1.6}.footer-heading{font-size:0.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:16px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-link{color:var(--text2);font-size:0.9rem;transition:var(--transition)}.footer-link:hover{color:var(--primary)}.footer-link-text{color:var(--text2);font-size:0.88rem;line-height:1.5}.footer-social{display:flex;gap:16px;margin-bottom:4px}.footer-social-link{color:var(--text3);font-size:1.35rem;transition:color 0.2s,transform 0.2s;line-height:1}.footer-social-link:hover{color:var(--primary);transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:0.85rem;color:var(--text3)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-item{text-align:center;padding:32px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r16)}.stat-value{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:0.85rem;color:var(--text2);margin-top:4px}.why-section{background:var(--bg)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.why-card{text-align:center;padding:32px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r16);transition:var(--transition)}.why-card:hover{border-color:var(--border2);transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,0.35)}.why-icon-wrap{width:60px;height:60px;border-radius:50%;background:var(--ic);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.4rem;color:var(--cc);transition:transform 0.3s ease}.why-card:hover .why-icon-wrap{transform:scale(1.1) rotate(-5deg)}.why-card-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:10px}.why-card-desc{font-size:0.88rem;color:var(--text2);line-height:1.6;margin:0}@media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.why-grid{grid-template-columns:1fr}}.hiw-section{background:var(--bg2)}.hiw-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:40px}.hiw-intro{color:var(--text2);line-height:1.8;font-size:0.97rem;margin-bottom:0}.hiw-factors{display:flex;flex-direction:column;gap:20px}.hiw-factor{display:flex;gap:16px;align-items:flex-start}.hiw-num{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--primary);color:#020817;font-size:0.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:2px}.hiw-factor-title{font-size:0.92rem;font-weight:700;color:var(--text);margin-bottom:4px}.hiw-factor-desc{font-size:0.85rem;color:var(--text2);line-height:1.6;margin:0}.hiw-chart-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r16);padding:28px}.hiw-chart-title{font-size:0.95rem;font-weight:600;color:var(--text);margin-bottom:20px}.hiw-chart-wrap{position:relative;width:100%;height:240px}.hiw-chart-wrap canvas{position:absolute;inset:0;width:100% !important;height:100% !important}.hiw-sources{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r16);padding:32px 36px}.hiw-sources-sub{color:var(--text2);font-size:0.9rem;line-height:1.7;margin-bottom:28px}.hiw-sources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hiw-source-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.hiw-source-item .fas{font-size:2rem}.hiw-source-title{font-size:0.9rem;font-weight:700;color:var(--text);margin:0}.hiw-source-desc{font-size:0.8rem;color:var(--text2);margin:0;line-height:1.5}@media(max-width:860px){.hiw-split{grid-template-columns:1fr;gap:32px}.hiw-sources-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.hiw-sources-grid{grid-template-columns:1fr}.hiw-sources{padding:24px 20px}}.contact-section{background:var(--bg2)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;width:100%;box-sizing:border-box}.contact-card{text-align:center;padding:32px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r16);transition:var(--transition);box-sizing:border-box;width:100%}.contact-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.3)}.contact-icon-wrap{width:64px;height:64px;border-radius:50%;background:var(--ic);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem;color:var(--cc);transition:transform 0.3s ease}.contact-card:hover .contact-icon-wrap{transform:scale(1.08) rotate(-4deg)}.contact-card-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:8px}.contact-card-desc{font-size:0.88rem;color:var(--text2);line-height:1.6;margin:0 0 14px}.contact-email-link{font-size:0.85rem;color:var(--primary);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color 0.2s;word-break:break-all;overflow-wrap:anywhere}.contact-email-link:hover{border-bottom-color:var(--primary)}.contact-note{text-align:center;font-size:0.88rem;color:var(--text3);margin-top:8px}@media(max-width:740px){.contact-grid{grid-template-columns:1fr;gap:16px}.contact-card{padding:24px 20px}.contact-icon-wrap{width:52px;height:52px;font-size:1.2rem;margin-bottom:14px}}@media(max-width:480px){.contact-grid{gap:12px}.contact-card{padding:20px 16px}.contact-email-link{font-size:0.8rem}.contact-card-title{font-size:0.95rem}}.blog-card{border-radius:var(--r16);overflow:hidden;background:var(--bg2);border:1px solid var(--border);transition:var(--transition)}.blog-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.blog-img{height:180px;background:linear-gradient(135deg,var(--bg3),var(--bg2));display:grid;place-items:center;font-size:3rem}.blog-body{padding:20px}.blog-tag{font-size:0.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:1px}.blog-title{font-size:1.1rem;font-weight:600;margin:8px 0;line-height:1.4}.blog-excerpt{font-size:0.875rem;color:var(--text2);line-height:1.6}.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.city-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r12);padding:20px;text-align:center;cursor:pointer;transition:var(--transition)}.city-card:hover{border-color:var(--primary);background:var(--bg3);transform:translateY(-2px)}.city-flag{font-size:2rem;margin-bottom:8px}.city-name{font-weight:600;font-size:0.95rem}.city-region{font-size:0.8rem;color:var(--text3);margin-top:4px}.vs-divider{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:var(--primary);padding:16px 0}.divider{height:1px;background:var(--border);margin:48px 0}@media(max-width:1280px){.nav-link{padding:8px 8px}}@media(max-width:1100px){.nav-link{padding:6px 7px;font-size:0.82rem}.btn-sm{padding:7px 12px;font-size:0.82rem}.nav-cta .btn-secondary{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.nav-inner{display:flex;justify-content:space-between}.nav-links{display:none}.nav-cta .btn{display:none}.nav-cta{display:flex;margin-right:16px}.hamburger{display:flex}}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-4,.stat-grid{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}.hero{padding:60px 0 40px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;text-align:center}.weather-grid{grid-template-columns:repeat(2,1fr)}.action-row .btn{min-width:unset}.predictor-card{padding:20px 14px;border-radius:var(--r16);width:100%;box-sizing:border-box;overflow:hidden}.region-tabs{width:100%}.region-tab{flex:1;text-align:center;padding:8px 12px}}@media(max-width:480px){.grid-4,.stat-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.predictor-card{padding:16px 12px;border-radius:var(--r12)}.weather-grid{grid-template-columns:1fr}.weather-item{padding:12px 16px;display:flex;align-items:center;gap:12px;text-align:left}.weather-icon{font-size:1.4rem;margin-bottom:0;flex-shrink:0}.day-strip{grid-template-columns:1fr}.day-card{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px}.day-name{margin-bottom:0;flex-shrink:0;min-width:60px}}.live-badge{display:none;align-items:center;gap:6px;font-size:0.75rem;color:#34d399;font-weight:600;padding:4px 10px;border-radius:var(--rfull);background:rgba(52,211,153,0.1);border:1px solid rgba(52,211,153,0.3);margin:0 auto 16px}.live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.85)}}.day-strip{display:none;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;width:100%;box-sizing:border-box}.day-card{background:var(--bg3);border-radius:var(--r12);padding:12px 8px;text-align:center;border:1px solid var(--border);box-sizing:border-box;min-width:0}.day-name{font-size:0.8rem;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.live-badge{display:none;align-items:center;gap:6px;font-size:0.75rem;color:#34d399;font-weight:600;padding:4px 12px;border-radius:var(--rfull);background:rgba(52,211,153,0.1);border:1px solid rgba(52,211,153,0.3);margin:0 auto 12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.85)}}.ad-unit{width:100%;max-width:var(--max-w);margin:32px auto;padding:0 var(--gutter);box-sizing:border-box;text-align:center;overflow:hidden}.ad-label{font-size:0.65rem;color:var(--text2);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.ad-leaderboard{margin:40px auto}.ad-rectangle{margin:32px auto;max-width:400px}.ad-in-article{margin:40px 0;padding:20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.adsbygoogle{min-width:280px}@media (max-width:280px){.ad-unit{display:none}}#snowAnimation{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.snowflake{position:absolute;top:-20px;color:#fff;user-select:none;pointer-events:none;font-size:20px;animation-name:snowfall;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;text-shadow:0 0 5px rgba(255,255,255,0.3)}@keyframes snowfall{0%{transform:translateY(-10vh) rotate(0deg)}100%{transform:translateY(110vh) rotate(360deg)}}

/* ── Day Strip Fix: consolidated, no duplicates ── */
.day-strip{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;width:100%;box-sizing:border-box;overflow:hidden}
.day-card{background:var(--bg3);border-radius:var(--r12);padding:14px 6px;text-align:center;border:1px solid var(--border);box-sizing:border-box;min-width:0;overflow:hidden;word-break:break-word}
.day-name{font-size:0.75rem;color:var(--text3);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px;white-space:normal;overflow-wrap:break-word}
.day-prob{font-size:1.5rem;font-weight:800;margin-bottom:4px;line-height:1.1}
.day-label{font-size:0.7rem;color:var(--text3);word-break:break-word}
@media(max-width:600px){
  .day-strip{gap:6px}
  .day-card{padding:10px 4px}
  .day-name{font-size:0.65rem;letter-spacing:0}
  .day-prob{font-size:1.2rem}
  .day-label{font-size:0.62rem}
}
@media(max-width:380px){
  .day-strip{grid-template-columns:1fr;gap:8px}
  .day-card{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px}
  .day-name{margin-bottom:0;flex-shrink:0;min-width:70px}
}

/* ── Search box center alignment ── */
.location-input{text-align:center!important}
.location-input::placeholder{text-align:center!important}
.geo-btn{margin:12px auto!important;display:flex!important;justify-content:center!important;width:fit-content!important;padding:10px 20px!important}
/* ── Back to Top Button ── */
#back-to-top{position:fixed;bottom:28px;right:24px;z-index:9000;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-dark),var(--accent));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(56,189,248,0.45);opacity:0;transform:translateY(16px) scale(0.85);transition:opacity 0.3s ease,transform 0.3s ease,box-shadow 0.2s ease;pointer-events:none}
#back-to-top.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
#back-to-top:hover{box-shadow:0 8px 32px rgba(56,189,248,0.65);transform:translateY(-3px) scale(1.08)}
#back-to-top:active{transform:scale(0.95)}
@media(max-width:480px){#back-to-top{bottom:20px;right:16px;width:44px;height:44px}}

/* ══════════════════════════════════════════════════════
   WEATHER MATRIX CARD — Results Grid (2-col layout)
   ══════════════════════════════════════════════════════ */

/* Grid wrapper that holds the prediction card + weather card side by side */
.results-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
  width: 100%;
}

/* The weather matrix card */
.weather-matrix-card {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--r16);
  padding: 20px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.07);
  animation: fadeInUp 0.45s ease both;
}

/* Header: location name, icon, temp, datetime */
.wm-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  gap: 8px;
}
.wm-location {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--primary);
  display: block;
  margin-bottom: 6px;
}
.wm-condition-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.wm-icon { font-size: 2.4rem; line-height: 1; }
.wm-temp {
  font-size: 2.4rem;
  font-weight: 800;
  color: var(--text);
  line-height: 1;
}
.wm-condition-text {
  font-size: 0.82rem;
  color: var(--text3);
  margin-top: 6px;
  text-transform: capitalize;
}
.wm-datetime {
  font-size: 0.78rem;
  color: var(--text3);
  text-align: right;
  flex-shrink: 0;
  line-height: 1.5;
}

/* 3×2 mini stats grid */
.wm-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 16px;
}
.wm-mini-item {
  background: var(--bg3);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.wm-mini-icon { font-size: 0.95rem; }
.wm-mini-label {
  font-size: 0.68rem;
  color: var(--text3);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.wm-mini-val {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
}

/* Hourly forecast strip */
.wm-hourly-section { margin-top: 4px; }
.wm-hourly-title {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.wm-hourly-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-bottom: 1px solid var(--border);
}
.wm-hourly-row:last-child { border-bottom: none; }
.wm-h-time {
  font-size: 0.72rem;
  color: var(--text3);
  width: 34px;
  flex-shrink: 0;
  font-weight: 600;
}
.wm-h-bar-track {
  flex: 1;
  height: 5px;
  background: var(--bg3);
  border-radius: 99px;
  overflow: hidden;
}
.wm-h-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  border-radius: 99px;
  transition: width 0.6s ease;
}
.wm-h-icon { font-size: 1rem; width: 22px; text-align: center; flex-shrink: 0; }
.wm-h-pct {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--text);
  width: 26px;
  text-align: right;
  flex-shrink: 0;
}

/* Responsive: stack to 1 column on tablet/mobile */
@media (max-width: 900px) {
  .results-grid {
    grid-template-columns: 1fr;
  }
  .weather-matrix-card {
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  .wm-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 16px;
}
  .wm-mini-item { padding: 8px 6px 6px; }
  .wm-mini-val { font-size: 0.88rem; }
  .wm-temp { font-size: 2rem; }
  .wm-icon { font-size: 2rem; }
}



/* ══════════════════════════════════════════════════════════
   WEATHER MATRIX: Expand predictor-card when wx card shows
   ══════════════════════════════════════════════════════════ */
.predictor-card.wx-expanded {
  max-width: 1100px !important;
  width: 100% !important;
}
/* Grid cell min-width fix — must NOT override display:none */
.results-grid > .results-panel { min-width: 0; }
.results-grid > .weather-matrix-card { min-width: 0; }

/* ════════════════════════════════════════════════════════
   Advance Predictor: Stack wx card BELOW prediction result
   (the adv-panel is already in a 2-col page layout, so
    adding another 2-col inside causes overflow/narrow cols)
   ════════════════════════════════════════════════════════ */
#adv-results-grid {
  grid-template-columns: 1fr !important;
}

/* Make the adv wx card use full width below the prediction */
#adv-wx-card {
  margin-top: 8px;
}

/* When adv-results-grid shows, expand the adv-panel to accommodate */
.adv-panel.wx-expanded {
  max-width: 100% !important;
  width: 100% !important;
}

/* Standard pages: the outer results-grid needs the full card width */
/* Ensure predictor-card.wx-expanded overrides cleanly */
.predictor-card.wx-expanded {
  max-width: 1100px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

  /* ── Action Row: bottom of results-grid, below wx-card ── */
  .results-grid > .action-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0 8px;
    border-top: 1px solid var(--border);
    margin-top: 4px;
  }
  .results-grid > .action-row .btn {
    flex: 1;
    min-width: 140px;
    max-width: 220px;
  }
  @media (max-width: 480px) {
    .results-grid > .action-row {
      flex-direction: column;
      align-items: stretch;
    }
    .results-grid > .action-row .btn {
      max-width: 100%;
    }
  }


/* =========================================
   EXTRACTED INLINE STYLES
   ========================================= */
.inl-5534b3b3 { margin-bottom:16px; }
.inl-5bae7290 { max-width:640px;margin:0 auto 40px; }
.inl-7afe40fe { margin-bottom:24px; }
.inl-93b8ea5b { display:none; }
.inl-5932c139 { margin-top:16px;display:flex;flex-direction:column;gap:8px; }
.inl-14dd8adf { height:12px;width:80%;margin:0 auto; }
.inl-b27680ed { height:12px;width:60%;margin:0 auto; }
.inl-94f95661 { text-align:center;margin-bottom:24px; }
.inl-b30e2c0f { margin-bottom:8px; }
.inl-bd352c70 { font-size:1.3rem;font-weight:700; }
.inl-b1f10dd2 { text-align:center;margin-bottom:8px; }
.inl-444085ba { margin-bottom:24px;text-align:center;line-height:1.6; }
.inl-a2d48c76 { margin-bottom:0; }
.inl-52149554 { color:var(--text3);font-size:0.8rem;margin-top:8px; }
.inl-e7f56c8b { color:var(--text2);font-size:0.9rem; }
.inl-0d8da742 { color:var(--text); }
.inl-7765b07a { margin-top:20px;padding-top:16px;border-top:1px solid var(--border); }
.inl-013814b8 { padding-top:0; }
.inl-27cf99b0 { margin-bottom:52px; }
.inl-f8ceaf93 { margin-top:14px;color:var(--text2); }
.inl-b78f2a57 { --ic:#dbeafe;--cc:#2563eb; }
.inl-d9ad744e { --ic:#dcfce7;--cc:#16a34a; }
.inl-1f1c24fd { --ic:#f3e8ff;--cc:#9333ea; }
.inl-a1bff382 { --ic:#fee2e2;--cc:#dc2626; }
.inl-3c39e2d0 { --ic:#fef9c3;--cc:#ca8a04; }
.inl-766d97fb { --ic:#e0e7ff;--cc:#4338ca; }
.inl-78f1f29a { margin:28px 0 20px; }
.inl-e8f8c28c { display:flex;align-items:center;justify-content:space-between;margin-bottom:6px; }
.inl-6489119a { font-size:0.7rem;color:#34d399;background:rgba(52,211,153,0.1);border:1px solid rgba(52,211,153,0.25);padding:3px 9px;border-radius:20px;display:none; }
.inl-27b5fe22 { font-size:0.75rem;color:var(--text3);margin-bottom:16px; }
.inl-8d182b11 { position:relative;width:100%;height:280px;min-height:220px; }
.inl-d5779b26 { display:block;width:100%!important;height:100%!important; }
.inl-a43c9cb1 { display:none;text-align:center;padding:32px 0;color:var(--text3);font-size:0.9rem; }
.inl-53463d6d { margin-bottom:12px; }
.inl-d8c2db59 { color:#2563eb; }
.inl-2692b5dd { color:#16a34a; }
.inl-f7b2f206 { color:#9333ea; }
.inl-0adff40a { display:block; }
.inl-008aaacc { margin-bottom:48px; }
.inl-d79ce2bc { margin-top:8px; }
.inl-2535231d { margin-top:12px;line-height:1.7; }
.inl-7cc4d710 { background:var(--bg2); }
.inl-40d6a765 { text-align:center;padding:24px; }
.inl-0af354aa { width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-dark),var(--accent));display:grid;place-items:center;margin:0 auto 20px;font-size:1.5rem;font-weight:900;color:#fff; }
.inl-65212439 { max-width:760px;margin:0 auto; }
.inl-5677897e { border-bottom:none; }
.inl-686504a8 { margin-bottom:40px; }
.inl-c28e5788 { font-size:2rem;margin-bottom:12px; }
.inl-50915cf7 { font-size:0.875rem; }
.inl-cb6278d8 { display:block;text-align:center; }
.inl-64e186c1 { margin-top:24px; }
.inl-716ecfd3 { margin-top:20px; }
.inl-6b7c28e4 { font-size:0.82rem; }
.inl-e566a2ab { max-width:700px;margin:0 auto; }
.inl-6a2b0678 { color:var(--text2);margin-bottom:20px; }
.inl-2ca9cdc9 { color:var(--text2); }
.inl-f6cd61e6 { font-size:2.5rem;margin-bottom:16px; }
.inl-f5ec92cd { font-size:1.2rem;font-weight:700;margin-bottom:12px; }
.inl-4681c994 { font-size:0.9rem;color:var(--text2); }
.inl-00591ecb { color:var(--text2);margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto; }
.inl-0ede3f79 { width: 100%; justify-content: center; max-width: 300px; margin: 0 auto; }
.inl-035ec33e { max-width:820px;margin:0 auto; }
.inl-4e8307b8 { margin:40px 0 16px; }
.inl-df41043e { color:var(--text2);line-height:1.8;margin-bottom:16px; }
.inl-61f8433e { margin-top:48px;display:flex;gap:16px;flex-wrap:wrap; }
.inl-3e8e21e6 { text-align:center;margin-bottom:12px; }
.inl-9c6b686d { text-align:center;color:var(--text2);max-width:640px;margin:0 auto; }
.inl-c692fd1e { padding:80px 0 40px;text-align:left; }
.inl-2eae1672 { max-width:860px;margin:0 auto; }
.inl-4a2ad692 { max-width:700px; }
.inl-013f67a5 { max-width:860px;margin:0 auto;line-height:1.8; }
.inl-a62b8493 { background:var(--surface);border:1px solid var(--border);border-radius:var(--r16);padding:40px;margin-bottom:40px; }
.inl-05823154 { font-size:1.5rem;margin:30px 0 16px; }
.inl-0bdbfc07 { color:var(--text2);margin-bottom:20px;padding-left:20px; }
.inl-c58d5bea { margin-bottom:10px; }
.inl-b4a09a38 { color:var(--primary);text-decoration:underline; }
.inl-0d2c0121 { color:var(--text2);margin-bottom:0; }
.inl-cf36fb90 { color:var(--primary); }
.inl-89ee5327 { margin-bottom:24px;width:auto;display:inline-flex;padding:0;background:transparent;color:var(--primary);border:none;font-size:0.9rem;font-weight:600; }
.inl-89c59c5f { padding:0 12px;display:flex;align-items:center;background:var(--bg-card);border-left:1px solid var(--border); }
.inl-cb644f58 { flex:1;border-left:none; }
.inl-8588e44d { width:100%; }
.inl-43da283c { width:100%;height:48px;font-size:1.05rem; }
.inl-ec93f453 { width:100%;text-align:left; }
.inl-37272f33 { margin-bottom:4px;font-size:1.1rem;margin-top:0; }
.inl-fe530feb { color:var(--text2);font-size:0.85rem;margin-bottom:0; }
.inl-77c4837d { flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center; }
.inl-0df9e4af { flex-direction:column;align-items:center;display:flex; }
.inl-16435b15 { margin-bottom:8px;font-size:1.1rem;text-align:center; }
.inl-b6cf8495 { color:var(--text2);font-size:0.85rem;margin-bottom:24px;text-align:center; }
.inl-1a5a2871 { stroke-dasharray: 452.389; stroke-dashoffset: 45.2389; }
.inl-1265ee1f { margin-bottom:32px; }
.inl-fa228d78 { width:100%;margin-bottom:24px; }
.inl-a8e2cf94 { display:none; border-top:1px solid var(--border); padding-top:16px; margin-top:16px; }
.inl-7d3aabab { max-width:1000px;margin:0 auto; }
.inl-f084b958 { display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px; }
.inl-f97817d4 { padding:24px;display:flex;flex-direction:column;gap:12px; }
.inl-9cc5e9cb { display:flex;align-items:center;gap:12px; }
.inl-144bbdb9 { font-size:1.8rem;color:#3b82f6; }
.inl-af3acce2 { margin:0;font-size:1.1rem; }
.inl-a15ee60f { color:var(--text2);font-size:0.9rem;margin:0;line-height:1.6; }
.inl-a19318d1 { font-size:1.8rem;color:#10b981; }
.inl-031ab5e0 { font-size:1.8rem;color:#eab308; }
.inl-c423fb7d { max-width:800px;margin:0 auto; }
.inl-bd844038 { font-size:2.5rem; margin-bottom:16px; }
.inl-f3fe0008 { font-size:1.25rem; color:var(--text2); margin-bottom:8px; }
.inl-f27d315f { font-size:1.125rem; color:var(--text2); max-width:42rem; margin:0 auto; }
.inl-18f0aec8 { color:var(--text2);line-height:1.8;margin-bottom:1rem; }
.inl-b8352b7b { width:90px;white-space:nowrap; }
.inl-14d871e9 { width:${f.pct}%; }
.inl-68dba3e7 { width:50px; }
.inl-f62af32b { width:${barW}%; }
.inl-1efd7491 { margin-top:16px; }
.inl-07af0a3e { width:100%; height:200px; overflow:hidden; }
.inl-755a833a { width:100%;height:100%;object-fit:cover;border-radius:16px 16px 0 0; }
.inl-f9ccbf84 { width:100%; height:200px; overflow:hidden; background: var(--color-surface-hover); display:flex; align-items:center; justify-content:center; }
.inl-5afc7337 { font-size: 3rem; }
.inl-601a04df { display:inline-block; }
.inl-a939d507 { margin-top:16px;color:var(--text2); }
.inl-cbf0dbe1 { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:24px; max-width:1100px; margin:0 auto; }
.inl-7b4c3902 { margin:0; padding:32px 24px; display:flex; flex-direction:column; justify-content:space-between; }
.inl-d736e7f6 { font-size:1rem; margin-bottom:24px; }
.inl-932cc794 { flex-direction:column; align-items:flex-start; gap:12px; }
.inl-777da313 { width:50px;height:50px;flex-shrink:0; }
.inl-e982236a { width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border); }
.inl-157a9c70 { margin-bottom:14px; }
.inl-24db8460 { width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#818cf8);display:grid;place-items:center;color:#fff;font-weight:700;flex-shrink:0; }
.inl-e6f0a0b9 { font-weight:600;font-size:0.9rem; }
.inl-ed38cda5 { font-size:0.8rem;color:var(--text3); }
.inl-2761b635 { margin-top:32px; }
.inl-0ffe0dae { width:100%; height:auto; max-height:500px; object-fit:cover; border-radius:16px; box-shadow:0 8px 30px rgba(0,0,0,0.12); }
.inl-64801187 { line-height:1.85;color:var(--text2); }
.inl-2da5d661 { margin-bottom:1.5rem; }
.inl-6851ede8 { margin:32px 0;text-align:center; }
.inl-86fd0e7a { color:var(--text);margin:40px 0 16px; }
.inl-6ea451f8 { display:flex;flex-direction:column;gap:8px;font-size:0.9rem; }
.inl-23cd2710 { color:var(--text3); }
.inl-c83c5b65 { color:var(--text);margin:24px 0 12px; }
.inl-32d39d7a { width:100%;border-collapse:collapse; }
.inl-d302ec8d { border-bottom:2px solid rgba(255,255,255,0.08); }
.inl-ec7f53a6 { text-align:left;padding:12px 16px;font-size:0.85rem;color:var(--text3);text-transform:uppercase;letter-spacing:1px;white-space:nowrap; }
.inl-2888a54d { border-bottom:1px solid rgba(255,255,255,0.08); }
.inl-64adce52 { padding:12px 16px;color:var(--text); }
.inl-85519247 { padding:12px 16px; }
.inl-19f97778 { color:var(--text);margin-bottom:12px; }
.inl-606f5db9 { width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#818cf8);display:grid;place-items:center;font-size:1.1rem;color:#fff;font-weight:700;flex-shrink:0; }
.inl-bfefdca1 { margin:0;color:var(--text); }
.inl-43a7ea14 { padding:12px 16px;color:#fbbf24; }
.inl-ce729f42 { padding:12px 16px;color:#f87171; }
.inl-09cbfd89 { margin-bottom:1rem; }
.inl-a9bd9ced { list-style:disc;padding-left:24px;display:flex;flex-direction:column;gap:14px;margin-bottom:2rem; }
.inl-cf6fd2b8 { width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#0ea5e9);display:grid;place-items:center;font-size:1.1rem;color:#fff;font-weight:700;flex-shrink:0; }
.inl-e329fc9b { padding:12px 16px;color:#f87171;font-weight:700; }
.inl-7b21bb83 { padding:12px 16px;color:var(--text);font-weight:600; }
.inl-185d516d { padding:12px 16px;color:#fbbf24;font-weight:700; }
.inl-8701d6de { list-style:disc;padding-left:24px;display:flex;flex-direction:column;gap:10px;margin-bottom:2rem; }
.inl-97721d50 { background:rgba(251,191,36,0.08); border-left-color:#fbbf24; }
.inl-9fe302a9 { font-size:0.85rem;font-weight:600;color:#fbbf24;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px; }
.inl-81c672d5 { display:flex;flex-direction:column;gap:12px;margin-bottom:2rem; }
.inl-cb38bd36 { padding:16px;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0; }
.inl-3b3479b8 { font-weight:700;color:var(--text);margin-bottom:4px; }
.inl-e29b00d3 { margin:0;font-size:0.9rem; }
.inl-bbb862c2 { padding:16px;border-left:4px solid #fbbf24;border-radius:0 12px 12px 0; }
.inl-d15c45a8 { padding:16px;border-left:4px solid #f87171;border-radius:0 12px 12px 0; }
.inl-979f5f1d { padding:16px;border-left:4px solid #f87171;border-radius:0 12px 12px 0;background:rgba(248,113,113,0.05); }
.inl-d75c1bc4 { font-weight:700;color:#f87171;margin-bottom:4px; }
.inl-be9251c6 { padding:16px;border-left:4px solid #f87171;border-radius:0 12px 12px 0;background:rgba(248,113,113,0.08); }
.inl-43bb25c9 { padding-left:24px;display:flex;flex-direction:column;gap:14px;margin-bottom:2rem; }
.inl-c713cb5f { margin-bottom:2rem; }
.inl-c4d5a724 { padding:12px 16px;color:#34d399; }
.inl-bcf3bfa4 { padding:12px 16px;color:#fb923c; }
.inl-82b60e69 { border-bottom:1px solid rgba(255,255,255,0.08);background:rgba(248,113,113,0.06); }
.inl-8fdd136b { padding:12px 16px;font-weight:700; }
.inl-9fef593c { padding-bottom:40px; }
.inl-539b047e { text-align:center; }
.inl-31f66df2 { font-size:1.8rem;font-weight:900;color:var(--primary); }
.inl-c07ebe6c { font-size:0.8rem;color:var(--text3);margin-top:4px; }
.inl-c61964d2 { color:var(--text2);line-height:1.8;margin-bottom:1.5rem; }
.inl-d6b81ca0 { color:var(--text2);line-height:1.8;padding-left:24px;display:flex;flex-direction:column;gap:12px;margin-bottom:2rem; }
.inl-77bbc8fd { display:flex;gap:16px;flex-wrap:wrap;margin-top:32px; }
.inl-cdb14cce { display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:20px; }
.inl-76503539 { display:block;font-size:0.8rem;color:var(--text3);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px; }
.inl-e6474cc0 { font-size:1.5rem;font-weight:900;color:var(--primary);text-align:center; }
.inl-dc9acaf5 { display:none;text-align:center;padding:32px; }
.inl-921298c7 { display:none;margin-top:24px; }
.inl-a6a1aa6b { display:none;text-align:center;padding:16px;border-radius:12px;background:rgba(52,211,153,0.1);border:1px solid rgba(52,211,153,0.3);color:#34d399;font-size:1.1rem;font-weight:600;margin-bottom:20px; }
.inl-034a7b66 { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.inl-2fd9b219 { font-weight:700;margin-bottom:16px;font-size:1rem; }
.inl-8d658013 { position:relative;width:130px;height:130px;margin:0 auto 16px; }
.inl-12dd489a { width:100%;height:100%; }
.inl-332b0968 { transition:stroke-dashoffset 1.5s ease,stroke 0.5s; }
.inl-0a898d60 { position:absolute;inset:0;display:flex;align-items:center;justify-content:center; }
.inl-8901bffa { font-size:2rem;font-weight:900; }
.inl-352a638e { font-size:0.85rem;color:var(--text3); }
.inl-6841118b { margin-bottom:20px; }
.inl-e9accc62 { display:block;font-size:0.85rem;color:var(--text2);margin-bottom:6px; }
.inl-cc69f65b { width:100%;padding:12px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r8);color:var(--text);font-family:var(--font);font-size:0.95rem;outline:none;transition:0.2s; }
.inl-d193e159 { width:100%;padding:12px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r8);color:var(--text);font-family:var(--font);font-size:0.95rem;outline:none;resize:vertical;transition:0.2s; }
.inl-c6f9a0cf { margin-top:16px;font-size:0.95rem;display:none;text-align:center;padding:12px;border-radius:var(--r8); }
.inl-f9a32d27 { margin-bottom:16px;color:var(--text2);font-size:0.95rem; }
.inl-5cb7e3cd { list-style:none;padding:0;margin:0; }
.inl-4b37ca81 { color:var(--primary);text-decoration:none; }
.inl-9ac1c017 { gap:16px; }
.inl-9e46d3ec { margin-top:48px;text-align:center; }
.inl-981838c4 { color:var(--text2);line-height:1.8;margin-bottom:40px;font-size:1.05rem; }
.inl-1f6d71d6 { margin:32px 0 12px;color:var(--text); }
.inl-cc308bf4 { line-height:1.8;color:var(--text2); }
.inl-22f23c31 { margin-bottom:20px;padding-left:20px; }
.inl-de90e556 { max-width:640px;margin:0 auto 32px; }
.inl-235eeeef { background:var(--bg2);border-top:1px solid var(--border); }
.inl-3e268a58 { max-width:1200px;margin:0 auto;padding:48px 24px; }
.inl-f0c3a99c { font-size:1.4rem;font-weight:700;margin-bottom:6px; }
.inl-261e36ee { color:var(--text2);font-size:.88rem; }
.inl-6a1a3277 { background:var(--bg-card);border-top:1px solid var(--border); }
.inl-083767d2 { margin-top:8px;font-size:0.875rem; }
.inl-596f1415 { font-size:2rem;margin-bottom:8px; }

/* ── Mobile Layout Fixes ── */
@media(max-width:480px){
  .action-row { flex-direction: column; width: 100%; }
  .action-row .btn { width: 100%; }
  .adv-combo { flex-direction: column; height: auto; }
  .adv-combo input, .adv-combo select { height: 44px; width: 100%; border-left: none; border-bottom: 1px solid var(--border); }
  .adv-combo select:last-child { border-bottom: none; }
}
@media(max-width:600px){
  .compare-row { flex-direction: column; }
  .vs-divider { padding: 8px 0; }
}

/* Breadcrumbs and Author Bio */
.site-breadcrumbs {text-align:center;margin:24px auto 12px;font-size:0.9rem;color:var(--text-muted);}
.site-breadcrumbs ol {list-style:none;padding:0;margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center;}
.site-breadcrumbs li {display:inline;}
.site-breadcrumbs li + li::before {content:'›';margin-right:8px;opacity:0.5;}
.site-breadcrumbs a {color:var(--primary);text-decoration:none;font-weight:500;}
.site-breadcrumbs a:hover {text-decoration:underline;}

.author-bio-box {background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:24px;margin-top:48px;display:flex;align-items:center;gap:20px;}
.author-bio-img {width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--primary);}
.author-bio-content h3 {margin:0 0 8px;font-size:1.2rem;color:var(--text);}
.author-bio-content p {margin:0;font-size:0.95rem;color:var(--text-muted);line-height:1.5;}
@media(max-width:600px){ .author-bio-box {flex-direction:column;text-align:center;} }