html {
            scroll-behavior: smooth;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }

        body { 
            background-color: #FAF9FE; 
            color: #080414; 
            font-family: 'Plus Jakarta Sans', sans-serif; 
            overflow-x: hidden; 
            transition: background-color 0.2s ease, color 0.2s ease; 
        }

        body.dark { 
            background-color: #05020D; 
            color: #EAE6F8; 
        }

        .clean-card {
            background: #FEFFFC;
            border: 1px solid #E9E6F6;
            border-radius: 1.25rem;
            box-shadow: 0 8px 24px -8px rgba(129, 22, 224, 0.04);
            transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .dark .clean-card {
            background: #0E0824;
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 12px 32px -10px rgba(0, 0, 0, 0.6);
        }
        .clean-card:hover {
            transform: translateY(-2px);
            border-color: rgba(129, 22, 224, 0.4);
            box-shadow: 0 16px 36px -10px rgba(129, 22, 224, 0.12);
        }

        .header-nav {
            background: rgba(254, 255, 252, 0.94);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(129, 22, 224, 0.08);
            transition: all 0.2s ease;
        }
        .dark .header-nav {
            background: rgba(5, 2, 13, 0.94);
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        }

        #scroll-progress { 
            position: fixed; 
            top: 0; 
            left: 0; 
            height: 3px; 
            background: linear-gradient(90deg, #8116E0, #D0FF00); 
            z-index: 100000; 
            width: 0%; 
            transition: width 0.05s ease-out; 
            box-shadow: 0 0 10px rgba(129, 22, 224, 0.5);
        }

        .reveal-up { 
            opacity: 0; 
            transform: translateY(20px); 
            transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); 
        }
        .reveal-up.active { 
            opacity: 1; 
            transform: translateY(0); 
        }

        .page-view { display: none; opacity: 0; height: auto; min-height: 0; }
        .page-view.active { 
            display: block; 
            animation: viewFade 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; 
        }
        @keyframes viewFade { 
            0% { opacity: 0; transform: translateY(4px); } 
            100% { opacity: 1; transform: translateY(0); } 
        }

        /* Seamless Infinite Client Marquee */
        .zaket-brand-marquee {
            width: 100%;
            overflow: hidden;
            background: transparent;
            padding: 12px 0;
            position: relative;
        }
        .zaket-brand-row {
            width: 100%;
            overflow: hidden;
            display: flex;
            margin-bottom: 10px;
        }
        .zaket-brand-track {
            display: flex;
            width: max-content;
            flex-shrink: 0;
            align-items: center;
        }
        .zaket-scroll-left { animation: zaketScrollLeft 42s linear infinite; }
        .zaket-scroll-right { animation: zaketScrollRight 42s linear infinite; }
        
        .zaket-brand {
            flex: 0 0 auto;
            min-width: 150px;
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 4px 18px;
            background: rgba(254, 255, 252, 0.9);
            border: 1px solid rgba(129, 22, 224, 0.08);
            border-radius: 0.875rem;
            margin: 0 6px;
            transition: all 0.2s ease;
        }
        .dark .zaket-brand {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.06);
        }
        .zaket-brand:hover {
            transform: translateY(-2px);
            border-color: #8116E0;
            background: #ffffff;
        }
        .zaket-brand img {
            max-width: 110px;
            max-height: 36px;
            object-fit: contain;
            filter: grayscale(100%);
            opacity: 0.75;
            transition: all 0.2s ease;
        }
        .dark .zaket-brand img {
            filter: grayscale(100%) brightness(1.6);
            opacity: 0.7;
        }
        .zaket-brand:hover img {
            filter: grayscale(0%);
            opacity: 1;
        }
        .zaket-brand-row:hover .zaket-brand-track { animation-play-state: paused; }

        @keyframes zaketScrollLeft { from { transform: translateX(0); } to { transform: translateX(-50%); } }
        @keyframes zaketScrollRight { from { transform: translateX(-50%); } to { transform: translateX(0); } }

        /* Branding Reel */
        .zaket-branding-reel { width: 100%; overflow: hidden; display: flex; padding: 6px 0 16px; }
        .zaket-branding-track { display: flex; width: max-content; animation: zaketScrollLeft 52s linear infinite; }
        .zaket-branding-reel:hover .zaket-branding-track { animation-play-state: paused; }
        .zaket-branding-card {
            flex: 0 0 auto;
            width: 230px;
            height: 290px;
            border-radius: 1.125rem;
            overflow: hidden;
            position: relative;
            margin: 0 8px;
            box-shadow: 0 8px 20px -6px rgba(0,0,0,0.14);
        }
        .zaket-branding-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
        .zaket-branding-card:hover img { transform: scale(1.05); }
        .zaket-branding-content {
            position: absolute;
            bottom: 0; left: 0; right: 0;
            padding: 14px;
            background: linear-gradient(to top, rgba(8,4,20,0.95), transparent);
            color: #FEFFFC;
        }
        .zaket-branding-number { font-size: 10px; font-family: 'JetBrains Mono', monospace; color: #D0FF00; font-weight: 700; }
        .zaket-branding-content h3 { font-size: 13px; font-weight: 700; margin-top: 2px; }

        .hide-scrollbar::-webkit-scrollbar { display: none; }

        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* ================= ENHANCED MAGIX MOTION SYSTEM ================= */
        :root { --magix-plum:#8116E0; --magix-banana:#D0FF00; --magix-ink:#080414; }
        .motion-lift { transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s cubic-bezier(.16,1,.3,1), border-color .35s ease; will-change:transform; }
        .motion-lift:hover { transform:translateY(-6px); }
        .hero-orb { position:absolute; border-radius:9999px; pointer-events:none; opacity:.65; filter:blur(2px); animation:heroFloat 8s ease-in-out infinite; }
        .hero-orb.orb-a { width:240px; height:240px; background:radial-gradient(circle,rgba(208,255,0,.18),transparent 68%); top:-80px; right:-60px; }
        .hero-orb.orb-b { width:220px; height:220px; background:radial-gradient(circle,rgba(129,22,224,.15),transparent 68%); bottom:-90px; left:-70px; animation-delay:-3s; }
        @keyframes heroFloat { 0%,100%{transform:translate3d(0,0,0) scale(1)} 50%{transform:translate3d(0,18px,0) scale(1.05)} }

        .telemetry-shell { position:relative; overflow:hidden; background:radial-gradient(circle at 82% 16%,rgba(208,255,0,.08),transparent 25%),radial-gradient(circle at 8% 92%,rgba(129,22,224,.08),transparent 30%); }
        .telemetry-shell::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.06) 44%,transparent 63%); transform:translateX(-110%); animation:telemetryScan 5.5s ease-in-out infinite; }
        @keyframes telemetryScan { 0%,55%{transform:translateX(-110%);opacity:0} 65%{opacity:1} 100%{transform:translateX(110%);opacity:0} }
        .telemetry-open { animation:telemetryOpen .75s cubic-bezier(.16,1,.3,1) both; }
        @keyframes telemetryOpen { 0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px)} 60%{opacity:1;transform:translateY(-2px) scale(1.01);filter:blur(0)} 100%{opacity:1;transform:translateY(0) scale(1)} }
        .telemetry-row { animation:telemetryRowIn .6s cubic-bezier(.16,1,.3,1) both; }
        .telemetry-row:nth-child(2){animation-delay:.08s}.telemetry-row:nth-child(3){animation-delay:.16s}
        @keyframes telemetryRowIn { 0%{opacity:0;transform:translateX(10px)} 100%{opacity:1;transform:translateX(0)} }
        .telemetry-live-dot { box-shadow:0 0 0 0 rgba(16,185,129,.45); animation:livePulse 1.7s infinite; }
        @keyframes livePulse { 0%{box-shadow:0 0 0 0 rgba(16,185,129,.45)} 70%{box-shadow:0 0 0 8px rgba(16,185,129,0)} 100%{box-shadow:0 0 0 0 rgba(16,185,129,0)} }
        .telemetry-feed { display:grid; gap:7px; max-height:104px; overflow:hidden; }
        .telemetry-event { display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;border:1px solid rgba(129,22,224,.09);background:rgba(129,22,224,.035);font:600 9px/1.35 'JetBrains Mono',monospace;color:#6b647b;transform:translateY(0);opacity:1;transition:all .35s ease; }
        .dark .telemetry-event { border-color:rgba(255,255,255,.07); background:rgba(255,255,255,.025); color:#aaa2bb; }
        .telemetry-event .event-pip { width:6px;height:6px;border-radius:99px;background:var(--magix-banana);flex:0 0 auto;box-shadow:0 0 10px rgba(208,255,0,.35); }
        .telemetry-number { min-width:4.1rem;text-align:right;transition:color .25s ease; }

        .faq-item { border:1px solid rgba(129,22,224,.10);border-radius:16px;background:#FEFFFC;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
        .dark .faq-item { background:#0E0824;border-color:rgba(255,255,255,.08); }
        .faq-item[open] { border-color:rgba(129,22,224,.35);box-shadow:0 12px 30px -18px rgba(129,22,224,.35);transform:translateY(-1px); }
        .faq-item summary { list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;font-weight:800;font-size:13px;color:#080414; }
        .dark .faq-item summary { color:#fff; }
        .faq-item summary::-webkit-details-marker { display:none; }
        .faq-chevron { transition:transform .25s ease;flex:0 0 auto; }
        .faq-item[open] .faq-chevron { transform:rotate(45deg); }
        .faq-answer { padding:0 18px 17px;font-size:11px;line-height:1.7;color:#6b7280; }
        /* FAQ/AEO layout hardening */
        .faq-aeo-answer { width:100%; }
        #page-home [data-home-section], #page-home section { scroll-margin-top: 90px; }
        @media (max-width: 767px){
            #page-home .faq-aeo-answer { margin-bottom: 18px; }
            #page-home .faq-aeo-answer h2 { line-height: 1.12; }
        }

        .dark .faq-answer { color:#aaa2bb; }

        .pricing-toggle { display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:9999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px); }
        .pricing-toggle button { min-width:56px;padding:8px 11px;border-radius:9999px;font:800 10px/1 'JetBrains Mono',monospace;color:#b7afc7;transition:all .2s ease; }
        .pricing-toggle button:hover { color:#fff;background:rgba(255,255,255,.06); }
        .pricing-toggle button.active { background:var(--magix-banana);color:var(--magix-ink);box-shadow:0 4px 18px rgba(208,255,0,.18); }
        .price-number { transition:opacity .18s ease,transform .18s ease; }
        .price-number.is-switching { opacity:0;transform:translateY(4px); }

        .international-grid,.offline-media-grid { display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr)); }
        .micro-label { font:800 9px/1.2 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase; }
        .status-chip { display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:9999px;font:800 9px/1 'JetBrains Mono',monospace; }
        .status-chip::before { content:"";width:6px;height:6px;border-radius:9999px;background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.35); }

        @media (max-width:1279px) { .header-nav { border-bottom-color:rgba(129,22,224,.12); } }
        @media (max-width:767px) {
            main#app-root{padding-left:0;padding-right:0}
            #page-home > section:first-child{min-height:0 !important;height:auto !important;display:block;padding-top:28px;padding-bottom:42px}
            #page-home > section:first-child .max-w-\[88rem\]{min-height:0 !important}
            #page-home > section:first-child .max-w-\[88rem\]{gap:28px}
            #page-home h1{font-size:clamp(2.6rem,12vw,3.65rem);line-height:.99;letter-spacing:-.035em}
            #page-home .hero-copy{text-align:left}
            #page-home > section:first-child .grid{align-items:start}
            #page-home > section:first-child .max-w-\[88rem\]{padding-top:0}
            #page-home .hero-copy p{font-size:13px;max-width:34rem}
            .telemetry-shell{border-radius:1.35rem}
            .international-grid,.offline-media-grid{grid-template-columns:1fr}
            .pricing-toggle{width:100%;justify-content:space-between}
            .pricing-toggle button{flex:1;min-width:0}
            .faq-item summary{padding:14px 15px;font-size:12px}
            .faq-answer{padding:0 15px 15px;font-size:11px}
            footer .footer-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
            footer .footer-contact-card{padding:14px}
        }

        .footer-shell{border-top:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 10% 0%,rgba(129,22,224,.14),transparent 32%),#080414}
        .footer-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:20px}
        .footer-mini-link{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);transition:.2s ease}
        .footer-mini-link:hover{background:rgba(129,22,224,.14);border-color:rgba(129,22,224,.42);color:#fff}
        @media (max-width:767px){

            footer .footer-link-grid{grid-template-columns:1fr 1fr;gap:10px}
            footer .footer-card{border-radius:16px}
        }

        /* Polished floating actions + tighter mobile composition */
        .floating-actions{bottom:18px!important;right:18px!important;gap:10px!important}
        .floating-actions > a,.floating-actions > button{width:50px!important;height:50px!important;box-shadow:0 10px 24px rgba(8,4,20,.18);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease}
        .floating-actions > a:hover,.floating-actions > button:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 30px rgba(8,4,20,.24)}
        .floating-actions > a:active,.floating-actions > button:active{transform:translateY(-1px) scale(.98)}
        .video-control{position:absolute;right:12px;bottom:12px;z-index:3;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(8,4,20,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px rgba(0,0,0,.28);transition:transform .22s cubic-bezier(.16,1,.3,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
        .video-control:hover{background:rgba(129,22,224,.92);border-color:rgba(208,255,0,.55);transform:translateY(-2px) scale(1.03);box-shadow:0 14px 30px rgba(129,22,224,.28)}
        .video-control:active{transform:translateY(0) scale(.97)}
        .video-control:focus-visible{outline:2px solid #D0FF00;outline-offset:2px}
        .video-control::after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 8px);padding:6px 8px;border-radius:8px;background:rgba(8,4,20,.92);border:1px solid rgba(255,255,255,.10);color:#fff;white-space:nowrap;font:800 8px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}
        .video-control:hover::after,.video-control:focus-visible::after{opacity:1;transform:translateY(0)}
        .video-control svg{width:16px;height:16px;flex:none}
        @media (max-width:767px){
            #page-schoolboost section:first-child{padding-top:22px!important;padding-bottom:28px!important}
            #page-schoolboost .schoolboost-hero-grid{gap:22px!important}
            #page-schoolboost .video-frame{margin-top:4px!important}
            .floating-actions{bottom:14px!important;right:14px!important}
            .floating-actions > a,.floating-actions > button{width:46px!important;height:46px!important}
        }

        /* Minimal atmospheric motion: subtle, performant, non-distracting */
        .motion-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
        .motion-bg::before,.motion-bg::after{content:"";position:absolute;border-radius:9999px;opacity:.18;filter:blur(1px);will-change:transform}
        .motion-bg::before{width:280px;height:280px;left:-90px;top:12%;background:radial-gradient(circle,rgba(129,22,224,.16),transparent 70%);animation:ambientDrift 16s ease-in-out infinite}
        .motion-bg::after{width:240px;height:240px;right:-80px;bottom:8%;background:radial-gradient(circle,rgba(208,255,0,.10),transparent 70%);animation:ambientDrift 20s ease-in-out infinite reverse}
        @keyframes ambientDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-18px,0)}}
        .micro-press{will-change:transform;transition:transform .18s ease,box-shadow .22s ease}
        .micro-press:hover{transform:translateY(-2px)}
        .micro-press:active{transform:translateY(0) scale(.985)}
        @media (max-width:767px){
            #page-schoolboost .schoolboost-video-shell{margin-bottom:4px}
            #page-schoolboost .schoolboost-video-shell .pt-3{padding-top:8px!important}
            #page-schoolboost .schoolboost-video-shell .micro-label{letter-spacing:.09em}
            .floating-actions{bottom:16px!important;right:16px!important}
        }

        @media (prefers-reduced-motion:reduce) {
            *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
        }
        /* Lightweight rendering safeguards */
        .page-view{contain:layout paint;}
        .page-view.active{contain:layout paint;}
        img[loading="lazy"]{content-visibility:auto;}
        .schoolboost-video{background:linear-gradient(160deg,#120522,#05020d);}
        .schoolboost-video-wrap{background:#05020d;}
        @media (max-width:767px){.page-view{contain:layout style paint;}}


        /* ================= ENHANCED MICRO-INTERACTIONS / PARALLAX ================= */
        .micro-interactive{transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease,border-color .24s ease,background-color .24s ease;will-change:transform}
        .micro-interactive:hover{transform:translateY(-3px)}
        .micro-interactive:active{transform:translateY(-1px) scale(.985)}
        .micro-press{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease,filter .18s ease;will-change:transform}
        .micro-press:hover{transform:translateY(-2px)}
        .micro-press:active{transform:translateY(0) scale(.975);filter:saturate(.95)}
        .parallax-layer{transform:translate3d(0,0,0);will-change:transform}
        .parallax-soft{transition:transform .18s ease-out}
        .magix-glow-hover{position:relative;isolation:isolate}
        .magix-glow-hover::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(208,255,0,.14),transparent 36%),radial-gradient(circle at 65% 35%,rgba(129,22,224,.18),transparent 42%);transition:opacity .25s ease;z-index:-1}
        .magix-glow-hover:hover::after{opacity:1}
        .newsletter-shell{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(129,22,224,.95),rgba(96,7,179,.96));border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 70px -35px rgba(129,22,224,.5)}
        .newsletter-shell::before,.newsletter-shell::after{content:"";position:absolute;border-radius:9999px;pointer-events:none;filter:blur(1px);opacity:.5}
        .newsletter-shell::before{width:220px;height:220px;right:-80px;top:-120px;background:radial-gradient(circle,rgba(208,255,0,.22),transparent 68%)}
        .newsletter-shell::after{width:260px;height:260px;left:-120px;bottom:-180px;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 68%)}
        .newsletter-input{transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease,transform .22s ease}
        .newsletter-input:focus{transform:translateY(-1px);border-color:rgba(208,255,0,.55);box-shadow:0 0 0 4px rgba(208,255,0,.10)}
        .newsletter-submit[disabled]{opacity:.65;cursor:not-allowed}
        @media (max-width:767px){
            .micro-interactive:hover,.micro-press:hover{transform:none}
            .newsletter-shell{border-radius:20px}
            .newsletter-input:focus{transform:none}
        }
        @media (prefers-reduced-motion:reduce){
            .parallax-layer,.parallax-soft,.micro-interactive,.micro-press{transform:none!important;transition:none!important}
        }

        /* ================= POLISHED PRODUCT MOTION ================= */
        .magix-bg-grid{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(129,22,224,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(129,22,224,.10) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 85%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);}
        .magix-float{animation:magixFloat 7s ease-in-out infinite;will-change:transform}
        .magix-float-slow{animation:magixFloat 11s ease-in-out infinite -2s;will-change:transform}
        @keyframes magixFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
        .magix-shine{position:relative;overflow:hidden;isolation:isolate}
        .magix-shine::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(208,255,0,.08),transparent 34%);opacity:0;transition:opacity .35s ease;z-index:-1}
        .magix-shine:hover::after{opacity:1}

        /* ================= SCHOOL BOOST FUNNEL — FINAL PREMIUM SYSTEM ================= */
        .admissions-funnel{
            position:relative;overflow:hidden;
            background:linear-gradient(180deg,#fbfaff 0%,#f8f5fc 62%,#f5f1fa 100%);
        }
        .dark .admissions-funnel{background:linear-gradient(180deg,#080414 0%,#06020f 100%)}
        .admissions-funnel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 86% 8%,rgba(129,22,224,.08),transparent 24%),radial-gradient(circle at 12% 88%,rgba(208,255,0,.028),transparent 18%)}
        .funnel-head{max-width:780px;margin-inline:auto;text-align:center}
        .funnel-note{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;border:1px solid rgba(129,22,224,.14);background:rgba(129,22,224,.045);font:800 8px/1 'JetBrains Mono',monospace;color:#8116E0;letter-spacing:.1em;text-transform:uppercase}
        .dark .funnel-note{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#c9a4ff}
        .funnel-summary{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:15px}
        .funnel-summary span{padding:6px 10px;border-radius:999px;background:rgba(129,22,224,.032);border:1px solid rgba(129,22,224,.09);font:800 8px/1 'JetBrains Mono',monospace;color:#756d80;letter-spacing:.05em;text-transform:uppercase}
        .funnel-summary span:not(:last-child)::after{content:"→";margin-left:8px;color:#ab8ed2}
        .dark .funnel-summary span{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.07);color:#bdb4c8}
        .funnel-shell{position:relative;max-width:1180px;margin:26px auto 0}
        .funnel-stage{--stage-width:100%;position:relative;display:grid;grid-template-columns:minmax(270px,34%) minmax(0,1fr);align-items:stretch;opacity:1;transform:none;margin:0;transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1);}
        .funnel-stage.funnel-animate-ready{opacity:0;transform:translate3d(0,16px,0)}
        .funnel-stage.is-visible{opacity:1;transform:none}
        .funnel-stage-1{--stage-width:100%}.funnel-stage-2{--stage-width:92%}.funnel-stage-3{--stage-width:84%}.funnel-stage-4{--stage-width:76%}.funnel-stage-5{--stage-width:68%}
        .funnel-badge{position:relative;z-index:2;width:var(--stage-width);min-height:94px;display:flex;align-items:center;gap:14px;padding:17px 20px;color:#fff;clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%,4% 50%);box-shadow:0 16px 30px -24px rgba(8,4,20,.6);transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s ease,filter .26s ease}
        .funnel-stage:hover .funnel-badge{transform:translateX(3px);filter:saturate(1.02);box-shadow:0 20px 34px -24px rgba(8,4,20,.7)}
        .funnel-stage-1 .funnel-badge{background:linear-gradient(135deg,#4b99c7,#6eb8de)}
        .funnel-stage-2 .funnel-badge{background:linear-gradient(135deg,#c98a35,#efbd68)}
        .funnel-stage-3 .funnel-badge{background:linear-gradient(135deg,#3d916b,#77c19a)}
        .funnel-stage-4 .funnel-badge{background:linear-gradient(135deg,#76519f,#a58aca)}
        .funnel-stage-5 .funnel-badge{background:linear-gradient(135deg,#b65f65,#de898f)}
        .funnel-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font:900 9px/1 'JetBrains Mono',monospace;letter-spacing:.06em;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.11);flex:0 0 auto}
        .funnel-title{font:900 14px/1.1 'Outfit',sans-serif;letter-spacing:-.015em}
        .funnel-goal{font:600 9.5px/1.45 'Plus Jakarta Sans',sans-serif;opacity:.93;margin-top:5px;max-width:300px}
        .funnel-details{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;align-content:center;padding:15px 22px 15px 28px;margin-left:-1px;border:1px solid rgba(129,22,224,.10);border-radius:0 18px 18px 0;background:rgba(255,255,255,.57);backdrop-filter:blur(14px);transition:border-color .26s ease,background .26s ease,box-shadow .26s ease}
        .dark .funnel-details{background:rgba(255,255,255,.026);border-color:rgba(255,255,255,.07)}
        .funnel-stage:hover .funnel-details{background:rgba(129,22,224,.048);border-color:rgba(129,22,224,.18);box-shadow:0 14px 34px -28px rgba(129,22,224,.5)}
        .funnel-point{display:flex;gap:9px;align-items:flex-start;font-size:10.25px;line-height:1.52;color:#4f4959;font-weight:600;transition:color .2s ease,transform .2s ease}
        .dark .funnel-point{color:#d3cadf}
        .funnel-point::before{content:"";width:5px;height:5px;border-radius:50%;background:#8116E0;flex:0 0 auto;margin-top:5px;box-shadow:0 0 0 3px rgba(129,22,224,.08)}
        .funnel-point:hover{color:#8116E0;transform:translateX(2px)}
        .dark .funnel-point:hover{color:#d9c2ff}
        .funnel-point svg{display:none}
        .funnel-arrow{height:16px;display:flex;align-items:center;justify-content:flex-start;padding-left:39px;color:#8116E0;opacity:.4}
        .funnel-arrow svg{width:14px;height:10px;animation:funnelArrowPulse 3.8s ease-in-out infinite}
        @keyframes funnelArrowPulse{0%,100%{transform:translateY(0);opacity:.28}50%{transform:translateY(2px);opacity:.62}}
        @media (max-width:1100px){.funnel-stage{grid-template-columns:minmax(235px,35%) minmax(0,1fr)}.funnel-details{gap:10px 16px;padding-inline:18px}}
        @media (max-width:767px){
            .admissions-funnel{padding-top:44px!important;padding-bottom:48px!important}
            .funnel-head{max-width:560px}
            .funnel-summary{gap:5px;margin-top:12px}
            .funnel-summary span{padding:5px 8px;font-size:7px}
            .funnel-summary span:not(:last-child)::after{margin-left:6px}
            .funnel-shell{margin-top:20px}
            .funnel-stage{grid-template-columns:1fr}
            .funnel-badge{width:100%!important;min-height:70px;clip-path:none;border-radius:15px;margin-left:0;padding:13px 14px}
            .funnel-stage:hover .funnel-badge{transform:translateY(-2px)}
            .funnel-number{width:26px;height:26px}
            .funnel-goal{max-width:none}
            .funnel-details{grid-template-columns:1fr;padding:12px 14px 14px;border-radius:0 0 15px 15px}
            .funnel-arrow{height:11px;padding-left:18px}
            .funnel-arrow svg{width:12px;height:9px}
        }
        @media (hover:none){.funnel-stage:hover .funnel-badge{transform:none}.funnel-point:hover{transform:none}.funnel-stage:hover .funnel-details{box-shadow:none}}
        @media(prefers-reduced-motion:reduce){.funnel-stage,.funnel-stage.funnel-animate-ready,.funnel-stage:hover .funnel-badge,.funnel-point,.funnel-arrow svg{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}}

        /* ================= NEWSLETTER — FINAL MAGIX SIGNAL ================= */
        .newsletter-shell{position:relative;overflow:hidden;border:1px solid rgba(129,22,224,.34);border-radius:28px;background:
            radial-gradient(circle at 88% 16%,rgba(208,255,0,.18),transparent 22%),
            radial-gradient(circle at 4% 96%,rgba(255,255,255,.09),transparent 24%),
            linear-gradient(135deg,#17072d 0%,#8116E0 54%,#6007B3 100%);
            box-shadow:0 30px 80px -38px rgba(71,13,119,.55)}
        .newsletter-shell::before{content:"";position:absolute;inset:1px;border-radius:27px;pointer-events:none;border:1px solid rgba(255,255,255,.07)}
        .newsletter-shell::after{content:"";position:absolute;width:360px;height:360px;right:-180px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(208,255,0,.11),transparent 67%);pointer-events:none}
        .newsletter-kicker{display:inline-flex;align-items:center;gap:7px;font:800 9px/1 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#D0FF00}
        .newsletter-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:#D0FF00;box-shadow:0 0 0 4px rgba(208,255,0,.1)}
        .newsletter-signal-card{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:8px 10px;border-radius:12px;background:rgba(8,4,20,.22);border:1px solid rgba(255,255,255,.09);font:700 9px/1 'JetBrains Mono',monospace;color:rgba(255,255,255,.72)}
        .newsletter-signal-card strong{color:#fff}
        .newsletter-input{border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.075)!important;transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease}
        .newsletter-input:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.22)!important}
        .newsletter-input:focus{transform:translateY(-1px);border-color:rgba(208,255,0,.64)!important;box-shadow:0 0 0 4px rgba(208,255,0,.10)!important;outline:none}
        .newsletter-submit{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,background-color .22s ease}
        .newsletter-submit:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(0,0,0,.55)}
        .newsletter-submit:active{transform:translateY(0) scale(.985)}
        @media(max-width:767px){.newsletter-shell{border-radius:22px}.newsletter-shell::before{border-radius:21px}.newsletter-input:focus{transform:none}.newsletter-submit:hover{transform:none}}
        @media(prefers-reduced-motion:reduce){.newsletter-input,.newsletter-submit{transition:none!important}.newsletter-submit:hover,.newsletter-input:focus{transform:none}}
    

/* Standalone-page and lead-form refinements */
html { scroll-padding-top: 90px; }
body { min-height: 100vh; }
img { height: auto; }
input, select, textarea, button { font: inherit; }
input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible, a:focus-visible { outline: 2px solid #8116E0; outline-offset: 3px; }
.lead-capture input, .lead-capture select, .lead-capture textarea { width:100%; min-height:44px; border:1px solid #e4dff0; border-radius:12px; padding:11px 12px; color:#080414; background:#fff; font-size:13px; }
.dark .lead-capture input, .dark .lead-capture select, .dark .lead-capture textarea { background:#120b22; color:#fff; border-color:rgba(255,255,255,.13); }
.lead-capture textarea { min-height:100px; resize:vertical; }
.lead-capture label { display:block; font-size:11px; font-weight:800; color:#6b647b; margin-bottom:5px; }
.lead-capture .lead-consent { display:flex; gap:8px; align-items:flex-start; font-size:10px; line-height:1.55; color:#6b647b; }
.lead-capture .lead-consent input { width:16px; min-height:16px; margin-top:2px; flex:0 0 auto; padding:0; }
.lead-capture .honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.article-body h2 { margin:30px 0 10px; font:800 clamp(20px,3vw,27px)/1.2 'Outfit',sans-serif; letter-spacing:-.02em; color:#080414; }
.dark .article-body h2 { color:#fff; }
.article-body h3 { margin:22px 0 8px; font:800 18px/1.25 'Outfit',sans-serif; color:#8116E0; }
.article-body p { margin:10px 0; font-size:14px; line-height:1.8; color:#595365; }
.dark .article-body p { color:#d3cadf; }
.article-body li { margin:8px 0; line-height:1.7; }
.article-body ul { padding-left:22px; list-style:disc; }
.article-body ol { padding-left:22px; list-style:decimal; }
.article-card { border:1px solid #e9e6f6; border-radius:18px; padding:18px; background:#fff; }
.dark .article-card { background:#0e0824; border-color:rgba(255,255,255,.08); }
@media(max-width:767px){ .article-body p { font-size:13px; } .lead-capture input,.lead-capture select,.lead-capture textarea { font-size:16px; } }


/* ================================================================
   MAGIX UI RELIABILITY PATCH — contrast, visible content and layout
   Static-first styling: key copy stays readable even if the optional
   Tailwind CDN compiler or motion JavaScript is delayed/unavailable.
   ================================================================ */
:root {
  --magix-ink:#171126;
  --magix-muted:#51495f;
  --magix-muted-soft:#6b627a;
  --magix-border:#e5def0;
  --magix-surface:#ffffff;
  --magix-surface-soft:#f8f6fc;
}
html { color-scheme:light; }
body { color:#171126; background:#faf9fe; }
body.dark { color:#eee9f8; background:#05020d; }
/* Never leave content faded/hidden when scroll-reveal JavaScript does not run. */
body .reveal-up:not(.active) { opacity:1 !important; transform:none !important; }
body .reveal-up.active { opacity:1; transform:none; }
/* Improve contrast for small supporting text across all light-mode pages. */
body:not(.dark) .text-gray-400 { color:#6b627a !important; }
body:not(.dark) .text-gray-500 { color:#5b5369 !important; }
body:not(.dark) .text-gray-600 { color:#4b4458 !important; }
body:not(.dark) .text-gray-700 { color:#30283c !important; }
body:not(.dark) .text-gray-800 { color:#211a2c !important; }
body.dark .text-gray-400 { color:#c1b8d0 !important; }
body.dark .text-gray-500 { color:#d1c9df !important; }
body.dark .text-gray-600 { color:#ddd6e8 !important; }
body.dark .text-gray-700, body.dark .text-gray-800 { color:#eee9f8 !important; }
/* Fixed header: clear text and a visible primary CTA at desktop and mobile sizes. */
#main-header, #main-header #navbar, #main-header .header-nav { opacity:1 !important; visibility:visible; }
#main-header .header-nav { background:rgba(255,255,255,.97) !important; border-bottom:1px solid #e5def0 !important; box-shadow:0 4px 18px rgba(23,17,38,.035); }
body.dark #main-header .header-nav { background:rgba(8,4,20,.97) !important; border-bottom-color:rgba(255,255,255,.12) !important; }
#main-header nav a:not(.bg-plum), #main-header nav button { opacity:1 !important; }
body:not(.dark) #main-header nav a:not(.bg-plum), body:not(.dark) #main-header nav button { color:#30283c; }
#main-header nav a[href="/contact/"] { display:inline-flex; align-items:center; justify-content:center; min-height:42px; background:#8116e0 !important; color:#fff !important; border:1px solid #8116e0 !important; box-shadow:0 8px 22px rgba(129,22,224,.2); }
#main-header nav a[href="/contact/"]:hover { background:#6007b3 !important; color:#fff !important; }
#main-header img { opacity:1 !important; visibility:visible !important; }
/* Solutions page: restore its missing heading hierarchy and card content clarity. */
#page-solutions { min-width:0; }
#page-solutions .solution-page-hero { position:relative; overflow:hidden; background:linear-gradient(135deg,#faf8ff 0%,#f4effc 72%,#fbfaff 100%); border-bottom:1px solid #e6def2; }
#page-solutions .solution-page-hero::after { content:""; position:absolute; width:360px; height:360px; right:-115px; top:-175px; border-radius:50%; background:radial-gradient(circle,rgba(129,22,224,.15),transparent 68%); pointer-events:none; }
#page-solutions .solution-page-hero-inner { position:relative; z-index:1; }
#page-solutions .solution-page-kicker { display:inline-flex; flex-wrap:wrap; gap:9px; align-items:center; color:#6714b8; font:800 10px/1.4 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
#page-solutions .solution-page-hero h1 { display:block; max-width:930px; margin:16px 0 0; color:#171126 !important; font:900 clamp(34px,5vw,62px)/1.03 'Outfit',sans-serif; letter-spacing:-.045em; opacity:1 !important; visibility:visible !important; }
#page-solutions .solution-page-hero h1 span { color:#8116e0 !important; }
#page-solutions .solution-page-hero p { max-width:790px; margin:19px 0 0; color:#4f475e !important; font-size:clamp(14px,1.2vw,17px); line-height:1.75; }
#page-solutions .solution-page-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }
#page-solutions .solution-primary-action, #page-solutions .solution-secondary-action { display:inline-flex; min-height:46px; align-items:center; justify-content:center; gap:12px; padding:12px 18px; border-radius:12px; font-weight:800; font-size:13px; text-decoration:none; }
#page-solutions .solution-primary-action { color:#fff !important; background:#8116e0 !important; box-shadow:0 8px 22px rgba(129,22,224,.2); }
#page-solutions .solution-primary-action:hover { background:#6007b3 !important; }
#page-solutions .solution-secondary-action { color:#241b33 !important; background:#fff !important; border:1px solid #ded4ee; }
#page-solutions .solution-cards-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px !important; align-items:stretch; }
#page-solutions .solution-card { min-width:0; min-height:235px; padding:24px !important; background:#fff !important; border:1px solid #e5def0 !important; border-radius:20px !important; box-shadow:0 8px 24px rgba(30,15,54,.045) !important; opacity:1 !important; transform:none; }
#page-solutions .solution-card:hover { border-color:#c7a7ee !important; box-shadow:0 16px 36px rgba(55,21,87,.095) !important; transform:translateY(-3px); }
#page-solutions .solution-card h3 { display:block !important; visibility:visible !important; opacity:1 !important; margin:5px 0 10px !important; color:#171126 !important; font:800 clamp(18px,1.35vw,22px)/1.2 'Outfit',sans-serif !important; letter-spacing:-.02em; }
#page-solutions .solution-card p { display:block !important; visibility:visible !important; opacity:1 !important; margin:0 0 18px !important; color:#4f475e !important; font-size:13px !important; line-height:1.68 !important; }
#page-solutions .solution-card span { opacity:1 !important; }
#page-solutions .solution-card span.text-gray-400 { color:#716780 !important; font-size:10px !important; }
#page-solutions .solution-card a { display:inline-flex; align-items:center; color:#6816bd !important; font-size:11px !important; font-weight:900 !important; line-height:1.5; text-decoration:none; }
#page-solutions .solution-card a:hover { text-decoration:underline; text-underline-offset:4px; }
body.dark #page-solutions .solution-page-hero { background:linear-gradient(135deg,#0d071b,#130821 70%,#090512); border-bottom-color:rgba(255,255,255,.1); }
body.dark #page-solutions .solution-page-hero h1 { color:#f6f1ff !important; }
body.dark #page-solutions .solution-page-hero p { color:#d1c8e0 !important; }
body.dark #page-solutions .solution-card { background:#100a20 !important; border-color:rgba(255,255,255,.12) !important; }
body.dark #page-solutions .solution-card h3 { color:#f6f1ff !important; }
body.dark #page-solutions .solution-card p { color:#d1c8e0 !important; }
body.dark #page-solutions .solution-card span.text-gray-400 { color:#c1b8d0 !important; }
body.dark #page-solutions .solution-secondary-action { background:#160d29 !important; color:#f6f1ff !important; border-color:rgba(255,255,255,.16); }
/* Page-wide card, article and form safety rails. */
.clean-card { color:#171126; }
body.dark .clean-card { color:#eee9f8; }
.lead-capture label { color:#4f475e !important; }
body.dark .lead-capture label { color:#d6cee4 !important; }
.lead-capture input, .lead-capture select, .lead-capture textarea { color:#171126 !important; background:#fff !important; border-color:#d8cfe8 !important; }
body.dark .lead-capture input, body.dark .lead-capture select, body.dark .lead-capture textarea { color:#f6f1ff !important; background:#120b22 !important; border-color:rgba(255,255,255,.2) !important; }
button:disabled { opacity:.7; cursor:not-allowed; }
/* Ensure article title and core copy maintain readable contrast. */
.article-body h2 { color:#171126 !important; }
.article-body p, .article-body li { color:#4f475e; }
body.dark .article-body h2 { color:#f6f1ff !important; }
body.dark .article-body p, body.dark .article-body li { color:#d1c8e0; }
@media (max-width:1100px) {
  #page-solutions .solution-cards-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
  #page-solutions .solution-page-hero { padding-top:40px !important; padding-bottom:42px !important; }
  #page-solutions .solution-page-hero h1 { font-size:clamp(32px,9vw,45px); line-height:1.04; }
  #page-solutions .solution-page-hero p { font-size:14px; line-height:1.72; }
  #page-solutions .solution-page-actions { flex-direction:column; align-items:stretch; }
  #page-solutions .solution-primary-action, #page-solutions .solution-secondary-action { width:100%; }
  #page-solutions .solution-cards-grid { grid-template-columns:1fr; gap:13px !important; }
  #page-solutions .solution-card { min-height:0; padding:20px !important; }
  #page-solutions .solution-card h3 { font-size:21px !important; }
  #page-solutions .solution-card p { font-size:14px !important; }
  #main-header nav a[href="/contact/"] { min-height:40px; }
}
@media (prefers-reduced-motion:reduce) {
  #page-solutions .solution-card, #page-solutions .solution-primary-action { transition:none !important; }
  #page-solutions .solution-card:hover { transform:none; }
}

.dynamic-fallback-inner { max-width:900px; margin:0 auto; padding:76px 24px 56px; }
.dynamic-fallback-kicker { color:#6816bd; font:800 10px/1.4 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.dynamic-fallback-inner h1 { color:#171126; font:900 clamp(32px,5vw,52px)/1.08 'Outfit',sans-serif; letter-spacing:-.04em; margin:18px 0 14px; }
.dynamic-fallback-inner p { color:#4f475e; font-size:15px; line-height:1.75; max-width:720px; }
.dynamic-fallback-inner a { display:inline-flex; margin-top:20px; color:#6816bd; font-weight:900; text-decoration:underline; text-underline-offset:4px; }
body.dark .dynamic-fallback-inner h1 { color:#f6f1ff; }
body.dark .dynamic-fallback-inner p { color:#d1c8e0; }
body.dark .dynamic-fallback-kicker, body.dark .dynamic-fallback-inner a { color:#c9a4ff; }


/* ================================================================
   MAGIX PREMIUM UI SYSTEM — v3
   Fixes dark-mode class scope, FOUC/cache issues, contrast, spacing,
   responsive layouts and excess motion work without changing APIs.
   ================================================================ */
:root {
  --mx-purple: #8116e0;
  --mx-purple-deep: #6007b3;
  --mx-lime: #d0ff00;
  --mx-ink: #100a1c;
  --mx-copy: #51495f;
  --mx-muted: #6b627a;
  --mx-border: #e8e1f1;
  --mx-surface: #fff;
  --mx-soft: #faf8fe;
  color-scheme: light;
}
html { scroll-padding-top: 88px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
body { min-height:100vh; color:var(--mx-ink); background:#faf9fe; font-family:'Plus Jakarta Sans',sans-serif; }
body.dark { color:#f0eafa; background:#05020d; color-scheme:dark; }
main#app-root, .page-view { width:100%; min-width:0; }
/* A missing/late animation script must never make useful copy invisible. */
.reveal-up, .reveal-up:not(.active), .reveal-up.active { opacity:1 !important; transform:none !important; }
/* Shared visible focus and less intrusive pointer motion. */
a, button, input, select, textarea { -webkit-tap-highlight-color:transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:3px solid rgba(129,22,224,.55); outline-offset:3px; }
.motion-lift, .micro-interactive, .micro-press { will-change:auto; }
.parallax-layer { will-change:transform; }
@media (hover:none) { .motion-lift:hover, .micro-interactive:hover, .micro-press:hover { transform:none; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; } }
/* Theme classes are set on BODY by the site's existing theme controller. */
body:not(.dark) .text-gray-400 { color:#716780 !important; }
body:not(.dark) .text-gray-500 { color:#5b5369 !important; }
body:not(.dark) .text-gray-600 { color:#4b4458 !important; }
body:not(.dark) .text-gray-700 { color:#30283c !important; }
body:not(.dark) .text-gray-800 { color:#211a2c !important; }
body.dark .text-gray-400 { color:#c1b8d0 !important; }
body.dark .text-gray-500 { color:#d1c9df !important; }
body.dark .text-gray-600 { color:#ddd6e8 !important; }
body.dark .text-gray-700, body.dark .text-gray-800 { color:#eee9f8 !important; }
/* Fixed header, consistent contrast and spacing. */
#main-header, #main-header #navbar, #main-header .header-nav { opacity:1!important; visibility:visible!important; }
#main-header .header-nav { min-height:68px; background:rgba(255,255,255,.97)!important; border-bottom:1px solid var(--mx-border)!important; box-shadow:0 4px 22px rgba(20,10,35,.04); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
body.dark #main-header .header-nav { background:rgba(8,4,20,.97)!important; border-bottom-color:rgba(255,255,255,.12)!important; box-shadow:0 4px 22px rgba(0,0,0,.18); }
body:not(.dark) #main-header nav a:not(.bg-plum), body:not(.dark) #main-header nav button { color:#30283c; }
body.dark #main-header nav a:not(.bg-plum), body.dark #main-header nav button { color:#eee9f8; }
#main-header nav a[href="/contact/"] { display:inline-flex; align-items:center; justify-content:center; min-height:42px; background:var(--mx-purple)!important; color:#fff!important; border:1px solid var(--mx-purple)!important; box-shadow:0 8px 22px rgba(129,22,224,.2); }
#main-header nav a[href="/contact/"]:hover { background:var(--mx-purple-deep)!important; color:#fff!important; }
#main-header img { opacity:1!important; visibility:visible!important; }
/* Body-level dark surfaces explicitly replace custom Tailwind color tokens if the CDN is delayed. */
body.dark #page-home, body.dark #page-solutions, body.dark #page-services, body.dark #page-contact,
body.dark #page-about, body.dark #page-offline-media, body.dark #page-pricing, body.dark #page-international-pricing,
body.dark #page-blogs, body.dark #page-casestudies, body.dark #page-careers, body.dark #page-clients,
body.dark #page-verify, body.dark #page-terms, body.dark #page-privacy, body.dark #page-refund,
body.dark #page-intern-terms, body.dark #page-schoolboost, body.dark #page-ai { background-color:#05020d; color:#f0eafa; }
body.dark #page-home > section:first-child { background:#05020d!important; border-bottom-color:rgba(255,255,255,.08)!important; }
body.dark #page-home .hero-copy h1 { color:#f6f1ff!important; }
body.dark #page-home .hero-copy h1 .text-plum { color:#a144f7!important; }
body.dark #page-home .hero-copy p { color:#d1c8e0!important; }
body.dark #page-home .hero-copy .inline-flex { color:#e9d9ff; }
body.dark #page-home .hero-copy .bg-gray-100 { background:rgba(255,255,255,.06)!important; border-color:rgba(255,255,255,.12)!important; color:#f6f1ff!important; }
/* Solutions: legible editorial hero and calm, aligned cards in both themes. */
#page-solutions { min-width:0; }
#page-solutions .solution-page-hero { position:relative; overflow:hidden; background:linear-gradient(135deg,#fff 0%,#faf7ff 64%,#f3edff 100%); border-bottom:1px solid var(--mx-border); }
#page-solutions .solution-page-hero::after { content:""; position:absolute; width:380px; height:380px; right:-120px; top:-180px; border-radius:50%; background:radial-gradient(circle,rgba(129,22,224,.14),transparent 68%); pointer-events:none; }
#page-solutions .solution-page-hero-inner { position:relative; z-index:1; }
#page-solutions .solution-page-kicker { display:inline-flex; flex-wrap:wrap; gap:9px; align-items:center; color:#6714b8!important; font:800 10px/1.4 'JetBrains Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
#page-solutions .solution-page-hero h1 { display:block; max-width:930px; margin:16px 0 0; color:#171126!important; font:900 clamp(34px,5vw,62px)/1.04 'Outfit',sans-serif; letter-spacing:-.045em; opacity:1!important; visibility:visible!important; }
#page-solutions .solution-page-hero h1 span { color:#8116e0!important; }
#page-solutions .solution-page-hero p { max-width:790px; margin:19px 0 0; color:#51495f!important; font-size:clamp(14px,1.2vw,17px); line-height:1.75; }
#page-solutions .solution-page-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }
#page-solutions .solution-primary-action, #page-solutions .solution-secondary-action { display:inline-flex; min-height:46px; align-items:center; justify-content:center; gap:12px; padding:12px 18px; border-radius:999px; font-weight:800; font-size:13px; text-decoration:none; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
#page-solutions .solution-primary-action { color:#fff!important; background:#8116e0!important; box-shadow:0 8px 22px rgba(129,22,224,.2); }
#page-solutions .solution-primary-action:hover { background:#6007b3!important; transform:translateY(-2px); }
#page-solutions .solution-secondary-action { color:#241b33!important; background:#fff!important; border:1px solid #ded4ee; }
#page-solutions .solution-secondary-action:hover { border-color:#b99add; background:#faf7ff!important; }
#page-solutions .solution-cards-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px!important; align-items:stretch; }
#page-solutions .solution-card { min-width:0; min-height:230px; padding:24px!important; background:#fff!important; border:1px solid #e5def0!important; border-radius:20px!important; box-shadow:0 8px 24px rgba(30,15,54,.045)!important; opacity:1!important; transform:none; transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease; }
#page-solutions .solution-card:hover { border-color:#c7a7ee!important; box-shadow:0 16px 36px rgba(55,21,87,.095)!important; transform:translateY(-3px); }
#page-solutions .solution-card h3 { display:block!important; visibility:visible!important; opacity:1!important; margin:5px 0 10px!important; color:#171126!important; font:800 clamp(18px,1.35vw,22px)/1.2 'Outfit',sans-serif!important; letter-spacing:-.02em; }
#page-solutions .solution-card p { display:block!important; visibility:visible!important; opacity:1!important; margin:0 0 18px!important; color:#51495f!important; font-size:13px!important; line-height:1.68!important; }
#page-solutions .solution-card span { opacity:1!important; }
#page-solutions .solution-card span.text-gray-400 { color:#716780!important; font-size:10px!important; }
#page-solutions .solution-card a { display:inline-flex; align-items:center; color:#6816bd!important; font-size:11px!important; font-weight:900!important; line-height:1.5; text-decoration:none; }
#page-solutions .solution-card a:hover { text-decoration:underline; text-underline-offset:4px; }
body.dark #page-solutions .solution-page-hero { background:radial-gradient(circle at 88% 8%,rgba(129,22,224,.15),transparent 29%),linear-gradient(135deg,#080414,#100821 72%,#080414)!important; border-bottom-color:rgba(255,255,255,.1)!important; }
body.dark #page-solutions .solution-page-kicker { color:#d8b8ff!important; }
body.dark #page-solutions .solution-page-hero h1 { color:#f6f1ff!important; }
body.dark #page-solutions .solution-page-hero h1 span { color:#b67aff!important; }
body.dark #page-solutions .solution-page-hero p { color:#d1c8e0!important; }
body.dark #page-solutions .solution-card { background:#100a20!important; border-color:rgba(255,255,255,.12)!important; box-shadow:0 8px 24px rgba(0,0,0,.15)!important; }
body.dark #page-solutions .solution-card h3 { color:#f6f1ff!important; }
body.dark #page-solutions .solution-card p { color:#d1c8e0!important; }
body.dark #page-solutions .solution-card span.text-gray-400 { color:#c1b8d0!important; }
body.dark #page-solutions .solution-secondary-action { background:#160d29!important; color:#f6f1ff!important; border-color:rgba(255,255,255,.16); }
/* Standardised copy, forms and articles. */
body:not(.dark) .lead-capture label { color:#51495f!important; }
body.dark .lead-capture label { color:#d6cee4!important; }
.lead-capture input, .lead-capture select, .lead-capture textarea { color:#171126!important; background:#fff!important; border-color:#d8cfe8!important; }
body.dark .lead-capture input, body.dark .lead-capture select, body.dark .lead-capture textarea { color:#f6f1ff!important; background:#120b22!important; border-color:rgba(255,255,255,.2)!important; }
.article-body h2 { color:#171126!important; }
.article-body p, .article-body li { color:#51495f; }
body.dark .article-body h2 { color:#f6f1ff!important; }
body.dark .article-body p, body.dark .article-body li { color:#d1c8e0; }
.clean-card { min-width:0; }
img { max-width:100%; }
@media (max-width:1100px) { #page-solutions .solution-cards-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) {
  #main-header .header-nav { min-height:60px; }
  #page-solutions .solution-page-hero { padding-top:38px!important; padding-bottom:40px!important; }
  #page-solutions .solution-page-hero h1 { font-size:clamp(32px,9vw,45px); line-height:1.04; }
  #page-solutions .solution-page-hero p { font-size:14px; line-height:1.72; }
  #page-solutions .solution-page-actions { flex-direction:column; align-items:stretch; }
  #page-solutions .solution-primary-action, #page-solutions .solution-secondary-action { width:100%; }
  #page-solutions .solution-cards-grid { grid-template-columns:1fr; gap:13px!important; }
  #page-solutions .solution-card { min-height:0; padding:20px!important; }
  #page-solutions .solution-card h3 { font-size:21px!important; }
  #page-solutions .solution-card p { font-size:14px!important; }
  .floating-actions { right:14px!important; bottom:14px!important; }
}


/* Keyboard-accessible skip link. */
.skip-link { position:fixed; left:12px; top:8px; z-index:100001; padding:10px 14px; border-radius:10px; color:#fff!important; background:#6007b3; font-weight:800; transform:translateY(-150%); transition:transform .18s ease; }
.skip-link:focus { transform:translateY(0); }
/* Premium conversion, editorial imagery, cookie controls and tighter layouts. */
.article-cover { margin:0 auto 1.5rem; max-width:76rem; overflow:hidden; border-radius:24px; background:#f3eef8; box-shadow:0 18px 48px rgba(30,10,50,.12); }
.article-cover img { display:block; width:100%; height:clamp(220px,36vw,440px); object-fit:cover; }
.article-cover figcaption { padding:8px 14px; color:#756c82; font-size:10px; }
.article-faq { margin:2.5rem auto 0; max-width:76rem; padding:clamp(20px,4vw,36px); border:1px solid rgba(129,22,224,.14); border-radius:22px; background:linear-gradient(135deg,rgba(129,22,224,.055),rgba(208,255,0,.055)); }
.article-faq .faq-heading { margin-bottom:14px; }
.article-faq h2 { margin:5px 0 0; font:800 clamp(22px,3vw,30px)/1.15 Outfit,sans-serif; }
.article-faq .faq-item { margin-top:9px; padding:14px 16px; border:1px solid rgba(90,60,120,.14); border-radius:14px; background:#fff; }
body.dark .article-faq .faq-item { background:#120b22; border-color:rgba(255,255,255,.1); }
.article-faq summary { display:flex; align-items:center; justify-content:space-between; gap:14px; cursor:pointer; color:#21172e; font-weight:750; font-size:14px; list-style:none; }
.article-faq summary::-webkit-details-marker { display:none; }
body.dark .article-faq summary { color:#f5f1fb; }
.article-faq .faq-chevron { color:#8116e0; font-size:22px; transition:transform .2s ease; }
.article-faq details[open] .faq-chevron { transform:rotate(45deg); }
.article-faq .faq-answer { padding:12px 26px 2px 0; color:#5a5262; font-size:13px; line-height:1.75; }
body.dark .article-faq .faq-answer { color:#d4ccdf; }
.cookie-consent { position:fixed; z-index:999; left:clamp(12px,3vw,32px); right:clamp(12px,3vw,32px); bottom:clamp(12px,3vw,28px); display:flex; gap:18px; align-items:center; justify-content:space-between; max-width:980px; margin:auto; padding:18px 20px; border:1px solid rgba(129,22,224,.18); border-radius:20px; background:rgba(255,255,255,.97); box-shadow:0 20px 60px rgba(26,13,40,.22); backdrop-filter:blur(18px); color:#21172e; }
.cookie-consent[hidden], .cookie-options[hidden] { display:none!important; }
body.dark .cookie-consent { background:rgba(18,11,34,.97); color:#f5f1fb; }
.cookie-copy { max-width:520px; }
.cookie-kicker { color:#8116e0; font:800 9px/1.2 'JetBrains Mono',monospace; letter-spacing:.15em; }
.cookie-copy h2 { margin:4px 0; font:800 17px/1.2 Outfit,sans-serif; }
.cookie-copy p { margin:0 0 4px; color:#71697a; font-size:11px; line-height:1.55; }
body.dark .cookie-copy p { color:#ccc2d8; }
.cookie-copy a { color:#7014c5; font-size:10px; font-weight:750; }
.cookie-actions { display:flex; gap:7px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.cookie-button { min-height:38px; padding:0 12px; border:1px solid rgba(70,50,90,.16); border-radius:11px; font-size:10px; font-weight:800; cursor:pointer; }
.cookie-quiet { color:#3c3346; background:#fff; }
body.dark .cookie-quiet { color:#eee8f6; background:#211832; }
.cookie-primary { color:white; background:#8116e0; border-color:#8116e0; }
.cookie-options { position:absolute; right:20px; bottom:calc(100% + 8px); display:grid; gap:10px; padding:16px; min-width:215px; border:1px solid rgba(129,22,224,.2); border-radius:14px; background:#fff; box-shadow:0 10px 30px rgba(26,13,40,.18); font-size:11px; }
body.dark .cookie-options { background:#120b22; color:white; }
.thank-you-page { flex:1; display:grid; place-items:center; min-height:62vh; padding:90px 18px 60px; background:radial-gradient(ellipse at 18% 18%,rgba(129,22,224,.12),transparent 48%),radial-gradient(ellipse at 82% 78%,rgba(208,255,0,.13),transparent 44%); }
.thank-you-card { width:min(100%,680px); padding:clamp(26px,6vw,56px); border:1px solid rgba(129,22,224,.14); border-radius:28px; background:rgba(255,255,255,.88); box-shadow:0 24px 72px rgba(26,13,40,.12); text-align:center; }
body.dark .thank-you-card { background:rgba(14,8,36,.92); }
.thank-you-mark { display:grid; place-items:center; width:62px; height:62px; margin:0 auto 18px; border-radius:50%; color:#fff; background:#16875a; font-size:30px; font-weight:900; }
.thank-you-card h1 { margin:9px 0 12px; color:#21172e; font:900 clamp(31px,6vw,48px)/1.04 Outfit,sans-serif; letter-spacing:-.04em; }
body.dark .thank-you-card h1 { color:#fff; }
.thank-you-card p { max-width:510px; margin:0 auto; color:#685f70; font-size:14px; line-height:1.75; }
body.dark .thank-you-card p { color:#d3cadf; }
.thank-you-actions { display:grid; gap:10px; max-width:400px; margin:26px auto 0; }
.thank-you-actions a { min-height:46px; display:flex; align-items:center; justify-content:center; gap:9px; border-radius:13px; font-size:12px; font-weight:850; text-decoration:none; }
.thank-you-whatsapp { color:white; background:#25d366; box-shadow:0 9px 22px rgba(37,211,102,.22); }
.thank-you-whatsapp svg { width:19px; height:19px; fill:currentColor; }
.thank-you-email { color:#7014c5; border:1px solid rgba(129,22,224,.2); background:rgba(129,22,224,.04); }
.thank-you-home { color:#71697a; font-size:11px!important; min-height:30px!important; }
@media(max-width:680px){ .cookie-consent { align-items:stretch; flex-direction:column; gap:12px; padding:16px; } .cookie-actions { justify-content:stretch; } .cookie-button { flex:1; } }
/* Shared finishing pass: fluid motion, glass depth, and tactile controls. */
:root { --glass-border:rgba(255,255,255,.44); --glass-shadow:0 24px 70px rgba(29,10,53,.14); }
button,a,[role="button"],input,select,textarea { -webkit-tap-highlight-color:transparent; }
button,a { transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.8,.2,1); }
button:active,a:active { transform:translateY(1px) scale(.99); }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline:3px solid rgba(129,22,224,.46); outline-offset:3px; }
.clean-card { backdrop-filter:blur(14px); transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease; }
.clean-card:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(40,15,70,.12); border-color:rgba(129,22,224,.28); }
.micro-press,.prop-button,.property-wa { transition:transform .2s ease,box-shadow .22s ease,filter .2s ease; }
.micro-press:hover,.prop-button:hover,.property-wa:hover { transform:translateY(-2px); filter:saturate(1.06); }
.liquid-glass { background:rgba(255,255,255,.64); border:1px solid rgba(255,255,255,.52); box-shadow:0 18px 55px rgba(30,10,55,.13),inset 0 1px rgba(255,255,255,.72); backdrop-filter:blur(18px) saturate(1.28); -webkit-backdrop-filter:blur(18px) saturate(1.28); }
body.dark .liquid-glass { background:rgba(22,13,38,.68); border-color:rgba(255,255,255,.12); }
@keyframes magixFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }
@keyframes magixGlow { 0%,100%{box-shadow:0 12px 36px rgba(129,22,224,.18)} 50%{box-shadow:0 16px 44px rgba(129,22,224,.3)} }
.float-soft { animation:magixFloat 6s ease-in-out infinite; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

/* WhatsApp guided chat: stable width, readable reply cards and a clear final handoff. */
.floating-actions{isolation:isolate}
#wa-chat-widget{position:absolute!important;inset:auto 0 calc(100% + 14px) auto!important;width:min(380px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;transform-origin:bottom right;z-index:150!important}
#wa-chat-widget>.wa-chat-shell{width:100%;min-width:0;border-radius:22px;overflow:hidden;backdrop-filter:blur(24px);box-shadow:0 24px 70px rgba(11,5,22,.38)}
#wa-chat-widget .wa-chat-body{display:grid;gap:10px;padding:14px;background:rgba(9,5,18,.96);color:#fff}
#wa-chat-widget .wa-quick-reply{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.055);color:#fff;text-align:left;white-space:normal;overflow-wrap:anywhere;transition:transform .18s ease,border-color .18s ease,background .18s ease}
#wa-chat-widget .wa-quick-reply:hover{transform:translateY(-2px);border-color:rgba(37,211,102,.58);background:rgba(37,211,102,.09)}
#wa-chat-widget .wa-quick-reply span:first-child{min-width:0;flex:1;line-height:1.35}
#wa-chat-widget .wa-quick-reply span:last-child{flex:none;color:#35dc83;font-size:18px}
#wa-chat-widget .wa-chat-reply{padding:12px;border:1px solid rgba(37,211,102,.22);border-radius:14px;background:rgba(37,211,102,.08);color:#e6ffef;font-size:12px;line-height:1.6}
#wa-chat-widget .wa-chat-footer{display:grid;gap:9px;padding:12px 14px 14px;background:#100a1c;border-top:1px solid rgba(255,255,255,.08)}
#wa-chat-widget .wa-chat-footer a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:12px;color:#fff;text-decoration:none;font-size:12px;font-weight:800}
#wa-chat-widget .wa-chat-footer .wa-final-cta{background:#20c766;box-shadow:0 8px 22px rgba(32,199,102,.22)}
#wa-chat-widget .wa-contact-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#c8bdd4;font-size:11px}
#wa-chat-widget .wa-contact-row a{min-height:auto;padding:2px;color:inherit;font-size:11px;font-weight:650}
#wa-chat-widget [hidden]{display:none!important}
@media(max-width:480px){#wa-chat-widget{right:-2px!important;width:min(360px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}#wa-chat-widget .wa-chat-body{padding:12px;gap:8px}#wa-chat-widget .wa-quick-reply{padding:11px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#wa-chat-widget *{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* Insight landing hero and responsive conversational panels */
.insight-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:center;gap:clamp(24px,4vw,58px);max-width:1320px;margin:0 auto;padding:clamp(96px,10vw,142px) clamp(22px,5vw,72px) clamp(46px,6vw,78px);overflow:hidden;background:radial-gradient(ellipse at 83% 14%,rgba(147,51,234,.15),transparent 35%),linear-gradient(135deg,#faf8ff 0%,#f4effb 55%,#f8f6fc 100%)}
.dark .insight-hero{background:radial-gradient(ellipse at 83% 14%,rgba(147,51,234,.22),transparent 35%),linear-gradient(135deg,#0e0917,#171020 58%,#100b19)}
.insight-hero:before{content:"";position:absolute;inset:12px;z-index:-1;border:1px solid rgba(255,255,255,.62);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.36),rgba(255,255,255,.08));backdrop-filter:blur(16px);pointer-events:none}
.dark .insight-hero:before{border-color:rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
.insight-hero-copy{min-width:0;position:relative;z-index:1}.insight-hero-copy nav{margin-bottom:20px;font-size:12px}.insight-hero-copy h1{max-width:760px;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.045em}.insight-hero-copy>div>p{max-width:660px;font-size:clamp(15px,1.35vw,18px);line-height:1.7}
.insight-hero .article-cover{position:relative;width:100%;max-width:none;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:#e9e3ef;box-shadow:0 28px 80px rgba(39,19,58,.22);transform:translateZ(0)}
.insight-hero .article-cover img{display:block;width:100%;height:clamp(280px,34vw,470px);object-fit:cover;object-position:center;border-radius:inherit;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.insight-hero .article-cover:hover img{transform:scale(1.035)}
.insight-hero .article-cover figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(13,9,20,.66);backdrop-filter:blur(18px);color:#fff;font-size:10px;line-height:1.5}
.insight-hero .article-cover figcaption a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.insight-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}.insight-primary-cta,.insight-secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.insight-primary-cta{color:#fff;background:linear-gradient(135deg,#8b16db,#6410c7);box-shadow:0 12px 28px rgba(112,24,199,.24)}.insight-secondary-cta{border:1px solid rgba(37,211,102,.35);background:rgba(255,255,255,.55);color:#117b49;backdrop-filter:blur(14px)}.dark .insight-secondary-cta{background:rgba(255,255,255,.07);color:#7af0aa}.insight-secondary-cta svg{width:16px;height:16px}.insight-primary-cta:hover,.insight-secondary-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(50,20,80,.18)}.insight-response-note{flex-basis:100%;font-size:11px;color:#756b80}.dark .insight-response-note{color:#c8bdd4}
#wa-chat-widget,#ai-chat-widget{position:fixed!important;inset:auto 24px 88px auto!important;z-index:999!important;width:min(380px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;min-width:0!important;transform-origin:bottom right!important}
#wa-chat-widget>div,#ai-chat-widget>div{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;border:1px solid rgba(255,255,255,.26)!important;border-radius:24px!important;overflow:hidden!important;background:rgba(17,11,28,.88)!important;color:#fff;box-shadow:0 30px 90px rgba(12,5,22,.4),inset 0 1px rgba(255,255,255,.16)!important;backdrop-filter:blur(26px) saturate(150%)}
#wa-chat-widget .bg-gradient-to-r{min-height:72px;padding:16px 18px!important;flex-shrink:0}
#wa-chat-widget .p-3.5.bg-gray-50,#wa-chat-widget .p-3.5.bg-gray-50.dark\:bg-\[\#070310\]{display:grid!important;gap:10px!important;padding:14px!important;background:rgba(13,8,23,.78)!important;color:#fff!important}
#wa-chat-widget .space-y-1{display:grid!important;gap:8px!important;padding-top:4px!important}
#wa-chat-widget .space-y-1>button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-width:0!important;min-height:44px;padding:11px 12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:13px!important;background:rgba(255,255,255,.065)!important;color:#fff!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.35!important;transition:background .18s ease,border-color .18s ease,transform .18s ease}
#wa-chat-widget .space-y-1>button:hover{transform:translateY(-1px);border-color:rgba(37,211,102,.5)!important;background:rgba(37,211,102,.1)!important}
#wa-chat-widget .space-y-1>button span:first-child{min-width:0;flex:1}
#wa-chat-widget .space-y-1>button span:last-child{flex:none;margin-left:8px}
#wa-chat-widget .p-2.5.bg-white.dark\:bg-darkCard{display:grid!important;gap:8px!important;padding:12px 14px!important;background:rgba(13,8,23,.95)!important;border-color:rgba(255,255,255,.1)!important}
#wa-chat-widget .p-2.5.bg-white.dark\:bg-darkCard>a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:44px;white-space:normal!important;text-align:center!important;border-radius:13px!important}
#wa-chat-widget .p-2.5.bg-white.dark\:bg-darkCard>a:not(:only-child){text-decoration:none!important}
#ai-chat-widget #ai-chat-messages{min-width:0;overflow-y:auto;overscroll-behavior:contain}
#ai-chat-widget input{min-width:0}
.floating-actions{z-index:1000!important}
@media(max-width:900px){.insight-hero{grid-template-columns:1fr;gap:24px;padding-top:104px}.insight-hero .article-cover{grid-row:1}.insight-hero .article-cover img{height:clamp(240px,52vw,400px)}.insight-hero-copy h1{font-size:clamp(38px,8vw,58px)}}
@media(max-width:600px){.insight-hero{padding:94px 18px 34px;gap:20px}.insight-hero:before{inset:7px;border-radius:23px}.insight-hero .article-cover{border-radius:20px}.insight-hero .article-cover img{height:250px}.insight-hero-actions{display:grid;grid-template-columns:1fr}.insight-primary-cta,.insight-secondary-cta{width:100%}.insight-response-note{text-align:center}#wa-chat-widget,#ai-chat-widget{inset:auto 12px 82px auto!important;width:min(380px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}#wa-chat-widget .p-3\.5.bg-gray-50{gap:8px!important;padding:12px!important}}
@media(prefers-reduced-motion:reduce){.insight-hero *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.insight-hero-copy>.max-w-4xl{max-width:none;margin:0}
/* Stable legacy and current chat panel layout, independent of utility class generation. */
#wa-chat-widget>div>div:nth-child(2){display:grid!important;gap:10px!important;padding:14px!important;background:rgba(13,8,23,.8)!important;color:#fff!important}
#wa-chat-widget>div>div:nth-child(3){display:grid!important;gap:9px!important;padding:12px 14px!important;background:rgba(13,8,23,.96)!important;border-top:1px solid rgba(255,255,255,.1)!important}
#wa-chat-widget>div>div:nth-child(3)>a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:44px;padding:10px 14px!important;border-radius:13px!important;white-space:normal!important;text-align:center!important;text-decoration:none!important;font-size:12px!important;line-height:1.35!important}
/* The floating widget's hidden state must not depend on optional utility CSS. */
#wa-chat-widget[aria-hidden="true"],#ai-chat-widget[aria-hidden="true"]{visibility:hidden!important;opacity:0!important;transform:scale(.94)!important;pointer-events:none!important}
#wa-chat-widget[aria-hidden="false"],#ai-chat-widget[aria-hidden="false"]{visibility:visible!important;opacity:1!important;transform:scale(1)!important;pointer-events:auto!important;transition:opacity .2s ease,transform .2s cubic-bezier(.2,.7,.2,1),visibility .2s}

/* Touch-safe shared chat and consent layout. */
.floating-actions{isolation:isolate;touch-action:manipulation}
.floating-actions > button,.floating-actions > a{flex:0 0 50px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:auto}
.floating-actions > button svg,.floating-actions > a svg{display:block;flex:0 0 22px;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
.cookie-consent{box-sizing:border-box;width:min(980px,calc(100vw - 32px));left:50%;right:auto;transform:translateX(-50%);z-index:1200;max-height:min(52vh,320px);overflow:auto;overscroll-behavior:contain;pointer-events:auto;flex-wrap:wrap}
.cookie-copy{min-width:0;flex:1 1 430px}
.cookie-copy p{max-width:62ch}
.cookie-actions{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px;flex:0 1 300px}
.cookie-button{box-sizing:border-box;min-width:0;min-height:44px;padding:8px 10px;line-height:1.25;touch-action:manipulation}
.cookie-options{position:static;grid-column:1/-1;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-top:8px;box-shadow:none}
#wa-chat-widget,#ai-chat-widget{box-sizing:border-box;max-height:min(74dvh,680px);overflow:hidden;overscroll-behavior:contain}
#wa-chat-widget>.wa-chat-shell{display:flex;flex-direction:column;max-height:inherit;min-height:0}
#wa-chat-widget .wa-chat-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#wa-chat-widget .wa-chat-footer{flex:none}
#wa-chat-widget .wa-final-cta{width:100%;min-width:0;min-height:46px;height:auto;box-sizing:border-box;white-space:normal}
#wa-chat-widget .wa-final-cta svg{display:block;flex:none;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}
#wa-chat-widget .wa-contact-row a{width:auto;height:auto;min-height:38px;flex:0 1 auto}
#wa-chat-widget .wa-quick-reply{min-height:44px;box-sizing:border-box;touch-action:manipulation}
html.has-cookie-notice #wa-chat-widget,html.has-cookie-notice #ai-chat-widget{bottom:calc(var(--cookie-consent-height,0px) + 28px + env(safe-area-inset-bottom))!important;max-height:min(70dvh,calc(100dvh - var(--cookie-consent-height,0px) - 52px))}
@media(max-width:760px){
 .cookie-consent{width:calc(100vw - 24px);max-height:min(62dvh,460px);bottom:max(10px,env(safe-area-inset-bottom));padding:14px;gap:10px;border-radius:18px}
 .cookie-copy{flex-basis:100%}.cookie-copy h2{font-size:16px}.cookie-copy p{font-size:12px;line-height:1.5}
 .cookie-actions{width:100%;flex:1 1 100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .cookie-button{padding:8px 6px;font-size:11px}
 .cookie-options{font-size:12px;gap:12px}
 #wa-chat-widget,#ai-chat-widget{inset:auto 12px 82px auto!important;width:min(390px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:min(72dvh,620px)}
 html.has-cookie-notice #wa-chat-widget,html.has-cookie-notice #ai-chat-widget{bottom:calc(var(--cookie-consent-height,0px) + 22px + env(safe-area-inset-bottom))!important;max-height:min(65dvh,calc(100dvh - var(--cookie-consent-height,0px) - 44px))}
}
@media(max-width:380px){.cookie-consent{padding:12px}.cookie-copy p{font-size:11px}.cookie-actions{gap:5px}.cookie-button{font-size:10px;padding-inline:4px}}
@media(prefers-reduced-motion:reduce){.cookie-consent,#wa-chat-widget,#ai-chat-widget,.floating-actions>*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}