/* ============================================
   Lost & Found — Custom Styles
   Loaded async via preload → onload swap
   ============================================ */

/* -- Global abbr reset -- */
abbr[title] { text-decoration:none; }

/* -- Macrobox Dark -- */
.macrobox-dark { background:#04143d; position:relative; overflow:hidden; }
.macrobox-dark::before { content:''; position:absolute; top:-30%; right:-15%; width:500px; height:500px; background:radial-gradient(circle,rgba(4,107,252,.4) 0%,transparent 60%); pointer-events:none; }
.macrobox-dark::after { content:''; position:absolute; bottom:-25%; left:-10%; width:400px; height:400px; background:radial-gradient(circle,rgba(255,153,0,.25) 0%,transparent 60%); pointer-events:none; }

/* -- Diagnostic Cards -- */
.diag-card { background:#fff; border-radius:1rem; overflow:hidden; border:1px solid rgba(226,232,240,.6); transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease; display:flex; flex-direction:column; }
.diag-card:hover { transform:translateY(-6px); }
.diag-card[data-theme="blue"] { box-shadow:0 8px 24px rgba(59,130,246,.08); }
.diag-card[data-theme="blue"]:hover { box-shadow:0 20px 40px rgba(59,130,246,.16); border-color:rgba(147,197,253,.7); }
.diag-card[data-theme="indigo"] { box-shadow:0 8px 24px rgba(99,102,241,.08); }
.diag-card[data-theme="indigo"]:hover { box-shadow:0 20px 40px rgba(99,102,241,.16); border-color:rgba(165,180,252,.7); }
.diag-card[data-theme="cyan"] { box-shadow:0 8px 24px rgba(6,182,212,.08); }
.diag-card[data-theme="cyan"]:hover { box-shadow:0 20px 40px rgba(6,182,212,.16); border-color:rgba(103,232,249,.7); }
.diag-card[data-theme="amber"] { box-shadow:0 8px 24px rgba(245,158,11,.08); }
.diag-card[data-theme="amber"]:hover { box-shadow:0 20px 40px rgba(245,158,11,.16); border-color:rgba(253,230,138,.7); }
.diag-card[data-theme="violet"] { box-shadow:0 8px 24px rgba(139,92,246,.08); }
.diag-card[data-theme="violet"]:hover { box-shadow:0 20px 40px rgba(139,92,246,.16); border-color:rgba(196,181,253,.7); }
.diag-card[data-theme="emerald"] { box-shadow:0 8px 24px rgba(16,185,129,.08); }
.diag-card[data-theme="emerald"]:hover { box-shadow:0 20px 40px rgba(16,185,129,.16); border-color:rgba(110,231,183,.7); }
.diag-visual { position:relative; height:170px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.diag-visual .orb { position:absolute; border-radius:50%; filter:blur(50px); opacity:.55; pointer-events:none; }
.diag-visual .icon-wrap { position:relative; z-index:2; width:64px; height:64px; border-radius:16px; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,.10); transition:transform .35s ease; }
.diag-card:hover .icon-wrap { transform:scale(1.1); }
.diag-visual .deco { position:absolute; border-radius:8px; opacity:.18; pointer-events:none; }
.diag-card[data-theme="blue"] .diag-visual { background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 60%,#bfdbfe 100%); }
.diag-card[data-theme="blue"] .orb-1 { width:140px; height:140px; background:radial-gradient(circle,#3b82f6 0%,transparent 70%); top:-20px; right:-10px; }
.diag-card[data-theme="blue"] .orb-2 { width:100px; height:100px; background:radial-gradient(circle,#60a5fa 0%,transparent 70%); bottom:-15px; left:10px; }
.diag-card[data-theme="blue"] .icon-wrap { background:linear-gradient(135deg,#3b82f6,#2563eb); }
.diag-card[data-theme="blue"] .deco { background:#3b82f6; }
.diag-card[data-theme="indigo"] .diag-visual { background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 60%,#c7d2fe 100%); }
.diag-card[data-theme="indigo"] .orb-1 { width:120px; height:120px; background:radial-gradient(circle,#6366f1 0%,transparent 70%); top:10px; left:-15px; }
.diag-card[data-theme="indigo"] .orb-2 { width:90px; height:90px; background:radial-gradient(circle,#818cf8 0%,transparent 70%); bottom:0; right:20px; }
.diag-card[data-theme="indigo"] .icon-wrap { background:linear-gradient(135deg,#6366f1,#4f46e5); }
.diag-card[data-theme="indigo"] .deco { background:#6366f1; }
.diag-card[data-theme="cyan"] .diag-visual { background:linear-gradient(135deg,#ecfeff 0%,#cffafe 60%,#a5f3fc 100%); }
.diag-card[data-theme="cyan"] .orb-1 { width:130px; height:130px; background:radial-gradient(circle,#06b6d4 0%,transparent 70%); top:-10px; left:20px; }
.diag-card[data-theme="cyan"] .orb-2 { width:80px; height:80px; background:radial-gradient(circle,#22d3ee 0%,transparent 70%); bottom:10px; right:-10px; }
.diag-card[data-theme="cyan"] .icon-wrap { background:linear-gradient(135deg,#06b6d4,#0891b2); }
.diag-card[data-theme="cyan"] .deco { background:#06b6d4; }
.diag-card[data-theme="amber"] .diag-visual { background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 60%,#fde68a 100%); }
.diag-card[data-theme="amber"] .orb-1 { width:120px; height:120px; background:radial-gradient(circle,#f59e0b 0%,transparent 70%); top:-15px; right:-5px; }
.diag-card[data-theme="amber"] .orb-2 { width:90px; height:90px; background:radial-gradient(circle,#fbbf24 0%,transparent 70%); bottom:5px; left:15px; }
.diag-card[data-theme="amber"] .icon-wrap { background:linear-gradient(135deg,#f59e0b,#d97706); }
.diag-card[data-theme="amber"] .deco { background:#f59e0b; }
.diag-card[data-theme="violet"] .diag-visual { background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 60%,#ddd6fe 100%); }
.diag-card[data-theme="violet"] .orb-1 { width:110px; height:110px; background:radial-gradient(circle,#8b5cf6 0%,transparent 70%); top:5px; right:10px; }
.diag-card[data-theme="violet"] .orb-2 { width:100px; height:100px; background:radial-gradient(circle,#a78bfa 0%,transparent 70%); bottom:-20px; left:-5px; }
.diag-card[data-theme="violet"] .icon-wrap { background:linear-gradient(135deg,#8b5cf6,#7c3aed); }
.diag-card[data-theme="violet"] .deco { background:#8b5cf6; }
.diag-card[data-theme="emerald"] .diag-visual { background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 60%,#a7f3d0 100%); }
.diag-card[data-theme="emerald"] .orb-1 { width:130px; height:130px; background:radial-gradient(circle,#10b981 0%,transparent 70%); top:-10px; right:10px; }
.diag-card[data-theme="emerald"] .orb-2 { width:90px; height:90px; background:radial-gradient(circle,#34d399 0%,transparent 70%); bottom:0; left:5px; }
.diag-card[data-theme="emerald"] .icon-wrap { background:linear-gradient(135deg,#10b981,#059669); }
.diag-card[data-theme="emerald"] .deco { background:#10b981; }

/* -- Feature Card Hover -- */
.feature-card { transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s; will-change:transform; }
.feature-card:hover { transform:translateY(-4px); box-shadow:0 20px 40px -12px rgba(0,0,0,.08),0 8px 20px -6px rgba(4,20,61,.12); }

/* -- Bridge Cards -- */
.bridge-card { transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; will-change:transform; }
.bridge-card:hover { transform:translateY(-6px); box-shadow:0 25px 50px -12px rgba(4,20,61,.12); border-color:rgba(4,107,252,.3); }

/* -- Mockup inline-style consolidation (G-09) -- */
.m-clr-emerald { color:#34d399 }
.m-badge-dark { font-size:9px;font-weight:700;color:rgba(255,255,255,.8);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08) }
.m-pill-success { padding-top:6px;padding-bottom:6px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2) }
.m-clr-slate-muted { color:rgba(148,163,184,.9) }
.m-label-emerald { font-size:9px;font-weight:700;color:#34d399 }
.m-label-ghost { font-size:7px;font-weight:700;color:rgba(255,255,255,.7) }
.m-bg-ghost { background:rgba(255,255,255,.06) }
.m-gap-2px { gap:2px }
.m-row-card { background:#fff;border-radius:.375rem;padding:.375rem .5rem;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(226,232,240,.8) }
.m-row-inner { display:flex;align-items:center;gap:.375rem }
.m-meta-slate { font-size:.5625rem;color:#64748b }
.m-row-dark { padding-top:6px;padding-bottom:6px;background:rgba(255,255,255,.04) }
.m-meta-navy { font-size:.5625rem;font-weight:700;color:#04143d }
.m-label-ghost-light { font-size:9px;color:rgba(255,255,255,.75) }
.m-stat-card { background:#fff;border-radius:.5rem;padding:.5rem .375rem;text-align:center;border:1px solid rgba(226,232,240,.8) }
.m-bar-ghost { height:8px;background:rgba(255,255,255,.06) }
.m-icon-check-sm { width:1rem;height:1rem;color:#10b981;flex-shrink:0;margin-top:2px }
.m-benefit-row { display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#475569 }
.m-fs-15 { font-size:.9375rem }
.m-divider-dark { margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06) }

/* -- FAQ (G-10: grid animation, no layout reflow) -- */
.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1); }
.faq-answer>div { overflow:hidden; min-height:0; }
.faq-item:not(.active) .faq-answer>div { max-height:0; padding-top:0; padding-bottom:0; }
.faq-item.active .faq-answer { grid-template-rows:1fr; }
.faq-item.active .faq-icon { transform:rotate(45deg); background:#046bfc; color:white; }
.faq-tab { padding:12px 20px; border:2px solid #e2e8f0; border-radius:30px; background:white; font-size:14px; font-weight:600; color:#64748b; cursor:pointer; transition:background .3s ease,border-color .3s ease,color .3s ease; display:flex; align-items:center; gap:8px; min-height:48px; }
.faq-tab:hover { border-color:#046bfc; color:#046bfc; }
.faq-tab.active { background:#046bfc; border-color:#046bfc; color:white; }
.faq-category { display:none; }
.faq-category.active { display:block; }

/* -- Educational Pillars -- */
.pillar-detail { max-height:0; overflow:hidden; opacity:0; transition:max-height .35s ease,opacity .3s ease; }
.pillar-card.expanded .pillar-detail { max-height:300px; opacity:1; }
.pillar-card.expanded .pillar-toggle svg { transform:rotate(180deg); }

/* -- Content Visibility (below-fold optimization) -- */
#why-it-matters,#screenshots,#how-it-works,#discrepancies,#what-you-get,#suite,#comparison,#testimonials,#who-its-for,#free-tools { content-visibility:auto; contain-intrinsic-size:auto 600px; }
#faq { content-visibility:auto; contain-intrinsic-size:auto 1200px; }
#educational { content-visibility:auto; contain-intrinsic-size:auto 800px; }
#tldr,#final-cta { content-visibility:auto; contain-intrinsic-size:auto 400px; }

/* -- Missing Tailwind utilities (not in tw-lost-found.min.css build) -- */

/* Padding */
.p-1\.5{padding:.375rem}.p-2\.5{padding:.625rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-7{padding:1.75rem}
.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}
.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-10{padding-top:2.5rem}
.pb-0{padding-bottom:0}.pb-4{padding-bottom:1rem}.pb-12{padding-bottom:3rem}
.pr-4{padding-right:1rem}

/* Margin */
.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-auto{margin-top:auto}
.mb-0\.5{margin-bottom:.125rem}.mb-1\.5{margin-bottom:.375rem}.mb-2\.5{margin-bottom:.625rem}
.ml-2{margin-left:.5rem}.ml-\[52px\]{margin-left:52px}
.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}

/* Gap */
.gap-0\.5{gap:.125rem}.gap-2\.5{gap:.625rem}.gap-3\.5{gap:.875rem}.gap-5{gap:1.25rem}.gap-7{gap:1.75rem}.gap-10{gap:2.5rem}
.gap-x-3{column-gap:.75rem}.gap-x-4{column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-2\.5{row-gap:.625rem}

/* Sizing */
.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-44{height:11rem}.h-auto{height:auto}.h-full{height:100%}
.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-44{width:11rem}
.w-\[250px\]{width:250px}.h-\[250px\]{height:250px}.w-\[300px\]{width:300px}.h-\[300px\]{height:300px}.w-\[350px\]{width:350px}.h-\[350px\]{height:350px}.w-\[400px\]{width:400px}.h-\[400px\]{height:400px}.w-\[30\%\]{width:30%}
.min-w-0{min-width:0}.min-w-\[640px\]{min-width:640px}

/* Position */
.top-32{top:8rem}.top-1\/2{top:50%}.left-1\/2{left:50%}.-right-32{right:-8rem}.-left-24{left:-6rem}

/* Layout */
.justify-end{justify-content:flex-end}.italic{font-style:italic}.leading-none{line-height:1}.leading-snug{line-height:1.375}
.whitespace-nowrap{white-space:nowrap}.cursor-default{cursor:default}.resize-none{resize:none}
.appearance-none{-webkit-appearance:none;appearance:none}
.pointer-events-none{pointer-events:none}.duration-300{transition-duration:.3s}
.rounded-sm{border-radius:.125rem}

/* Typography */
.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[15px\]{font-size:15px}.text-\[14px\]{font-size:14px}.text-\[11px\]{font-size:11px}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-\[8px\]{font-size:8px}.text-\[7px\]{font-size:7px}
.text-accent{color:#ff9900}.text-right{text-align:right}
.text-cyan-600{color:#0891b2}.text-indigo-600{color:#4f46e5}.text-purple-600{color:#9333ea}
.text-white\/90{color:rgb(255 255 255/.9)}
.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}
.hover\:underline:hover{text-decoration-line:underline}
.placeholder-slate-400::placeholder{color:#94a3b8}

/* Border */
.border-y{border-top-width:1px;border-bottom-width:1px}
.border-t-\[3px\]{border-top-width:3px}.border-t-primary{border-top-color:#046bfc}.border-t-emerald-500{border-top-color:#10b981}.border-t-accent{border-top-color:#ff9900}
.border-blue-200{border-color:#bfdbfe}.border-slate-50{border-color:#f8fafc}
.border-slate-200\/60{border-color:rgb(226 232 240/.6)}.border-emerald-200\/60{border-color:rgb(167 243 208/.6)}.border-amber-200\/60{border-color:rgb(253 230 138/.6)}
.border-primary\/20{border-color:rgb(4 107 252/.2)}.border-white\/10{border-color:rgb(255 255 255/.1)}.border-white\/20{border-color:rgb(255 255 255/.2)}

/* Background */
.bg-primary\/5{background-color:rgb(4 107 252/.05)}.bg-primary\/10{background-color:rgb(4 107 252/.1)}
.bg-emerald-500\/10{background-color:rgb(16 185 129/.1)}.bg-accent\/10{background-color:rgb(255 153 0/.1)}
.bg-amber-50\/40{background-color:rgb(255 251 235/.4)}
.bg-blue-50\/40{background-color:rgb(239 246 255/.4)}.bg-blue-50\/60{background-color:rgb(239 246 255/.6)}
.bg-emerald-50\/40{background-color:rgb(236 253 245/.4)}.bg-emerald-50\/80{background-color:rgb(236 253 245/.8)}.bg-emerald-100\/60{background-color:rgb(209 250 229/.6)}
.bg-green-50\/60{background-color:rgb(240 253 244/.6)}.bg-red-50\/60{background-color:rgb(254 242 242/.6)}
.bg-slate-50\/50{background-color:rgb(248 250 252/.5)}.bg-white\/5{background-color:rgb(255 255 255/.05)}.bg-white\/90{background-color:rgb(255 255 255/.9)}

/* Shadow colors */
.shadow-primary\/25{--tw-shadow-color:rgb(4 107 252/.25);--tw-shadow:var(--tw-shadow-colored)}
.shadow-primary\/30{--tw-shadow-color:rgb(4 107 252/.3);--tw-shadow:var(--tw-shadow-colored)}
.shadow-accent\/25{--tw-shadow-color:rgb(255 153 0/.25);--tw-shadow:var(--tw-shadow-colored)}
.shadow-emerald-500\/25{--tw-shadow-color:rgb(16 185 129/.25);--tw-shadow:var(--tw-shadow-colored)}
.shadow-cyan-500\/25{--tw-shadow-color:rgb(6 182 212/.25);--tw-shadow:var(--tw-shadow-colored)}
.shadow-purple-500\/25{--tw-shadow-color:rgb(168 85 247/.25);--tw-shadow:var(--tw-shadow-colored)}

/* Gradients */
.from-primary\/20{--tw-gradient-from:rgb(4 107 252/.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(4 107 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-amber-400{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 191 36/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 68 68/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-emerald-400{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:rgb(52 211 153/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-primary\/40{--tw-gradient-to:rgb(4 107 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(4 107 252/.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}
.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}
.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}
.to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}
.to-rose-600{--tw-gradient-to:#e11d48 var(--tw-gradient-to-position)}
.to-emerald-500{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}
.to-emerald-400\/20{--tw-gradient-to:rgb(52 211 153/.2) var(--tw-gradient-to-position)}

/* Space between */
.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}
.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}
.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}

/* Hover states */
.hover\:bg-primary-hover:hover{background-color:#0356c9}
.hover\:bg-slate-50\/50:hover{background-color:rgb(248 250 252/.5)}
.hover\:text-primary-hover:hover{color:#0356c9}.hover\:text-emerald-700:hover{color:#047857}.hover\:text-amber-700:hover{color:#b45309}
.hover\:text-amber-600:hover{color:#d97706}.hover\:text-emerald-600:hover{color:#059669}.hover\:text-slate-600:hover{color:#475569}
.hover\:border-white\/40:hover{border-color:rgb(255 255 255/.4)}
.hover\:shadow-primary\/25:hover{--tw-shadow-color:rgb(4 107 252/.25);--tw-shadow:var(--tw-shadow-colored)}
.hover\:shadow-primary\/30:hover{--tw-shadow-color:rgb(4 107 252/.3);--tw-shadow:var(--tw-shadow-colored)}
.hover\:shadow-amber-400\/40:hover{--tw-shadow-color:rgb(251 191 36/.4);--tw-shadow:var(--tw-shadow-colored)}
.hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}
.group:hover .group-hover\:translate-x-1{transform:translateX(.25rem)}
.group:hover .group-hover\:text-accent{color:#ff9900}
.group:hover .group-hover\:text-purple-600{color:#9333ea}

/* Focus states */
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:border-primary:focus{border-color:#046bfc}
.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
.focus\:ring-primary\/30:focus{--tw-ring-color:rgb(4 107 252/.3)}
.focus\:z-\[10000\]:focus{z-index:10000}

/* Responsive: sm (640px) */
@media(min-width:640px){
    .sm\:gap-6{gap:1.5rem}
    .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
    .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
    .sm\:text-sm{font-size:.875rem;line-height:1.25rem}
    .sm\:p-6{padding:1.5rem}
}

/* Responsive: md (768px) */
@media(min-width:768px){
    .md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}
    .md\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}
    .md\:px-6{padding-left:1.5rem;padding-right:1.5rem}
    .md\:pt-8{padding-top:2rem}
    .md\:mb-4{margin-bottom:1rem}
    .md\:mb-8{margin-bottom:2rem}
    .md\:gap-8{gap:2rem}
    .md\:gap-10{gap:2.5rem}
    .md\:w-1\/2{width:50%}
}

/* Responsive: lg (1024px) */
@media(min-width:1024px){
    .lg\:text-\[3\.5rem\]{font-size:3.5rem}
}

/* -- Vertical Wheel Carousel (lf- prefix) -- */
.lf-perspective{perspective:800px}
.lf-wheel-container{position:relative;overflow:visible;overscroll-behavior:contain;touch-action:pan-y}
.lf-wheel-card{position:absolute;width:88%;left:6%;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1);pointer-events:none}
.lf-wheel-card[data-position=center]{z-index:10;transform:translateY(0) scale(1);opacity:1;filter:blur(0);pointer-events:auto}
.lf-wheel-card[data-position=top]{z-index:5;transform:translateY(-65%) scale(.82);opacity:.5;filter:blur(3px)}
.lf-wheel-card[data-position=bottom]{z-index:5;transform:translateY(65%) scale(.82);opacity:.5;filter:blur(3px)}
.lf-wheel-card[data-position=hidden]{z-index:1;transform:translateY(0) scale(.6);opacity:0;filter:blur(6px)}
@keyframes bounceY{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.animate-bounce-y{animation:bounceY 1.5s ease-in-out infinite}
.lf-swipe-hint{transition:opacity .3s ease}
.lf-swipe-hint.hidden-hint{opacity:0;pointer-events:none}
.lf-wheel-card[data-position=center]{cursor:zoom-in}
.lf-dot{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none;padding:0;cursor:pointer}
.lf-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:background .3s ease,width .3s ease,border-radius .3s ease}
.lf-dot.active::after{background:#046bfc;width:14px;border-radius:4px}

/* -- Lightbox (click-to-expand) -- */
.lf-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;pointer-events:none;transition:background .35s ease,backdrop-filter .35s ease,opacity .35s ease}
.lf-lightbox.visible{background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;pointer-events:auto;cursor:zoom-out}
.lf-lightbox-content{max-width:520px;width:92vw;transform:scale(.85);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.lf-lightbox.visible .lf-lightbox-content{transform:scale(1)}
.lf-lightbox-content>*{border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.5)}
.lf-lightbox-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s;z-index:10000}
.lf-lightbox-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}
.lf-lightbox-close:focus-visible{outline:2px solid #046bfc;outline-offset:2px}

/* -- Suite card depth on dark bg -- */
.persona-card{box-shadow:0 1px 3px rgba(0,0,0,.06)}
.persona-card:hover{box-shadow:0 20px 40px -8px color-mix(in srgb,var(--pc) 18%,transparent),0 8px 16px -4px rgba(0,0,0,.08);border-color:color-mix(in srgb,var(--pc) 25%,#e2e8f0)}
.suite-card { position:relative; box-shadow:0 0 18px 2px color-mix(in srgb,var(--glow) 18%,transparent),0 10px 20px -5px rgba(0,0,0,.08),0 4px 8px -4px rgba(0,0,0,.06)!important; transition:box-shadow .35s ease,transform .3s ease; }
.suite-card:hover { box-shadow:0 0 24px 4px color-mix(in srgb,var(--glow) 28%,transparent),0 16px 25px -5px rgba(0,0,0,.1),0 6px 10px -4px rgba(0,0,0,.08)!important; }
.suite-card .suite-icon { transition:transform .3s ease; }
.suite-card:hover .suite-icon { transform:scale(1.1); }
.suite-secondary { position:relative; box-shadow:0 0 12px 1px color-mix(in srgb,var(--glow) 14%,transparent),0 2px 4px -1px rgba(0,0,0,.06),0 1px 2px -1px rgba(0,0,0,.04)!important; transition:box-shadow .35s ease,transform .3s ease; }
.suite-secondary:hover { box-shadow:0 0 18px 3px color-mix(in srgb,var(--glow) 22%,transparent),0 8px 12px -3px rgba(0,0,0,.08),0 3px 5px -2px rgba(0,0,0,.06)!important; }

/* -- Submenu (dark navy) -- */
.submenu { position:fixed; top:72px; left:0; right:0; z-index:40; background:rgba(4,20,61,.95); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.1); transform:translateY(calc(-100% - 80px)); opacity:0; pointer-events:none; transition:transform .3s ease,opacity .3s ease; }
.submenu.visible { transform:translateY(0); opacity:1; pointer-events:auto; }
.submenu-link { color:rgba(255,255,255,.85); font-size:13px; font-weight:500; padding:14px 12px; min-height:44px; display:flex; align-items:center; transition:color .2s; white-space:nowrap; position:relative; flex-shrink:0; text-decoration:none; }
.submenu-link:hover,.submenu-link.active { color:white; }
.submenu-link.active::after { content:''; position:absolute; bottom:0; left:16px; right:16px; height:2px; background:#046bfc; border-radius:2px; }
.submenu .max-w-full { -webkit-backdrop-filter:none; backdrop-filter:none; -webkit-overflow-scrolling:touch; justify-content:safe center; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.25) transparent; }
.submenu .max-w-full::-webkit-scrollbar { height:3px; }
.submenu .max-w-full::-webkit-scrollbar-track { background:transparent; }
.submenu .max-w-full::-webkit-scrollbar-thumb { background:rgba(255,255,255,.25); border-radius:2px; }
@media(max-width:767px) { .submenu .max-w-full { scrollbar-width:none; -ms-overflow-style:none; } .submenu .max-w-full::-webkit-scrollbar { display:none; } }
.progress-bar { position:absolute; bottom:0; left:0; height:2px; background:linear-gradient(90deg,#046bfc,#3d8bfd); width:0%; transition:width .1s linear; }

/* -- Mobile FAQ Tabs -- */
@media(max-width:767px) {
    .faq-tabs { flex-wrap:wrap!important; overflow-x:visible!important; justify-content:center!important; }
    .faq-tabs::after { display:none!important; }
}

/* -- Sticky CTA Desktop -- */
.sticky-cta-desktop { position:fixed; bottom:0; left:0; right:0; z-index:50; background:rgba(255,255,255,.97); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-top:1px solid #e2e8f0; box-shadow:0 -4px 16px -4px rgba(0,0,0,.06); transform:translateY(100%); transition:transform .4s ease-out; display:none; }
@media(min-width:768px) { .sticky-cta-desktop { display:block; } }
.sticky-cta-desktop.visible { transform:translateY(0); }
.sticky-cta-mobile { transform:translateY(100%); transition:transform .4s ease-out; padding-bottom:calc(1rem + env(safe-area-inset-bottom)); }
.sticky-cta-mobile.visible { transform:translateY(0); }

/* -- Back to top -- */
.back-to-top { position:fixed; bottom:5rem; right:1.5rem; z-index:60; width:44px; height:44px; border-radius:50%; background:#fff; border:1px solid #e2e8f0; box-shadow:0 4px 12px rgba(0,0,0,.08); display:flex; align-items:center; justify-content:center; color:#64748b; cursor:pointer; opacity:0; pointer-events:none; transition:opacity .3s,background .2s,color .2s; }
.back-to-top.visible { opacity:1; pointer-events:auto; }
.back-to-top:hover { background:#046bfc; color:#fff; border-color:#046bfc; }
@supports(height:100dvh) { .back-to-top { bottom:calc(5rem + env(safe-area-inset-bottom,0px)); } }

/* -- Card hover lift removed: individual card classes have own hover styles -- */
@media(prefers-reduced-motion:reduce) { .diag-card, .feature-card, .bridge-card { transition:none!important; } }

/* -- Bento Glow Cards -- */
.bento-glow {
    position:relative;
    border:1px solid rgba(255,255,255,.08);
    transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;
}
.bento-glow::before {
    content:'';
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    padding:1px;
    background:var(--glow,linear-gradient(135deg,rgba(4,107,252,.4),rgba(4,107,252,.05)));
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
    opacity:.6;
    transition:opacity .35s ease;
}
.bento-glow:hover::before { opacity:1; }
.bento-glow:hover {
    transform:translateY(-4px);
    box-shadow:0 16px 40px rgba(4,20,61,.25);
}

/* -- Dark feature cards (What You Get v2) -- */
.wyg-dcard { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .3s ease; }
.wyg-dcard:hover { transform:translateY(-6px); border-color:rgba(255,255,255,.14); }
.wyg-dcard[data-accent="emerald"]:hover { box-shadow:0 20px 50px rgba(16,185,129,.12); }
.wyg-dcard[data-accent="blue"]:hover { box-shadow:0 20px 50px rgba(4,107,252,.12); }
.wyg-dcard[data-accent="sky"]:hover { box-shadow:0 20px 50px rgba(14,165,233,.12); }
.wyg-dcard[data-accent="amber"]:hover { box-shadow:0 20px 50px rgba(245,158,11,.12); }
.wyg-dcard[data-accent="violet"]:hover { box-shadow:0 20px 50px rgba(139,92,246,.12); }
.wyg-dcard .wyg-visual { height:140px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; mask-image:linear-gradient(black 0%,black 65%,rgba(0,0,0,.3) 88%,transparent 100%); -webkit-mask-image:linear-gradient(black 0%,black 65%,rgba(0,0,0,.3) 88%,transparent 100%); }

/* -- Missing TW utilities for WYG cards -- */
.gap-1\.5 { gap:0.375rem; }
.group:hover .group-hover\:scale-110 { transform:scale(1.1); }
.border-dashed { border-style:dashed; }
.ring-1 { --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width,0px) var(--tw-ring-offset-color,#fff); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width,0px)) var(--tw-ring-color,rgba(59,130,246,.5)); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.ring-primary\/20 { --tw-ring-color:rgba(4,107,252,.2); }
.bg-primary\/15 { background-color:rgba(4,107,252,.15); }
.bg-primary\/5 { background-color:rgba(4,107,252,.05); }
.bg-primary\/10 { background-color:rgba(4,107,252,.1); }
.border-primary\/15 { border-color:rgba(4,107,252,.15); }
.bg-emerald-500\/15 { background-color:rgba(16,185,129,.15); }
.bg-amber-500\/15 { background-color:rgba(245,158,11,.15); }
.bg-sky-500\/15 { background-color:rgba(14,165,233,.15); }
.bg-violet-500\/15 { background-color:rgba(139,92,246,.15); }
.bg-sky-500 { background-color:#0ea5e9; }
.text-sky-500 { color:#0ea5e9; }
.text-sky-600 { color:#0284c7; }
.text-purple-500 { color:#a855f7; }
.text-violet-600 { color:#7c3aed; }
.border-emerald-200 { border-color:#a7f3d0; }
.border-emerald-200\/60 { border-color:rgba(167,243,208,.6); }
.from-emerald-300 { --tw-gradient-from:#6ee7b7; --tw-gradient-to:rgba(110,231,183,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to); }
.to-amber-300 { --tw-gradient-to:#fcd34d; }
.from-amber-300 { --tw-gradient-from:#fcd34d; --tw-gradient-to:rgba(252,211,77,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to); }
.to-red-300 { --tw-gradient-to:#fca5a5; }
.bg-white\/80 { background-color:rgba(255,255,255,.8); }
.bg-white\/70 { background-color:rgba(255,255,255,.7); }
.bg-red-100 { background-color:#fee2e2; }
.border-red-300 { border-color:#fca5a5; }
.border-emerald-100\/60 { border-color:rgba(209,250,229,.6); }
@media(min-width:1024px) { .lg\:gap-6 { gap:1.5rem; } }

/* -- Bento Grid utilities -- */
.auto-rows-\[minmax\(170px\2c auto\)\] { grid-auto-rows:minmax(170px,auto); }
@media(min-width:1024px) {
    .lg\:row-span-2 { grid-row:span 2 / span 2; }
    .lg\:col-span-2 { grid-column:span 2 / span 2; }
    .lg\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.bg-white\/10 { background-color:rgba(255,255,255,.1); }
.bg-white\/20 { background-color:rgba(255,255,255,.2); }
.text-white\/85 { color:rgba(255,255,255,.85); }
.text-white\/80 { color:rgba(255,255,255,.8); }
.from-blue-600 { --tw-gradient-from:#2563eb; --tw-gradient-to:rgba(37,99,235,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to); }
.to-blue-600 { --tw-gradient-to:#2563eb; }

/* -- Who-its-for card bg override -- */
#who-its-for .bg-white { background-color:rgb(248 250 252); }

/* -- Button hover polish -- */
.btn-pill { transition:transform .25s ease,box-shadow .25s ease,filter .25s ease; touch-action:manipulation; }
.btn-pill:hover { filter:brightness(1.06); }
@media(prefers-reduced-motion:reduce) { .btn-pill { transition:none!important; } }

/* -- iOS input zoom fix -- */
@media(max-width:767px) { input[type="email"] { font-size:16px!important; } }

/* -- Form interaction states -- */
@media(min-width:640px) { .sm\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse:0; margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(1.5rem * var(--tw-space-y-reverse)); }
.py-3\.5 { padding-top:0.875rem; padding-bottom:0.875rem; }
.bg-slate-50\/80 { background-color:rgba(248,250,252,.8); }
.shadow-slate-200\/50 { --tw-shadow-color:rgba(226,232,240,.5); }
.focus\:bg-white:focus { background-color:#fff; }
.focus\:ring-2:focus { --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width,0px) var(--tw-ring-offset-color,#fff); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width,0px)) var(--tw-ring-color,rgba(59,130,246,.5)); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); }
.focus\:ring-primary\/30:focus { --tw-ring-color:rgba(4,107,252,.3); }
.focus\:border-primary:focus { border-color:#046bfc; }
.form-toast { position:fixed; bottom:2rem; left:50%; transform:translateX(-50%) translateY(1rem); background:#065f46; color:#fff; padding:.75rem 1.5rem; border-radius:.75rem; font-size:.875rem; font-weight:600; box-shadow:0 10px 25px rgba(0,0,0,.15); opacity:0; pointer-events:none; transition:opacity .3s,transform .3s; z-index:200; }
.form-toast.visible { opacity:1; transform:translateX(-50%) translateY(0); pointer-events:auto; }
.input-error { border-color:#ef4444!important; box-shadow:0 0 0 3px rgba(239,68,68,.15)!important; }
.form-error-msg { color:#ef4444; font-size:12px; margin-top:4px; display:none; }
.form-error-msg.visible { display:block; }
.btn-loading { opacity:.7; pointer-events:none; }
.btn-loading::after { content:''; display:inline-block; width:14px; height:14px; border:2px solid transparent; border-top-color:currentColor; border-radius:50%; animation:spin .6s linear infinite; margin-left:6px; vertical-align:middle; }
@keyframes spin { to { transform:rotate(360deg); } }

/* -- Touch Targets (WCAG 2.5.8) -- */
[data-slide] { position:relative; }
[data-slide]::before { content:''; position:absolute; inset:-17px; }

/* -- Exit-intent popup -- */
.exit-intent-overlay { position:fixed; inset:0; z-index:9999; background:rgba(4,20,61,.6); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; padding:1.5rem; opacity:0; pointer-events:none; transition:opacity .3s ease; }
.exit-intent-overlay.visible { opacity:1; pointer-events:auto; }
.exit-intent-card { background:#fff; border-radius:1.5rem; max-width:540px; width:100%; box-shadow:0 25px 60px rgba(0,0,0,.3); transform:translateY(24px) scale(.96); transition:transform .4s cubic-bezier(.16,1,.3,1); position:relative; overflow:hidden; max-height:min(90vh,calc(100dvh - 3rem)); overflow-y:auto; -webkit-overflow-scrolling:touch; }
.exit-intent-overlay.visible .exit-intent-card { transform:translateY(0) scale(1); }
.exit-intent-close { position:absolute; z-index:2; top:.75rem; right:.75rem; width:32px; height:32px; border-radius:50%; background:rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.2); cursor:pointer; display:flex; align-items:center; justify-content:center; color:#fff; transition:background .2s; }
.exit-intent-close:hover { background:rgba(0,0,0,.6); }
.exit-intent-close:focus-visible { outline:2px solid #046bfc; outline-offset:2px; }
.exit-intent-email { width:100%; height:44px; padding:0 1rem 0 2.5rem; border:1.5px solid #e2e8f0; border-radius:9999px; font-size:1rem; font-family:inherit; color:#1e293b; background:#fff; transition:border-color .2s,box-shadow .2s; -webkit-appearance:none; appearance:none; }
.exit-intent-email::placeholder { color:#94a3b8; }
.exit-intent-email:focus { outline:none; border-color:#046bfc; box-shadow:0 0 0 3px rgba(4,107,252,.15); }
.exit-intent-email.input-error { border-color:#ef4444; box-shadow:0 0 0 3px rgba(239,68,68,.15); }
.exit-intent-form { display:flex; flex-direction:column; gap:.5rem; margin-bottom:.75rem; }
@media(min-width:640px) { .exit-intent-form { flex-direction:row; } }
@media(max-width:767px) { .exit-intent-email { font-size:16px!important; } }
@media(max-width:480px) { .exit-intent-card > div:last-child { padding-left:1rem!important; padding-right:1rem!important; } }

/* -- Mobile blob hide -- */
@media(max-width:767px) { .section-blob { display:none!important; } }

/* -- Missing TW utilities for #final-cta gradients & effects -- */
.text-transparent { color:transparent; }
.bg-clip-text { -webkit-background-clip:text; background-clip:text; }
.-inset-px { inset:-1px; }
.blur-sm { --tw-blur:blur(4px); filter:var(--tw-blur); }
.-left-3 { left:-0.75rem; }
.text-amber-300 { color:#fcd34d; }
.text-\[13px\] { font-size:13px; }
.border-white\/15 { border-color:rgba(255,255,255,.15); }
.text-white\/90 { color:rgba(255,255,255,.9); }
.via-white\/10 { --tw-gradient-to:rgba(255,255,255,0); --tw-gradient-stops:var(--tw-gradient-from),rgba(255,255,255,.1),var(--tw-gradient-to); }
.via-white\/20 { --tw-gradient-to:rgba(255,255,255,0); --tw-gradient-stops:var(--tw-gradient-from),rgba(255,255,255,.2),var(--tw-gradient-to); }
.from-white\/0 { --tw-gradient-from:rgba(255,255,255,0); --tw-gradient-to:rgba(255,255,255,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to); }
.to-white\/0 { --tw-gradient-to:rgba(255,255,255,0); }
.translate-x-\[-100\%\] { --tw-translate-x:-100%; transform:translate(var(--tw-translate-x),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1)); }
.group:hover .group-hover\:translate-x-\[100\%\] { --tw-translate-x:100%; transform:translate(var(--tw-translate-x),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1)); }
.group:hover .group-hover\:translate-x-0\.5 { --tw-translate-x:0.125rem; transform:translate(var(--tw-translate-x),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1)); }
.hover\:shadow-2xl:hover { --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.hover\:border-white\/30:hover { border-color:rgba(255,255,255,.3); }
.hover\:bg-white\/5:hover { background-color:rgba(255,255,255,.05); }
.hover\:text-white:hover { color:#fff; }
.from-amber-300 { --tw-gradient-from:#fcd34d; --tw-gradient-to:rgba(252,211,77,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to); }
.via-amber-400 { --tw-gradient-to:rgba(251,191,36,0); --tw-gradient-stops:var(--tw-gradient-from),#fbbf24,var(--tw-gradient-to); }
.to-orange-400 { --tw-gradient-to:#fb923c; }
.from-amber-500\/15 { --tw-gradient-from:rgba(245,158,11,.15); --tw-gradient-to:rgba(245,158,11,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to); }
.via-white\/5 { --tw-gradient-to:rgba(255,255,255,0); --tw-gradient-stops:var(--tw-gradient-from),rgba(255,255,255,.05),var(--tw-gradient-to); }
.to-emerald-500\/15 { --tw-gradient-to:rgba(16,185,129,.15); }
.from-emerald-400 { --tw-gradient-from:#34d399; --tw-gradient-to:rgba(52,211,153,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to); }
.to-emerald-300 { --tw-gradient-to:#6ee7b7; }
.from-amber-500 { --tw-gradient-from:#f59e0b; --tw-gradient-to:rgba(245,158,11,0); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to); }
.shadow-amber-500\/30 { --tw-shadow-color:rgba(245,158,11,.3); }
.hover\:-translate-y-1:hover { --tw-translate-y:-0.25rem; transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1)); }

/* G-17: FAQ icon touch target 32→40px */
.faq-icon { min-width:40px; min-height:40px; width:40px; height:40px; }

/* G-18: Ultra-narrow phones (≤359px) */
@media (max-width:359px) {
    /* Hero pills: stack vertically, full width */
    #hero .flex-wrap { gap:0.375rem; }
    #hero .flex-wrap > span { font-size:0.6875rem; padding:0.25rem 0.5rem; }
    /* Comparison table: reduce cell padding */
    #comparison-table th,
    #comparison-table td { padding:0.5rem 0.25rem; font-size:0.6875rem; }
    #comparison-table { min-width:0; }
    /* Social proof stats: 2-col grid */
    #social-proof .grid { grid-template-columns:1fr 1fr; gap:0.5rem; }
}

/* G-27: Carousel card height limit on small phones */
@media (max-width:639px) {
    .lf-wheel-card { max-height:340px; }
}

/* G-29: Prevent sticky-hover on touch devices */
@media (hover:none) {
    .diag-card:hover,
    .feature-card:hover,
    .bridge-card:hover { transform:none; }
    .diag-card:hover .icon-wrap { transform:none; }
}

/* -- Print -- */
@media print {
    .submenu, #stickyCta, #stickyCtaDesktop, .exit-intent-overlay, .back-to-top, .section-blob, .hero-blob, .hero-grid, svg.hidden { display:none!important; }
    body { font-size:12pt; color:#000; }
    .reveal, .reveal-left, .reveal-right { opacity:1!important; transform:none!important; }
    .btn-pill { border:1px solid #046bfc; color:#046bfc; background:none; box-shadow:none; }
    a[href]::after { content:' (' attr(href) ')'; font-size:9pt; color:#555; }
    nav[aria-label="Breadcrumb"] a[href]::after { content:none; }
}