.top-bar{background:linear-gradient(135deg,var(--color-dark-start) 0%,var(--color-dark-end) 100%);color:var(--color-white);padding:8px 0;font-size:13px}.top-bar-content{display:flex;justify-content:space-between;align-items:center}.top-bar-left{display:flex;gap:20px;align-items:center}.top-bar-left a,.top-bar-right a{color:var(--color-white);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.top-bar-left a:hover,.top-bar-right a:hover{color:var(--color-primary-light)}.whatsapp-link{color:#25d366!important;font-weight:700}.header{position:sticky;top:0;z-index:1000;background:var(--color-white);box-shadow:var(--shadow-sm);transition:var(--transition)}.header.scrolled{box-shadow:var(--shadow)}.header-content{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo img{height:44px;width:auto}.nav{display:flex;align-items:center;gap:4px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:800;color:var(--color-gray-800);background:none;border:none;cursor:pointer;white-space:nowrap;transition:var(--transition);border-radius:var(--radius-input)}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:var(--color-primary-bg)}.dropdown-icon{font-size:10px;transition:transform .2s}.nav-dropdown-trigger.active .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--color-white);border-radius:var(--radius-card);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);min-width:220px;padding:8px 0;z-index:100;animation:fadeIn .2s ease}.dropdown-item-wrapper{position:relative}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:14px;font-weight:600;color:var(--color-gray-800);background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:var(--transition)}.dropdown-item:hover{background-color:var(--color-primary-bg);color:var(--color-primary)}.submenu-icon{font-size:10px;transform:rotate(-90deg)}.submenu{position:absolute;left:100%;top:0;background:var(--color-white);border-radius:var(--radius-card);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg);min-width:160px;padding:8px 0;z-index:101;animation:fadeIn .2s ease}.submenu-item{display:block;padding:8px 20px;font-size:13px;font-weight:600;color:var(--color-gray-800);transition:var(--transition)}.submenu-item:hover{background-color:var(--color-primary-bg);color:var(--color-primary)}.submenu-header{font-weight:800;color:var(--color-primary);border-bottom:1px solid var(--color-gray-200);margin-bottom:4px}.nav-cta{margin-left:10px;padding:8px 20px;font-size:13px;font-weight:700;border-radius:8px;white-space:nowrap;box-shadow:none}.mobile-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--color-gray-900);cursor:pointer}@media(max-width:1024px){.mobile-toggle{display:block}.nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-white);flex-direction:column;align-items:stretch;padding:20px;overflow-y:auto;z-index:999}.nav-open{display:flex}.nav-link{padding:12px 0;font-size:15px}.dropdown-menu{position:static;box-shadow:none;border:none;padding:0 0 0 15px;background:var(--color-gray-50);border-radius:0}.submenu{position:static;box-shadow:none;border:none;padding:0 0 0 15px;background:var(--color-gray-50)}.nav-cta{margin:15px 0 0;text-align:center}.top-bar-content{flex-direction:row;justify-content:space-between;align-items:center;padding:4px 16px}.top-bar-left{display:flex;flex-direction:row;gap:12px;align-items:center}.top-bar-left a span,.top-bar-left .email-text{display:none}}@media(max-width:640px){.top-bar-text{display:none}.top-bar-left a,.top-bar-right a{font-size:16px;min-width:44px;min-height:44px;padding:0 8px;justify-content:center}.top-bar{padding:0}.top-bar-content{padding:2px 16px}.whatsapp-link svg{font-size:18px}}@media(max-width:480px){.logo img{height:34px}}.top-bar{background:#1f1f1f}.top-bar-left a:hover,.top-bar-right a:hover{color:#ffd84d}.header{background:#fff;border-bottom:2px solid #1F1F1F;box-shadow:none}.header.scrolled{box-shadow:0 3px 0 -1px #1f1f1f1f}.nav-link{color:#1f1f1f;font-family:Archivo,Nunito,system-ui,sans-serif}.nav-link:hover,.nav-link.active{color:#e24c3c;background:#fce0dc}.dropdown-item:hover,.submenu-item:hover{background:#fce0dc;color:#e24c3c}.submenu-header,.mobile-toggle{color:#1f1f1f}.nav-cta{background:#ffd84d!important;color:#1f1f1f!important;border:2px solid #1F1F1F!important;box-shadow:3px 4px #1f1f1f!important;border-radius:999px!important;font-family:Archivo,system-ui,sans-serif;font-weight:800}.nav-cta:hover{transform:translate(-1px,-2px);box-shadow:5px 6px #1f1f1f!important}@media(max-width:1024px){.nav,.dropdown-menu,.submenu{background:#fff}}.footer{background:#0284c7;color:var(--color-white);padding:64px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo{height:40px;width:auto;margin-bottom:16px}.footer-description{color:#ffffffb3;font-size:13px;font-weight:600;margin-bottom:20px;line-height:1.7}.footer-social{display:flex;gap:12px}.footer-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff1a;color:var(--color-white);font-size:14px;transition:var(--transition)}.footer-social a:hover{background:var(--color-primary);color:var(--color-white)}.footer-col h4{font-size:16px;font-weight:800;margin-bottom:20px;color:var(--color-white)}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#ffffffb3;font-size:13px;font-weight:600;transition:var(--transition)}.footer-col ul li a:hover{color:var(--color-primary-light);padding-left:5px}.footer-contact{display:flex;flex-direction:column;gap:12px}.footer-contact a,.footer-contact p{color:#ffffffb3;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}.footer-contact a:hover{color:var(--color-primary-light)}.footer-whatsapp{color:#25d366!important;font-weight:700}.footer-bottom{padding:20px 0;text-align:center}.footer-bottom p{color:#fff6;font-size:13px;font-weight:600}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr;gap:30px}.footer{padding:48px 0 0}}.footer{background:#1f1f1f}.footer-social a:hover{background:#ffd84d;color:#1f1f1f}.footer-col ul li a:hover,.footer-contact a:hover{color:#ffd84d}.whatsapp-float{position:fixed;bottom:25px;right:25px;width:60px;height:60px;background-color:#25d366;color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 15px #25d36666;z-index:998;transition:var(--transition)}.whatsapp-float:hover{background-color:#1da851;color:var(--color-white);transform:scale(1.1);box-shadow:var(--shadow-lg)}:root{--fn-cream: #ffffff;--fn-ink: #1F1F1F;--fn-ink2: #202124;--fn-coral: #F04E37;--fn-yellow: #FFD84D;--fn-sky: #9FD8FF;--fn-rose: #FCE0DC;--fn-roseink: #E24C3C;--fn-archivo: "Archivo", "Nunito", system-ui, sans-serif;--fn-serif: "Playfair Display", Georgia, serif}.funnel-section{background-color:var(--fn-cream);background-image:repeating-linear-gradient(to bottom,var(--fn-cream),var(--fn-cream) 39px,rgba(31,31,31,.06) 39px,rgba(31,31,31,.06) 40px);color:var(--fn-ink)}.funnel-trust-pill{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--fn-ink);background:var(--fn-sky);color:var(--fn-ink);border-radius:999px;padding:8px 20px;font-family:var(--fn-archivo);font-weight:700;font-size:.95rem}.funnel-trust-pill .fn-stars{letter-spacing:1px}.funnel-pill{display:inline-block;border-radius:999px;padding:6px 16px;font-family:var(--fn-archivo);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;border:1px solid transparent}.funnel-pill.rose{background:var(--fn-rose);color:var(--fn-roseink)}.funnel-pill.sky{background:var(--fn-sky);color:var(--fn-ink);border-color:var(--fn-ink)}.funnel-heading{font-family:var(--fn-archivo);font-weight:900;letter-spacing:-.02em;line-height:1.08;color:var(--fn-ink)}.funnel-italic{font-family:var(--fn-serif);font-weight:400;font-style:italic;letter-spacing:0}.funnel-sub{color:var(--fn-ink2);font-family:Nunito,system-ui,sans-serif;line-height:1.6}.funnel-cta,.funnel-cta-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:2px solid var(--fn-ink);padding:15px 32px;font-family:var(--fn-archivo);font-weight:800;font-size:1.05rem;letter-spacing:-.01em;color:var(--fn-ink);box-shadow:4px 5px 0 0 var(--fn-ink);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;text-decoration:none}.funnel-cta{background:var(--fn-yellow)}.funnel-cta-ghost{background:#fff}.funnel-cta:hover,.funnel-cta-ghost:hover{transform:translate(-1px,-2px);box-shadow:6px 8px 0 0 var(--fn-ink);color:var(--fn-ink)}.funnel-cta:active,.funnel-cta-ghost:active{transform:translate(2px,2px);box-shadow:1px 2px 0 0 var(--fn-ink)}.funnel-offset{position:relative}.funnel-offset:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(12px,12px);border-radius:24px;background:var(--fn-coral);z-index:0}.funnel-offset>*{position:relative;z-index:1;border:2px solid var(--fn-ink);border-radius:24px;overflow:hidden;background:#000}.funnel-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:760px;margin:0 auto}.funnel-stat{background:var(--fn-ink);color:#fff;border-radius:18px;padding:18px 14px;text-align:center}.funnel-stat .fn-stat-big{display:block;font-family:var(--fn-archivo);font-weight:900;font-size:1.5rem;line-height:1.1}.funnel-stat .fn-stat-small{display:block;margin-top:4px;font-size:.8rem;color:#ffffffb8}@media(min-width:900px){.funnel-stats{grid-template-columns:repeat(4,1fr)}}.funnel-hero{text-align:center;padding:56px 0 64px}.funnel-kicker{display:block;font-family:var(--fn-archivo);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--fn-roseink);margin-bottom:18px}.funnel-hero-pill-row{display:flex;justify-content:center;margin-bottom:22px}.funnel-hero-h1{max-width:900px;margin:0 auto;font-size:clamp(2.2rem,5.5vw,4rem)}.funnel-hero-sub{max-width:620px;margin:22px auto 0;font-size:1.125rem}.funnel-hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px}.funnel-hero-video{max-width:720px;margin:8px auto 40px}.funnel-hero-video .video-ratio{position:relative;width:100%;height:0;padding-top:0;padding-bottom:56.25%}.funnel-hero-video .video-ratio iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.funnel-page{background-color:var(--fn-cream);background-image:repeating-linear-gradient(to bottom,var(--fn-cream),var(--fn-cream) 39px,rgba(31,31,31,.05) 39px,rgba(31,31,31,.05) 40px);color:var(--fn-ink)}.funnel-page .section-alt,.funnel-page .section-blue{background:transparent}.funnel-page h2,.funnel-page h3,.funnel-page h4,.funnel-page .section-title h2{font-family:var(--fn-archivo);color:var(--fn-ink);letter-spacing:-.02em}.funnel-page .section-title h2{font-weight:900}.funnel-page .section-label{display:inline-block;background:var(--fn-rose);color:var(--fn-roseink);border-radius:999px;padding:6px 16px;font-family:var(--fn-archivo);font-weight:700;letter-spacing:.12em;margin-bottom:14px}.funnel-page .section-sub{color:var(--fn-ink2)}.funnel-page .btn-primary,.funnel-page .btn-price{background:var(--fn-yellow)!important;color:var(--fn-ink)!important;border:2px solid var(--fn-ink)!important;box-shadow:4px 5px 0 0 var(--fn-ink)!important;border-radius:999px!important}.funnel-page .btn-primary:hover,.funnel-page .btn-price:hover{transform:translate(-1px,-2px);box-shadow:6px 8px 0 0 var(--fn-ink)!important}.funnel-page .btn-secondary,.funnel-page .btn-outline,.funnel-page .btn-price-outline{background:#fff!important;color:var(--fn-ink)!important;border:2px solid var(--fn-ink)!important;box-shadow:4px 5px 0 0 var(--fn-ink)!important;border-radius:999px!important}.funnel-page .feature-card,.funnel-page .wyg-feature-card,.funnel-page .home-pricing-card,.funnel-page .home-testimonial-card,.funnel-page .create-feature-card,.funnel-page .platform-screenshot-wrap{background:#fff;border:2px solid var(--fn-ink);border-radius:20px;box-shadow:5px 6px 0 0 var(--fn-ink)}.funnel-page .feature-card:hover,.funnel-page .wyg-feature-card:hover,.funnel-page .home-pricing-card:hover,.funnel-page .create-feature-card:hover{transform:translate(-1px,-3px);box-shadow:7px 9px 0 0 var(--fn-ink)}.funnel-page .feature-card h3,.funnel-page .wyg-feature-card h4,.funnel-page .home-pricing-card h3,.funnel-page .create-feature-card h4,.funnel-page .platform-title,.funnel-page .home-step h4,.funnel-page .ps-item h4{color:var(--fn-ink)}.funnel-page .feature-icon{background:var(--fn-yellow)!important;border:2px solid var(--fn-ink)}.funnel-page .home-stats-section{background:var(--fn-ink)}.funnel-page .home-stat-number.featured-number{color:var(--fn-yellow)}.funnel-page .platform-tab.active{background:var(--fn-ink);color:#fff;border-color:var(--fn-ink)}.funnel-page .platform-tab{border:2px solid var(--fn-ink);color:var(--fn-ink);background:#fff}.funnel-page .video-highlight{background:#fff;border:2px solid var(--fn-ink);box-shadow:5px 6px 0 0 var(--fn-ink)}.funnel-page .video-highlight:before{background:var(--fn-coral)}.funnel-page .video-stat-num{color:var(--fn-coral)}.funnel-page .video-check{background:var(--fn-ink)}.funnel-page .step-num{background:var(--fn-yellow);color:var(--fn-ink);border:2px solid var(--fn-ink)}.funnel-page .home-pricing-price{color:var(--fn-ink)}.funnel-page .home-pricing-card.popular{border-color:var(--fn-ink)}.funnel-page .home-pricing-card.popular:before{background:var(--fn-yellow)}.funnel-page .pricing-popular-badge{background:var(--fn-yellow);color:var(--fn-ink);border:1px solid var(--fn-ink)}.funnel-page .check-mark{color:var(--fn-coral)}.funnel-page .ps-item{border:1.5px solid var(--fn-ink)}.funnel-page .ps-heading.problem{color:var(--fn-coral)}.funnel-page .create-section{background:transparent}.funnel-page .create-feature-card{border:2px solid var(--fn-ink);box-shadow:5px 6px 0 0 var(--fn-ink)}.funnel-page .create-diamond-row{background:#fff;border:2px solid var(--fn-ink);box-shadow:5px 6px 0 0 var(--fn-ink)}.funnel-page .create-step-num{background:var(--fn-coral)}.funnel-page .create-parent-note{background:var(--fn-rose);border-left-color:var(--fn-coral);color:var(--fn-ink2)}.funnel-page .create-phone{border:2px solid var(--fn-ink);box-shadow:5px 6px 0 0 var(--fn-ink)}.funnel-page .create-diamond-visual{border:2px solid var(--fn-ink)}.funnel-page .create-diamond-info h3,.funnel-page .create-feature-card h4{color:var(--fn-ink)}.funnel-page .story-card{background:var(--fn-ink);border:2px solid var(--fn-ink);box-shadow:5px 6px 0 0 var(--fn-coral)}.funnel-page .story-name{color:var(--fn-yellow)}.funnel-page .home-final-cta{background:#fff;border:2px solid var(--fn-ink);box-shadow:8px 9px 0 0 var(--fn-coral);border-radius:24px}.funnel-page .home-final-cta h2{color:var(--fn-ink)}.funnel-page .page-hero{background:transparent;color:var(--fn-ink)}.funnel-page .page-hero h1,.funnel-page .page-hero h2,.funnel-page .page-hero p{color:var(--fn-ink)}.funnel-page .page-hero h1{font-family:var(--fn-archivo);font-weight:900;letter-spacing:-.02em}.funnel-page .subject-card,.funnel-page .resource-card,.funnel-page .blog-card,.funnel-page .guide-card,.funnel-page .guide-hub-card,.funnel-page .testimonial-card{border:2px solid #1F1F1F!important;border-radius:16px!important;box-shadow:5px 6px #1f1f1f!important;background:#fff}.funnel-page .subject-card:hover,.funnel-page .resource-card:hover,.funnel-page .blog-card:hover,.funnel-page .guide-card:hover,.funnel-page .guide-hub-card:hover{transform:translate(-1px,-3px)!important;box-shadow:7px 9px #1f1f1f!important}.funnel-page{position:relative}.funnel-page:before{content:"";position:absolute;left:0;top:0;bottom:0;width:42px;z-index:4;pointer-events:none;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='34' viewBox='0 0 42 34'><path d='M32 1C6 6 6 28 32 33' fill='none' stroke='%23a7a9ae' stroke-width='5' stroke-linecap='round'/><path d='M32 -0.5C7 4.5 7 26.5 32 31.5' fill='none' stroke='%23f0f0f1' stroke-width='1.6' stroke-linecap='round'/><circle cx='27' cy='17' r='4.2' fill='%23ffffff' stroke='%23c7c7c7' stroke-width='1.3'/></svg>");background-repeat:repeat-y;background-position:left top;background-size:42px 34px}.funnel-page .container{padding-left:56px}@media(max-width:600px){.funnel-page:before{width:26px;background-size:26px 22px}.funnel-page .container{padding-left:34px}}:root{--color-primary: #0ea5e9;--color-primary-dark: #0284c7;--color-primary-light: #38bdf8;--color-primary-bg: #f0f9ff;--color-blue: #0ea5e9;--color-accent-orange: #f97316;--color-accent-green: #22c55e;--color-accent-red: #ef4444;--color-accent-gold: #FBBF24;--color-gray-900: #111827;--color-gray-800: #1f2937;--color-gray-500: #6b7280;--color-gray-400: #9ca3af;--color-gray-200: #e5e7eb;--color-gray-50: #f9fafb;--color-white: #ffffff;--color-dark-start: #0f172a;--color-dark-end: #1e3a5f;--font-primary: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width: 1100px;--max-width-narrow: 640px;--page-padding: 20px;--header-height: 80px;--space-micro: 4px;--space-tiny: 8px;--space-small: 12px;--space-base: 16px;--space-medium: 20px;--space-gap: 24px;--space-large: 32px;--space-section-pad: 48px;--space-section: 64px;--radius-full: 50px;--radius-card: 16px;--radius-icon: 14px;--radius-small: 12px;--radius-input: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .04);--transition: all .2s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);color:var(--color-gray-800);background-color:var(--color-white);font-size:15px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:var(--transition)}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:var(--font-primary);transition:var(--transition)}input,textarea,select{font-family:var(--font-primary);outline:none;border-radius:var(--radius-input)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--fn-coral, #F04E37);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{line-height:1.3;color:var(--color-gray-900)}h1{font-size:44px;font-weight:900}h2{font-size:32px;font-weight:900}h3{font-size:24px;font-weight:800}h4{font-size:16px;font-weight:800}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--page-padding)}.container-narrow{max-width:var(--max-width-narrow);margin:0 auto;padding:0 var(--page-padding)}.section{padding:var(--space-section) 0}.section-alt{background-color:var(--color-gray-50)}.section-blue{background-color:var(--color-primary-bg)}.section-dark{background:linear-gradient(135deg,var(--color-dark-start) 0%,var(--color-dark-end) 100%);color:var(--color-white)}.section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--color-primary);margin-bottom:var(--space-small);display:block;text-align:center}.section-title{text-align:center;margin-bottom:var(--space-section-pad)}.section-title h2{font-size:32px;font-weight:900;margin-bottom:var(--space-small)}.section-title p{color:var(--color-gray-500);font-size:16px;font-weight:600;max-width:520px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:var(--radius-full);font-weight:800;font-size:16px;gap:8px;transition:var(--transition);cursor:pointer;text-decoration:none}.btn-sm{font-size:14px;padding:10px 24px}.btn-lg{font-size:18px;padding:16px 36px}.btn-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 14px #0ea5e959}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-white);transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e973}.btn-secondary{background-color:var(--color-white);color:#374151;border:2px solid var(--color-gray-200)}.btn-secondary:hover{background-color:var(--color-gray-50);color:#374151;transform:translateY(-1px);border-color:var(--color-gray-400)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.btn-orange{background-color:var(--color-accent-orange);color:var(--color-white);box-shadow:0 4px 14px #f9731659}.btn-orange:hover{background-color:#ea580c;color:var(--color-white);transform:translateY(-1px)}.btn-whatsapp{background-color:#25d366;color:#fff}.btn-whatsapp:hover{background-color:#1da851;color:#fff;transform:translateY(-1px)}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:24px;transition:var(--transition)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);font-size:13px;font-weight:700}.badge-primary{background-color:var(--color-primary-bg);border-color:var(--color-primary-light);color:var(--color-primary-dark)}.badge-orange{background-color:#fff7ed;border-color:#fed7aa;color:var(--color-accent-orange)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-medium)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-medium)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-medium)}.star-rating{color:var(--color-accent-gold);font-size:1.2rem;display:flex;gap:2px}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}.section{padding:var(--space-section-pad) 0}.section-title h2{font-size:24px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{padding:12px 24px;font-size:14px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:45px;height:45px;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:999;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--shadow-lg)}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{transform:translateY(-3px);background:var(--color-primary-dark);color:var(--color-white)}.page-hero,.subject-hero,.grade-hero,.home-hero{position:relative;overflow:hidden}.page-hero h1,.page-hero h2,.page-hero h3,.page-hero p,.subject-hero h1,.subject-hero h2,.subject-hero h3,.subject-hero p,.grade-hero h1,.grade-hero h2,.grade-hero h3,.grade-hero p{color:var(--color-white)}.page-hero:after,.subject-hero:after,.grade-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' fill='white'%3E%3C!-- Book open --%3E%3Cpath d='M20 15 L20 45 L50 45 L50 15 L35 20Z' stroke='white' stroke-width='1.5' fill='none'/%3E%3Cpath d='M50 15 L50 45 L80 45 L80 15 L65 20Z' stroke='white' stroke-width='1.5' fill='none'/%3E%3C!-- Pencil --%3E%3Cpath d='M145 10 L155 10 L155 40 L150 48 L145 40Z' stroke='white' stroke-width='1.5' fill='none'/%3E%3Cline x1='145' y1='38' x2='155' y2='38' stroke='white' stroke-width='1'/%3E%3C!-- Ruler --%3E%3Crect x='30' y='80' width='50' height='12' rx='2' stroke='white' stroke-width='1.5' fill='none'/%3E%3Cline x1='40' y1='80' x2='40' y2='85' stroke='white' stroke-width='1'/%3E%3Cline x1='50' y1='80' x2='50' y2='87' stroke='white' stroke-width='1'/%3E%3Cline x1='60' y1='80' x2='60' y2='85' stroke='white' stroke-width='1'/%3E%3Cline x1='70' y1='80' x2='70' y2='87' stroke='white' stroke-width='1'/%3E%3C!-- Lightbulb --%3E%3Ccircle cx='160' cy='85' r='12' stroke='white' stroke-width='1.5' fill='none'/%3E%3Cpath d='M154 97 L166 97 M155 101 L165 101' stroke='white' stroke-width='1.5'/%3E%3Cline x1='160' y1='78' x2='160' y2='82' stroke='white' stroke-width='1'/%3E%3C!-- Graduation cap --%3E%3Cpath d='M20 165 L50 150 L80 165 L50 180Z' stroke='white' stroke-width='1.5' fill='none'/%3E%3Cline x1='50' y1='180' x2='50' y2='195' stroke='white' stroke-width='1.5'/%3E%3C!-- Star --%3E%3Cpath d='M160 155 L163 165 L173 165 L165 171 L168 181 L160 175 L152 181 L155 171 L147 165 L157 165Z' stroke='white' stroke-width='1.5' fill='none'/%3E%3C!-- Calculator --%3E%3Crect x='85' y='150' width='30' height='40' rx='3' stroke='white' stroke-width='1.5' fill='none'/%3E%3Crect x='89' y='154' width='22' height='10' stroke='white' stroke-width='1' fill='none'/%3E%3Ccircle cx='93' cy='172' r='2' fill='white'/%3E%3Ccircle cx='100' cy='172' r='2' fill='white'/%3E%3Ccircle cx='107' cy='172' r='2' fill='white'/%3E%3Ccircle cx='93' cy='182' r='2' fill='white'/%3E%3Ccircle cx='100' cy='182' r='2' fill='white'/%3E%3Ccircle cx='107' cy='182' r='2' fill='white'/%3E%3C!-- ABC letters --%3E%3Ctext x='90' y='30' font-size='16' font-weight='bold' font-family='serif' fill='white'%3EAB%3C/text%3E%3C!-- Pi symbol --%3E%3Ctext x='200' y='35' font-size='22' font-family='serif' fill='white'%3E%CF%80%3C/text%3E%3C!-- Plus sign --%3E%3Cline x1='210' y1='155' x2='210' y2='175' stroke='white' stroke-width='2'/%3E%3Cline x1='200' y1='165' x2='220' y2='165' stroke='white' stroke-width='2'/%3E%3C!-- Globe --%3E%3Ccircle cx='215' cy='90' r='12' stroke='white' stroke-width='1.5' fill='none'/%3E%3Cellipse cx='215' cy='90' rx='6' ry='12' stroke='white' stroke-width='1' fill='none'/%3E%3Cline x1='203' y1='90' x2='227' y2='90' stroke='white' stroke-width='1'/%3E%3C/svg%3E");background-size:240px 240px;background-repeat:repeat}