/* Sky Glass IPTV — site stylesheet
   Design system extracted from the live WordPress build (Kadence child styles)
   and made standalone: fonts self-hosted, no theme/plugin CSS. */

/* --- minimal reset (replaces WordPress normalize.css) --- */
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block;min-width:0}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{border-style:none;padding:0}table{border-collapse:collapse;border-spacing:0}svg{vertical-align:middle}

/* --- fonts: Inter + FontAwesome 6.5 subset (self-hosted) --- */
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/inter-500.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/inter-600.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/inter-800.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/inter-400.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/inter-700.woff2") format("woff2")}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/fa-brands-400.woff2") format("woff2")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/fa-solid-900.woff2") format("woff2")}.fab{font-family:"Font Awesome 6 Brands";font-weight:400;font-style:normal;display:inline-block}.fas{font-family:"Font Awesome 6 Free";font-weight:900;font-style:normal;display:inline-block}.fa-whatsapp:before{content:"\f232"}.fa-satellite-dish:before{content:"\f7c0"}.fa-check:before{content:"\f00c"}.fa-star:before{content:"\f005"}.fa-tv:before{content:"\f26c"}.fa-shield-alt:before{content:"\f3ed"}.fa-headset:before{content:"\f590"}.fa-bolt:before{content:"\f0e7"}.fa-film:before{content:"\f008"}.fa-chevron-down:before{content:"\f078"}.fa-crown:before{content:"\f521"}.fa-gem:before{content:"\f3a5"}.fa-list-alt:before{content:"\f022"}.fa-clock:before{content:"\f017"}.fa-arrow-right:before{content:"\f061"}.fa-undo:before{content:"\f0e2"}.fa-futbol:before{content:"\f1e3"}.fa-check-circle:before{content:"\f058"}.fa-tag:before{content:"\f02b"}.fa-book:before{content:"\f02d"}.fa-download:before{content:"\f019"}.fa-globe-europe:before{content:"\f7a2"}.fa-tablet-alt:before{content:"\f3fa"}.fa-trophy:before{content:"\f091"}.fa-wifi:before{content:"\f1eb"}.fa-bars:before{content:"\f0c9"}.fa-times:before{content:"\f00d"}.fa-chevron-up:before{content:"\f077"}.fa-globe:before{content:"\f0ac"}.fa-mobile-alt:before{content:"\f3cd"}.fa-play:before{content:"\f04b"}.fa-envelope:before{content:"\f0e0"}.fa-telegram-plane:before{content:"\f2c6"}.fa-lock:before{content:"\f023"}.fa-fire:before{content:"\f06d"}.fa-android:before{content:"\f17b"}.fa-box:before{content:"\f466"}.fa-laptop:before{content:"\f109"}.fa-server:before{content:"\f233"}.fa-flag:before{content:"\f024"}.fa-sync-alt:before{content:"\f2f1"}.fa-pound-sign:before{content:"\f154"}

/* --- design system --- */
.fa-satellite-dish,.fa-check,.fa-star,.fa-play,.fa-tv,.fa-mobile-alt,.fa-wifi,.fa-shield-alt,.fa-headset,.fa-bolt,.fa-globe,.fa-film{display:inline-block}:root{--primary:#e8630a;--primary-dark:#c7520a;--primary-light:#f5913c;--primary-glow:rgba(232,99,10,.1);--primary-bg:rgba(232,99,10,.05);--accent:#e8630a;--accent-dark:#c7520a;--white:#fff;--off-white:#fefcfa;--cream:#fff8f2;--gray-50:#faf8f6;--gray-100:#f3f0ed;--gray-200:#e8e4e0;--gray-300:#d4cfc9;--gray-400:#9e9690;--gray-500:#706862;--gray-600:#544d47;--gray-700:#3d3832;--gray-800:#2a2520;--gray-900:#1c1815;--dark:#14100e;--dark-warm:#1a1410;--font-main:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--container-max:1200px;--container-narrow:800px;--container-wide:1320px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(26,20,16,.04);--shadow-md:0 4px 12px rgba(26,20,16,.06);--shadow-lg:0 8px 24px rgba(26,20,16,.08);--shadow-xl:0 16px 40px rgba(26,20,16,.1);--shadow-card:0 1px 4px rgba(26,20,16,.04),0 4px 16px rgba(26,20,16,.06);--shadow-card-hover:0 8px 30px rgba(26,20,16,.1),0 2px 8px rgba(26,20,16,.05);--shadow-glow:0 4px 20px rgba(232,99,10,.2);--transition-fast:.15s ease;--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--header-h:72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-main);color:var(--gray-700);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--gray-900);line-height:1.2;font-weight:700}h1{font-size:clamp(2.1rem, 5vw, 3.5rem);letter-spacing:-.03em}h2{font-size:clamp(1.55rem, 3.5vw, 2.5rem);letter-spacing:-.02em}h3{font-size:clamp(1.15rem, 2.5vw, 1.45rem);letter-spacing:-.01em}h4{font-size:1.125rem}p{color:var(--gray-600);line-height:1.8;margin-bottom:1rem}p:last-child{margin-bottom:0}strong{color:var(--gray-800)}.text-primary{color:var(--primary)}.text-white{color:var(--white)}.text-center{text-align:center}.subtitle{font-size:1.125rem;color:var(--gray-500);max-width:640px;line-height:1.75}.hero .subtitle strong,.page-hero .subtitle strong,.cta-banner .subtitle strong{color:#fff}.section-label{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:var(--primary-glow);padding:7px 18px;border-radius:var(--radius-full)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.container-wide{width:100%;max-width:var(--container-wide);margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-2xl) 0}.section-sm{padding:var(--space-3xl) 0}.bg-white{background:var(--white)}.bg-cream{background:var(--cream)}.bg-offwhite{background:var(--off-white)}.bg-gray,.section-gray{background:var(--gray-50)}.bg-warm{background:linear-gradient(135deg,var(--cream) 0%,var(--gray-50) 100%)}.bg-pattern{background-color:var(--gray-50);background-image:radial-gradient(var(--gray-200) 1px,transparent 1px);background-size:24px 24px}.bg-slant{background:var(--white);position:relative}.bg-slant:before{content:'';position:absolute;top:-60px;left:0;right:0;height:120px;background:var(--white);clip-path:polygon(0 60px,100% 0,100% 100%,0 100%);z-index:1}.bg-slant>.container{position:relative;z-index:2}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.split-60{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-3xl);align-items:center}.split-40{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--space-3xl);align-items:center}.split-reverse{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.split-reverse .split-content{order:2}.split-reverse .split-image{order:1}.split-image img{width:100%;border-radius:var(--radius-lg)}.img-shadow img{box-shadow:var(--shadow-lg)}.img-border img{border:3px solid var(--gray-100)}.img-glow img{box-shadow:0 8px 40px rgba(232,99,10,.12)}.img-float img{transition:transform var(--transition-slow)}.img-float:hover img{transform:translateY(-6px)}.img-rounded img{border-radius:var(--radius-xl)}.img-tilt img{transform:perspective(800px) rotateY(-2deg);transition:transform var(--transition-slow)}.img-tilt:hover img{transform:perspective(800px) rotateY(0deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;font-family:var(--font-main);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none;min-height:48px;line-height:1.2;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,0) 100%);transform:translateX(-100%);transition:transform .4s ease}.btn:hover:after{transform:translateX(100%)}.btn-primary{background:var(--primary);color:var(--white);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--primary-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 24px rgba(232,99,10,.3)}.btn-secondary{background:var(--gray-900);color:var(--white)}.btn-secondary:hover{background:var(--gray-800);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:0 0;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.btn-white{background:var(--white);color:var(--gray-900);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.btn-white:hover{background:var(--gray-50);color:var(--gray-900);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-ghost{background:rgba(255,255,255,.1);color:var(--white);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px)}.btn-ghost:hover{background:rgba(255,255,255,.2);color:var(--white);transform:translateY(-2px)}.btn-lg{padding:17px 36px;font-size:1.05rem;min-height:56px}.btn-sm{padding:10px 20px;font-size:.875rem;min-height:40px}.btn-icon{font-size:1.1em}.btn-group{display:flex;gap:var(--space-md);flex-wrap:wrap}#sg-popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)}#sg-popup-overlay.sg-open{display:flex}#sg-popup-box{background:#fff;border-radius:18px;max-width:420px;width:100%;overflow:hidden;font-family:'Inter',sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:sgSlideUp .4s cubic-bezier(.22,.68,0,1.2) both}@keyframes sgSlideUp{from{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#sg-popup-header{background:linear-gradient(135deg,#e8630a 0%,#c7520a 55%,#9b3d08 100%);padding:22px 24px 18px;text-align:center;position:relative}#sg-popup-close{position:absolute;top:10px;right:14px;background:rgba(255,255,255,.2);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}#sg-popup-close:hover{background:rgba(255,255,255,.35)}.sg-badge{display:inline-block;background:rgba(255,255,255,.18);border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;color:#fff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}.sg-popup-title{font-size:28px;font-weight:800;color:#fff;line-height:1.1;margin:0 0 4px}.sg-popup-sub{font-size:13px;color:rgba(255,255,255,.85);margin:0}#sg-popup-body{padding:20px 24px 20px;text-align:center}.sg-price-row{display:flex;align-items:flex-end;justify-content:center;gap:4px;margin:6px 0 16px}.sg-price-big{font-size:46px;font-weight:800;color:#e8630a;line-height:1}.sg-price-per{font-size:16px;color:#999;margin-bottom:10px}.sg-features{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.sg-feat{background:#fff8f2;border:1px solid #f5c08a;border-radius:8px;padding:6px 12px;font-size:12px;color:#c7520a;font-weight:600}#sg-timer-box{background:#fff3e6;border:1.5px solid #f5c08a;border-radius:10px;padding:10px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px;justify-content:center}#sg-timer-box svg{flex-shrink:0}.sg-timer-label{font-size:11px;color:#c7520a;font-weight:700;letter-spacing:.5px;text-transform:uppercase}#sg-timer{font-size:24px;font-weight:800;color:#e8630a;letter-spacing:2px}#sg-wa-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#25d366;color:#fff;text-decoration:none;padding:15px;border-radius:12px;font-size:16px;font-weight:700;margin-bottom:8px;transition:background .2s}#sg-wa-btn:hover{background:#1ebe5d}.sg-footer-note{font-size:11px;color:#bbb}.reseller-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:1000px;margin:0 auto}.reseller-step-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);box-shadow:var(--shadow-card);border:1px solid var(--gray-100);position:relative;transition:all var(--transition-base);overflow:hidden}.reseller-step-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.reseller-step-card.rs-featured{border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 0 1px var(--primary-glow)}.reseller-step-card.rs-featured:after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.rs-number{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--white);font-weight:800;font-size:1.15rem;border-radius:var(--radius-full);margin-bottom:var(--space-lg);box-shadow:0 4px 12px rgba(232,99,10,.2)}.rs-content h3{margin-bottom:var(--space-sm);font-size:1.15rem}.rs-content p{font-size:.9375rem}.rs-credit-info{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--primary-bg);border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.rs-credit-info span{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--gray-700)}.rs-credit-info i{color:var(--primary);font-size:.8rem;width:16px;text-align:center}.reseller-who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);max-width:1000px;margin:0 auto}.reseller-who-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--gray-100);transition:all var(--transition-base)}.reseller-who-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.reseller-who-card.rw-wide{grid-column:span 2}.rw-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-md);font-size:1.3rem;margin:0 auto var(--space-md);transition:all var(--transition-base)}.reseller-who-card:hover .rw-icon{background:var(--primary);color:var(--white);transform:scale(1.08)}.reseller-who-card p{font-size:.9375rem;color:var(--gray-600);font-weight:500;margin:0}.earnings-card{max-width:900px;margin:0 auto;background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--gray-100)}.earnings-header{background:var(--dark-warm);padding:var(--space-lg) var(--space-2xl)}.earnings-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-light)}.earnings-body{padding:var(--space-2xl)}.earnings-row{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.earnings-item{text-align:center;padding:var(--space-lg);flex:1;min-width:160px}.earnings-item.ei-highlight{background:var(--primary-bg);border-radius:var(--radius-lg);border:2px solid var(--primary-glow)}.ei-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:var(--space-sm)}.ei-value{display:block;font-size:2.25rem;font-weight:800;color:var(--gray-900);line-height:1.1;margin-bottom:var(--space-xs)}.ei-value small{font-size:.85rem;font-weight:500;color:var(--gray-400)}.ei-highlight .ei-value{color:var(--primary)}.ei-desc{display:block;font-size:.8rem;color:var(--gray-500);max-width:180px;margin:0 auto}.earnings-arrow{color:var(--gray-300);font-size:1.25rem}.earnings-footer{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--gray-100);font-size:1rem;font-weight:700;color:var(--primary)}@media (max-width:900px){.reseller-steps{grid-template-columns:1fr;max-width:500px}.reseller-who-grid{grid-template-columns:repeat(2,1fr)}.reseller-who-card.rw-wide{grid-column:span 2}}@media (max-width:600px){.earnings-row{flex-direction:column;gap:var(--space-md)}.earnings-arrow{transform:rotate(90deg)}.reseller-who-grid{grid-template-columns:1fr}.reseller-who-card.rw-wide{grid-column:span 1}}.card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-card);transition:all var(--transition-base);border:1px solid var(--gray-100);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-md);font-size:1.35rem;margin-bottom:var(--space-lg);transition:all var(--transition-base)}.card:hover .card-icon{background:var(--primary);color:var(--white);transform:scale(1.05)}.card h3{margin-bottom:var(--space-sm)}.card p{font-size:.9375rem}.card-bordered{border:2px solid var(--gray-200);box-shadow:none}.card-bordered:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md)}.card-glass{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4)}.card-accent-top{border-top:3px solid var(--primary)}.card-accent-left{border-left:4px solid var(--primary);padding-left:var(--space-2xl)}.card-number{position:relative;padding-top:3.5rem}.card-number:before{content:attr(data-num);position:absolute;top:var(--space-xl);left:var(--space-2xl);font-size:3.5rem;font-weight:800;color:var(--primary-glow);line-height:1;pointer-events:none}.pricing-spotlight{background:var(--gray-50);position:relative;overflow:hidden}.pricing-spotlight:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(232,99,10,.06) 0%,transparent 70%);pointer-events:none}.spotlight-wrapper{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 3px rgba(26,20,16,.04),0 8px 32px rgba(26,20,16,.08),0 24px 60px rgba(26,20,16,.06);border:1px solid var(--gray-100);position:relative}.spotlight-wrapper:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--primary-light));border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.spotlight-left{padding:var(--space-3xl) var(--space-3xl);display:flex;flex-direction:column;justify-content:center}.spotlight-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--white);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:8px 18px;border-radius:var(--radius-full);margin-bottom:var(--space-xl);width:fit-content;box-shadow:0 4px 16px rgba(232,99,10,.25)}.spotlight-badge i{font-size:.7rem}.spotlight-title{font-size:clamp(1.75rem, 3.5vw, 2.5rem);font-weight:800;color:var(--gray-900);line-height:1.15;margin-bottom:var(--space-md);letter-spacing:-.03em}.spotlight-free{display:inline;color:var(--primary);position:relative}.spotlight-subtitle{font-size:1.05rem;color:var(--gray-500);line-height:1.7;margin-bottom:var(--space-2xl);max-width:420px}.spotlight-price-row{display:flex;align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--gray-100)}.spotlight-price{display:flex;align-items:flex-start;line-height:1}.spotlight-currency{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-top:.35rem;margin-right:2px}.spotlight-amount{font-size:4.5rem;font-weight:800;color:var(--gray-900);letter-spacing:-.04em;line-height:.85}.spotlight-price-meta{display:flex;flex-direction:column;gap:4px;padding-bottom:6px}.spotlight-period{font-size:.85rem;color:var(--gray-400);font-weight:500}.spotlight-save{font-size:.8rem;font-weight:700;color:var(--primary);background:var(--primary-glow);padding:3px 10px;border-radius:var(--radius-full);width:fit-content}.spotlight-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.spotlight-cta{padding:18px 40px !important;font-size:1.1rem !important;min-height:58px !important;box-shadow:0 6px 24px rgba(232,99,10,.3) !important}.spotlight-cta:hover{box-shadow:0 8px 32px rgba(232,99,10,.4) !important;transform:translateY(-3px) !important}.spotlight-right{background:var(--gray-50);padding:var(--space-3xl) var(--space-2xl);display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--gray-100)}.spotlight-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.spotlight-feature{display:flex;align-items:center;gap:var(--space-md);padding:12px 16px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.spotlight-feature:hover{background:var(--white);box-shadow:var(--shadow-sm)}.sf-icon{width:38px;height:38px;min-width:38px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-sm);font-size:.95rem;transition:all var(--transition-base)}.spotlight-feature:hover .sf-icon{background:var(--primary);color:var(--white);transform:scale(1.05)}.sf-text{font-size:.95rem;color:var(--gray-600);font-weight:500}.sf-text strong{color:var(--gray-900);font-weight:700}.spotlight-trust{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--gray-200)}.spotlight-trust span{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.spotlight-trust i{color:var(--primary);font-size:.75rem}@media (max-width:900px){.spotlight-wrapper{grid-template-columns:1fr}.spotlight-wrapper:before{width:100%;height:4px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.spotlight-right{border-left:none;border-top:1px solid var(--gray-100)}.spotlight-left{padding:var(--space-2xl) var(--space-xl)}.spotlight-right{padding:var(--space-2xl) var(--space-xl)}}@media (max-width:480px){.spotlight-left{padding:var(--space-xl) var(--space-md)}.spotlight-right{padding:var(--space-xl) var(--space-md)}.spotlight-amount{font-size:3.5rem}.spotlight-price-row{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.spotlight-trust{flex-direction:column;gap:var(--space-sm)}.spotlight-actions{flex-direction:column}.spotlight-actions .btn{width:100%}}.pricing-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);box-shadow:var(--shadow-card);border:2px solid var(--gray-100);transition:all var(--transition-base);position:relative;text-align:center}.pricing-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.pricing-card.featured{border-color:var(--primary);box-shadow:var(--shadow-xl),0 0 0 1px var(--primary)}.pricing-card.featured:before{content:'Best Value';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--white);font-size:.8rem;font-weight:700;padding:5px 22px;border-radius:var(--radius-full)}.pricing-card .plan-name{font-size:1.05rem;font-weight:600;color:var(--gray-500);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.pricing-card .price{font-size:2.75rem;font-weight:800;color:var(--gray-900);line-height:1;margin-bottom:var(--space-xs)}.pricing-card .price span{font-size:1rem;font-weight:500;color:var(--gray-400)}.pricing-card .plan-desc{font-size:.875rem;color:var(--gray-400);margin-bottom:var(--space-xl)}.pricing-card ul{text-align:left;margin-bottom:var(--space-xl)}.pricing-card li{padding:8px 0;font-size:.9375rem;color:var(--gray-600);display:flex;align-items:flex-start;gap:10px}.pricing-card li i{color:var(--primary);margin-top:3px;flex-shrink:0}.pricing-card .btn{width:100%}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--dark-warm);height:var(--header-h);border-bottom:1px solid rgba(255,255,255,.05);transition:all var(--transition-base)}.site-header.scrolled{box-shadow:0 4px 30px rgba(0,0,0,.2);background:rgba(20,16,14,.98);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.logo{display:flex;align-items:center;gap:0;text-decoration:none;flex-shrink:0}.logo img{height:42px;width:auto}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{color:rgba(255,255,255,.65);font-size:.875rem;font-weight:500;padding:8px 13px;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--white);background:rgba(255,255,255,.08)}.nav-links a.active{color:var(--primary-light)}.header-cta{flex-shrink:0}.header-cta .btn{padding:10px 22px;font-size:.875rem;min-height:42px}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;z-index:1010;background:0 0;border:none}.hamburger span{width:24px;height:2.5px;background:var(--white);border-radius:2px;transition:all var(--transition-base);display:block}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:var(--dark-warm);z-index:999;padding:var(--space-xl) var(--space-lg);overflow-y:auto}.mobile-nav.open{display:flex;flex-direction:column;animation:slideDown .35s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mobile-nav a{display:block;color:rgba(255,255,255,.7);font-size:1.05rem;font-weight:500;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color var(--transition-fast)}.mobile-nav a:hover,.mobile-nav a.active{color:var(--primary-light)}.mobile-nav .btn{margin-top:var(--space-xl)}.hero{position:relative;padding:calc(var(--header-h) + var(--space-sm)) 0 var(--space-4xl);background:var(--dark-warm);color:var(--white);overflow:hidden}.hero:before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(232,99,10,.06) 0%,transparent 60%);pointer-events:none}.hero:after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:80px;background:var(--white);clip-path:ellipse(55% 100% at 50% 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.hero h1{color:var(--white);margin-bottom:var(--space-lg)}.hero h1 .highlight{color:var(--primary-light)}.hero .subtitle{color:rgba(255,255,255,.6);margin-bottom:var(--space-xl);max-width:520px}.hero-stats{display:flex;gap:var(--space-2xl);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.08)}.hero-stat .stat-number{font-size:1.75rem;font-weight:800;color:var(--primary-light);display:block}.hero-stat .stat-label{font-size:.8rem;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.06em}.hero-image{position:relative}.hero-image img{width:100%;border-radius:var(--radius-xl);box-shadow:0 24px 80px rgba(0,0,0,.4)}.hero-image:after{content:'';position:absolute;inset:-3px;border-radius:calc(var(--radius-xl) + 3px);background:linear-gradient(135deg,var(--primary),transparent 60%);z-index:-1;opacity:.5}.page-hero{padding:calc(var(--header-h) + var(--space-3xl)) 0 var(--space-3xl);background:var(--dark-warm);color:var(--white);text-align:center;position:relative;overflow:hidden}.page-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(232,99,10,.08) 0%,transparent 50%)}.page-hero:after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:60px;background:var(--white);clip-path:ellipse(55% 100% at 50% 100%)}.page-hero h1{color:var(--white);margin-bottom:var(--space-md);position:relative;z-index:1}.page-hero .subtitle{margin:0 auto;color:rgba(255,255,255,.55);position:relative;z-index:1}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:var(--space-lg);font-size:.875rem;position:relative;z-index:1}.breadcrumb a{color:rgba(255,255,255,.45)}.breadcrumb a:hover{color:var(--primary-light)}.breadcrumb span{color:rgba(255,255,255,.3)}.breadcrumb .current{color:rgba(255,255,255,.7)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.mosaic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.mosaic-grid .card:nth-child(1){grid-column:span 2}.icon-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px, 1fr));gap:var(--space-lg);text-align:center}.icon-row-item{padding:var(--space-xl)}.icon-row-item i{font-size:2rem;color:var(--primary);margin-bottom:var(--space-md);display:block}.icon-row-item h4{font-size:1rem;margin-bottom:var(--space-xs)}.icon-row-item p{font-size:.85rem;color:var(--gray-500)}.step-list{max-width:700px}.step-item{display:flex;gap:var(--space-xl);padding:var(--space-xl) 0;position:relative}.step-item:not(:last-child){border-bottom:1px solid var(--gray-100)}.step-number{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--white);font-weight:700;font-size:1.125rem;border-radius:var(--radius-full);flex-shrink:0}.step-content h3{margin-bottom:var(--space-xs)}.step-content p{font-size:.9375rem}.timeline{position:relative;padding-left:40px}.timeline:before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--gray-200)}.timeline-item{position:relative;padding-bottom:var(--space-2xl)}.timeline-item:before{content:attr(data-step);position:absolute;left:-40px;top:0;width:32px;height:32px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;z-index:2}.timeline-item h3{margin-bottom:var(--space-xs)}.timeline-item p{font-size:.9375rem}.faq-list{max-width:750px;margin:0 auto}.faq-item{border-bottom:1px solid var(--gray-200)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) 0;cursor:pointer;background:0 0;border:none;width:100%;text-align:left;font-family:var(--font-main);font-size:1.05rem;font-weight:600;color:var(--gray-800);transition:color var(--transition-fast)}.faq-question:hover{color:var(--primary)}.faq-question i{font-size:.85rem;color:var(--gray-400);transition:transform var(--transition-base);flex-shrink:0}.faq-item.active .faq-question i{transform:rotate(180deg);color:var(--primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-slow),padding var(--transition-slow)}.faq-item.active .faq-answer{max-height:500px;padding-bottom:var(--space-lg)}.faq-answer p{font-size:.9375rem;color:var(--gray-600);line-height:1.8}.cta-banner{background:var(--dark-warm);padding:var(--space-4xl) 0;text-align:center;color:var(--white);position:relative;overflow:hidden}.cta-banner:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(232,99,10,.07) 0%,transparent 60%)}.cta-banner h2{color:var(--white);margin-bottom:var(--space-md);position:relative}.cta-banner p{color:rgba(255,255,255,.55);max-width:560px;margin:0 auto var(--space-xl);position:relative}.cta-mid{background:var(--cream);padding:var(--space-3xl) 0;text-align:center;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.cta-mid h2{margin-bottom:var(--space-md)}.cta-mid p{max-width:560px;margin:0 auto var(--space-xl)}.site-footer{background:var(--dark-warm);color:var(--gray-400);padding:var(--space-4xl) 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl);padding-bottom:var(--space-3xl);border-bottom:1px solid rgba(255,255,255,.06)}.footer-brand .logo{margin-bottom:var(--space-lg)}.footer-brand p{color:rgba(255,255,255,.45);font-size:.9375rem;max-width:320px}.footer-col h4{color:var(--white);font-size:.875rem;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.08em}.footer-col a{display:block;color:rgba(255,255,255,.45);font-size:.9375rem;padding:5px 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--primary-light)}.footer-contact{display:flex;flex-direction:column;gap:12px;margin-top:var(--space-lg)}.footer-contact a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.45);font-size:.875rem}.footer-contact a:hover{color:var(--primary-light)}.footer-contact i{width:18px;text-align:center;color:var(--primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) 0;font-size:.8rem;color:rgba(255,255,255,.3);flex-wrap:wrap;gap:var(--space-md)}.footer-legal{display:flex;gap:var(--space-lg);flex-wrap:wrap}.footer-legal a{color:rgba(255,255,255,.35);font-size:.8rem}.footer-legal a:hover{color:var(--primary-light)}.whatsapp-float{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:#25d366;color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;z-index:999;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:all var(--transition-base);text-decoration:none}.whatsapp-float:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 28px rgba(37,211,102,.5);color:var(--white)}.whatsapp-float:before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:#25d366;animation:waPulse 2s infinite;z-index:-1}@keyframes waPulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}.content-list{margin:var(--space-md) 0}.content-list li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;color:var(--gray-600);font-size:.9375rem}.content-list li i{color:var(--primary);margin-top:4px;flex-shrink:0}.check-list li i{color:var(--primary)}.stat-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-lg);margin-top:calc(-1 * var(--space-3xl));position:relative;z-index:10}.stat-bar-item{text-align:center}.stat-bar-item .counter{font-size:2rem;font-weight:800;color:var(--primary);display:block}.stat-bar-item span:last-child{font-size:.85rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:13px 16px;font-size:1rem;font-family:var(--font-main);color:var(--gray-800);background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);transition:all var(--transition-fast);outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-group textarea{min-height:140px;resize:vertical}.legal-content{max-width:800px;margin:0 auto;padding:var(--space-3xl) var(--space-lg)}.legal-content h2{margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-top:var(--space-xl);border-top:1px solid var(--gray-100)}.legal-content h2:first-of-type{border-top:none;padding-top:0;margin-top:0}.legal-content p{margin-bottom:var(--space-md)}.legal-content ul{margin:var(--space-md) 0;padding-left:var(--space-xl)}.legal-content ul li{padding:4px 0;color:var(--gray-600);list-style:disc}.mb-0{margin-bottom:0 !important}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mx-auto{margin-left:auto;margin-right:auto}.anim-fade,.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.anim-fade.visible,.fade-in.visible{opacity:1;transform:translateY(0)}.anim-slide-left{opacity:0;transform:translateX(-40px);transition:opacity .7s ease,transform .7s ease}.anim-slide-left.visible{opacity:1;transform:translateX(0)}.anim-slide-right{opacity:0;transform:translateX(40px);transition:opacity .7s ease,transform .7s ease}.anim-slide-right.visible{opacity:1;transform:translateX(0)}.anim-scale{opacity:0;transform:scale(.92);transition:opacity .6s ease,transform .6s ease}.anim-scale.visible{opacity:1;transform:scale(1)}.anim-rotate{opacity:0;transform:rotate(-3deg) translateY(20px);transition:opacity .6s ease,transform .6s ease}.anim-rotate.visible{opacity:1;transform:rotate(0) translateY(0)}.anim-blur{opacity:0;filter:blur(8px);transform:translateY(20px);transition:opacity .7s ease,filter .7s ease,transform .7s ease}.anim-blur.visible{opacity:1;filter:blur(0);transform:translateY(0)}.anim-slide-up{opacity:0;transform:translateY(50px);transition:opacity .7s ease,transform .7s ease}.anim-slide-up.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger-children.visible>*:nth-child(1){transition-delay:0ms;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(2){transition-delay:80ms;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(3){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(4){transition-delay:.16s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(5){transition-delay:.22s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(6){transition-delay:.28s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(7){transition-delay:.34s;opacity:1;transform:translateY(0)}.tilt-hover{transition:transform var(--transition-base)}.tilt-hover:hover{transform:translateY(-4px) rotate(-.5deg)}.pulse-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;display:inline-block;animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.4}}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-anim{animation:floatY 4s ease-in-out infinite}.shimmer-hover{position:relative;overflow:hidden}.shimmer-hover:after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.shimmer-hover:hover:after{left:100%}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.mosaic-grid{grid-template-columns:1fr 1fr}.mosaic-grid .card:nth-child(1){grid-column:span 1}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.stat-bar{grid-template-columns:repeat(2,1fr)}.icon-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){:root{--header-h:64px}.section{padding:var(--space-2xl) 0}.nav-links,.header-cta{display:none}.hamburger{display:flex}.hero{padding:calc(var(--header-h) + var(--space-2xl)) 0 var(--space-3xl)}.hero-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.hero-image{order:-1}.hero-stats{gap:var(--space-xl)}.page-hero{padding:calc(var(--header-h) + var(--space-xl)) 0 var(--space-2xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.feature-grid,.mosaic-grid{grid-template-columns:1fr}.split,.split-reverse,.split-60,.split-40{grid-template-columns:1fr;gap:var(--space-xl)}.split-reverse .split-content{order:1}.split-reverse .split-image{order:2}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{justify-content:center}.whatsapp-float{bottom:16px;right:16px;width:54px;height:54px;font-size:1.5rem}.stat-bar{grid-template-columns:repeat(2,1fr);margin-top:calc(-1 * var(--space-xl))}.icon-row{grid-template-columns:repeat(2,1fr)}.grid.grid-2 .card[style*="grid-column:span 2"],.grid.grid-2 .card[style*="grid-column: span 2"]{grid-column:span 1 !important;max-width:100% !important}}@media (max-width:480px){.container,.container-wide{padding:0 var(--space-md)}.hero-stats{flex-direction:column;gap:var(--space-md)}.btn-group{flex-direction:column}.btn-group .btn{width:100%}.stat-bar{grid-template-columns:1fr 1fr;padding:var(--space-xl)}.icon-row{grid-template-columns:1fr 1fr}}.tilt-hover,.hero-image,.img-float img,.img-tilt img,.anim-fade,.anim-slide-left,.anim-slide-right,.anim-scale{will-change:transform}.anim-fade.visible,.anim-slide-left.visible,.anim-slide-right.visible,.anim-scale.visible{will-change:auto}.loop-entry .entry-content-wrap{padding:1rem !important}.loop-entry .entry-summary{display:none}.entry-taxonomies .category-style-pill a{background:red}a.post-more-link:hover{color:red !important}.single-entry h1{font-size:35px;letter-spacing:-.03em}.single-entry h2{font-size:30px}.single-entry h3{font-size:27px}.legal-seo-content{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}

/* --- offer popup --- */
#sg-popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)}#sg-popup-overlay.sg-open{display:flex}#sg-popup-box{background:#fff;border-radius:18px;max-width:420px;width:100%;overflow:hidden;font-family:'Inter',sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:sgSlideUp .4s cubic-bezier(.22,.68,0,1.2) both;max-height:92vh;display:flex;flex-direction:column}@keyframes sgSlideUp{from{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#sg-popup-header{background:linear-gradient(135deg,#e8630a 0%,#c7520a 55%,#9b3d08 100%);padding:18px 24px 14px;text-align:center;position:relative;flex-shrink:0}#sg-popup-close{position:absolute;top:10px;right:14px;background:rgba(255,255,255,.2);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}#sg-popup-close:hover{background:rgba(255,255,255,.35)}.sg-badge{display:inline-block;background:rgba(255,255,255,.18);border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;color:#fff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.sg-popup-title{font-size:24px;font-weight:800;color:#fff;line-height:1.1;margin:0 0 4px}.sg-popup-sub{font-size:12px;color:rgba(255,255,255,.85);margin:0}#sg-popup-body{padding:16px 22px 18px;text-align:center;overflow-y:auto}.sg-tier-tabs{display:flex;gap:8px;margin-bottom:14px}.sg-tier-tab{flex:1;padding:8px 4px;border-radius:8px;border:1.5px solid #e8630a;background:#fff;color:#e8630a;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s;font-family:inherit}.sg-tier-tab.sg-tier-tab-active{background:#e8630a;color:#fff}.sg-tier-panel{display:none}.sg-tier-panel.sg-tier-panel-active{display:block}.sg-price-row{display:flex;align-items:flex-end;justify-content:center;gap:6px;margin:0 0 12px}.sg-price-old{font-size:17px;color:#b5b5b5;text-decoration:line-through;font-weight:600;margin-bottom:9px}.sg-price-big{font-size:40px;font-weight:800;color:#e8630a;line-height:1}.sg-price-per{font-size:15px;color:#999;margin-bottom:9px}.sg-features{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}.sg-feat{background:#fff8f2;border:1px solid #f5c08a;border-radius:8px;padding:5px 10px;font-size:11.5px;color:#c7520a;font-weight:600}.sg-wa-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#25d366;color:#fff;text-decoration:none;padding:13px;border-radius:12px;font-size:15px;font-weight:700;margin-bottom:0;transition:background .2s}.sg-wa-btn:hover{background:#1ebe5d}#sg-timer-box{background:#fff3e6;border:1.5px solid #f5c08a;border-radius:10px;padding:9px 16px;margin:14px 0 10px;display:flex;align-items:center;gap:12px;justify-content:center;flex-shrink:0}#sg-timer-box svg{flex-shrink:0}.sg-timer-label{font-size:11px;color:#c7520a;font-weight:700;letter-spacing:.5px;text-transform:uppercase}#sg-timer{font-size:22px;font-weight:800;color:#e8630a;letter-spacing:2px}.sg-footer-note{font-size:11px;color:#bbb;padding-bottom:2px}

/* --- blog: listing + single post ------------------------------------------
   The live WordPress build renders these through the Kadence theme, which is
   ~100KB of theme scaffolding tied to WP markup. These rules re-create the
   same layouts using this design system's tokens so the blog matches the
   marketing pages instead of looking like a separate site. */

.wrap{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-lg)}

/* post listing */
.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}
.post-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--gray-200);
  border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);
  transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-light)}
.post-card .meta{font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--gray-400);margin-bottom:var(--space-sm)}
.post-card h2{font-size:1.2rem;line-height:1.35;margin:0 0 var(--space-md);letter-spacing:-.01em}
.post-card h2 a{color:var(--gray-900)}
.post-card h2 a:hover{color:var(--primary)}
.post-card p{font-size:.95rem;color:var(--gray-500);margin:0 0 var(--space-lg);flex:1}
.post-card .read{align-self:flex-start;margin-top:auto;font-weight:650;font-size:.9rem;color:var(--primary)}
.post-card .read:hover{color:var(--primary-dark)}

/* single post */
.article{max-width:var(--container-narrow);margin-inline:auto;padding:var(--space-3xl) var(--space-lg) var(--space-4xl)}
.article .breadcrumbs{font-size:.85rem;color:var(--gray-400);margin-bottom:var(--space-lg)}
.article .breadcrumbs a{color:var(--gray-500)}
.article .breadcrumbs a:hover{color:var(--primary)}
.article>h1{font-size:clamp(1.9rem,1.4rem + 2vw,2.75rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 var(--space-md)}
.article>.meta{font-size:.875rem;color:var(--gray-400);margin-bottom:var(--space-xl)}
.article .featured{margin:0 0 var(--space-2xl)}
.article .featured img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}

/* post body typography */
.article .content{font-size:1.05rem;line-height:1.8;color:var(--gray-700)}
.article .content>h2{font-size:1.6rem;line-height:1.3;margin:var(--space-2xl) 0 var(--space-md);letter-spacing:-.015em;color:var(--gray-900)}
.article .content>h3{font-size:1.25rem;line-height:1.4;margin:var(--space-xl) 0 var(--space-sm);color:var(--gray-900)}
.article .content p{margin:0 0 var(--space-lg)}
.article .content ul,.article .content ol{margin:0 0 var(--space-lg);padding-left:1.35em}
.article .content li{margin-bottom:var(--space-sm)}
.article .content li::marker{color:var(--primary)}
.article .content img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:var(--space-lg) 0}
.article .content blockquote{margin:var(--space-xl) 0;padding:var(--space-md) var(--space-xl);
  border-left:3px solid var(--primary);background:var(--primary-bg);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--gray-600)}
.article .content table{width:100%;margin:var(--space-xl) 0;font-size:.95rem;border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}
.article .content th,.article .content td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--gray-200)}
.article .content th{background:var(--gray-50);font-weight:650;color:var(--gray-800)}
.article .content tr:last-child td{border-bottom:0}
.article .content code{background:var(--gray-100);padding:.15em .4em;border-radius:6px;font-size:.9em}

/* wide content (tables/pre) must scroll inside the column, never the page */
.article .content .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

@media (max-width:600px){
  .post-list{grid-template-columns:1fr;gap:var(--space-lg)}
  .article{padding-top:var(--space-2xl)}
}

/* --- containment for the slide-in reveal animations -----------------------
   .anim-slide-left/right start at translateX(±40px). On the WordPress build
   Kadence's #wrapper{overflow:clip} absorbed that; without it, elements that
   have not been revealed yet push the page sideways on narrow screens.
   `clip` (not `hidden`) is required here: it contains the overflow without
   creating a scroll container, so the sticky header keeps working. */
html,body{overflow-x:clip}

/* If JS never runs (error, blocked, no IntersectionObserver), the animated
   blocks must not stay invisible — reveal them by default. */
@media (prefers-reduced-motion:reduce){
  .anim-fade,.anim-slide-left,.anim-slide-right,.anim-scale,
  .anim-rotate,.anim-blur,.anim-slide-up,.fade-in{
    opacity:1!important;transform:none!important;transition:none!important}
}

/* animations only apply once JS is alive to reveal them */
.anim-fade,.anim-slide-left,.anim-slide-right,.anim-scale,.anim-rotate,.anim-blur,.anim-slide-up,.fade-in{opacity:1;transform:none}
html.js-anim .anim-fade,html.js-anim .anim-slide-left,html.js-anim .anim-slide-right,html.js-anim .anim-scale,html.js-anim .anim-rotate,html.js-anim .anim-blur,html.js-anim .anim-slide-up,html.js-anim .fade-in{opacity:0}
html.js-anim .anim-slide-left{transform:translateX(-40px)}
html.js-anim .anim-slide-right{transform:translateX(40px)}
html.js-anim .anim-slide-up{transform:translateY(40px)}
html.js-anim .anim-scale{transform:scale(.92)}
.anim-fade.visible,.anim-slide-left.visible,.anim-slide-right.visible,.anim-scale.visible,.anim-rotate.visible,.anim-blur.visible,.anim-slide-up.visible,.fade-in.visible{opacity:1!important;transform:none!important}

/* ==========================================================================
   COMPONENT LAYER
   Everything below replaces styling that used to be written inline, page by
   page. Each rule is the single definition for that pattern across the site:
   change it here and every page follows. Nothing here is page-specific.
   ========================================================================== */

:root{
  --star:#f59e0b;              /* review stars */
  --whatsapp:#25d366;
  --telegram:#0088cc;
  --table-max:100%;
}

/* --- inverted (dark) sections ------------------------------------------- */
/* .cta-banner sets color:var(--white); the base strong{} rule would otherwise
   repaint bold text dark against it, which is what the old inline
   color:#fff!important on every <strong> was compensating for. */
.cta-banner strong,.cta-banner b{color:var(--white)}
.cta-banner p:last-child{margin-bottom:0}

/* --- pricing ------------------------------------------------------------- */
.price{white-space:nowrap}
.plan-name span{font-size:.6em;font-weight:400;color:var(--gray-500)}

/* --- card icon variants -------------------------------------------------- */
.card-icon.is-centered{margin:0 auto var(--space-lg)}
.card-icon.is-whatsapp{background:rgba(37,211,102,.1);color:var(--whatsapp)}
.card-icon.is-telegram{background:rgba(0,136,204,.1);color:var(--telegram)}

/* --- disclosure / troubleshooting cards ---------------------------------- */
details.card{padding:var(--space-md) var(--space-lg)}
details.card>summary{cursor:pointer;font-weight:700;color:var(--gray-800);list-style:none}
details.card>summary::-webkit-details-marker{display:none}
details.card>summary::after{content:"+";float:right;color:var(--primary);font-weight:700;transition:transform var(--transition-fast)}
details.card[open]>summary::after{content:"\2212"}
details.card>summary+*{margin-top:var(--space-sm)}

/* --- data / comparison tables -------------------------------------------- */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-xl) 0}
.data-table{width:100%;background:var(--white);border-collapse:collapse;
  border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}
.data-table th{padding:16px 20px;text-align:left;font-weight:700}
.data-table thead tr,.data-table tr.is-head{background:var(--dark-warm);color:var(--white)}
.data-table thead th.is-accent,.data-table th.is-accent{color:var(--primary-light)}
.data-table td{padding:14px 20px}
.data-table td.is-label{font-weight:600}
.data-table td.is-key{color:var(--primary);font-weight:600}
.data-table td.is-head{background:var(--dark-warm);color:var(--white);font-weight:700}
.data-table tbody tr{border-bottom:1px solid var(--gray-100)}
.data-table tbody tr:last-child{border-bottom:0}
.data-table tbody tr.is-alt{background:var(--gray-50)}

/* --- text blocks --------------------------------------------------------- */
.lede{max-width:760px;margin-left:auto;margin-right:auto;color:var(--gray-600)}
.stars,.card .stars{font-size:1.1rem;color:var(--star);margin-bottom:var(--space-md)}
.fineprint,p.fineprint{color:var(--gray-500);font-size:.9rem}
.note{background:var(--primary-bg);border-left:3px solid var(--primary);
  border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);font-size:.9375rem}
.note-muted{background:var(--gray-50);border-left:3px solid var(--gray-400);
  border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);
  color:var(--gray-500);font-size:.9rem;font-style:italic}

/* --- layout helpers ------------------------------------------------------ */
.tab-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:var(--space-xl)}
.stack{display:flex;flex-direction:column;gap:var(--space-md);margin:0 auto;max-width:840px}
.link-plain{color:inherit;text-decoration:none}
.link-block{display:block}

/* --- spacing scale: complete the set already in the theme ---------------- */
.mt-0{margin-top:0}
.mt-sm{margin-top:var(--space-sm)}
.mt-md{margin-top:var(--space-md)}
.mt-3xl{margin-top:var(--space-3xl)}
.mb-2xl{margin-bottom:var(--space-2xl)}
.pt-0{padding-top:0}
.pb-3xl{padding-bottom:var(--space-3xl)}
.center{justify-content:center}
.items-start{align-items:flex-start}
.is-hidden{display:none}
.maxw-960{max-width:960px;margin-left:auto;margin-right:auto}

/* --- component variants found across the pages --------------------------- */
.data-table.is-narrow{font-size:.9375rem;margin:0 auto;max-width:800px}
.btn-centered{display:flex;width:fit-content;margin:var(--space-lg) auto 0}
.p-label{color:var(--gray-800);font-weight:700}
.p-lead,p.p-lead{color:var(--gray-600);font-size:1.125rem;line-height:1.85}
.h2-sm{font-size:1.4rem}
.cta-banner .fineprint-invert,.fineprint-invert{color:rgba(255,255,255,.65)}
.mark-plain{background-color:transparent}
.callout-box{background:var(--primary-bg);border:2px solid var(--primary-glow);
  border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);
  text-align:center;margin-bottom:var(--space-2xl)}
.code-display,.cta-banner .code-display{color:var(--primary);font-size:2.5rem;font-weight:800;
  letter-spacing:.1em;margin-bottom:var(--space-sm)}
.img-feature{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}
.maxw-900{max-width:900px;margin-left:auto;margin-right:auto}
.maxw-800{max-width:800px;margin-left:auto;margin-right:auto}
.maxw-680{max-width:680px;margin-left:auto;margin-right:auto}
.py-0{padding-top:0;padding-bottom:0}
.m-0{margin:0}

/* --- final one-off patterns, named so they are reusable ------------------ */
.img-feature-xl{width:100%;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}
.img-feature-xl.shadow-xl{box-shadow:var(--shadow-xl)}
.callout-box-invert{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.2);
  border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);text-align:center}
.code-display-invert,.cta-banner .code-display-invert{font-size:2rem;font-weight:800;color:var(--white);letter-spacing:.1em}
.fineprint-xs{color:var(--gray-500);font-size:.85rem}
.cta-banner .fineprint-invert-xs,.fineprint-invert-xs{font-size:.875rem;color:rgba(255,255,255,.55)}
.h2-fluid{font-size:clamp(1.35rem,3vw,1.9rem)}
.fs-lg{font-size:1.2rem}
.data-table td.td-em,.td-em{font-weight:700;font-size:1.1rem}
.w-40{width:40%}
.gap-3xl{gap:var(--space-3xl)}
.col-gap-2xl{column-gap:var(--space-2xl)}
.pb-4xl{padding-bottom:var(--space-4xl)}
.mb-3xl{margin-bottom:var(--space-3xl)}
.mb-xs{margin-bottom:var(--space-xs)}
.p-0{padding:0}
.maxw-880{max-width:880px;margin-left:auto;margin-right:auto}
.maxw-700{max-width:700px;margin-left:auto;margin-right:auto}
.callout-box-invert.is-compact{padding:var(--space-lg) var(--space-2xl);margin:var(--space-xl) auto;max-width:600px}
.data-table.is-narrow-font{font-size:.9375rem}

/* --- icon glyphs used by inner pages (the live inline subset only covered
       the homepage, so these rendered as empty boxes) --- */
.fa-chevron-right:before{content:"\f054"}.fa-handshake:before{content:"\f2b5"}.fa-coins:before{content:"\f51e"}.fa-tools:before{content:"\f7d9"}.fa-newspaper:before{content:"\f1ea"}.fa-info-circle:before{content:"\f05a"}.fa-apple:before{content:"\f179"}.fa-desktop:before{content:"\f390"}.fa-stream:before{content:"\f550"}.fa-play-circle:before{content:"\f144"}.fa-cog:before{content:"\f013"}.fa-key:before{content:"\f084"}.fa-video:before{content:"\f03d"}.fa-th-large:before{content:"\f009"}.fa-users-cog:before{content:"\f509"}.fa-plus-circle:before{content:"\f055"}.fa-rocket:before{content:"\f135"}.fa-user-tie:before{content:"\f508"}.fa-briefcase:before{content:"\f0b1"}.fa-bullhorn:before{content:"\f0a1"}.fa-store:before{content:"\f54e"}.fa-chart-line:before{content:"\f201"}.fa-map-marker-alt:before{content:"\f3c5"}

/* --- skip link: visible only when focused ------------------------------- */
/* Clipped rather than pushed off-canvas with a negative offset: a negative
   offset can extend the scrollable area and show up as phantom overflow. */
.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:0;left:0;z-index:1000;
  width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;
  background:var(--primary);color:var(--white);padding:var(--space-sm) var(--space-lg);
  border-radius:0 0 var(--radius-sm) 0;font-weight:650;text-decoration:none}

/* --- inline keyword / UI-path spans -------------------------------------- */
.keyword{background:var(--gray-100);color:var(--gray-800);font-weight:600;
  padding:.12em .45em;border-radius:6px;font-size:.95em}

/* --- content migrated from WordPress blocks ------------------------------ */
/* These class names come with the exported post content. Styling them here
   keeps that markup on the same theme as everything else. */
figure.wp-block-image{margin:var(--space-xl) 0}
figure.wp-block-image img{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}
figure.wp-block-image.aligncenter{text-align:center}
.aligncenter{margin-left:auto;margin-right:auto}
.wp-element-caption{font-size:.85rem;color:var(--gray-500);text-align:center;margin-top:var(--space-sm)}
figure.wp-block-table{margin:var(--space-xl) 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
figure.wp-block-table table{width:100%;border-collapse:collapse;font-size:.95rem;
  background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}
figure.wp-block-table th,figure.wp-block-table td{padding:var(--space-sm) var(--space-md);
  text-align:left;border-bottom:1px solid var(--gray-200)}
figure.wp-block-table thead td,figure.wp-block-table thead th{background:var(--gray-50);font-weight:650;color:var(--gray-800)}
figure.wp-block-table tr:last-child td{border-bottom:0}
table.has-fixed-layout{table-layout:fixed}
.wp-block-code{background:var(--gray-900);color:var(--gray-100);padding:var(--space-md) var(--space-lg);
  border-radius:var(--radius-md);overflow-x:auto;font-size:.9rem;margin:var(--space-lg) 0}
.wp-block-code code{background:none;color:inherit;padding:0}
.wp-block-quote{margin:var(--space-xl) 0;padding:var(--space-md) var(--space-xl);
  border-left:3px solid var(--primary);background:var(--primary-bg);
  border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--gray-600)}
.wp-block-list{margin:0 0 var(--space-lg);padding-left:1.35em}
.wp-block-list li{margin-bottom:var(--space-sm)}
.wp-block-list li::marker{color:var(--primary)}

/* --- long inline code must not push the page sideways on mobile --------- */
.article .content code,.wp-block-code code,code{overflow-wrap:anywhere;word-break:break-word}
.wp-block-code,pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* --- blog topic navigation ---------------------------------------------- */
.topic-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);
  margin:0 0 var(--space-2xl)}
.topic-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--gray-400);margin-right:var(--space-xs)}
.topic-chip{display:inline-flex;align-items:center;gap:.5em;
  padding:.5em 1em;border:1px solid var(--gray-200);border-radius:var(--radius-full);
  background:var(--white);color:var(--gray-700);font-size:.9rem;font-weight:600;
  box-shadow:var(--shadow-sm);
  transition:border-color var(--transition-fast),color var(--transition-fast),
             background var(--transition-fast),transform var(--transition-fast)}
.topic-chip:hover{border-color:var(--primary);color:var(--primary);
  background:var(--primary-bg);transform:translateY(-1px)}
.topic-chip[aria-current="page"]{border-color:var(--primary);color:var(--primary-dark);
  background:var(--primary-bg)}
.topic-chip .count{font-size:.78rem;font-weight:700;color:var(--gray-400);
  background:var(--gray-100);border-radius:var(--radius-full);padding:.1em .55em}
.topic-chip:hover .count,.topic-chip[aria-current="page"] .count{color:var(--primary);background:var(--white)}
@media (max-width:600px){.topic-label{width:100%;margin-bottom:var(--space-xs)}}

/* --- footer headings ------------------------------------------------------
   The footer sits on --dark-warm, but the base h1-h6 rule paints headings
   --gray-900, which is all but invisible against it (1.03:1). The original
   build carried an inline color:#fff on each; this is that fix, scoped. */
.site-footer h3{color:var(--white)}