/* Neo POS marketing redesign — clear RTL hierarchy, September 2026 */
:root {
    --neo-green: #0f9f58;
    --neo-green-dark: #087344;
    --neo-green-soft: #eaf8f0;
    --neo-navy: #111827;
    --neo-text: #344054;
    --neo-muted: #667085;
    --neo-line: #e4e9e7;
    --neo-canvas: #f7faf8;
    --neo-white: #ffffff;
    --neo-radius: 24px;
    --neo-shadow: 0 18px 55px rgba(16, 24, 40, .08);
}

html { scroll-behavior: smooth; scroll-padding-top: 104px; }
.neo-home-v2 { width: 100%; max-width: 100%; overflow-x: clip; background: var(--neo-white); color: var(--neo-navy); }
.neo-home-v2 main { max-width: 100%; overflow: hidden; }
.neo-home-v2 .cursor-glow { display: none; }
.neo-home-v2 .container { width: 100%; max-width: 1160px; margin-inline: auto; padding-inline: 20px; }
.neo-home-v2 .legacy-marketing-section,
.neo-home-v2 .value-icons,
.neo-home-v2 #features,
.neo-home-v2 #whatsapp,
.neo-home-v2 #bento,
.neo-home-v2 #testimonials,
.neo-home-v2 .comparison-section { display: none !important; }
.neo-home-v2 .marquee-wrapper { display: none !important; }

/* Navigation */
.neo-home-v2 .navbar {
    top: 16px;
    width: min(1160px, calc(100% - 32px));
    border: 1px solid rgba(228, 233, 231, .9);
    border-radius: 18px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 10px 35px rgba(16,24,40,.07);
    backdrop-filter: blur(18px);
}
.neo-home-v2 .nav-inner { min-height: 64px; padding: 0 18px; }
.neo-home-v2 .nav-logo { gap: 8px; }
.neo-home-v2 .nav-logo .logo-img { width: 36px; height: 36px; border-radius: 11px; }
.neo-home-v2 .nav-logo .logo-text { font-size: 20px; color: var(--neo-navy); }
.neo-home-v2 .nav-links { gap: 4px; }
.neo-home-v2 .nav-link { color: #475467; font-size: 13px; font-weight: 700; padding: 10px 13px; border-radius: 10px; }
.neo-home-v2 .nav-link::after { display: none; }
.neo-home-v2 .nav-link:hover,
.neo-home-v2 .nav-link.active { color: var(--neo-green-dark); background: var(--neo-green-soft); }
.neo-home-v2 .btn-nav-primary { min-height: 42px; padding: 0 18px; border-radius: 11px; background: var(--neo-green); box-shadow: none; }
.neo-home-v2 .btn-nav-primary:hover { background: var(--neo-green-dark); transform: none; }

/* Shared buttons */
.neo-btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 22px;
    border: 1px solid transparent;
    border-radius: 13px;
    font: 800 14px/1 'Tajawal', sans-serif;
    text-decoration: none;
    transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.neo-btn svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.neo-btn-primary { color: #fff; background: var(--neo-green); box-shadow: 0 10px 24px rgba(15,159,88,.2); }
.neo-btn-primary:hover { color: #fff; background: var(--neo-green-dark); box-shadow: 0 12px 28px rgba(15,159,88,.26); }
.neo-btn-secondary { color: var(--neo-navy); border-color: #d7dfdb; background: #fff; }
.neo-btn-secondary:hover { border-color: #a9b9b0; background: #f8faf9; }

/* Hero */
.neo-hero-v2 {
    min-height: 760px;
    display: grid;
    align-items: center;
    padding: 150px 0 90px;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 20%, rgba(22,163,74,.10), transparent 28%),
        radial-gradient(circle at 90% 75%, rgba(37,99,235,.07), transparent 30%),
        linear-gradient(180deg, #fff 0%, #f8fbf9 100%);
}
.neo-hero-grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: clamp(32px, 4vw, 54px); align-items: center; }
.neo-hero-grid > * { min-width: 0; }
.neo-hero-copy { width: 100%; min-width: 0; max-width: 560px; }
.neo-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; color: var(--neo-green-dark); background: var(--neo-green-soft); border: 1px solid #c9ead7; border-radius: 999px; font-size: 12px; font-weight: 800; }
.neo-eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--neo-green); box-shadow: 0 0 0 4px rgba(15,159,88,.12); }
.neo-hero-copy h1 { margin: 22px 0 18px; font-size: clamp(44px, 5vw, 70px); line-height: 1.14; letter-spacing: -2.8px; font-weight: 900; color: #101828; }
.neo-hero-copy h1 em { color: var(--neo-green); font-style: normal; }
.neo-hero-copy > p { max-width: 600px; margin: 0; color: var(--neo-muted); font-size: 18px; line-height: 1.9; }
.neo-hero-actions { display: flex; gap: 12px; margin-top: 30px; }
.neo-proof-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 38px; padding-top: 22px; border-top: 1px solid var(--neo-line); }
.neo-proof-row div { padding-inline: 16px; border-inline-start: 1px solid var(--neo-line); }
.neo-proof-row div:first-child { padding-inline-start: 0; border-inline-start: 0; }
.neo-proof-row strong, .neo-proof-row span { display: block; }
.neo-proof-row strong { color: #1d2939; font-size: 14px; font-weight: 900; }
.neo-proof-row span { color: #98a2b3; font-size: 11px; margin-top: 5px; }

.neo-product-preview { position: relative; width: 100%; min-width: 0; max-width: 650px; box-sizing: border-box; direction: rtl; padding: clamp(14px, 1.6vw, 20px); border: 1px solid #dce5e0; border-radius: 28px; background: rgba(255,255,255,.96); box-shadow: 0 30px 80px rgba(18,54,38,.14), 0 8px 24px rgba(16,24,40,.06); transform: none; isolation: isolate; }
.neo-product-preview::before { content: ""; position: absolute; inset: 8% -5% -8% 8%; z-index: -1; border-radius: 38px; background: linear-gradient(135deg, rgba(15,159,88,.16), rgba(37,99,235,.08)); filter: blur(30px); }
.neo-product-preview::after { content: "واجهة البرنامج"; position: absolute; inset-inline-start: 22px; top: -14px; z-index: 2; padding: 7px 12px; border: 1px solid #ccebd9; border-radius: 999px; background: #f2fbf6; color: #087a43; font-size: 11px; font-weight: 900; box-shadow: 0 8px 20px rgba(15,159,88,.1); }
.neo-preview-top { display: flex; align-items: center; justify-content: space-between; padding: 2px 2px 16px; border-bottom: 1px solid #eef2f0; }
.neo-preview-brand { display: flex; align-items: center; gap: 9px; font-weight: 900; }
.neo-preview-brand img { width: 30px; height: 30px; border-radius: 9px; }
.neo-live { display: flex; align-items: center; gap: 7px; color: #087344; font-size: 11px; font-weight: 800; }
.neo-live i, .neo-preview-foot i { width: 7px; height: 7px; border-radius: 50%; background: #12b76a; }
.neo-preview-metrics { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 10px; padding: 16px 0; }
.neo-preview-metrics > div { min-height: 105px; display: flex; flex-direction: column; justify-content: center; padding: 14px; border: 1px solid #e8eeeb; border-radius: 15px; background: #fbfdfc; }
.neo-preview-metrics span { color: #667085; font-size: 11px; }
.neo-preview-metrics strong { color: #101828; font-size: 21px; margin: 8px 0 4px; }
.neo-preview-metrics strong small { color: #667085; font-size: 10px; }
.neo-preview-metrics small { color: #98a2b3; font-size: 9px; }
.neo-preview-metrics b { width: fit-content; color: #087344; background: #eaf8f0; padding: 3px 7px; border-radius: 999px; font-size: 9px; }
.neo-preview-body { display: grid; grid-template-columns: 1.2fr .8fr; gap: 10px; }
.neo-chart-card, .neo-alert-card { min-height: 190px; padding: 16px; border: 1px solid #e8eeeb; border-radius: 16px; background: #fff; }
.neo-card-title { display: flex; justify-content: space-between; align-items: center; }
.neo-card-title strong { font-size: 12px; }
.neo-card-title span { color: #98a2b3; font-size: 9px; }
.neo-bars { height: 125px; display: flex; align-items: flex-end; gap: 9px; padding-top: 18px; }
.neo-bars i { flex: 1; min-height: 20px; border-radius: 5px 5px 2px 2px; background: #dcefe4; }
.neo-bars i.active { background: var(--neo-green); box-shadow: 0 5px 15px rgba(15,159,88,.24); }
.neo-stock-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 13px 0; border-bottom: 1px solid #f0f2f1; font-size: 10px; }
.neo-stock-row:last-child { border-bottom: 0; }
.neo-stock-row b { padding: 4px 7px; border-radius: 7px; font-size: 9px; }
.neo-stock-row .ok { color: #087344; background: #eaf8f0; }
.neo-stock-row .warn { color: #b54708; background: #fff6e7; }
.neo-stock-row .danger { color: #b42318; background: #fef0ef; }
.neo-preview-foot { display: flex; justify-content: space-between; padding: 15px 3px 2px; color: #98a2b3; font-size: 9px; }
.neo-preview-foot span:first-child { display: flex; align-items: center; gap: 6px; color: #087344; }

/* Detailed Neo POS mockup restored from the original landing page */
.neo-home-v2 .neo-restored-pos { min-width: 0; width: 100%; height: 610px; display: flex; align-items: center; justify-content: center; overflow: visible; }
.neo-home-v2 .neo-restored-pos .scene-3d { width: 100%; height: 610px; display: flex; }
.neo-home-v2 .neo-restored-pos .panel-glow-ring { opacity: .82; }
.neo-home-v2 .neo-restored-pos .laptop-3d { animation: none; transform: rotateX(-3deg) rotateY(-7deg) scale(.68); box-shadow: 0 45px 100px rgba(16,24,40,.2), 0 18px 55px rgba(94,14,215,.13); }

/* Consolidated feature section */
.neo-features-v2 { padding: 104px 0; background: #fff; }
.neo-section-heading { max-width: 680px; margin: 0 auto 46px; text-align: center; }
.neo-section-kicker { display: block; margin-bottom: 12px; color: var(--neo-green); font-size: 12px; font-weight: 900; letter-spacing: .04em; }
.neo-section-heading h2 { margin: 0 0 14px; color: #101828; font-size: clamp(30px, 4vw, 46px); line-height: 1.3; font-weight: 900; letter-spacing: -1.2px; }
.neo-section-heading p { margin: 0; color: var(--neo-muted); font-size: 16px; line-height: 1.8; }
.neo-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.neo-feature-card { min-height: 255px; padding: 26px; border: 1px solid var(--neo-line); border-radius: 20px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.neo-feature-card:hover { border-color: #b9ddc8; box-shadow: 0 16px 34px rgba(16,24,40,.07); }
.neo-feature-card.neo-feature-main { grid-row: span 2; min-height: 526px; display: flex; flex-direction: column; justify-content: center; background: #10271e; border-color: #10271e; color: #fff; }
.neo-feature-icon { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 28px; border-radius: 13px; color: var(--neo-green); background: var(--neo-green-soft); }
.neo-feature-icon svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.neo-feature-main .neo-feature-icon { color: #fff; background: rgba(255,255,255,.12); }
.neo-feature-card > span { color: var(--neo-green); font-size: 11px; font-weight: 900; }
.neo-feature-main > span { color: #7ee2ad; }
.neo-feature-card h3 { margin: 8px 0 10px; color: #182230; font-size: 20px; line-height: 1.45; font-weight: 900; }
.neo-feature-main h3 { color: #fff; font-size: 27px; }
.neo-feature-card p { margin: 0; color: var(--neo-muted); font-size: 13px; line-height: 1.8; }
.neo-feature-main p { color: #bdd0c6; }
.neo-feature-card ul { display: grid; gap: 12px; margin: 24px 0 0; padding: 20px 0 0; list-style: none; border-top: 1px solid rgba(255,255,255,.13); }
.neo-feature-card li { position: relative; padding-inline-start: 23px; color: #e1eee7; font-size: 12px; }
.neo-feature-card li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: #7ee2ad; font-weight: 900; }
.neo-feature-note { display: flex; justify-content: center; gap: 8px; margin-top: 28px; color: #667085; font-size: 13px; }
.neo-feature-note a { color: var(--neo-green-dark); font-weight: 800; }

/* Existing core sections restyled into one system */
.neo-home-v2 .mobile-showcase-section,
.neo-home-v2 .workflow-section,
.neo-home-v2 .pricing-section,
.neo-home-v2 .faq-section,
.neo-home-v2 .download-section { padding: 104px 0; }
.neo-home-v2 .mobile-showcase-section,
.neo-home-v2 .pricing-section,
.neo-home-v2 .download-section { background: var(--neo-canvas); }
.neo-home-v2 .workflow-section,
.neo-home-v2 .faq-section { background: #fff; }
.neo-home-v2 .mobile-layout { gap: 80px; }
.neo-home-v2 .mobile-content-col h2 { font-size: clamp(31px, 4vw, 45px) !important; letter-spacing: -1px; }
.neo-home-v2 .mobile-content-col > p { max-width: 610px; color: var(--neo-muted) !important; }
.neo-home-v2 .mobile-features-list { gap: 10px; margin: 28px 0; }
.neo-home-v2 .mobile-feat-card { padding: 14px 16px; border: 1px solid var(--neo-line); border-radius: 14px; background: #fff; box-shadow: none; }
.neo-home-v2 .mfc-content p { display: none; }
.neo-home-v2 .mfc-icon { width: 38px; height: 38px; font-size: 0; }
.neo-home-v2 .mfc-icon::before { content: "✓"; font-size: 17px; font-weight: 900; }
.neo-home-v2 .mobile-phone-frame { box-shadow: 0 24px 60px rgba(16,24,40,.15); }
.neo-home-v2 .phone-floating-pill { box-shadow: 0 12px 30px rgba(16,24,40,.1); }

/* Neo Mobile — purple dashboard preview based on the current app UI */
.neo-purple-preview-wrap { position: relative; width: 100%; display: grid; place-items: center; isolation: isolate; }
.neo-purple-preview-wrap::before { content: ""; position: absolute; width: 390px; height: 390px; z-index: -1; border-radius: 50%; background: radial-gradient(circle, rgba(148,51,166,.13), rgba(148,51,166,0) 68%); filter: blur(2px); }
.neo-purple-phone {
    position: relative;
    width: min(100%, 356px);
    min-height: 590px;
    padding: 12px 12px 76px;
    overflow: hidden;
    color: #fff;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 30px;
    background:
        radial-gradient(circle at 8% 4%, rgba(221,78,198,.25), transparent 32%),
        linear-gradient(160deg, #672073 0%, #451052 52%, #28052f 100%);
    box-shadow: 0 26px 60px rgba(67, 15, 82, .22);
    direction: rtl;
}
.neo-app-header { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 8px; border-radius: 16px; background: rgba(36,10,44,.36); }
.neo-app-brand { display: flex; align-items: center; gap: 9px; font-size: 17px; }
.neo-app-brand img { width: 32px; height: 32px; border-radius: 9px; }
.neo-app-menu { width: 36px; height: 36px; display: grid; align-content: center; justify-content: center; gap: 4px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(255,255,255,.08); }
.neo-app-menu i { width: 16px; height: 1.5px; border-radius: 2px; background: #fff; }
.neo-app-panel { margin-top: 12px; padding: 12px; border: 1px solid rgba(207,143,255,.32); border-radius: 24px; background: rgba(31,3,39,.3); }
.neo-app-panel > h3 { margin: 0 0 10px; text-align: center; color: #fff; font-size: 16px; }
.neo-app-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.neo-app-stat { position: relative; min-height: 112px; padding: 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.07)); }
.neo-app-stat-icon { width: 31px; height: 31px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 10px; }
.neo-app-stat-icon svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.stat-sales .neo-app-stat-icon { background: #ff7385; }
.stat-accounts .neo-app-stat-icon { background: #ffbd31; }
.stat-shortage .neo-app-stat-icon { background: #6fe956; }
.stat-customers .neo-app-stat-icon { background: #bd3dff; }
.neo-app-stat small, .neo-app-stat strong, .neo-app-stat b { display: block; }
.neo-app-stat small { font-size: 10px; font-weight: 800; color: #fff; }
.neo-app-stat strong { margin-top: 4px; font-size: 14px; }
.neo-app-stat b { margin-top: 4px; color: #d8c3df; font-size: 9px; }
.neo-app-stat > i { position: absolute; inset-inline: 11px; bottom: 9px; height: 3px; border-radius: 9px; background: linear-gradient(90deg, #1b6258 0 62%, #c947ff 62%); }
.stat-accounts > i { background: linear-gradient(90deg, #28544f 0 35%, #ffcf39 35%); }
.stat-shortage > i { background: linear-gradient(90deg, #28544f 0 72%, #70ee5b 72%); }
.neo-quick-head { display: flex; justify-content: space-between; align-items: center; margin: 10px 2px 7px; }
.neo-quick-head strong { font-size: 12px; }
.neo-quick-head span { padding: 5px 9px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.15); font-size: 8px; font-weight: 800; }
.neo-quick-list { display: grid; gap: 7px; }
.neo-quick-list > div { min-height: 45px; display: grid; grid-template-columns: 33px 1fr 10px; align-items: center; gap: 7px; padding: 6px 8px; border: 1px solid rgba(255,255,255,.15); border-radius: 13px; background: rgba(255,255,255,.08); }
.neo-quick-list > div:nth-child(3) { display: none; }
.neo-quick-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #287ef5; }
.neo-quick-icon svg { width: 17px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.neo-quick-list p { margin: 0; }
.neo-quick-list p strong, .neo-quick-list p small { display: block; }
.neo-quick-list p strong { color: #fff; font-size: 10px; }
.neo-quick-list p small { margin-top: 2px; color: #d5c3db; font-size: 8px; }
.neo-quick-list > div > b { color: #a991b1; }
.neo-app-bottom { position: absolute; inset-inline: 15px; bottom: 12px; height: 57px; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; padding: 6px 7px; border: 1px solid rgba(255,255,255,.18); border-radius: 20px; background: rgba(32,10,37,.86); backdrop-filter: blur(14px); }
.neo-app-bottom > span { position: relative; min-width: 0; display: grid; justify-items: center; gap: 3px; color: #d9c5df; }
.neo-app-bottom svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.neo-app-bottom small { font-size: 7px; font-weight: 800; }
.neo-app-bottom .active { color: #fff; }
.neo-app-bottom .camera { width: 46px; height: 46px; place-self: center; margin-top: -20px; border: 4px solid #3c183f; border-radius: 50%; color: #fff; background: #ff7418; box-shadow: 0 5px 16px rgba(255,116,24,.3); }
.neo-app-bottom .camera svg { width: 22px; }
.neo-app-bottom > span > b { position: absolute; top: -7px; inset-inline-start: 7px; padding: 2px 5px; border-radius: 999px; color: #fff; background: #ff4757; font-size: 7px; }
.neo-preview-chip { position: absolute; z-index: 3; min-width: 154px; display: grid; grid-template-columns: 34px 1fr 7px; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.8); border-radius: 16px; direction: rtl; background: rgba(255,255,255,.94); box-shadow: 0 14px 34px rgba(40,12,48,.14); backdrop-filter: blur(14px); }
.neo-preview-chip-sales { top: 88px; right: -4px; }
.neo-preview-chip-sync { left: -2px; bottom: 86px; }
.neo-chip-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; }
.neo-chip-icon svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.neo-chip-green { color: #087344; background: #eaf8f0; }
.neo-chip-purple { color: #7c3aed; background: #f1eafe; }
.neo-preview-chip small, .neo-preview-chip strong { display: block; white-space: nowrap; }
.neo-preview-chip small { color: #7d8796; font-size: 9px; font-weight: 700; }
.neo-preview-chip strong { margin-top: 2px; color: #182230; font-size: 11px; }
.neo-preview-chip > i { width: 7px; height: 7px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 4px rgba(18,183,106,.12); }
.neo-preview-chip-sales { animation: neo-float 4.6s ease-in-out infinite; }
.neo-preview-chip-sync { animation: neo-float 5.2s ease-in-out -1.3s infinite; }
.neo-preview-mini { position: absolute; z-index: 4; display: flex; align-items: center; gap: 5px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.78); border-radius: 999px; direction: rtl; color: #475467; background: rgba(255,255,255,.9); box-shadow: 0 10px 26px rgba(40,12,48,.12); backdrop-filter: blur(12px); font-size: 8px; }
.neo-preview-mini strong { color: #182230; font-size: 9px; }
.neo-preview-mini svg { width: 13px; fill: none; stroke: #f04438; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.neo-preview-mini > i { width: 6px; height: 6px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 3px rgba(18,183,106,.12); }
.neo-preview-pwa { top: 22px; left: 9px; animation: neo-float 5.5s ease-in-out -.8s infinite; }
.neo-preview-pwa strong { color: #7c3aed; }
.neo-preview-alert { right: 7px; bottom: 20px; animation: neo-float 4.8s ease-in-out -2s infinite; }
.neo-preview-alert strong { color: #f04438; }
.neo-deco-dot { position: absolute; z-index: 0; border-radius: 50%; pointer-events: none; }
.neo-deco-dot.dot-one { width: 11px; height: 11px; top: 26%; left: 5%; background: #c947ff; box-shadow: 0 0 0 7px rgba(201,71,255,.1); }
.neo-deco-dot.dot-two { width: 8px; height: 8px; top: 52%; right: 5%; background: #12b76a; box-shadow: 0 0 0 6px rgba(18,183,106,.1); }
.neo-deco-dot.dot-three { width: 6px; height: 6px; bottom: 28%; left: 12%; background: #ffbd31; box-shadow: 0 0 0 5px rgba(255,189,49,.1); }
@keyframes neo-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

.neo-home-v2 .section-head { max-width: 680px; margin: 0 auto 44px; }
.neo-home-v2 .section-head h2 { color: #101828; font-size: clamp(30px, 4vw, 44px); letter-spacing: -1px; }
.neo-home-v2 .section-head p { color: var(--neo-muted); }
.neo-home-v2 .section-tag { border: 0; color: var(--neo-green); background: transparent; padding: 0; font-size: 12px; font-weight: 900; }
.neo-home-v2 .workflow-steps { gap: 14px; }
.neo-home-v2 .workflow-step { border: 1px solid var(--neo-line); border-radius: 18px; background: #fff; box-shadow: none; }
.neo-home-v2 .workflow-step:hover { transform: none; border-color: #b9ddc8; }
.neo-home-v2 .step-num { color: var(--neo-green); background: var(--neo-green-soft); }

/* Pricing remains data-driven; only presentation is simplified */
.neo-home-v2 .pricing-grid { gap: 18px; align-items: stretch; }
.neo-home-v2 .pricing-card { border: 1px solid var(--neo-line); border-radius: 22px; background: #fff; box-shadow: none; }
.neo-home-v2 .pricing-card:hover { transform: none; box-shadow: 0 18px 38px rgba(16,24,40,.08); }
.neo-home-v2 .pricing-popular { border: 2px solid var(--neo-green); box-shadow: 0 20px 45px rgba(15,159,88,.12); }
.neo-home-v2 .popular-badge { background: var(--neo-green); }
.neo-home-v2 .plan-name { color: #101828; }
.neo-home-v2 .price-amount { color: #101828; letter-spacing: -1.5px; }
.neo-home-v2 .pricing-popular .price-amount { color: var(--neo-green); }
.neo-home-v2 .plan-features { border-color: #edf1ef; }
.neo-home-v2 .plan-features li { color: #475467; }
.neo-home-v2 .btn-plan { min-height: 50px; border-radius: 12px; }
.neo-home-v2 .btn-plan-primary { background: var(--neo-green); box-shadow: none; }
.neo-home-v2 .pricing-disclosure { max-width: 850px; margin: 24px auto 0; color: #98a2b3; text-align: center; line-height: 1.8; }
#btnPricingPromoCoupon, #btnPricingWaylDirect { min-height: 40px; padding: 0 15px !important; border-radius: 10px !important; background: #fff !important; border-color: #dce5e0 !important; color: #475467 !important; }

.neo-home-v2 .faq-grid { gap: 14px; }
.neo-home-v2 .faq-item { border: 1px solid var(--neo-line); border-radius: 14px; background: #fff; }
.neo-home-v2 .faq-q { min-height: 64px; color: #1d2939; }
.neo-home-v2 .faq-icon { color: var(--neo-green); background: var(--neo-green-soft); }

.neo-home-v2 .download-card { min-height: auto; padding: 48px; border: 0; border-radius: 26px; background: #10271e; box-shadow: none; }
.neo-home-v2 .download-content { max-width: 720px; }
.neo-home-v2 .download-content h2 { color: #fff; }
.neo-home-v2 .download-content p, .neo-home-v2 .download-requirements { color: #bdd0c6; }
.neo-home-v2 .download-content .section-tag { color: #7ee2ad; }
.neo-home-v2 .download-content .btn-primary { background: var(--neo-green); box-shadow: none; }
.neo-home-v2 .download-content .btn-ghost { color: #fff; border-color: rgba(255,255,255,.25); }

/* Final decision block */
.neo-final-cta { padding: 104px 0; background: #fff; }
.neo-final-card { display: flex; justify-content: space-between; align-items: center; gap: 40px; padding: 48px 52px; border-radius: 26px; color: #fff; background: linear-gradient(120deg, #087344, #0f9f58); }
.neo-final-card span { color: #b9f0d1; font-size: 12px; font-weight: 900; }
.neo-final-card h2 { margin: 8px 0 8px; font-size: clamp(27px, 3.4vw, 40px); line-height: 1.35; }
.neo-final-card p { margin: 0; color: #dcf7e8; line-height: 1.75; }
.neo-final-actions { display: flex; gap: 10px; flex-shrink: 0; }
.neo-btn-light { color: #087344; background: #fff; }
.neo-btn-light:hover { color: #087344; background: #f4fbf7; }
.neo-btn-outline-light { color: #fff; border-color: rgba(255,255,255,.42); }
.neo-btn-outline-light:hover { color: #fff; background: rgba(255,255,255,.1); }

.neo-home-v2 .site-footer { padding-top: 64px; background: #0c1712; }
.neo-home-v2 .footer-grid { gap: 44px; }
.neo-home-v2 .footer-tagline { max-width: 370px; }

@media (max-width: 1024px) {
    .neo-hero-grid { gap: 36px; }
    .neo-hero-copy h1 { font-size: 50px; }
    .neo-feature-grid { grid-template-columns: repeat(2, 1fr); }
    .neo-feature-card.neo-feature-main { grid-row: span 1; min-height: 280px; }
    .neo-final-card { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 768px) {
    html { scroll-padding-top: 82px; }
    .neo-home-v2 .container { width: 100%; max-width: 100%; padding-inline: 14px; }
    .neo-home-v2 .navbar { top: 8px; width: calc(100% - 16px); border-radius: 15px; }
    .neo-home-v2 .nav-inner { min-height: 58px; padding: 0 12px; }
    .neo-home-v2 .mobile-menu { border-radius: 0 0 15px 15px; }
    .neo-hero-v2 { min-height: auto; padding: 116px 0 64px; }
    .neo-hero-grid { width: 100%; grid-template-columns: minmax(0, 1fr); gap: 42px; }
    .neo-hero-copy { max-width: 100%; text-align: center; }
    .neo-eyebrow { margin-inline: auto; }
    .neo-hero-copy h1 { max-width: 100%; margin-top: 18px; font-size: clamp(38px, 11vw, 52px); letter-spacing: -1.7px; overflow-wrap: anywhere; }
    .neo-hero-copy > p { font-size: 16px; line-height: 1.85; }
    .neo-hero-actions { justify-content: center; }
    .neo-proof-row { text-align: start; }
    .neo-product-preview { width: 100%; max-width: 620px; margin-inline: auto; transform: none; overflow: hidden; }
    .neo-home-v2 .neo-restored-pos { height: 330px; overflow: hidden; }
    .neo-home-v2 .neo-restored-pos .scene-3d { height: 330px; }
    .neo-home-v2 .neo-restored-pos #laptop3d { transform: scale(.46) !important; transform-origin: center center; }
    .neo-home-v2 .neo-restored-pos .hf-card { display: none; }
    .neo-features-v2,
    .neo-home-v2 .mobile-showcase-section,
    .neo-home-v2 .workflow-section,
    .neo-home-v2 .pricing-section,
    .neo-home-v2 .faq-section,
    .neo-home-v2 .download-section,
    .neo-final-cta { padding: 76px 0; }
    .neo-feature-grid { grid-template-columns: 1fr 1fr; }
    .neo-feature-card { min-height: 230px; }
    .neo-feature-card.neo-feature-main { grid-column: 1 / -1; }
    .neo-home-v2 .mobile-layout { gap: 52px; }
    .neo-final-card { padding: 36px; }
    .neo-preview-chip-sales { right: 0; }
    .neo-preview-chip-sync { left: 0; }
    .neo-preview-pwa { left: 2px; }
    .neo-preview-alert { right: 2px; }
}

@media (max-width: 520px) {
    .neo-home-v2 .nav-logo { display: flex !important; position: static !important; transform: none !important; }
    .neo-home-v2 .nav-logo .logo-text { display: block !important; }
    .neo-hero-copy h1 { width: 100%; font-size: clamp(31px, 9.2vw, 36px); line-height: 1.24; letter-spacing: -.7px; overflow-wrap: normal; }
    .neo-hero-actions, .neo-final-actions { flex-direction: column; }
    .neo-btn { width: 100%; box-sizing: border-box; }
    .neo-proof-row { display: none; }
    .neo-product-preview { padding: 12px; border-radius: 20px; box-shadow: 0 18px 44px rgba(18,54,38,.12); }
    .neo-product-preview::before { inset: 12% 2% -5%; filter: blur(22px); }
    .neo-product-preview::after { top: -12px; inset-inline-start: 14px; font-size: 10px; padding: 6px 10px; }
    .neo-preview-top { padding-bottom: 12px; }
    .neo-preview-brand img { width: 26px; height: 26px; }
    .neo-preview-metrics { grid-template-columns: 1fr 1fr; gap: 8px; }
    .neo-preview-metrics > div { min-height: 94px; padding: 12px; }
    .neo-preview-metrics > div:first-child { grid-column: 1 / -1; }
    .neo-preview-body { grid-template-columns: 1fr; }
    .neo-chart-card { display: none; }
    .neo-alert-card { min-width: 0; }
    .neo-preview-foot { gap: 8px; font-size: 9px; }
    .neo-feature-grid { grid-template-columns: 1fr; }
    .neo-feature-card.neo-feature-main { grid-column: auto; }
    .neo-feature-note { flex-direction: column; align-items: center; }
    .neo-home-v2 .download-card, .neo-final-card { padding: 28px 22px; border-radius: 20px; }
    .neo-preview-chip { min-width: 138px; padding: 8px 9px; transform: scale(.9); }
    .neo-preview-chip { animation: none; }
    .neo-preview-chip-sales { right: -8px; transform-origin: top right; }
    .neo-preview-chip-sync { left: -8px; transform-origin: bottom left; }
    .neo-preview-mini { display: none; }
    .neo-deco-dot { opacity: .65; }
}

/* Hero POS preview — inspired by the real workspace, rebuilt for marketing */
.neo-product-preview {
    padding: 12px;
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,249,245,.96));
}
.neo-product-preview::after { content: "معاينة حيّة"; inset-inline-start: 20px; }
.neo-pos-windowbar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; min-height: 40px; padding: 0 7px 10px; }
.neo-pos-windowbar .neo-preview-brand { justify-self: start; }
.neo-pos-session { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: #ecfdf3; color: #087344; font-size: 10px; font-weight: 800; }
.neo-pos-session i, .neo-pos-footer i { width: 6px; height: 6px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 4px rgba(18,183,106,.1); }
.neo-window-dots { justify-self: end; display: flex; gap: 5px; direction: ltr; }
.neo-window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d0d5dd; }
.neo-window-dots i:first-child { background: #ff6b6b; }
.neo-window-dots i:nth-child(2) { background: #ffbd31; }
.neo-window-dots i:last-child { background: #32d583; }

.neo-pos-actions { display: flex; gap: 6px; padding: 8px; overflow: hidden; border: 1px solid #e6ece9; border-radius: 13px; background: rgba(255,255,255,.8); }
.neo-pos-actions span { flex: 1 0 auto; min-width: 54px; padding: 7px 8px; border: 1px solid currentColor; border-radius: 9px; text-align: center; font-size: 9px; font-weight: 900; background: #fff; }
.neo-pos-actions .is-green { color: #07854a; background: #edfbf4; }
.neo-pos-actions .is-blue { color: #1769d2; background: #eff6ff; }
.neo-pos-actions .is-violet { color: #6e42dd; background: #f4f0ff; }
.neo-pos-actions .is-amber { color: #c66a04; background: #fff7e8; }
.neo-pos-actions .is-purple { color: #8b3fe2; background: #f7efff; }
.neo-pos-actions .is-rose { color: #d92d53; background: #fff0f4; }

.neo-pos-searchbar { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px; margin: 8px 0; padding: 7px 8px; border: 1px solid #b9d8cb; border-radius: 13px; background: #fff; box-shadow: inset 0 0 0 2px rgba(15,159,88,.05); }
.neo-pos-search-icon { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: #eaf8f0; color: #087344; font-size: 17px; font-weight: 900; }
.neo-pos-placeholder { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #7a879d; font-size: 10px; font-weight: 700; }
.neo-pos-searchbar button { border: 0; border-radius: 9px; padding: 8px 10px; background: linear-gradient(135deg,#ff6371,#ef476f); color: #fff; font-family: inherit; font-size: 9px; font-weight: 900; box-shadow: 0 6px 14px rgba(239,71,111,.2); }

.neo-pos-workspace { display: grid; grid-template-columns: 82px minmax(0,1fr) 142px; gap: 8px; min-height: 320px; direction: rtl; }
.neo-pos-sidebar { display: flex; flex-direction: column; gap: 6px; padding: 9px 7px; border-radius: 15px; background: linear-gradient(180deg,#101827,#111c2c); color: #b9c3d1; box-shadow: 0 14px 28px rgba(16,24,40,.2); }
.neo-side-logo { width: 30px; height: 30px; display: grid; place-items: center; margin: 0 auto 2px; border-radius: 10px; background: linear-gradient(145deg,#16b96c,#0b7b49); color: #fff; font-size: 14px; font-weight: 900; box-shadow: 0 7px 15px rgba(15,159,88,.28); }
.neo-pos-sidebar span { display: grid; grid-template-columns: 18px 1fr; align-items: center; gap: 3px; padding: 9px 6px; border-radius: 9px; font-size: 12px; }
.neo-pos-sidebar span small { font-size: 8px; font-weight: 800; white-space: nowrap; }
.neo-pos-sidebar span.active { background: linear-gradient(135deg,rgba(29,155,240,.22),rgba(20,184,166,.14)); color: #fff; box-shadow: inset -2px 0 #22c7f3; }

.neo-sale-canvas { min-width: 0; display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid #e4e9e7; border-radius: 15px; background: rgba(255,255,255,.9); }
.neo-sale-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid #edf1ef; }
.neo-sale-head strong { font-size: 12px; color: #1d2939; }
.neo-sale-head span { padding: 4px 7px; border-radius: 7px; background: #f0f5ff; color: #3b61c8; font-size: 8px; font-weight: 800; }
.neo-cart-item { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 8px; padding: 10px; border: 1px solid #edf0ef; border-radius: 11px; background: #fbfcfc; }
.neo-med-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #eaf8f0; color: #07854a; font: 900 10px/1 'DM Sans',sans-serif; }
.neo-med-icon.blue { color: #2563eb; background: #edf4ff; font-size: 16px; }
.neo-cart-item div { min-width: 0; }
.neo-cart-item strong, .neo-cart-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.neo-cart-item strong { color: #344054; font-size: 9px; }
.neo-cart-item small { margin-top: 3px; color: #98a2b3; font-size: 8px; }
.neo-cart-item > b { color: #111827; font-size: 9px; white-space: nowrap; }
.neo-cart-summary { display: flex; justify-content: space-between; gap: 8px; margin-top: auto; padding: 9px 10px; border-radius: 10px; background: #f2fbf6; color: #087344; font-size: 8px; font-weight: 800; }

.neo-checkout-panel { display: flex; flex-direction: column; gap: 8px; padding: 10px; border: 1px solid #e3e9e6; border-radius: 15px; background: #fff; }
.neo-checkout-title { padding: 9px; border-radius: 9px; background: linear-gradient(135deg,#0e9276,#087b6a); color: #fff; text-align: center; font-size: 10px; font-weight: 900; }
.neo-discount-label { margin-top: 2px; color: #cf7800; font-size: 8px; font-weight: 900; }
.neo-discount-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.neo-discount-grid b { padding: 8px 2px; border: 1px solid #fed7a0; border-radius: 8px; background: #fff8ec; color: #b65f00; text-align: center; font-size: 9px; }
.neo-total-card { margin-top: auto; padding: 12px 8px; border-radius: 11px; background: linear-gradient(145deg,#ef4444,#d92d20); color: #fff; text-align: center; box-shadow: 0 8px 18px rgba(217,45,32,.2); }
.neo-total-card span, .neo-total-card strong { display: block; }
.neo-total-card span { font-size: 8px; font-weight: 700; opacity: .85; }
.neo-total-card strong { margin-top: 4px; font-size: 17px; }
.neo-total-card small { font-size: 8px; }
.neo-checkout-panel button { border: 0; border-radius: 9px; padding: 10px; background: linear-gradient(135deg,#16a75e,#087b47); color: #fff; font: 900 9px/1 var(--font-ar); box-shadow: 0 7px 16px rgba(15,159,88,.2); }
.neo-pos-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 6px 1px; color: #8994a4; font-size: 8px; font-weight: 700; }
.neo-pos-footer span:first-child { display: inline-flex; align-items: center; gap: 6px; color: #087344; }

.neo-float-note { position: absolute; z-index: 4; display: grid; gap: 2px; min-width: 132px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.9); border-radius: 14px; background: rgba(255,255,255,.9); box-shadow: 0 16px 34px rgba(16,24,40,.14); backdrop-filter: blur(14px); animation: neo-float 5s ease-in-out infinite; }
.neo-float-note b { color: #1d2939; font-size: 9px; }
.neo-float-note span { color: #7a8797; font-size: 8px; }
.neo-float-stock { left: -30px; top: 48%; border-color: #ffd9a1; }
.neo-float-sync { right: -26px; bottom: 18%; border-color: #b7ebcf; animation-delay: -2s; }
.neo-float-sync b { color: #087344; }

/* Compact dashboard used only on phones */
.neo-mobile-dashboard-preview { display: none; }

@media (max-width: 1100px) and (min-width: 769px) {
    .neo-pos-workspace { grid-template-columns: 68px minmax(0,1fr) 122px; }
    .neo-pos-sidebar span small { display: none; }
    .neo-pos-sidebar span { grid-template-columns: 1fr; place-items: center; }
    .neo-float-note { display: none; }
}

/* Selected hero visual: the clean responsive dashboard version */
.neo-pos-detailed-preview,
.neo-mobile-dashboard-preview { display: none !important; }
.neo-clean-dashboard { display: block !important; }

@media (max-width: 520px) {
    .neo-clean-dashboard { width: 100%; padding: 12px; border-radius: 20px; }
    .neo-clean-dashboard::after { display: block; }
}

@media (max-width: 900px) and (min-width: 769px) {
    .neo-hero-v2 { min-height: auto; padding: 128px 0 76px; }
    .neo-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 54px; }
    .neo-hero-copy { max-width: 690px; margin-inline: auto; text-align: center; }
    .neo-eyebrow { margin-inline: auto; }
    .neo-hero-copy h1 { font-size: 56px; }
    .neo-hero-copy > p { margin-inline: auto; }
    .neo-hero-actions { justify-content: center; }
    .neo-proof-row { max-width: 600px; margin-inline: auto; }
    .neo-product-preview { width: min(100%, 690px); margin-inline: auto; }
}

@media (max-width: 768px) {
    .neo-float-note { display: none; }
}

@media (max-width: 520px) {
    .neo-product-preview { display: none; }
    .neo-mobile-dashboard-preview {
        position: relative;
        display: grid;
        gap: 10px;
        width: 100%;
        max-width: 470px;
        margin-inline: auto;
        padding: 14px;
        border: 1px solid #dce8e2;
        border-radius: 24px;
        direction: rtl;
        background:
            radial-gradient(circle at 15% 10%, rgba(15,159,88,.11), transparent 30%),
            linear-gradient(145deg,#ffffff,#eff9f5);
        box-shadow: 0 22px 55px rgba(18,54,38,.14);
        overflow: hidden;
    }
    .neo-mobile-dashboard-preview::before {
        content: "نسخة الهاتف";
        position: absolute;
        top: 12px;
        left: 50%;
        transform: translateX(-50%);
        padding: 5px 9px;
        border-radius: 999px;
        background: #eaf8f0;
        color: #087344;
        font-size: 9px;
        font-weight: 900;
    }
    .neo-mobile-preview-head { display: flex; align-items: center; justify-content: space-between; min-height: 34px; padding-bottom: 9px; border-bottom: 1px solid #e7eeea; }
    .neo-mobile-preview-head > div { display: flex; align-items: center; gap: 7px; }
    .neo-mobile-preview-head img { width: 27px; height: 27px; border-radius: 9px; }
    .neo-mobile-preview-head strong { color: #172033; font-size: 13px; }
    .neo-mobile-preview-head > span, .neo-mobile-preview-foot span:first-child { display: inline-flex; align-items: center; gap: 6px; color: #087344; font-size: 9px; font-weight: 800; }
    .neo-mobile-preview-head i, .neo-mobile-preview-foot i { width: 6px; height: 6px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 4px rgba(18,183,106,.1); }
    .neo-mobile-main-stat { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 10px; padding: 15px; border-radius: 16px; background: linear-gradient(135deg,#0d9555,#13ad64); color: #fff; box-shadow: 0 10px 24px rgba(15,159,88,.2); }
    .neo-mobile-main-stat > span { font-size: 10px; font-weight: 700; opacity: .85; }
    .neo-mobile-main-stat strong { grid-row: span 2; font-size: clamp(25px,8vw,34px); line-height: 1; }
    .neo-mobile-main-stat strong small { font-size: 9px; }
    .neo-mobile-main-stat b { font-size: 9px; font-weight: 800; }
    .neo-mobile-stat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
    .neo-mobile-stat-row > div { display: grid; gap: 4px; padding: 12px; border: 1px solid #e4ebe7; border-radius: 14px; background: rgba(255,255,255,.9); }
    .neo-mobile-stat-row span { color: #7a8797; font-size: 9px; }
    .neo-mobile-stat-row strong { color: #172033; font-size: 20px; }
    .neo-mobile-stat-row small { color: #98a2b3; font-size: 8px; }
    .neo-mobile-chart-card { display: grid; grid-template-columns: 94px 1fr; align-items: center; gap: 12px; min-height: 108px; padding: 13px; border: 1px solid #e4ebe7; border-radius: 15px; background: rgba(255,255,255,.9); }
    .neo-mobile-chart-card > div:first-child { display: grid; gap: 5px; }
    .neo-mobile-chart-card strong { color: #1d2939; font-size: 11px; }
    .neo-mobile-chart-card span { color: #98a2b3; font-size: 8px; }
    .neo-mobile-bars { height: 70px; display: flex; align-items: end; gap: 6px; direction: ltr; }
    .neo-mobile-bars i { flex: 1; height: 45%; border-radius: 5px 5px 2px 2px; background: #dcefe4; }
    .neo-mobile-bars i:nth-child(2) { height: 62%; }
    .neo-mobile-bars i:nth-child(3) { height: 52%; }
    .neo-mobile-bars i:nth-child(4) { height: 88%; background: #12a35c; box-shadow: 0 6px 14px rgba(18,163,92,.18); }
    .neo-mobile-bars i:nth-child(5) { height: 70%; }
    .neo-mobile-bars i:nth-child(6) { height: 55%; }
    .neo-mobile-bars i:nth-child(7) { height: 66%; }
    .neo-mobile-stock-line { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .neo-mobile-stock-line > div { display: grid; grid-template-columns: 8px minmax(0,1fr) auto; align-items: center; gap: 6px; padding: 10px; border-radius: 12px; background: #fff; border: 1px solid #e5ebe8; }
    .neo-mobile-stock-line span { width: 7px; height: 7px; border-radius: 50%; }
    .neo-mobile-stock-line span.green { background: #12b76a; }
    .neo-mobile-stock-line span.orange { background: #f79009; }
    .neo-mobile-stock-line b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #344054; font-size: 8px; }
    .neo-mobile-stock-line small { color: #7a8797; font-size: 7px; white-space: nowrap; }
    .neo-mobile-preview-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 3px 3px 0; color: #98a2b3; font-size: 8px; }
    .neo-product-preview::after { display: none; }
    .neo-pos-windowbar { grid-template-columns: 1fr auto; }
    .neo-window-dots { display: none; }
    .neo-pos-session { padding: 5px 8px; }
    .neo-pos-actions { overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
    .neo-pos-actions::-webkit-scrollbar { display: none; }
    .neo-pos-actions span { flex-basis: 58px; scroll-snap-align: start; }
    .neo-pos-searchbar { grid-template-columns: auto minmax(0,1fr); }
    .neo-pos-searchbar button { grid-column: 1 / -1; width: 100%; padding: 10px; }
    .neo-pos-workspace { grid-template-columns: minmax(0,1fr); min-height: 0; }
    .neo-pos-sidebar { order: 0; display: grid; grid-template-columns: repeat(4,1fr); padding: 7px; }
    .neo-side-logo { display: none; }
    .neo-pos-sidebar span { grid-template-columns: 1fr; justify-items: center; gap: 3px; padding: 7px 3px; }
    .neo-pos-sidebar span small { display: block; font-size: 7px; }
    .neo-pos-sidebar span.active { box-shadow: inset 0 -2px #22c7f3; }
    .neo-sale-canvas { order: 1; min-height: 214px; }
    .neo-checkout-panel { order: 2; display: grid; grid-template-columns: 1fr 1fr; }
    .neo-checkout-title, .neo-discount-label, .neo-discount-grid { grid-column: 1 / -1; }
    .neo-total-card { margin: 0; }
    .neo-checkout-panel button { min-height: 100%; }
    .neo-pos-footer { padding-bottom: 2px; }
    .neo-float-note { display: none; }
}

@media (max-width: 520px) {
    .neo-clean-dashboard::after { display: block; }
}

/* Refined compact phone layout */
@media (max-width: 520px) {
    .neo-hero-v2 { padding: 96px 0 48px; }
    .neo-hero-grid { gap: 34px; }
    .neo-hero-copy { max-width: 390px; margin-inline: auto; }
    .neo-eyebrow { padding: 6px 10px; font-size: 10px; }
    .neo-hero-copy h1 { max-width: 360px; margin: 15px auto 12px; font-size: clamp(27px, 7.5vw, 31px); line-height: 1.25; letter-spacing: -.4px; }
    .neo-hero-copy > p { max-width: 365px; margin-inline: auto; font-size: 13px; line-height: 1.75; }
    .neo-hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-width: 380px; margin: 20px auto 0; }
    .neo-btn { width: auto; min-height: 44px; gap: 6px; padding: 0 10px; border-radius: 11px; font-size: 11px; white-space: nowrap; }
    .neo-btn svg { width: 14px; }

    .neo-clean-dashboard {
        width: min(88vw, 380px);
        max-width: 380px;
        margin-inline: auto;
        padding: 10px;
        border-radius: 18px;
        box-shadow: 0 16px 38px rgba(18,54,38,.12);
    }
    .neo-clean-dashboard::before { inset: 10% 3% -4%; filter: blur(18px); }
    .neo-clean-dashboard::after { display: none; }
    .neo-clean-dashboard .neo-preview-top { padding: 1px 1px 9px; }
    .neo-clean-dashboard .neo-preview-brand { gap: 6px; font-size: 11px; }
    .neo-clean-dashboard .neo-preview-brand img { width: 23px; height: 23px; border-radius: 7px; }
    .neo-clean-dashboard .neo-live { gap: 5px; font-size: 8px; }
    .neo-clean-dashboard .neo-live i { width: 5px; height: 5px; }
    .neo-clean-dashboard .neo-preview-metrics { grid-template-columns: 1.25fr 1fr 1fr; gap: 6px; padding: 10px 0; }
    .neo-clean-dashboard .neo-preview-metrics > div { min-height: 76px; padding: 8px; border-radius: 11px; }
    .neo-clean-dashboard .neo-preview-metrics > div:first-child { grid-column: auto; }
    .neo-clean-dashboard .neo-preview-metrics span { font-size: 7px; }
    .neo-clean-dashboard .neo-preview-metrics strong { margin: 5px 0 3px; font-size: 16px; }
    .neo-clean-dashboard .neo-preview-metrics strong small { font-size: 7px; }
    .neo-clean-dashboard .neo-preview-metrics small { font-size: 6px; }
    .neo-clean-dashboard .neo-preview-metrics b { padding: 2px 5px; font-size: 6px; }
    .neo-clean-dashboard .neo-alert-card { min-height: 126px; padding: 10px 12px; border-radius: 13px; }
    .neo-clean-dashboard .neo-card-title strong { font-size: 10px; }
    .neo-clean-dashboard .neo-card-title span { font-size: 7px; }
    .neo-clean-dashboard .neo-stock-row { padding: 8px 0; font-size: 8px; }
    .neo-clean-dashboard .neo-stock-row b { padding: 3px 5px; font-size: 7px; }
    .neo-clean-dashboard .neo-preview-foot { padding: 9px 2px 0; font-size: 7px; }
    .neo-clean-dashboard .neo-preview-foot i { width: 5px; height: 5px; }

    .neo-home-v2 .floating-wa-wrap { left: 12px; bottom: 12px; }
    .neo-home-v2 .floating-wa-btn { width: 44px; height: 44px; }
}

@media (max-width: 360px) {
    .neo-hero-actions { grid-template-columns: 1fr; max-width: 300px; }
    .neo-clean-dashboard { width: min(92vw, 330px); }
}

/* Logged-in account chip */
.neo-home-v2 .btn-nav-primary:has(.neo-nav-account) {
    min-height: 46px;
    padding: 4px 8px;
    border: 1px solid #dbe8e1;
    background: #fff;
    color: #172033;
    box-shadow: 0 7px 18px rgba(16,24,40,.07);
}
.neo-home-v2 .btn-nav-primary:has(.neo-nav-account):hover { background: #f7fbf9; color: #172033; }
.neo-nav-account { display: grid; grid-template-columns: 32px minmax(0,auto) 7px; align-items: center; gap: 8px; max-width: 190px; }
.neo-nav-avatar { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(145deg,#16aa61,#087b47); color: #fff; font-size: 13px; font-weight: 900; }
.neo-nav-account-text { min-width: 0; display: grid; text-align: right; line-height: 1.15; }
.neo-nav-account-text strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #172033; font-size: 11px; }
.neo-nav-account-text small { margin-top: 3px; color: #7a8797; font-size: 8px; font-weight: 700; }
.neo-nav-account > i { width: 7px; height: 7px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 4px rgba(18,183,106,.12); }

/* Compact account and subscription dashboard */
.neo-home-v2 .auth-modal-box { max-width: 620px; }
.sub-compact-title { margin-bottom: 16px; }
.sub-compact-title .neo-modal-icon { width: 48px; height: 48px; margin-bottom: 10px; background: #eaf8f0; color: #087344; }
.sub-compact-title .neo-modal-title { font-size: 22px; }
.sub-compact-title .neo-modal-desc { margin-top: 5px; font-size: 13px; }
.sub-account-card, .sub-payments-card { border: 1px solid #e2ebe6; border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(16,24,40,.05); }
.sub-account-card { padding: 16px; }
.sub-account-hero { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 11px; padding-bottom: 14px; border-bottom: 1px solid #edf2ef; }
.sub-account-avatar { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(145deg,#ecfdf3,#d7f5e4); font-size: 22px; }
.sub-account-primary { min-width: 0; }
.sub-account-primary h4 { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #172033; font-size: 17px; font-weight: 900; }
.sub-account-primary span { display: block; width: fit-content; margin-top: 4px; color: #667085; font-size: 12px; font-weight: 700; }
.sub-account-card .sub-status-pill { padding: 5px 10px; font-size: 10px; }
.sub-account-card .sub-dot-live { width: 6px; height: 6px; }
.sub-plan-summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding: 13px 14px; border-radius: 13px; background: linear-gradient(135deg,#effaf4,#f7fcf9); }
.sub-plan-summary div { min-width: 0; display: grid; gap: 3px; }
.sub-plan-summary span, .sub-dates-row span, .sub-user-id-row > span { color: #7a8797; font-size: 10px; font-weight: 700; }
.sub-plan-summary strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #172033; font-size: 13px; }
.sub-plan-summary > b { flex-shrink: 0; padding: 7px 10px; border-radius: 999px; background: #d9f8e7; color: #087344; font-size: 10px; }
.sub-plan-summary > b.is-expired { background: #fef0ef; color: #b42318; }
.sub-dates-row { display: grid; grid-template-columns: 1fr 22px 1fr; align-items: center; gap: 8px; margin-top: 10px; }
.sub-dates-row > div { display: grid; gap: 5px; padding: 12px; border: 1px solid #e8eeeb; border-radius: 12px; background: #fbfdfc; }
.sub-dates-row strong { color: #172033; font: 800 12px/1.3 'DM Sans','Tajawal',sans-serif; }
.sub-dates-row > i { color: #98a2b3; text-align: center; font-style: normal; }
.sub-user-id-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; padding: 10px 12px; border-radius: 11px; background: #f7f9fb; }
.sub-user-id-row code { max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; direction: ltr; color: #344054; font: 700 10px/1.4 'DM Sans',monospace; }
.sub-payments-card { margin: 12px 0; padding: 14px 16px; }
.sub-payments-head, .sub-payments-head > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.sub-payments-head h4 { margin: 0; color: #172033; font-size: 13px; }
.sub-payments-head small { color: #98a2b3; font-size: 9px; }
.sub-payments-icon { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: #eaf8f0; color: #087344; font-weight: 900; }
.sub-payment-list { display: grid; gap: 7px; max-height: 160px; margin-top: 11px; overflow-y: auto; }
.sub-payment-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; border: 1px solid #edf1ef; border-radius: 10px; background: #fbfdfc; }
.sub-payment-row > div { min-width: 0; display: grid; gap: 3px; }
.sub-payment-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #344054; font-size: 10px; }
.sub-payment-row span { color: #98a2b3; font-size: 8px; }
.sub-payment-row > b { flex-shrink: 0; color: #087344; font-size: 10px; }
.sub-payment-empty { padding: 16px; border: 1px dashed #dbe5df; border-radius: 11px; color: #98a2b3; background: #fafcfb; text-align: center; font-size: 10px; }
.sub-actions-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; }
.sub-actions-row .btn-sub-renew, .sub-actions-row .btn-sub-wa, .sub-actions-row .btn-sub-logout { min-width: 0; min-height: 44px; padding: 0 14px; border-radius: 11px; box-shadow: none; font-size: 11px; }
.sub-actions-row .btn-sub-renew { background: #0f9f58; }
.sub-actions-row .btn-sub-wa { display: grid; place-items: center; border: 1px solid #bcebcf; background: #f0fbf5; color: #087344; text-decoration: none; }

@media (max-width: 580px) {
    .neo-home-v2 .auth-modal-box { width: calc(100% - 20px); padding: 26px 16px 18px; border-radius: 20px; }
    .sub-compact-title { margin-bottom: 12px; }
    .sub-compact-title .neo-modal-icon { width: 42px; height: 42px; }
    .sub-account-card { padding: 13px; border-radius: 15px; }
    .sub-account-hero { grid-template-columns: 40px minmax(0,1fr) auto; gap: 8px; }
    .sub-account-avatar { width: 40px; height: 40px; border-radius: 12px; font-size: 19px; }
    .sub-account-primary h4 { font-size: 14px; }
    .sub-plan-summary { padding: 11px; }
    .sub-plan-summary strong { font-size: 11px; }
    .sub-dates-row > div { padding: 10px; }
    .sub-dates-row strong { font-size: 10px; }
    .sub-payments-card { padding: 12px; }
    .sub-actions-row { grid-template-columns: 1fr 1fr; }
    .sub-actions-row .btn-sub-renew { grid-column: 1 / -1; }
    .neo-home-v2 .mobile-menu .btn-nav-primary:has(.neo-nav-account) { width: 100%; }
    .neo-home-v2 .mobile-menu .neo-nav-account { max-width: 100%; grid-template-columns: 32px 1fr 7px; }
}

/* Account dashboard visual refresh */
.neo-home-v2 .auth-modal-box:has(#loginSubscriptionState[style*="block"]) {
    max-width: 690px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.8);
    background:
        radial-gradient(circle at 88% 5%, rgba(18,183,106,.1), transparent 25%),
        linear-gradient(180deg,#ffffff 0%,#f5faf7 100%);
    box-shadow: 0 34px 90px rgba(8,20,34,.28);
}
.sub-compact-title { margin-bottom: 20px; }
.sub-compact-title .neo-modal-icon { width: 58px; height: 58px; padding: 9px; margin-bottom: 11px; border: 1px solid #ccebd9; border-radius: 18px; background: linear-gradient(145deg,#fff,#e9f8f0); box-shadow: 0 10px 26px rgba(15,159,88,.13); }
.sub-compact-title .neo-modal-icon img { width: 100%; height: 100%; object-fit: contain; border-radius: 11px; }
.sub-compact-title .neo-modal-title { color: #101828; font-size: 28px; line-height: 1.25; letter-spacing: -.5px; }
.sub-compact-title .neo-modal-desc { color: #667085; font-size: 15px; }
.sub-account-card { padding: 0 18px 18px; border: 0; border-radius: 22px; background: #fff; box-shadow: 0 18px 44px rgba(16,24,40,.09); overflow: hidden; }
.sub-account-hero { position: relative; margin: 0 -18px 18px; padding: 20px 22px; border: 0; background: linear-gradient(135deg,#102033 0%,#142c3a 55%,#0c6548 135%); overflow: hidden; }
.sub-account-hero::after { content: ""; position: absolute; width: 160px; height: 160px; left: -55px; top: -85px; border-radius: 50%; background: rgba(45,212,191,.15); filter: blur(1px); }
.sub-account-avatar { position: relative; z-index: 1; width: 52px; height: 52px; border: 1px solid rgba(255,255,255,.25); border-radius: 16px; background: linear-gradient(145deg,#21c978,#0d9856); color: #fff; font-size: 20px; box-shadow: 0 10px 22px rgba(0,0,0,.2); }
.sub-account-primary { position: relative; z-index: 1; }
.sub-account-primary h4 { color: #fff; font-size: 21px; letter-spacing: -.25px; }
.sub-account-primary span { color: #b9cbd2; font-size: 14px; }
.sub-account-card .sub-status-pill { position: relative; z-index: 1; padding: 7px 12px; border: 1px solid rgba(125,255,188,.28); background: rgba(22,163,74,.18) !important; color: #9df5c4 !important; font-size: 12px; }
.sub-account-card .sub-dot-live { background: #4ade80; box-shadow: 0 0 0 4px rgba(74,222,128,.15); }
.sub-plan-summary { margin-top: 0; padding: 16px 17px; border: 1px solid #ccebd9; border-radius: 15px; background: linear-gradient(135deg,#effbf4,#e6f8ef); }
.sub-plan-summary span { font-size: 12px; }
.sub-plan-summary strong { margin-top: 2px; color: #102033; font-size: 16px; }
.sub-plan-summary > b { padding: 9px 13px; background: #fff; color: #087344; font-size: 12px; box-shadow: 0 5px 14px rgba(15,159,88,.1); }
.sub-dates-row { grid-template-columns: 1fr 34px 1fr; gap: 10px; margin-top: 13px; }
.sub-dates-row > div { position: relative; gap: 7px; min-height: 82px; padding: 15px 16px; border: 1px solid #e1e9e5; border-radius: 15px; background: linear-gradient(180deg,#fff,#f9fbfa); box-shadow: 0 6px 18px rgba(16,24,40,.04); }
.sub-dates-row > div::before { content: ""; position: absolute; top: 0; right: 14px; left: 14px; height: 3px; border-radius: 0 0 4px 4px; background: linear-gradient(90deg,#16a75e,#42d392); }
.sub-dates-row span { margin-top: 3px; font-size: 12px; }
.sub-dates-row strong { color: #101828; font-size: 15px; }
.sub-dates-row > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #edf7f1; color: #087344; font-size: 16px; }
.sub-user-id-row { margin-top: 13px; padding: 13px 15px; border: 1px dashed #b7dcca; border-radius: 13px; background: #f1faf5; }
.sub-user-id-row > span { color: #53655c; font-size: 12px; }
.sub-user-id-row code { width: auto; max-width: none; padding: 6px 11px; border-radius: 9px; background: #0f9f58; color: #fff; font: 900 15px/1.3 'DM Sans',sans-serif; letter-spacing: .5px; }
.sub-account-primary span,
.sub-dates-row strong,
.sub-user-id-row code,
.sub-plan-summary > b,
.sub-payment-row span,
.sub-payment-row > b { font-variant-numeric: tabular-nums; unicode-bidi: plaintext; }
.sub-payments-card { margin: 15px 0; padding: 0 17px 17px; border: 0; border-radius: 20px; box-shadow: 0 14px 36px rgba(16,24,40,.07); overflow: hidden; }
.sub-payments-head { margin: 0 -17px 13px; padding: 14px 17px; background: linear-gradient(135deg,#f0faf5,#e7f7ee); }
.sub-payments-icon { width: 32px; height: 32px; border: 1px solid #bce8ce; border-radius: 10px; background: #fff; font-size: 15px; }
.sub-payments-head h4 { font-size: 16px; }
.sub-payments-head small { font-size: 11px; }
.sub-payment-list { gap: 9px; margin-top: 0; }
.sub-payment-row { min-height: 58px; padding: 11px 13px; border-radius: 12px; background: #fff; }
.sub-payment-row strong { font-size: 13px; }
.sub-payment-row span { font-size: 10px; }
.sub-payment-row > b { padding: 6px 9px; border-radius: 8px; background: #eaf8f0; font-size: 12px; }
.sub-payment-empty { padding: 20px; font-size: 12px; }
.sub-actions-row { gap: 10px; }
.sub-actions-row .btn-sub-renew, .sub-actions-row .btn-sub-wa, .sub-actions-row .btn-sub-logout { min-height: 50px; padding: 0 18px; border-radius: 13px; font-size: 13px; }
.sub-actions-row .btn-sub-renew { background: linear-gradient(135deg,#11a75d,#087b47); box-shadow: 0 9px 22px rgba(15,159,88,.18); }

@media (max-width: 580px) {
    .neo-home-v2 .auth-modal-box:has(#loginSubscriptionState[style*="block"]) { width: calc(100% - 16px); max-height: calc(100dvh - 16px); padding: 20px 13px 14px; border-radius: 22px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
    .sub-compact-title { margin-bottom: 14px; }
    .sub-compact-title .neo-modal-icon { width: 48px; height: 48px; border-radius: 15px; }
    .sub-compact-title .neo-modal-title { font-size: 23px; }
    .sub-compact-title .neo-modal-desc { font-size: 13px; }
    .sub-account-card { padding: 0 12px 12px; border-radius: 17px; }
    .sub-account-hero { margin: 0 -12px 12px; padding: 15px 14px; }
    .sub-account-avatar { width: 44px; height: 44px; border-radius: 13px; }
    .sub-account-primary h4 { font-size: 17px; }
    .sub-account-primary span { font-size: 12px; }
    .sub-plan-summary { padding: 13px; }
    .sub-plan-summary strong { font-size: 13px; }
    .sub-plan-summary > b { padding: 8px 9px; font-size: 10px; }
    .sub-dates-row { grid-template-columns: 1fr 24px 1fr; gap: 6px; }
    .sub-dates-row > div { min-height: 70px; padding: 12px 10px; }
    .sub-dates-row span { font-size: 10px; }
    .sub-dates-row strong { font-size: 12px; }
    .sub-dates-row > i { width: 24px; height: 24px; font-size: 12px; }
    .sub-user-id-row { padding: 11px; }
    .sub-user-id-row code { font-size: 13px; }
    .sub-payments-card { margin: 10px 0; padding: 0 12px 10px; border-radius: 16px; }
    .sub-payments-head { margin: 0 -12px 10px; padding: 11px 12px; }
    .sub-payments-head h4 { font-size: 14px; }
    .sub-payment-row { min-height: 52px; padding: 9px 10px; }
    .sub-payment-row strong { font-size: 11px; }
    .sub-payment-row > b { font-size: 10px; }
    .sub-actions-row .btn-sub-renew, .sub-actions-row .btn-sub-wa, .sub-actions-row .btn-sub-logout { min-height: 46px; font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .neo-home-v2 *, .neo-home-v2 *::before, .neo-home-v2 *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Refined subscription checkout */
.neo-home-v2 .payment-modal-box {
    width: min(1080px, calc(100% - 32px)) !important;
    max-width: 1080px !important;
    max-height: calc(100dvh - 32px);
    padding: 0 28px 28px !important;
    border: 1px solid rgba(255,255,255,.86);
    border-radius: 28px !important;
    background: linear-gradient(180deg,#fff 0%,#f7faf8 100%);
    box-shadow: 0 36px 100px rgba(8,20,34,.34);
    overflow-x: hidden;
}
.payment-modal-box .neo-modal-close { top: 22px; left: 22px; z-index: 3; width: 42px; height: 42px; background: #f2f6f4; border: 1px solid #e2ebe6; }
.payment-modal-header { margin: 0 -28px !important; padding: 28px 78px 22px !important; border-bottom: 1px solid #e7eeea; background: radial-gradient(circle at 72% 0,rgba(16,185,129,.1),transparent 30%); }
.payment-modal-header .neo-modal-icon { width: 56px; height: 56px; margin-bottom: 10px; padding: 9px; border: 1px solid #ccebd9; border-radius: 17px; background: #effaf4; box-shadow: 0 8px 22px rgba(15,159,88,.1); }
.payment-modal-header .neo-modal-icon img { width: 100%; height: 100%; object-fit: contain; }
.payment-modal-header .neo-modal-title { margin: 0; color: #101828; font-size: 25px; line-height: 1.35; }
.payment-modal-header .neo-modal-desc { max-width: 600px; margin: 6px auto 0; color: #667085; font-size: 13px; }
.neo-home-v2 .pay-modal-grid { grid-template-columns: 350px minmax(0,1fr); align-items: stretch; gap: 24px; margin-top: 24px; }
.neo-home-v2 .pay-summary-card { padding: 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 21px; background: radial-gradient(circle at 12% 0,rgba(45,212,191,.16),transparent 28%),linear-gradient(145deg,#101d2c,#142b39 62%,#0d5b45 150%); box-shadow: 0 18px 42px rgba(15,23,42,.2); }
.neo-home-v2 .pay-summary-header { padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.1); }
.neo-home-v2 .pay-badge { padding: 7px 12px; background: linear-gradient(135deg,#16b76b,#0c8f52); box-shadow: 0 6px 16px rgba(16,185,129,.2); }
.neo-home-v2 .pay-price-wrap { padding: 3px 0 17px; }
.neo-home-v2 .pay-price-val { font-size: 38px; color: #fff; font-variant-numeric: tabular-nums; }
.neo-home-v2 .pay-price-curr { color: #9df0c4; }
.neo-home-v2 .pay-plan-dropdown { min-height: 46px; padding: 0 13px; border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.1); }
.neo-home-v2 .pay-account-preview { padding: 15px; border-color: rgba(255,255,255,.1); background: rgba(5,14,26,.34); }
.neo-home-v2 .pap-sub { color: #9aabb5; line-height: 1.55; }
.neo-home-v2 .pay-guarantee-box { gap: 9px; padding-top: 2px; color: #a7f3d0; }
.neo-home-v2 .pay-methods-wrap { min-width: 0; padding: 20px; border: 1px solid #e2ebe6; border-radius: 21px; background: #fff; box-shadow: 0 12px 34px rgba(16,24,40,.07); }
.neo-home-v2 .pay-tabs-nav { gap: 6px; margin-bottom: 18px; padding: 5px; border: 1px solid #e7eeea; border-radius: 13px; background: #f4f7f5; }
.neo-home-v2 .pay-tab-btn { min-height: 45px; padding: 8px 10px; border-radius: 9px; color: #667085; }
.neo-home-v2 .pay-tab-btn.active { color: #087344; box-shadow: 0 4px 12px rgba(16,24,40,.08); }
.neo-home-v2 .pay-tab-pane { gap: 16px; }
.neo-home-v2 .pay-pane-intro { padding: 17px 18px; border: 1px solid #d7ede0; border-radius: 15px; background: linear-gradient(135deg,#f1fbf5,#f8fcfa); }
.neo-home-v2 .pay-pane-intro h4 { margin-bottom: 6px; font-size: 17px; }
.neo-home-v2 .pay-pane-intro p { font-size: 12.5px; line-height: 1.75; }
.neo-home-v2 .wayl-providers-badges { gap: 9px; margin: 0; }
.neo-home-v2 .wp-badge { min-height: 49px; justify-content: center; padding: 9px 10px; border: 1px solid #e1e9e5; border-radius: 12px; background: #fbfdfc; font-size: 11px; }
.neo-home-v2 .pay-action-box { padding: 16px; border: 1px solid #e5ece8; border-radius: 16px; background: #f8faf9; }
.neo-home-v2 .btn-block-pay { height: 56px; border-radius: 13px; background: linear-gradient(135deg,#13ad61,#087b47); box-shadow: 0 10px 24px rgba(15,159,88,.22); }
.neo-home-v2 .pay-terms-hint { margin: 10px auto 0; max-width: 560px; color: #7a8797; line-height: 1.65; }

@media (max-width: 860px) {
    .neo-home-v2 .payment-modal-box { width: min(720px, calc(100% - 24px)) !important; }
    .neo-home-v2 .pay-modal-grid { grid-template-columns: 1fr; }
    .neo-home-v2 .pay-summary-card { order: -1; }
}
@media (max-width: 560px) {
    .neo-modal-backdrop:has(.payment-modal-box) { align-items: center; padding: 7px; }
    .neo-home-v2 .payment-modal-box { width: 100% !important; max-height: calc(100dvh - 14px); padding: 0 12px 14px !important; border-radius: 21px !important; }
    .payment-modal-box .neo-modal-close { top: 14px; left: 14px; width: 38px; height: 38px; }
    .payment-modal-header { margin: 0 -12px !important; padding: 18px 54px 15px !important; }
    .payment-modal-header .neo-modal-icon { width: 43px; height: 43px; margin-bottom: 6px; border-radius: 13px; }
    .payment-modal-header .neo-modal-title { font-size: 19px; }
    .payment-modal-header .neo-modal-desc { margin-top: 4px; font-size: 11px; line-height: 1.55; }
    .neo-home-v2 .pay-modal-grid { gap: 12px; margin-top: 12px; }
    .neo-home-v2 .pay-summary-card { gap: 11px; padding: 15px; border-radius: 16px; }
    .neo-home-v2 .pay-summary-header { padding-bottom: 10px; }
    .neo-home-v2 .pay-price-wrap { padding-bottom: 10px; }
    .neo-home-v2 .pay-price-val { font-size: 29px; }
    .neo-home-v2 .pay-account-preview { padding: 11px; }
    .neo-home-v2 .pay-guarantee-box { display: grid; grid-template-columns: 1fr; gap: 5px; font-size: 10px; }
    .neo-home-v2 .pay-methods-wrap { padding: 12px; border-radius: 16px; }
    .neo-home-v2 .pay-tabs-nav { margin-bottom: 11px; }
    .neo-home-v2 .pay-tab-btn { min-height: 42px; padding: 6px 4px; gap: 3px; font-size: 10px; }
    .neo-home-v2 .ptb-icon { font-size: 13px; }
    .neo-home-v2 .pay-pane-intro { padding: 12px; border-radius: 12px; }
    .neo-home-v2 .pay-pane-intro h4 { font-size: 14px; }
    .neo-home-v2 .pay-pane-intro p { font-size: 11px; line-height: 1.65; }
    .neo-home-v2 .wayl-providers-badges { grid-template-columns: 1fr 1fr; gap: 7px; }
    .neo-home-v2 .wayl-providers-badges .wp-badge:last-child { grid-column: 1 / -1; }
    .neo-home-v2 .wp-badge { min-height: 42px; padding: 7px; font-size: 9.5px; }
    .neo-home-v2 .pay-action-box { padding: 10px; border-radius: 13px; }
    .neo-home-v2 .btn-block-pay { height: 50px; padding: 0 10px; font-size: 12px; }
    .neo-home-v2 .pay-terms-hint { font-size: 9.5px; }
}

/* 50 verified product features */
.neo-features-50{padding:104px 0;background:linear-gradient(180deg,#f8fcf9 0%,#fff 100%);overflow:hidden}
.features50-head{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:40px;margin-bottom:30px}
.features50-copy{max-width:760px}.features50-copy h2{margin:12px 0 12px;color:#101828;font-size:clamp(34px,4.2vw,58px);line-height:1.2;letter-spacing:-1.5px;font-weight:900}.features50-copy h2 strong{color:#0f9f58;font-family:'DM Sans',sans-serif}.features50-copy p{max-width:680px;margin:0;color:#667085;font-size:16px;line-height:1.9}
.features50-summary{min-height:154px;padding:22px;display:flex;flex-direction:column;justify-content:center;border:1px solid #bee8cf;border-radius:24px;background:radial-gradient(circle at 15% 10%,rgba(52,211,153,.23),transparent 42%),#0d3026;color:#fff;box-shadow:0 18px 45px rgba(12,64,43,.13)}.features50-summary b{font:900 50px/1 'DM Sans',sans-serif;color:#6ee7a5}.features50-summary span{margin-top:7px;font-size:17px;font-weight:900}.features50-summary small{margin-top:4px;color:#a9cabe;font-size:11px}
.features50-filters{position:sticky;top:82px;z-index:5;margin:0 0 26px;padding:8px;display:flex;gap:7px;overflow-x:auto;border:1px solid #ddeae3;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(16,24,40,.07);backdrop-filter:blur(12px);scrollbar-width:none}.features50-filters::-webkit-scrollbar{display:none}.features50-filters button{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;border:1px solid transparent;border-radius:11px;color:#52606d;background:transparent;font:800 13px 'Tajawal',sans-serif;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.features50-filters button b{min-width:23px;padding:3px 6px;border-radius:999px;background:#edf3ef;color:#738078;font:800 10px 'DM Sans',sans-serif}.features50-filters button:hover{color:#087344;background:#f0faf4}.features50-filters button:focus-visible{outline:3px solid rgba(15,159,88,.25);outline-offset:2px}.features50-filters button.is-active{color:#fff;background:#0d8e50;box-shadow:0 7px 16px rgba(13,142,80,.2)}.features50-filters button.is-active b{color:#087344;background:#fff}
.features50-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.features50-grid article{position:relative;min-height:108px;padding:20px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:15px;border:1px solid #e1ebe5;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.035);transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.features50-grid article:hover{border-color:#abdabe;box-shadow:0 14px 30px rgba(16,94,58,.08)}.features50-grid article.is-hidden{display:none}.features50-grid article i{width:46px;height:46px;display:grid;place-items:center;border:1px solid #c9ead6;border-radius:13px;color:#087344;background:#edfaf2;font:900 13px 'DM Sans',sans-serif;font-style:normal}.features50-grid h3{margin:1px 0 6px;color:#17212f;font-size:16px;line-height:1.45;font-weight:900}.features50-grid p{margin:0;color:#6b7787;font-size:12.5px;line-height:1.75}.features50-grid article::after{content:"";position:absolute;inset-inline-end:16px;bottom:0;width:34px;height:2px;border-radius:2px 2px 0 0;background:#25b76b;opacity:0;transition:opacity .2s ease}.features50-grid article:hover::after{opacity:1}
.features50-footer{margin-top:24px;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #cce8d8;border-radius:17px;background:#effaf4}.features50-footer p{margin:0;color:#567064;font-size:13px}.features50-footer p span{color:#087344;font:900 16px 'DM Sans',sans-serif}.features50-footer a{min-height:44px;padding:0 17px;display:inline-flex;align-items:center;gap:9px;border-radius:11px;color:#fff;background:#0d8e50;font-size:13px;font-weight:900;transition:background .2s ease,box-shadow .2s ease}.features50-footer a:hover{background:#087344;box-shadow:0 8px 18px rgba(8,115,68,.2)}
@media(max-width:800px){.features50-head{grid-template-columns:1fr}.features50-summary{display:none}.features50-grid{grid-template-columns:1fr}.features50-filters{top:72px}}
@media(max-width:520px){.neo-features-50{padding:68px 0}.features50-head{margin-bottom:22px}.features50-copy h2{font-size:31px;letter-spacing:-.6px}.features50-copy p{font-size:13px;line-height:1.8}.features50-filters{width:calc(100% + 20px);margin-inline-start:-10px;padding:7px;border-radius:14px}.features50-filters button{min-height:42px;padding:0 13px;font-size:11px}.features50-grid{gap:9px}.features50-grid article{min-height:94px;padding:15px;grid-template-columns:40px minmax(0,1fr);gap:12px;border-radius:14px}.features50-grid article i{width:40px;height:40px;border-radius:11px;font-size:11px}.features50-grid h3{font-size:14px}.features50-grid p{font-size:11.5px;line-height:1.65}.features50-footer{padding:15px;align-items:stretch;flex-direction:column}.features50-footer a{justify-content:center}}
@media(prefers-reduced-motion:reduce){.features50-grid article,.features50-filters button,.features50-footer a{transition:none}}

/* Compact highlights + expandable full catalogue */
.feature-highlights{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 22px}.feature-highlights article{position:relative;min-width:0;min-height:150px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #d8e9df;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(16,24,40,.055);transition:border-color .2s ease,box-shadow .2s ease}.feature-highlights article:first-child{color:#fff;border-color:#0c7550;background:radial-gradient(circle at 15% 10%,rgba(110,231,165,.24),transparent 42%),linear-gradient(145deg,#0d3026,#0c7550);box-shadow:0 16px 34px rgba(12,117,80,.2)}.feature-highlights article:hover{border-color:#83cda3;box-shadow:0 15px 34px rgba(16,94,58,.1)}.feature-highlights article>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #bde5cd;border-radius:11px;color:#087344;background:#ecfaf2;font:900 11px 'DM Sans',sans-serif;font-style:normal}.feature-highlights article:first-child>i{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.12)}.feature-highlights article div{margin-top:22px}.feature-highlights h3{margin:0 0 5px;color:#16231d;font-size:15px;line-height:1.45;font-weight:900}.feature-highlights p{margin:0;color:#6c7b73;font-size:11.5px;line-height:1.65}.feature-highlights article:first-child h3{color:#fff}.feature-highlights article:first-child p{color:#c5e4d7}.feature-highlights article::before{content:"ميزة أساسية";position:absolute;top:18px;inset-inline-end:16px;color:#16965a;font-size:9px;font-weight:900}.feature-highlights article:first-child::before{color:#8ff0ba}
.features50-more{border:1px solid #dce9e2;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(16,24,40,.045)}.features50-more>summary{min-height:76px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer}.features50-more>summary::-webkit-details-marker{display:none}.features50-more>summary span{display:grid;gap:3px}.features50-more>summary b{color:#18252d;font-size:15px}.features50-more>summary small{color:#7a8790;font-size:11px}.features50-more>summary i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #c5e6d3;border-radius:12px;color:#087344;background:#effaf4;font:500 24px/1 'DM Sans',sans-serif;font-style:normal;transition:transform .2s ease}.features50-more[open]>summary i{transform:rotate(45deg)}.features50-more[open]>summary{border-bottom:1px solid #e6eee9}.features50-more .features50-filters{position:static;margin:16px 16px 20px;box-shadow:none;background:#f8fbf9}.features50-more .features50-grid{padding:0 16px}.features50-more .features50-footer{margin:20px 16px 16px}.features50-more:not([open])>*:not(summary){display:none}
@media(max-width:1050px){.feature-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.feature-highlights{display:flex;gap:10px;margin-inline:calc((100vw - 100%)/-2);padding-inline:max(10px,calc((100vw - 100%)/2));overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.feature-highlights::-webkit-scrollbar{display:none}.feature-highlights article{flex:0 0:min(78vw,285px);min-height:142px;scroll-snap-align:start}.features50-more>summary{min-height:70px;padding:12px 15px}.features50-more .features50-filters{margin:12px}.features50-more .features50-grid{padding:0 12px}.features50-more .features50-footer{margin:14px 12px 12px}}

/* Fully visible feature catalogue */
.features50-all-visible{padding-top:0;overflow:hidden}
.features50-all-visible .features50-list-heading{display:block!important;padding:20px 20px 0}
.features50-list-heading span{display:grid;gap:4px;padding-bottom:16px;border-bottom:1px solid #e6eee9}
.features50-list-heading b{color:#17212f;font-size:18px;font-weight:900}
.features50-list-heading small{color:#6f7d75;font-size:12px}
.features50-all-visible .features50-filters{display:flex!important;margin:14px 16px 18px}
.features50-all-visible .features50-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.features50-all-visible .features50-grid article{min-height:96px;padding:16px;grid-template-columns:40px minmax(0,1fr);gap:12px;border-radius:14px}
.features50-all-visible .features50-grid article i{width:40px;height:40px;border-radius:11px;font-size:11px}
.features50-all-visible .features50-grid h3{font-size:14px}
.features50-all-visible .features50-grid p{font-size:11.5px;line-height:1.65}
.features50-all-visible .features50-footer{display:flex!important}
@media(max-width:950px){.features50-all-visible .features50-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.features50-all-visible .features50-list-heading{padding:16px 12px 0}.features50-list-heading b{font-size:16px}.features50-list-heading small{font-size:10.5px}.features50-all-visible .features50-grid{grid-template-columns:1fr;padding:0 12px}.features50-all-visible .features50-grid article{min-height:88px;padding:13px}.features50-all-visible .features50-footer{display:flex!important}}

/* Mobile: keep the ten key features visible without a horizontal carousel */
@media(max-width:700px){
  .feature-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:0;overflow:visible}
  .feature-highlights article{min-width:0;min-height:132px;padding:13px;display:flex;flex:auto;border-radius:14px;scroll-snap-align:none}
  .feature-highlights article>i{width:32px;height:32px;border-radius:9px;font-size:10px}
  .feature-highlights article::before{top:13px;inset-inline-end:11px;font-size:8px}
  .feature-highlights article div{margin-top:17px}
  .feature-highlights h3{font-size:12.5px;line-height:1.45}
  .feature-highlights p{font-size:10px;line-height:1.55}
}
@media(max-width:360px){.feature-highlights{grid-template-columns:1fr}.feature-highlights article{min-height:118px}}

/* Dense two-column feature catalogue on phones */
@media(max-width:600px){
  .features50-all-visible .features50-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 10px}
  .features50-all-visible .features50-grid article{min-width:0;min-height:138px;padding:11px;display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;border-radius:12px}
  .features50-all-visible .features50-grid article i{width:30px;height:30px;flex:0 0 30px;border-radius:8px;font-size:9px}
  .features50-all-visible .features50-grid h3{margin:0 0 3px;font-size:12px;line-height:1.4}
  .features50-all-visible .features50-grid p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:9.5px;line-height:1.55}
}
@media(max-width:360px){
  .feature-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-highlights article{min-height:128px;padding:10px}
  .feature-highlights h3{font-size:11.5px}
  .feature-highlights p{font-size:9.5px}
  .features50-all-visible .features50-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 8px}
  .features50-all-visible .features50-grid article{min-height:136px;padding:9px}
}

/* Final mobile conversion and accessibility polish */
@media(max-width:600px){
  .neo-features-50{padding:52px 0}
  .features50-head{margin-bottom:16px}
  .features50-copy h2{font-size:27px;line-height:1.3}
  .feature-highlights{gap:6px;margin-bottom:12px}
  .feature-highlights article{min-height:112px;padding:10px}
  .feature-highlights article div{margin-top:12px}
  .feature-highlights p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .features50-all-visible .features50-list-heading{padding-top:13px}
  .features50-all-visible .features50-filters{margin-block:9px 12px}
  .features50-all-visible .features50-grid article{min-height:108px;padding:9px;gap:6px}
  .features50-all-visible .features50-grid p{-webkit-line-clamp:2}
  .features50-all-visible .features50-footer{margin-top:12px!important}

  .neo-home-v2 .mobile-showcase-section,
  .neo-home-v2 .workflow-section,
  .neo-home-v2 .pricing-section{padding:52px 0}
  .neo-home-v2 .section-head{margin-bottom:26px}
  .neo-home-v2 .section-head h2{font-size:27px;line-height:1.3}
  .neo-home-v2 .section-head p{font-size:13px;line-height:1.65}
  .neo-home-v2 .mobile-layout{gap:26px}
  .neo-home-v2 .mobile-content-col h2{font-size:27px!important;margin-block:9px 10px!important}
  .neo-home-v2 .mobile-content-col>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:13px!important;line-height:1.65!important}
  .neo-home-v2 .mobile-features-list{margin:16px 0;gap:7px}
  .neo-home-v2 .mobile-feat-card{padding:10px 12px}
  .neo-home-v2 .mfc-icon{width:32px;height:32px}
  .neo-home-v2 .mfc-content h4{font-size:12px}
  .neo-purple-phone{width:min(100%,300px);min-height:500px;padding:10px 10px 66px;border-radius:25px}
  .neo-app-stat{min-height:105px;padding:10px}
  .neo-quick-list>div{min-height:52px}
  .neo-preview-chip,.neo-preview-mini,.neo-deco-dot{display:none}

  .neo-home-v2 .workflow-steps{gap:8px}
  .neo-home-v2 .wf-step{min-height:0;padding:16px;border-radius:14px}
  .neo-home-v2 .wf-number{font-size:28px}
  .neo-home-v2 .wf-content h3{font-size:15px;margin-bottom:4px}
  .neo-home-v2 .wf-content p{font-size:11.5px;line-height:1.6}

  .neo-home-v2 .pricing-grid{gap:10px}
  .neo-home-v2 .pricing-card{padding:22px 18px;border-radius:17px}
  .neo-home-v2 .plan-desc{margin-bottom:12px}
  .neo-home-v2 .plan-price{margin-bottom:14px}
  .neo-home-v2 .price-amount{font-size:36px}
  .neo-home-v2 .plan-features{gap:7px;padding-block:12px;margin-bottom:14px}
  .neo-home-v2 .plan-features li{font-size:11px;line-height:1.45}
  .neo-home-v2 .btn-plan{min-height:46px}
  .neo-home-v2 .pricing-disclosure{margin-top:14px;font-size:10px;line-height:1.6}
}