/* /assets/saas-public-pages.css — public pages only. Keep /assets/saas.css as base. */
:root{--ux-bg:#050817;--ux-panel:rgba(255,255,255,.075);--ux-panel2:rgba(255,255,255,.115);--ux-line:rgba(255,255,255,.13);--ux-text:#f8fbff;--ux-muted:#aeb8d8;--ux-primary:#8b5cf6;--ux-cyan:#06b6d4;--ux-green:#22c55e;--ux-pink:#ec4899;--ux-yellow:#facc15;--ux-shadow:0 28px 90px rgba(0,0,0,.38);--ux-glow:0 0 38px rgba(139,92,246,.34),0 0 72px rgba(6,182,212,.16);--ux-xl:32px;--ux-lg:24px;--ux-md:18px}
body.area-public{color:var(--ux-text);background:radial-gradient(circle at 8% 4%,rgba(139,92,246,.34),transparent 25rem),radial-gradient(circle at 88% 9%,rgba(6,182,212,.22),transparent 25rem),radial-gradient(circle at 50% 78%,rgba(236,72,153,.12),transparent 30rem),linear-gradient(135deg,#030611,#08111f 48%,#050815);background-attachment:fixed}
body.area-public:before,body.area-public:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}body.area-public:before{opacity:.27;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}body.area-public:after{z-index:-1;background:radial-gradient(circle at var(--ux-mouse-x,50%) var(--ux-mouse-y,20%),rgba(139,92,246,.16),transparent 22rem)}body.area-public.ux-bottom-glow{background:radial-gradient(circle at 10% 0,rgba(6,182,212,.28),transparent 25rem),radial-gradient(circle at 82% 82%,rgba(236,72,153,.22),transparent 30rem),linear-gradient(145deg,#030712,#0f1024 44%,#10172a)}
body.area-public .public-main{width:min(1200px,calc(100% - 32px));padding:34px 0 56px}.muted,body.area-public .muted,body.area-public .eyebrow,body.area-public .saas-brand-copy{color:var(--ux-muted)}body.area-public h1,body.area-public h2,body.area-public h3,body.area-public .saas-brand strong{color:#fff}body.area-public code{background:rgba(255,255,255,.08);color:#e0f2fe;border:1px solid rgba(255,255,255,.1)}
body.area-public .public-header{border-bottom:1px solid rgba(255,255,255,.09);background:rgba(5,9,20,.74);backdrop-filter:blur(22px);box-shadow:0 16px 60px rgba(0,0,0,.18)}body.area-public .public-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--ux-primary),var(--ux-cyan),transparent)}body.area-public .public-header-inner{min-height:82px}.ux-brand-spark{position:relative;overflow:hidden}.ux-brand-spark:after{content:"";position:absolute;inset:-45%;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.8),transparent 28%);animation:uxSpin 4.5s linear infinite;opacity:.34}body.area-public .saas-brand-mark{color:#fff;background:linear-gradient(135deg,var(--ux-primary),var(--ux-cyan));box-shadow:var(--ux-glow)}
body.area-public .saas-nav-link{position:relative;color:var(--ux-muted);overflow:hidden}body.area-public .saas-nav-link:before{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--ux-primary),var(--ux-cyan));transform:scaleX(0);transition:.22s}body.area-public .saas-nav-link:hover,body.area-public .saas-nav-link.is-active{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}body.area-public .saas-nav-link:hover:before,body.area-public .saas-nav-link.is-active:before{transform:scaleX(1)}body.area-public .public-drawer{background:rgba(7,12,27,.96);border-left-color:var(--ux-line);box-shadow:-22px 0 70px rgba(0,0,0,.5)}body.area-public .drawer-backdrop{background:rgba(1,3,10,.72);backdrop-filter:blur(10px)}
body.area-public .btn{position:relative;isolation:isolate;overflow:hidden;border-radius:999px;font-weight:800;letter-spacing:-.01em}body.area-public .btn:after{content:"";position:absolute;inset:-60% -20%;z-index:-1;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.38),transparent 54%);transform:translateX(-130%) rotate(12deg);transition:.56s}body.area-public .btn:hover:after{transform:translateX(130%) rotate(12deg)}body.area-public .btn-primary{color:#fff;border-color:rgba(255,255,255,.12);background:linear-gradient(135deg,var(--ux-primary),#6366f1 45%,var(--ux-cyan));box-shadow:0 14px 42px rgba(139,92,246,.30),0 0 0 1px rgba(255,255,255,.08) inset}body.area-public .btn-secondary,body.area-public .btn-ghost{color:#e7ecff;background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.13)}body.area-public .btn:hover{transform:translateY(-2px) scale(1.01)}
body.area-public .page-hero,body.area-public .card,body.area-public .feature-card,body.area-public .pricing-card,body.area-public .comparison-card,body.area-public .faq-item,body.area-public .auth-card,body.area-public .trust-pill,body.area-public .kpi-tile,body.area-public .form-note,body.area-public .dashboard-preview-bar{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));border:1px solid var(--ux-line);box-shadow:var(--ux-shadow);backdrop-filter:blur(18px)}body.area-public .page-hero{padding:clamp(24px,5vw,58px);border-radius:var(--ux-xl);background:radial-gradient(circle at 16% 0,rgba(139,92,246,.30),transparent 24rem),radial-gradient(circle at 88% 16%,rgba(6,182,212,.22),transparent 24rem),linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035))}body.area-public .card,body.area-public .feature-card,body.area-public .pricing-card,body.area-public .comparison-card,body.area-public .faq-item,body.area-public .auth-card{border-radius:var(--ux-lg);padding:clamp(18px,2.2vw,28px);transition:transform .24s,border-color .24s,box-shadow .24s}body.area-public .card:hover,body.area-public .feature-card:hover,body.area-public .pricing-card:hover,body.area-public .comparison-card:hover,body.area-public .faq-item:hover{transform:translateY(-7px);border-color:rgba(139,92,246,.38);box-shadow:var(--ux-shadow),0 0 42px rgba(139,92,246,.18)}
body.area-public .hero-split{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(26px,5vw,58px)}body.area-public .page-hero h1,body.area-public .auth-card h1{font-size:clamp(2.25rem,6vw,5.35rem);line-height:.96;letter-spacing:-.075em;margin-bottom:18px}body.area-public .auth-card h1{font-size:clamp(2rem,4vw,3.25rem)}body.area-public .section-heading h2,body.area-public .card h2,body.area-public .comparison-card h2{font-size:clamp(1.8rem,3.4vw,3.35rem);letter-spacing:-.055em;line-height:1.02}body.area-public .page-hero p,body.area-public .section-heading p{font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.78}.hero-cta-stack,.ux-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
body.area-public .eyebrow,body.area-public .feature-highlight,.ux-chip{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;border-radius:999px;padding:8px 12px;color:#dbeafe;background:rgba(139,92,246,.13);border:1px solid rgba(139,92,246,.28);box-shadow:0 0 30px rgba(139,92,246,.14)}body.area-public .eyebrow:before,body.area-public .feature-highlight:before,.ux-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ux-cyan);box-shadow:0 0 14px var(--ux-cyan)}.ux-gradient-text{background:linear-gradient(100deg,#fff,#c4b5fd 35%,#67e8f9 72%,#bbf7d0);-webkit-background-clip:text;background-clip:text;color:transparent}
.ux-orbit-panel,body.area-public .hero-display{position:relative;min-height:520px;padding:18px;border-radius:var(--ux-xl);background:linear-gradient(135deg,rgba(6,182,212,.16),transparent 32%),linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);box-shadow:var(--ux-shadow),var(--ux-glow);overflow:hidden;isolation:isolate}.ux-orbit-panel:before,body.area-public .hero-display:before{content:"";position:absolute;inset:34px;border-radius:50%;border:1px dashed rgba(255,255,255,.13);animation:uxSpin 22s linear infinite}.ux-orbit-panel:after,body.area-public .hero-display:after{content:"";position:absolute;width:210px;height:210px;right:-62px;bottom:-62px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.24),transparent 68%)}.ux-floating-icon{position:absolute;z-index:2;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);backdrop-filter:blur(14px);box-shadow:0 18px 44px rgba(0,0,0,.28);animation:uxFloat 5.8s ease-in-out infinite}.ux-floating-icon.is-wa{top:9%;left:7%;background:linear-gradient(135deg,rgba(34,197,94,.72),rgba(16,185,129,.22))}.ux-floating-icon.is-tg{top:16%;right:9%;background:linear-gradient(135deg,rgba(6,182,212,.72),rgba(59,130,246,.24));animation-delay:-1.1s}.ux-floating-icon.is-bot{bottom:17%;left:8%;background:linear-gradient(135deg,rgba(139,92,246,.72),rgba(236,72,153,.22));animation-delay:-2.2s}.ux-floating-icon.is-route{bottom:12%;right:13%;background:linear-gradient(135deg,rgba(250,204,21,.72),rgba(249,115,22,.18));animation-delay:-3.2s}
.ux-dashboard-card{position:relative;z-index:1;width:min(430px,92%);margin:70px auto 0;padding:18px;border-radius:28px;background:rgba(5,10,24,.7);border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 84px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.ux-dashboard-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.ux-window-dots{display:flex;gap:7px}.ux-window-dots span{width:10px;height:10px;border-radius:50%;background:#fff5}.ux-window-dots span:nth-child(1){background:#fb7185}.ux-window-dots span:nth-child(2){background:#facc15}.ux-window-dots span:nth-child(3){background:#22c55e}.ux-command-list,.ux-command-demo{display:grid;gap:12px}.ux-command-row,body.area-public .dashboard-preview-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.ux-status-dot{width:10px;height:10px;border-radius:50%;background:var(--ux-green);box-shadow:0 0 20px var(--ux-green)}
body.area-public .trust-bar,body.area-public .kpi-strip,body.area-public .value-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}body.area-public .trust-pill,body.area-public .kpi-tile{padding:16px;border-radius:20px}body.area-public .trust-pill strong,body.area-public .kpi-tile strong{display:block;color:#fff;font-size:clamp(1.3rem,2.4vw,2rem);letter-spacing:-.04em}body.area-public .feature-grid,body.area-public .pricing-grid,body.area-public .support-grid,body.area-public .comparison-grid,body.area-public .faq-grid,.ux-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}body.area-public .marketing-grid,body.area-public .auth-grid,.ux-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
body.area-public .feature-icon,.ux-icon-bubble{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#fff;font-weight:900;margin-bottom:18px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.34),transparent 28%),linear-gradient(135deg,var(--ux-primary),var(--ux-cyan));box-shadow:0 0 28px rgba(139,92,246,.28)}.ux-icon-bubble.is-green{background:linear-gradient(135deg,#22c55e,#06b6d4)}.ux-icon-bubble.is-pink{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.ux-icon-bubble.is-yellow{background:linear-gradient(135deg,#facc15,#f97316)}body.area-public .badge,.ux-badge{border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#eef2ff}body.area-public .badge-soft{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.34);color:#ddd6fe}body.area-public .badge-success{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.3);color:#bbf7d0}body.area-public .badge-outline{color:#dbe4ff;border-color:rgba(255,255,255,.14)}
body.area-public .price{color:#fff;font-size:clamp(2.2rem,5vw,4.25rem);line-height:1;letter-spacing:-.075em;margin:18px 0}body.area-public .pricing-card.is-featured,body.area-public .comparison-card.is-featured{border-color:rgba(6,182,212,.38);background:radial-gradient(circle at top right,rgba(6,182,212,.20),transparent 20rem),linear-gradient(145deg,rgba(139,92,246,.17),rgba(255,255,255,.045));transform:translateY(-8px)}body.area-public .feature-list{padding-left:0;list-style:none}body.area-public .feature-list li{position:relative;padding-left:28px;color:var(--ux-muted)}body.area-public .feature-list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#03120b;background:var(--ux-green);font-size:12px;font-weight:900}
body.area-public .timeline{position:relative}body.area-public .timeline:before{content:"";position:absolute;left:18px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--ux-primary),var(--ux-cyan),transparent)}body.area-public .timeline-step{position:relative;grid-template-columns:38px 1fr}body.area-public .timeline-marker{position:relative;z-index:1;width:38px;height:38px;color:#fff;border-radius:14px;background:linear-gradient(135deg,var(--ux-primary),var(--ux-cyan));box-shadow:0 0 24px rgba(6,182,212,.24)}body.area-public .pill-list span{color:#e5edff;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.065)}
.ux-flow-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:center}.ux-flow-step{position:relative;min-height:136px;padding:18px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}.ux-flow-step:not(:last-child):after{content:"→";position:absolute;right:-16px;top:50%;translate:0 -50%;color:var(--ux-cyan);font-size:24px;font-weight:900;text-shadow:0 0 18px var(--ux-cyan)}.ux-command-demo{padding:18px;border-radius:26px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.1)}.ux-chat-bubble{width:max-content;max-width:90%;padding:12px 14px;border-radius:18px 18px 18px 4px;color:#e8f0ff;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11)}.ux-chat-bubble.is-out{justify-self:end;border-radius:18px 18px 4px 18px;background:linear-gradient(135deg,rgba(139,92,246,.45),rgba(6,182,212,.28))}
body.area-public .faq-item details{margin:-6px}body.area-public .faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;color:#fff;font-weight:850;font-size:1.02rem}body.area-public .faq-item summary::-webkit-details-marker{display:none}body.area-public .faq-item summary:after{content:"+";display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:.2s}body.area-public .faq-item details[open] summary:after{transform:rotate(45deg);background:linear-gradient(135deg,var(--ux-primary),var(--ux-cyan))}body.area-public .faq-item details p{margin:14px 0 0}
body.area-public .auth-grid{align-items:stretch}body.area-public .auth-card{border-radius:30px;padding:clamp(22px,4vw,38px)}body.area-public label{color:#eef2ff;gap:10px}body.area-public input,body.area-public select,body.area-public textarea{min-height:50px;color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);border-radius:16px;transition:.2s}body.area-public input:focus,body.area-public select:focus,body.area-public textarea:focus{border-color:rgba(6,182,212,.72);background:rgba(255,255,255,.095);box-shadow:0 0 0 4px rgba(6,182,212,.12),0 0 30px rgba(6,182,212,.12)}.ux-auth-orb{position:absolute;width:150px;height:150px;right:18px;top:18px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.28),transparent 68%);pointer-events:none}.ux-support-card{min-height:240px}
.ux-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(130px,1fr));gap:24px;align-items:start;width:100%}body.area-public .saas-footer{position:relative;border-radius:var(--ux-xl);padding:clamp(22px,4vw,36px);background:radial-gradient(circle at 10% 0,rgba(139,92,246,.18),transparent 24rem),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border-color:var(--ux-line);overflow:hidden}body.area-public .saas-footer:before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--ux-primary),var(--ux-cyan),transparent)}.ux-footer-column{display:grid;gap:10px}.ux-footer-column h4{margin:0;color:#fff}.ux-footer-column a{color:var(--ux-muted);transition:.2s}.ux-footer-column a:hover{color:#fff;transform:translateX(3px)}.ux-bottom-band{position:relative;margin-top:30px;min-height:220px;display:grid;place-items:center;text-align:center;border-radius:var(--ux-xl);overflow:hidden;background:radial-gradient(circle at center,rgba(6,182,212,.18),transparent 26rem),linear-gradient(135deg,rgba(139,92,246,.18),rgba(255,255,255,.04));border:1px solid var(--ux-line)}.ux-bottom-band:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;border:1px dashed rgba(255,255,255,.16);animation:uxSpin 34s linear infinite}.ux-bottom-band>*{position:relative;z-index:1}
.ux-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}.ux-reveal.is-visible{opacity:1;transform:translateY(0)}.ux-delay-1{transition-delay:.08s}.ux-delay-2{transition-delay:.16s}.ux-delay-3{transition-delay:.24s}@keyframes uxSpin{to{transform:rotate(360deg)}}@keyframes uxFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(2deg)}}
@media(max-width:1080px){body.area-public .hero-split,body.area-public .marketing-grid,body.area-public .auth-grid,.ux-grid-2{grid-template-columns:1fr}body.area-public .feature-grid,body.area-public .pricing-grid,body.area-public .support-grid,body.area-public .comparison-grid,body.area-public .faq-grid,.ux-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-flow-strip{grid-template-columns:1fr}.ux-flow-step:not(:last-child):after{content:"↓";right:22px;top:auto;bottom:-22px;translate:0}.ux-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){body.area-public .public-main{width:calc(100% - 18px);padding-top:18px}body.area-public .page-hero{padding:20px;border-radius:24px}body.area-public .feature-grid,body.area-public .pricing-grid,body.area-public .support-grid,body.area-public .comparison-grid,body.area-public .faq-grid,.ux-grid-3,.ux-footer-grid{grid-template-columns:1fr}.hero-cta-stack,.ux-cta-row,body.area-public .button-row{align-items:stretch}.ux-orbit-panel,body.area-public .hero-display{min-height:430px;border-radius:24px}.ux-dashboard-card{width:100%;margin-top:82px}.ux-floating-icon{width:48px;height:48px;border-radius:15px;font-size:13px}body.area-public .pricing-card.is-featured,body.area-public .comparison-card.is-featured{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.ux-reveal{opacity:1;transform:none}}


/* ==========================================================
   MOBILE + PERFORMANCE FIX PATCH
   Add at bottom of /assets/saas-public-pages.css
   ========================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body.area-public *,
body.area-public *::before,
body.area-public *::after {
    min-width: 0;
}

body.area-public img,
body.area-public svg,
body.area-public video,
body.area-public canvas {
    max-width: 100%;
    height: auto;
}

body.area-public .public-main,
body.area-public .public-header-inner {
    width: min(1200px, calc(100% - 24px));
    max-width: 100%;
}

body.area-public .page-hero,
body.area-public .card,
body.area-public .feature-card,
body.area-public .pricing-card,
body.area-public .comparison-card,
body.area-public .faq-item,
body.area-public .auth-card,
body.area-public .ux-bottom-band,
body.area-public .ux-orbit-panel,
body.area-public .hero-display,
body.area-public .ux-dashboard-card,
body.area-public .ux-command-demo {
    max-width: 100%;
}

/* Better wrapping for long words, IDs, commands, links */
body.area-public h1,
body.area-public h2,
body.area-public h3,
body.area-public p,
body.area-public span,
body.area-public a,
body.area-public strong,
body.area-public code,
body.area-public li {
    overflow-wrap: anywhere;
    word-break: normal;
}

/* Avoid cards pushing outside screen */
body.area-public .hero-split,
body.area-public .marketing-grid,
body.area-public .auth-grid,
body.area-public .ux-grid-2,
body.area-public .feature-grid,
body.area-public .pricing-grid,
body.area-public .support-grid,
body.area-public .comparison-grid,
body.area-public .faq-grid,
body.area-public .ux-grid-3,
body.area-public .trust-bar,
body.area-public .kpi-strip,
body.area-public .value-strip,
body.area-public .ux-flow-strip {
    max-width: 100%;
}

/* Tables should scroll inside, not push whole page */
body.area-public .table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.area-public table {
    max-width: 100%;
}

/* Reduce costly visual effects on mid devices */
@media (max-width: 1100px) {
    body.area-public:after {
        display: none;
    }

    body.area-public .page-hero,
    body.area-public .card,
    body.area-public .feature-card,
    body.area-public .pricing-card,
    body.area-public .comparison-card,
    body.area-public .faq-item,
    body.area-public .auth-card,
    body.area-public .trust-pill,
    body.area-public .kpi-tile,
    body.area-public .form-note,
    body.area-public .dashboard-preview-bar {
        backdrop-filter: none;
        box-shadow: 0 16px 38px rgba(0, 0, 0, 0.26);
    }

    body.area-public .feature-card:hover,
    body.area-public .pricing-card:hover,
    body.area-public .comparison-card:hover,
    body.area-public .faq-item:hover,
    body.area-public .card:hover {
        transform: translateY(-3px);
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
    }

    .ux-reveal {
        transition-duration: 0.42s;
    }
}

/* Main tablet/mobile layout correction */
@media (max-width: 900px) {
    body.area-public .hero-split,
    body.area-public .marketing-grid,
    body.area-public .auth-grid,
    body.area-public .ux-grid-2,
    body.area-public .feature-grid,
    body.area-public .pricing-grid,
    body.area-public .support-grid,
    body.area-public .comparison-grid,
    body.area-public .faq-grid,
    body.area-public .ux-grid-3,
    body.area-public .trust-bar,
    body.area-public .kpi-strip,
    body.area-public .value-strip {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.area-public .page-hero h1,
    body.area-public .auth-card h1 {
        font-size: clamp(2rem, 12vw, 3.35rem);
        line-height: 1;
        letter-spacing: -0.055em;
    }

    body.area-public .section-heading h2,
    body.area-public .card h2,
    body.area-public .comparison-card h2 {
        font-size: clamp(1.55rem, 8vw, 2.35rem);
        line-height: 1.08;
    }

    body.area-public .hero-display,
    body.area-public .ux-orbit-panel {
        min-height: auto;
        padding: 16px;
        border-radius: 24px;
    }

    body.area-public .hero-display::before,
    body.area-public .ux-orbit-panel::before {
        display: none;
    }

    body.area-public .ux-dashboard-card {
        width: 100%;
        margin: 20px 0 0;
        border-radius: 22px;
    }

    body.area-public .ux-command-row,
    body.area-public .dashboard-preview-bar {
        align-items: flex-start;
        flex-direction: column;
    }

    body.area-public .public-header-inner {
        min-height: 70px;
    }

    body.area-public .public-main {
        padding-top: 18px;
    }

    body.area-public .page-hero {
        padding: 22px;
    }
}

/* Strict mobile fix */
@media (max-width: 640px) {
    body.area-public .public-main,
    body.area-public .public-header-inner {
        width: calc(100% - 16px);
    }

    body.area-public .page-hero,
    body.area-public .card,
    body.area-public .feature-card,
    body.area-public .pricing-card,
    body.area-public .comparison-card,
    body.area-public .faq-item,
    body.area-public .auth-card {
        padding: 16px;
        border-radius: 20px;
    }

    body.area-public .hero-cta-stack,
    body.area-public .ux-cta-row,
    body.area-public .button-row,
    body.area-public .actions,
    body.area-public .badge-row,
    body.area-public .pill-list {
        width: 100%;
        align-items: stretch;
    }

    body.area-public .hero-cta-stack .btn,
    body.area-public .ux-cta-row .btn,
    body.area-public .button-row .btn {
        width: 100%;
    }

    body.area-public .ux-floating-icon {
        display: none;
    }

    body.area-public .ux-flow-strip {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px;
    }

    body.area-public .ux-flow-step {
        min-height: auto;
        padding: 16px;
        border-radius: 18px;
    }

    body.area-public .ux-flow-step:not(:last-child)::after {
        display: none;
    }

    body.area-public .trust-pill,
    body.area-public .kpi-tile {
        padding: 14px;
    }

    body.area-public .ux-bottom-band {
        min-height: auto;
        padding: 28px 16px;
    }

    body.area-public .ux-bottom-band::before {
        display: none;
    }

    body.area-public .price {
        font-size: clamp(2rem, 14vw, 3.2rem);
    }

    body.area-public .feature-icon,
    body.area-public .ux-icon-bubble {
        width: 46px;
        height: 46px;
        border-radius: 15px;
        margin-bottom: 14px;
    }

    body.area-public .ux-footer-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.area-public .saas-footer {
        padding: 18px;
        border-radius: 20px;
    }
}

/* Very small phones */
@media (max-width: 390px) {
    body.area-public .page-hero h1,
    body.area-public .auth-card h1 {
        font-size: 2rem;
    }

    body.area-public .page-hero,
    body.area-public .card,
    body.area-public .feature-card,
    body.area-public .pricing-card,
    body.area-public .comparison-card,
    body.area-public .faq-item,
    body.area-public .auth-card {
        padding: 14px;
    }

    body.area-public .btn {
        min-height: 46px;
        padding: 10px 13px;
        font-size: 14px;
    }
}

/* Performance safety for low-power devices */
@media (prefers-reduced-motion: reduce), (max-width: 760px) {
    body.area-public *,
    body.area-public *::before,
    body.area-public *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }

    body.area-public .ux-reveal {
        opacity: 1 !important;
        transform: none !important;
    }
}