:root {
    --public-bg: #f7f9fc;
    --public-surface: #ffffff;
    --public-surface-soft: #f0f4ff;
    --public-primary: #3157d5;
    --public-primary-dark: #203b9d;
    --public-accent: #16a085;
    --public-text: #172033;
    --public-muted: #64708a;
    --public-border: #e2e7f0;
    --public-shadow: 0 20px 55px rgba(35, 49, 85, .12);
    --public-radius-lg: 28px;
    --public-radius-md: 18px;
    --public-radius-sm: 12px;
    --public-container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--public-bg); color: var(--public-text); }
.public-site-shell { min-height: 100vh; font-family: Vazirmatn, IRANSans, Tahoma, sans-serif; overflow-x: hidden; }
.public-site-shell a { color: inherit; text-decoration: none; }
.public-site-shell h1,
.public-site-shell h2,
.public-site-shell h3,
.public-site-shell p { margin-top: 0; }
.public-container { width: min(calc(100% - 40px), var(--public-container)); margin-inline: auto; }

.public-header { position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid rgba(226,231,240,.85); background: rgba(255,255,255,.88); backdrop-filter: blur(18px); }
.public-header__inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.public-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 190px; }
.public-brand__mark { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(145deg,var(--public-primary),var(--public-primary-dark)); color: #fff; font-size: 1.25rem; font-weight: 900; box-shadow: 0 10px 25px rgba(49,87,213,.25); }
.public-brand strong,.public-brand small { display:block; }
.public-brand strong { font-size: 1rem; }
.public-brand small { color: var(--public-muted); margin-top: 2px; font-size: .76rem; }
.public-nav { display:flex; align-items:center; justify-content:center; gap: 26px; color: #3d4861; font-size: .92rem; }
.public-nav a { position: relative; padding: 27px 0; }
.public-nav a::after { content:""; position:absolute; right:0; bottom:19px; width:0; height:2px; border-radius:2px; background:var(--public-primary); transition:.22s ease; }
.public-nav a:hover::after { width:100%; }
.public-header__actions,.public-hero__actions { display:flex; align-items:center; gap:12px; }
.public-btn { min-height: 44px; padding: 0 20px; border-radius: 12px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; font-weight:700; transition:.22s ease; }
.public-btn:hover { transform: translateY(-2px); }
.public-btn--primary { background:linear-gradient(135deg,var(--public-primary),var(--public-primary-dark)); color:#fff!important; box-shadow:0 12px 24px rgba(49,87,213,.22); }
.public-btn--ghost { border-color:var(--public-border); background:#fff; }
.public-btn--light { background:#fff; color:var(--public-primary)!important; box-shadow:0 12px 30px rgba(15,23,42,.08); }
.public-btn--large { min-height:52px; padding-inline:26px; border-radius:14px; }

.public-hero { position:relative; padding:92px 0 84px; background:
 radial-gradient(circle at 14% 15%, rgba(49,87,213,.13), transparent 25%),
 radial-gradient(circle at 88% 72%, rgba(22,160,133,.11), transparent 28%),
 linear-gradient(180deg,#fff 0%,#f7f9fc 100%); }
.public-hero::before { content:""; position:absolute; inset:0; opacity:.35; pointer-events:none; background-image:linear-gradient(rgba(49,87,213,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(49,87,213,.06) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,#000,transparent 78%); }
.public-hero__grid { position:relative; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr); align-items:center; gap:64px; }
.public-eyebrow { display:inline-flex; align-items:center; gap:8px; color:var(--public-primary); background:#edf2ff; border:1px solid #dfe7ff; padding:8px 13px; border-radius:999px; font-weight:800; font-size:.83rem; margin-bottom:20px; }
.public-hero h1 { max-width:720px; margin-bottom:22px; font-size:clamp(2.4rem,5vw,4.7rem); line-height:1.12; letter-spacing:-.04em; }
.public-hero p { max-width:670px; color:var(--public-muted); font-size:1.1rem; line-height:2; margin-bottom:30px; }
.public-trust-row { margin-top:30px; display:flex; flex-wrap:wrap; gap:10px; }
.public-trust-row span { padding:9px 13px; border-radius:999px; background:#fff; border:1px solid var(--public-border); color:#556078; font-size:.84rem; }
.public-hero__visual { position:relative; }
.public-hero__visual::before,.public-hero__visual::after { content:""; position:absolute; border-radius:28px; border:1px solid rgba(49,87,213,.16); background:rgba(255,255,255,.5); }
.public-hero__visual::before { inset:30px -18px -20px 44px; transform:rotate(-3deg); }
.public-hero__visual::after { inset:-18px 40px 24px -20px; transform:rotate(3deg); }
.public-dashboard-card { position:relative; z-index:2; overflow:hidden; border-radius:26px; border:1px solid rgba(255,255,255,.95); background:#fff; box-shadow:var(--public-shadow); }
.public-dashboard-card__top { height:50px; padding:0 18px; display:flex; align-items:center; gap:7px; border-bottom:1px solid var(--public-border); background:#fafbfe; }
.public-dashboard-card__top span { width:9px; height:9px; border-radius:50%; background:#d8deea; }
.public-dashboard-card__body { padding:24px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.public-stat,.public-chart,.public-activity { border:1px solid var(--public-border); background:#fff; border-radius:17px; padding:18px; }
.public-stat { min-height:115px; }
.public-stat small,.public-stat span { color:var(--public-muted); }
.public-stat strong { display:block; margin:10px 0 5px; font-size:1.4rem; }
.public-chart { grid-column:1/-1; height:170px; display:flex; align-items:flex-end; gap:12px; background:linear-gradient(180deg,#fbfcff,#f5f8ff); }
.public-chart i { flex:1; min-height:26px; border-radius:9px 9px 3px 3px; background:linear-gradient(180deg,#6e8bea,var(--public-primary)); }
.public-chart i:nth-child(1){height:38%}.public-chart i:nth-child(2){height:55%}.public-chart i:nth-child(3){height:45%}.public-chart i:nth-child(4){height:74%}.public-chart i:nth-child(5){height:66%}.public-chart i:nth-child(6){height:88%}
.public-activity { grid-column:1/-1; display:grid; gap:10px; }
.public-activity span { color:var(--public-muted); padding-top:9px; border-top:1px dashed var(--public-border); }

.public-section { padding:90px 0; }
.public-section--muted { background:#eef3fb; }
.public-section__heading { max-width:760px; margin:0 auto 44px; text-align:center; }
.public-section__heading>span { color:var(--public-primary); font-weight:800; font-size:.88rem; }
.public-section__heading h2,.public-split h2 { margin:10px 0 16px; font-size:clamp(1.8rem,3vw,3rem); line-height:1.35; }
.public-section__heading p,.public-split p { color:var(--public-muted); line-height:1.95; }
.public-section__heading--row { max-width:none; display:flex; align-items:end; justify-content:space-between; text-align:right; }
.public-section__heading--row h2 { margin-bottom:0; }
.public-text-link { color:var(--public-primary)!important; font-weight:800; }
.public-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.public-feature-card { padding:26px; border:1px solid var(--public-border); background:var(--public-surface); border-radius:var(--public-radius-md); box-shadow:0 8px 24px rgba(30,42,70,.05); transition:.25s ease; }
.public-feature-card:hover { transform:translateY(-6px); box-shadow:0 18px 40px rgba(30,42,70,.1); border-color:#cad5f2; }
.public-feature-card__icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:#edf2ff; color:var(--public-primary); font-weight:900; margin-bottom:18px; }
.public-feature-card h3 { margin-bottom:11px; }
.public-feature-card p { color:var(--public-muted); line-height:1.85; margin-bottom:0; }
.public-split { display:grid; grid-template-columns:1fr .9fr; gap:64px; align-items:center; }
.public-check-list { list-style:none; margin:24px 0 0; padding:0; display:grid; gap:14px; }
.public-check-list li { position:relative; padding-right:30px; color:#3f4b63; }
.public-check-list li::before { content:"✓"; position:absolute; right:0; top:-1px; width:21px; height:21px; display:grid; place-items:center; border-radius:50%; background:#dff7ef; color:#098269; font-size:.76rem; font-weight:900; }
.public-panel-stack { display:grid; gap:16px; }
.public-mini-panel { padding:23px; border-radius:17px; background:#fff; border:1px solid var(--public-border); box-shadow:0 12px 28px rgba(30,42,70,.06); }
.public-mini-panel strong,.public-mini-panel span { display:block; }
.public-mini-panel span { margin-top:8px; color:var(--public-muted); }
.public-article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.public-article-card { overflow:hidden; border-radius:var(--public-radius-md); border:1px solid var(--public-border); background:#fff; box-shadow:0 8px 24px rgba(30,42,70,.05); }
.public-article-card__image,.public-article-card__cover { width:100%; height:200px; object-fit:cover; }
.public-article-card__cover { display:grid; place-items:center; background:linear-gradient(145deg,#e8efff,#d8f4ee); color:var(--public-primary-dark); font-weight:900; font-size:1.2rem; }
.public-article-card>div:last-child { padding:23px; }
.public-article-card span { color:var(--public-primary); font-size:.8rem; font-weight:800; }
.public-article-card h3 { margin:11px 0; font-size:1.12rem; line-height:1.6; }
.public-article-card p { color:var(--public-muted); line-height:1.8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.public-article-card a { color:var(--public-primary); font-weight:800; }
.public-faq { max-width:900px; }
.public-faq details { background:#fff; border:1px solid var(--public-border); border-radius:15px; padding:0 22px; margin-bottom:13px; }
.public-faq summary { cursor:pointer; font-weight:800; padding:20px 0; }
.public-faq details p { color:var(--public-muted); line-height:1.9; padding-bottom:20px; margin-bottom:0; }
.public-cta { padding:0 0 90px; }
.public-cta>.public-container { padding:42px; border-radius:var(--public-radius-lg); display:flex; align-items:center; justify-content:space-between; gap:28px; color:#fff; background:linear-gradient(135deg,var(--public-primary-dark),var(--public-primary)); box-shadow:0 24px 60px rgba(32,59,157,.25); }
.public-cta span { color:#cfd9ff; font-weight:800; }
.public-cta h2 { margin:8px 0 10px; font-size:2rem; }
.public-cta p { margin-bottom:0; color:#e4e9ff; }
.public-footer { padding:66px 0 0; background:#111a2c; color:#fff; }
.public-footer__grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:48px; padding-bottom:48px; }
.public-brand--footer small { color:#aab5cc; }
.public-footer__grid>div:not(.public-brand) { display:grid; align-content:start; gap:12px; }
.public-footer__grid>div>a { color:#aab5cc; font-size:.9rem; }
.public-footer__bottom { border-top:1px solid rgba(255,255,255,.09); padding:22px 0; color:#8f9bb3; font-size:.84rem; }

@media (max-width: 1050px) {
    .public-nav { display:none; }
    .public-hero__grid { grid-template-columns:1fr; }
    .public-hero__content { text-align:center; }
    .public-hero p { margin-inline:auto; }
    .public-hero__actions,.public-trust-row { justify-content:center; }
    .public-hero__visual { max-width:720px; margin-inline:auto; width:100%; }
    .public-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .public-article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .public-split { grid-template-columns:1fr; gap:36px; }
}

@media (max-width: 720px) {
    .public-container { width:min(calc(100% - 28px),var(--public-container)); }
    .public-header__inner { min-height:68px; }
    .public-brand { min-width:auto; }
    .public-brand small { display:none; }
    .public-header__actions .public-btn--ghost { display:none; }
    .public-header__actions .public-btn { min-height:40px; padding-inline:14px; font-size:.82rem; }
    .public-hero { padding:64px 0 56px; }
    .public-hero h1 { font-size:2.25rem; }
    .public-hero p { font-size:.98rem; }
    .public-hero__actions { flex-direction:column; }
    .public-hero__actions .public-btn { width:100%; }
    .public-dashboard-card__body { grid-template-columns:1fr; padding:14px; }
    .public-chart,.public-activity { grid-column:auto; }
    .public-section { padding:64px 0; }
    .public-feature-grid,.public-article-grid { grid-template-columns:1fr; }
    .public-section__heading--row { align-items:start; gap:18px; flex-direction:column; }
    .public-cta>.public-container { padding:30px 22px; text-align:center; flex-direction:column; }
    .public-footer__grid { grid-template-columns:1fr 1fr; gap:30px 24px; }
    .public-brand--footer { grid-column:1/-1; }
}

@media (max-width: 430px) {
    .public-brand strong { font-size:.9rem; }
    .public-brand__mark { width:40px; height:40px; }
    .public-header__actions .public-btn { padding-inline:11px; }
    .public-footer__grid { grid-template-columns:1fr; }
    .public-brand--footer { grid-column:auto; }
}

/* Phase 2: industries, modules, onboarding and annual plans */
.public-section--industries { background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%); }
.public-industry-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.public-industry-card { display:flex; flex-direction:column; min-height:100%; padding:25px; border:1px solid var(--public-border); border-radius:20px; background:#fff; box-shadow:0 12px 32px rgba(30,42,70,.06); }
.public-industry-card__top { display:flex; align-items:center; gap:10px; margin-bottom:17px; }
.public-industry-card__top span { padding:6px 10px; border-radius:999px; background:#edf2ff; color:var(--public-primary); font-size:.75rem; font-weight:900; }
.public-industry-card__top b { font-size:1rem; line-height:1.55; }
.public-industry-card p { color:var(--public-muted); line-height:1.85; }
.public-industry-card ul,.public-price-card ul { list-style:none; padding:0; margin:18px 0 22px; display:grid; gap:10px; }
.public-industry-card li,.public-price-card li { position:relative; padding-right:24px; color:#48546c; font-size:.9rem; }
.public-industry-card li::before,.public-price-card li::before { content:"✓"; position:absolute; right:0; color:var(--public-accent); font-weight:900; }
.public-industry-card a { margin-top:auto; color:var(--public-primary); font-weight:900; font-size:.86rem; }
.public-section--dark { color:#fff; background:linear-gradient(145deg,#111a2c,#1b2b50); }
.public-section__heading--light p { color:#b8c3d9; }
.public-section__heading--light>span { color:#8fa8ff; }
.public-module-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.public-module-card { min-height:190px; padding:23px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.055); backdrop-filter:blur(8px); }
.public-module-card>span { color:#8fa8ff; font-weight:900; font-size:.8rem; }
.public-module-card h3 { margin:18px 0 11px; }
.public-module-card p { color:#b8c3d9; line-height:1.8; margin:0; }
.public-steps { max-width:980px; margin-inline:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.public-step { display:flex; gap:18px; padding:24px; border:1px solid var(--public-border); border-radius:18px; background:#fff; }
.public-step>span { flex:0 0 46px; width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:var(--public-primary); color:#fff; font-weight:900; font-size:1.1rem; }
.public-step h3 { margin:2px 0 8px; }
.public-step p { color:var(--public-muted); line-height:1.8; margin:0; }
.public-section--pricing { background:#f0f4ff; }
.public-pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.public-price-card { position:relative; display:flex; flex-direction:column; padding:30px; border:1px solid var(--public-border); border-radius:22px; background:#fff; box-shadow:0 14px 36px rgba(30,42,70,.07); }
.public-price-card--featured { border:2px solid var(--public-primary); transform:translateY(-10px); box-shadow:0 22px 50px rgba(49,87,213,.17); }
.public-price-card__badge { position:absolute; top:-14px; right:24px; padding:7px 13px; border-radius:999px; background:var(--public-primary); color:#fff; font-size:.76rem; font-weight:900; }
.public-price-card h3 { font-size:1.4rem; margin-bottom:9px; }
.public-price-card>p { color:var(--public-muted); line-height:1.8; min-height:58px; }
.public-price-card>strong { margin:18px 0 2px; color:var(--public-primary-dark); font-size:1.35rem; }
.public-price-card .public-btn { margin-top:auto; }
.public-pricing-note { margin:28px 0 0; text-align:center; color:var(--public-muted); font-size:.88rem; }
.public-cta__meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:19px; }
.public-cta__meta span { padding:7px 11px; border-radius:999px; border:1px solid rgba(255,255,255,.18); color:#e8edff; font-size:.8rem; }
.public-cta__actions { display:flex; flex-direction:column; gap:10px; min-width:190px; }
.public-btn--outline-light { color:#fff!important; border:1px solid rgba(255,255,255,.55); background:transparent; }
.public-btn--outline-light:hover { background:rgba(255,255,255,.1); }

@media (max-width:1050px) {
    .public-industry-grid,.public-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
    .public-industry-grid,.public-module-grid,.public-steps,.public-pricing-grid { grid-template-columns:1fr; }
    .public-price-card--featured { transform:none; }
    .public-cta__actions { width:100%; }
    .public-cta__actions .public-btn { width:100%; }
}


/* Phase 5: accessible mobile navigation */
.public-mobile-nav__toggle,
.public-mobile-nav__button,
.public-mobile-nav { display:none; }

@media (max-width:1050px) {
    .public-header__inner { gap:16px; }
    .public-header__actions { margin-right:auto; }
    .public-mobile-nav__toggle { position:fixed; opacity:0; pointer-events:none; }
    .public-mobile-nav__button { width:44px; height:44px; flex:0 0 44px; display:grid; place-content:center; gap:5px; border:1px solid var(--public-border); border-radius:13px; background:#fff; cursor:pointer; box-shadow:0 8px 22px rgba(30,42,70,.08); }
    .public-mobile-nav__button span { width:20px; height:2px; display:block; border-radius:2px; background:var(--public-text); transition:.2s ease; }
    .public-mobile-nav { position:fixed; inset:0; z-index:2000; display:block; visibility:hidden; pointer-events:none; }
    .public-mobile-nav__backdrop { position:absolute; inset:0; display:block; opacity:0; background:rgba(15,23,42,.55); backdrop-filter:blur(3px); transition:.25s ease; }
    .public-mobile-nav__panel { position:absolute; top:0; right:0; width:min(360px,88vw); height:100%; padding:20px; display:flex; flex-direction:column; gap:4px; overflow-y:auto; background:#fff; border-left:1px solid var(--public-border); box-shadow:-24px 0 70px rgba(15,23,42,.18); transform:translateX(105%); transition:.25s ease; }
    .public-mobile-nav__header { min-height:54px; margin-bottom:10px; padding-bottom:14px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--public-border); }
    .public-mobile-nav__header strong { font-size:1.05rem; }
    .public-mobile-nav__header label { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:var(--public-surface-soft); color:var(--public-text); font-size:1.7rem; line-height:1; cursor:pointer; }
    .public-mobile-nav__panel>a { padding:13px 12px; border-radius:11px; color:#3d4861; font-weight:750; }
    .public-mobile-nav__panel>a:hover { background:var(--public-surface-soft); color:var(--public-primary); }
    .public-mobile-nav__actions { margin-top:auto; padding-top:18px; display:grid; gap:10px; border-top:1px solid var(--public-border); }
    .public-mobile-nav__actions .public-btn { width:100%; }
    .public-mobile-nav__toggle:checked ~ .public-mobile-nav { visibility:visible; pointer-events:auto; }
    .public-mobile-nav__toggle:checked ~ .public-mobile-nav .public-mobile-nav__backdrop { opacity:1; }
    .public-mobile-nav__toggle:checked ~ .public-mobile-nav .public-mobile-nav__panel { transform:translateX(0); }
}

@media (max-width:720px) {
    .public-header__actions { display:none; }
    .public-mobile-nav__button { margin-right:auto; }
}

/* Phase 6: product capability preview and integrated workflow */
.public-dashboard-card__body--product { grid-template-columns:1fr; }
.public-product-summary { padding:4px 2px 8px; }
.public-product-summary__label { display:inline-flex; margin-bottom:10px; color:var(--public-primary); font-size:.78rem; font-weight:900; }
.public-product-summary strong { display:block; font-size:1.2rem; line-height:1.55; }
.public-product-summary p { margin:8px 0 0; color:var(--public-muted); font-size:.86rem; line-height:1.75; }
.public-product-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.public-product-module { min-width:0; padding:14px; display:flex; align-items:center; gap:12px; border:1px solid var(--public-border); border-radius:14px; background:linear-gradient(180deg,#fff,#f8faff); }
.public-product-module>span { width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center; border-radius:11px; color:#fff; background:linear-gradient(135deg,var(--public-primary),var(--public-primary-dark)); font-weight:900; }
.public-product-module div { min-width:0; }
.public-product-module strong,.public-product-module small { display:block; }
.public-product-module strong { margin-bottom:4px; font-size:.88rem; }
.public-product-module small { color:var(--public-muted); font-size:.73rem; line-height:1.55; }
.public-activity--product { grid-column:auto; }
.public-section--product-flow { padding-top:72px; background:#fff; }
.public-flow-grid { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.public-flow-grid::before { content:""; position:absolute; top:31px; right:8%; left:8%; height:2px; z-index:0; background:linear-gradient(90deg,transparent,#cbd7f7 12%,#cbd7f7 88%,transparent); }
.public-flow-card { position:relative; z-index:1; min-height:210px; padding:0 22px 24px; text-align:center; border:1px solid var(--public-border); border-radius:20px; background:#fff; box-shadow:0 10px 30px rgba(30,42,70,.055); }
.public-flow-card__number { width:62px; height:62px; margin:-1px auto 20px; display:grid; place-items:center; border-radius:0 0 20px 20px; color:#fff; background:linear-gradient(145deg,var(--public-primary),var(--public-primary-dark)); font-size:1.2rem; font-weight:900; box-shadow:0 12px 24px rgba(49,87,213,.2); }
.public-flow-card__content strong { display:block; margin-bottom:10px; font-size:1.05rem; }
.public-flow-card__content p { margin:0; color:var(--public-muted); font-size:.88rem; line-height:1.85; }

@media (max-width:1050px) {
    .public-flow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .public-flow-grid::before { display:none; }
}

@media (max-width:720px) {
    .public-product-module-grid,.public-flow-grid { grid-template-columns:1fr; }
    .public-flow-card { min-height:auto; }
}

/* Public content pages */
.public-page-hero{padding:78px 0 68px;background:radial-gradient(circle at 12% 20%,rgba(49,87,213,.12),transparent 26%),linear-gradient(180deg,#fff,#f5f8ff);border-bottom:1px solid var(--public-border)}
.public-page-hero--compact{padding-bottom:54px}.public-page-hero__inner{max-width:900px;text-align:center}.public-page-hero h1{margin:4px 0 18px;font-size:clamp(2.25rem,4vw,3.8rem);line-height:1.25}.public-page-hero p{max-width:760px;margin:0 auto 24px;color:var(--public-muted);font-size:1.05rem;line-height:2}.public-page-hero .public-hero__actions{justify-content:center}
.public-module-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.public-module-detail-card{display:flex;gap:20px;min-height:180px;padding:28px;border:1px solid var(--public-border);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(30,42,70,.055);transition:.25s ease}.public-module-detail-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(30,42,70,.1)}.public-module-detail-card__code{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--public-primary),var(--public-primary-dark));color:#fff;font-weight:900}.public-module-detail-card h2{margin:2px 0 10px;font-size:1.25rem}.public-module-detail-card p{color:var(--public-muted);line-height:1.85}.public-module-detail-card span{color:var(--public-primary);font-size:.85rem;font-weight:900}
.public-solution-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.public-solution-detail-card{padding:30px;border:1px solid var(--public-border);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(30,42,70,.055);transition:.25s ease}.public-solution-detail-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(30,42,70,.1)}.public-solution-detail-card>span{display:inline-flex;padding:7px 11px;border-radius:999px;background:#edf2ff;color:var(--public-primary);font-size:.78rem;font-weight:900}.public-solution-detail-card h2{margin:15px 0 10px}.public-solution-detail-card p{color:var(--public-muted);line-height:1.85}.public-solution-detail-card ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px}.public-solution-detail-card li{position:relative;padding-right:24px;color:#48546c}.public-solution-detail-card li:before{content:"✓";position:absolute;right:0;color:var(--public-accent);font-weight:900}.public-solution-detail-card>strong{color:var(--public-primary);font-size:.88rem}
.public-detail-hero{padding:82px 0;background:linear-gradient(180deg,#fff,#f6f8fe)}.public-detail-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.public-detail-hero h1{margin:5px 0 18px;font-size:clamp(2.3rem,4vw,4rem)}.public-detail-hero p{color:var(--public-muted);font-size:1.05rem;line-height:2}.public-detail-panel{padding:34px;border:1px solid #dbe3f5;border-radius:26px;background:linear-gradient(145deg,#eef3ff,#fff);box-shadow:var(--public-shadow)}.public-detail-panel small,.public-detail-panel strong{display:block}.public-detail-panel small{color:var(--public-primary);font-weight:900}.public-detail-panel strong{margin:18px 0 10px;font-size:1.65rem}.public-detail-panel p{margin:0;font-size:.96rem}
.public-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.public-capability-grid article{padding:24px;border:1px solid var(--public-border);border-radius:18px;background:#fff}.public-capability-grid article>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#dff7ef;color:#087b65;font-weight:900}.public-capability-grid strong{display:block;margin:14px 0 8px}.public-capability-grid p{margin:0;color:var(--public-muted);font-size:.88rem;line-height:1.8}
.public-faq-list{max-width:900px;margin:auto;display:grid;gap:12px}.public-faq-item{border:1px solid var(--public-border);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(30,42,70,.04)}.public-faq-item summary{padding:20px 22px;cursor:pointer;font-weight:900;list-style:none}.public-faq-item summary::-webkit-details-marker{display:none}.public-faq-item summary:after{content:"+";float:left;color:var(--public-primary);font-size:1.3rem}.public-faq-item[open] summary:after{content:"−"}.public-faq-item p{padding:0 22px 20px;margin:0;color:var(--public-muted);line-height:1.95}
.public-empty-state{max-width:720px;margin:auto;padding:46px;text-align:center;border:1px dashed #cfd8ea;border-radius:20px;background:#fff}.public-empty-state strong{display:block;margin-bottom:10px;font-size:1.15rem}.public-empty-state p{color:var(--public-muted);line-height:1.8}.public-empty-state .public-btn{margin-top:10px}
.public-demo-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:start}.public-demo-card,.public-demo-info{padding:30px;border:1px solid var(--public-border);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(30,42,70,.06)}.public-demo-card>p,.public-demo-info>p{color:var(--public-muted);line-height:1.85}.public-demo-form{display:grid;gap:14px;margin-top:22px}.public-demo-form label{display:grid;gap:7px}.public-demo-form label span{font-size:.83rem;font-weight:800;color:#48546c}.public-demo-form input,.public-demo-form textarea{width:100%;padding:12px 13px;border:1px solid var(--public-border);border-radius:12px;background:#fbfcff;color:var(--public-text);font:inherit;outline:none}.public-demo-form input:focus,.public-demo-form textarea:focus{border-color:#8197e7;box-shadow:0 0 0 3px rgba(49,87,213,.08)}.ltr-input{direction:ltr;text-align:left}.public-demo-info{background:linear-gradient(145deg,#121d35,#203b69);color:#fff}.public-demo-info>span{color:#9eb1f3;font-weight:900}.public-demo-info>p{color:#c1cbe0}.public-demo-info__items{display:grid;gap:11px;margin-top:26px}.public-demo-info__items>div{padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.06)}.public-demo-info__items small,.public-demo-info__items strong{display:block}.public-demo-info__items small{margin-bottom:5px;color:#aebbd4}.public-demo-success{padding:30px 8px;text-align:center}.public-demo-success strong{font-size:1.35rem}.public-demo-success p{margin:12px 0 22px;color:var(--public-muted)}.public-form-error{padding:11px 13px;border-radius:11px;background:#fef2f2;color:#b91c1c;font-size:.88rem;font-weight:750}
.public-price-periods{display:grid;gap:8px;margin:0 0 20px;padding:14px;border-radius:13px;background:#f8faff}.public-price-periods span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64708a;font-size:.82rem}.public-price-periods b{color:#24314d}.public-price-card>strong small{font-size:.7rem;color:var(--public-muted)}
@media(max-width:900px){.public-module-list-grid,.public-solution-list-grid,.public-detail-hero__grid,.public-demo-grid{grid-template-columns:1fr}.public-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-detail-hero__grid{gap:30px}}@media(max-width:620px){.public-page-hero{padding:58px 0 48px}.public-module-detail-card{padding:20px;gap:14px}.public-solution-detail-card{padding:22px}.public-capability-grid{grid-template-columns:1fr}.public-demo-card,.public-demo-info{padding:22px}}


/* 2026-08-07 public-site production hotfix
   Keeps the desktop navigation clean, prevents mobile drawer markup from leaking
   before responsive CSS is applied, and normalizes public content pages. */
.public-header { isolation:isolate; }
.public-header__inner { position:relative; width:min(calc(100% - 40px),var(--public-container)); min-height:80px; }
.public-brand { flex:0 0 auto; }
.public-nav { flex:1 1 auto; min-width:0; gap:clamp(18px,2vw,30px); white-space:nowrap; }
.public-header__actions { flex:0 0 auto; }
.public-mobile-nav__toggle,
.public-mobile-nav__button,
.public-mobile-nav { display:none !important; }
.public-mobile-nav__toggle { appearance:none; }

.public-section { padding:72px 0; }
.public-page-hero__inner { position:relative; }
.public-module-list-grid,
.public-solution-list-grid { align-items:stretch; }
.public-module-detail-card,
.public-solution-detail-card { height:100%; }
.public-module-detail-card > div:last-child { min-width:0; display:flex; flex-direction:column; }
.public-module-detail-card > div:last-child > span { margin-top:auto; }
.public-solution-detail-card > strong { display:block; margin-top:auto; }
.public-solution-detail-card { display:flex; flex-direction:column; }
.public-faq-list { width:min(100%,900px); }
.public-faq-item { overflow:hidden; }
.public-demo-form button { justify-self:start; min-width:190px; }
.public-empty-state { width:min(100%,760px); margin:0 auto; padding:42px 28px; text-align:center; border:1px solid var(--public-border); border-radius:22px; background:#fff; box-shadow:0 12px 34px rgba(30,42,70,.055); }
.public-empty-state p { margin:10px auto 20px; color:var(--public-muted); line-height:1.9; }
.public-empty-state__actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.public-empty-state--loading { min-height:220px; display:grid; place-items:center; align-content:center; gap:10px; }
.public-loader { width:36px; height:36px; border:3px solid #dfe6f6; border-top-color:var(--public-primary); border-radius:50%; animation:public-spin .8s linear infinite; }
@keyframes public-spin { to { transform:rotate(360deg); } }
.public-price-card__head { min-height:92px; }
.public-price-card__price { display:block; }
.public-price-card ul { list-style:none; padding:0; margin:22px 0; display:grid; gap:10px; }
.public-price-card li { position:relative; padding-right:24px; color:#48546c; }
.public-price-card li::before { content:"✓"; position:absolute; right:0; color:var(--public-accent); font-weight:900; }
.public-price-periods { margin:0 0 22px; display:grid; gap:8px; }
.public-price-periods span { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 12px; border-radius:11px; background:var(--public-surface-soft); color:#556078; font-size:.82rem; }
.public-price-periods b { color:var(--public-text); }

@media (max-width:1050px) {
    .public-header__inner { min-height:72px; gap:14px; }
    .public-nav { display:none !important; }
    .public-header__actions { margin-right:auto; }
    .public-mobile-nav__toggle { display:block !important; position:fixed; width:1px; height:1px; opacity:0; pointer-events:none; }
    .public-mobile-nav__button { width:44px; height:44px; flex:0 0 44px; display:grid !important; place-content:center; gap:5px; border:1px solid var(--public-border); border-radius:13px; background:#fff; cursor:pointer; box-shadow:0 8px 22px rgba(30,42,70,.08); }
    .public-mobile-nav__button span { width:20px; height:2px; display:block; border-radius:2px; background:var(--public-text); }
    .public-mobile-nav { position:fixed; inset:0; z-index:2000; display:block !important; visibility:hidden; pointer-events:none; }
    .public-mobile-nav__backdrop { position:absolute; inset:0; display:block; opacity:0; background:rgba(15,23,42,.55); backdrop-filter:blur(3px); transition:.25s ease; }
    .public-mobile-nav__panel { position:absolute; top:0; right:0; width:min(360px,88vw); height:100%; padding:20px; display:flex; flex-direction:column; gap:4px; overflow-y:auto; background:#fff; border-left:1px solid var(--public-border); box-shadow:-24px 0 70px rgba(15,23,42,.18); transform:translateX(105%); transition:.25s ease; }
    .public-mobile-nav__toggle:checked ~ .public-mobile-nav { visibility:visible; pointer-events:auto; }
    .public-mobile-nav__toggle:checked ~ .public-mobile-nav .public-mobile-nav__backdrop { opacity:1; }
    .public-mobile-nav__toggle:checked ~ .public-mobile-nav .public-mobile-nav__panel { transform:translateX(0); }
}

@media (max-width:720px) {
    .public-container { width:min(calc(100% - 28px),var(--public-container)); }
    .public-header__inner { width:min(calc(100% - 28px),var(--public-container)); }
    .public-brand { min-width:0; }
    .public-brand small { display:none; }
    .public-header__actions { display:none !important; }
    .public-mobile-nav__button { margin-right:auto; }
    .public-section { padding:54px 0; }
    .public-page-hero { padding:54px 0 46px; }
    .public-page-hero h1 { font-size:clamp(2rem,9vw,2.8rem); }
    .public-demo-form button { width:100%; }
}

/* 2026-08-07 - NEO public home redesign */
.neo-home{background:#06112a;color:#fff;overflow:hidden}
.public-site-shell:has(.neo-home){background:#06112a}
.public-site-shell:has(.neo-home) .public-header{background:rgba(5,12,32,.9);border-bottom:1px solid rgba(99,102,241,.18);backdrop-filter:blur(20px)}
.public-site-shell:has(.neo-home) .public-brand strong,.public-site-shell:has(.neo-home) .public-nav a{color:#fff}
.public-site-shell:has(.neo-home) .public-brand small{color:#91a0c5}
.public-site-shell:has(.neo-home) .public-brand__mark{background:linear-gradient(145deg,#5b5cf0,#bd42f5);box-shadow:0 0 30px rgba(139,92,246,.38)}
.public-site-shell:has(.neo-home) .public-btn--ghost{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.18);color:#fff}
.public-site-shell:has(.neo-home) .public-btn--primary{background:linear-gradient(135deg,#4f46e5,#c026d3);box-shadow:0 10px 30px rgba(139,92,246,.28)}

.neo-hero{position:relative;min-height:640px;padding:90px 0 56px;background:
radial-gradient(circle at 14% 28%,rgba(37,99,235,.22),transparent 28%),
radial-gradient(circle at 88% 22%,rgba(168,85,247,.19),transparent 25%),
linear-gradient(145deg,#040819 0%,#07132f 44%,#071536 100%)}
.neo-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(98,112,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(98,112,255,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.neo-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(480px,1.05fr) minmax(420px,.95fr);align-items:center;gap:56px}
.neo-hero__content{text-align:right}
.neo-eyebrow{display:inline-flex;padding:9px 16px;margin-bottom:18px;border:1px solid rgba(129,140,248,.34);border-radius:999px;background:rgba(79,70,229,.08);color:#e879f9;font-size:.84rem;font-weight:900}
.neo-hero h1{max-width:660px;margin:0 0 22px;font-size:clamp(2.6rem,5.4vw,5.2rem);line-height:1.16;letter-spacing:-.04em;color:#fff}
.neo-hero h1::first-line{color:#fff}
.neo-hero p{max-width:680px;margin:0 0 30px;color:#b6c2df;font-size:1.05rem;line-height:2}
.neo-hero__actions{display:flex;gap:13px;flex-wrap:wrap}
.neo-btn{min-height:52px;padding:0 25px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;font-weight:900;transition:.25s ease}
.neo-btn:hover{transform:translateY(-3px)}
.neo-btn--primary{color:#fff!important;background:linear-gradient(135deg,#4f46e5,#c026d3);box-shadow:0 15px 40px rgba(126,34,206,.32)}
.neo-btn--ghost{color:#dbe6ff!important;background:rgba(255,255,255,.025);border-color:rgba(96,165,250,.48)}
.neo-trust-strip{margin-top:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.neo-trust-strip>div{min-width:0;padding:13px 10px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;border:1px solid rgba(96,165,250,.15);border-radius:12px;background:rgba(10,22,53,.58)}
.neo-trust-icon{grid-row:1/3;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:#67e8f9;border:1px solid rgba(34,211,238,.35);font-size:.78rem;font-weight:900}
.neo-trust-strip strong{font-size:.77rem;color:#f8fbff}.neo-trust-strip small{font-size:.67rem;color:#8392b4;margin-top:3px}
.neo-hero__visual{position:relative;min-height:430px;display:grid;place-items:center}
.neo-hero__visual img{position:relative;z-index:2;width:112%;max-width:800px;filter:drop-shadow(0 28px 65px rgba(0,0,0,.55));transform:perspective(1000px) rotateY(-2deg)}
.neo-glow{position:absolute;border-radius:50%;filter:blur(45px);opacity:.65}.neo-glow--one{width:240px;height:240px;background:#7c3aed;left:5%;bottom:8%}.neo-glow--two{width:210px;height:210px;background:#0ea5e9;right:8%;top:4%}

.neo-section{position:relative;padding:78px 0;background:#07132f}
.neo-section--modules{border-top:1px solid rgba(99,102,241,.15);background:linear-gradient(180deg,#07132f,#081735)}
.neo-section__head{text-align:center;max-width:780px;margin:0 auto 38px}.neo-section__head>span{color:#8b9cff;font-weight:900}.neo-section__head h2{margin:10px 0 12px;font-size:clamp(2rem,3.5vw,3.25rem);color:#fff}.neo-section__head p{margin:0;color:#93a2c4;line-height:1.9}.neo-section__head--compact{margin-bottom:30px}
.neo-module-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.neo-module-card{min-height:178px;padding:20px 13px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(118,135,208,.18);border-radius:17px;background:linear-gradient(180deg,rgba(21,37,75,.9),rgba(10,25,56,.9));box-shadow:0 14px 28px rgba(0,0,0,.12);transition:.25s ease}
.neo-module-card:hover{transform:translateY(-7px);border-color:rgba(139,92,246,.55);box-shadow:0 22px 42px rgba(79,70,229,.2)}
.neo-module-card__icon{width:48px;height:48px;margin-bottom:17px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 40%),linear-gradient(145deg,#1d4ed8,#7c3aed);box-shadow:0 0 28px rgba(96,165,250,.2);font-size:1.25rem}
.neo-module-card:nth-child(2) .neo-module-card__icon{background:linear-gradient(145deg,#f59e0b,#ea580c)}
.neo-module-card:nth-child(3) .neo-module-card__icon{background:linear-gradient(145deg,#7c3aed,#c026d3)}
.neo-module-card:nth-child(4) .neo-module-card__icon{background:linear-gradient(145deg,#059669,#0d9488)}
.neo-module-card:nth-child(5) .neo-module-card__icon{background:linear-gradient(145deg,#0ea5e9,#2563eb)}
.neo-module-card:nth-child(6) .neo-module-card__icon{background:linear-gradient(145deg,#db2777,#9333ea)}
.neo-module-card:nth-child(7) .neo-module-card__icon{background:linear-gradient(145deg,#2563eb,#06b6d4)}
.neo-module-card:nth-child(8) .neo-module-card__icon{background:linear-gradient(145deg,#be123c,#7c3aed)}
.neo-module-card strong{color:#fff;font-size:.9rem;line-height:1.6}.neo-module-card small{margin-top:7px;color:#8190b3;font-size:.72rem;line-height:1.65}

.neo-section--showcase{background:#050e24}
.neo-showcase-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.neo-showcase-card{overflow:hidden;border:1px solid rgba(74,222,255,.26);border-radius:15px;background:#0c1b3c;box-shadow:0 0 0 1px rgba(124,58,237,.09),0 18px 38px rgba(0,0,0,.26);transition:.25s ease}
.neo-showcase-card:hover{transform:translateY(-7px);box-shadow:0 0 32px rgba(59,130,246,.18),0 24px 44px rgba(0,0,0,.32)}
.neo-showcase-card__screen{aspect-ratio:1.42/1;overflow:hidden;background:#07132f}.neo-showcase-card__screen img{width:100%;height:100%;object-fit:cover;display:block}
.neo-showcase-card__body{padding:15px 14px 17px;text-align:center}.neo-showcase-card__body strong,.neo-showcase-card__body small{display:block}.neo-showcase-card__body strong{color:#fff;font-size:.9rem}.neo-showcase-card__body small{margin-top:5px;color:#8190b3;font-size:.72rem}

.neo-metrics{padding:31px 0;background:linear-gradient(90deg,#08122f,#121e66 48%,#35127a 100%);border-top:1px solid rgba(129,140,248,.25);border-bottom:1px solid rgba(129,140,248,.25)}
.neo-metrics__grid{display:grid;grid-template-columns:repeat(5,1fr)}
.neo-metrics__grid>div{text-align:center;padding:8px 18px;border-left:1px solid rgba(255,255,255,.14)}.neo-metrics__grid>div:last-child{border-left:0}
.neo-metrics strong{display:block;color:#fff;font-size:1.7rem}.neo-metrics span{display:block;margin-top:5px;color:#aeb9d6;font-size:.82rem}

.neo-section--ai{padding:86px 0;background:radial-gradient(circle at 75% 50%,rgba(124,58,237,.24),transparent 30%),#06112a}
.neo-ai-panel{min-height:370px;padding:48px 54px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:44px;border:1px solid rgba(129,140,248,.2);border-radius:28px;background:linear-gradient(145deg,rgba(14,28,65,.95),rgba(20,15,61,.92));box-shadow:0 30px 80px rgba(0,0,0,.24)}
.neo-ai-panel__content>span{color:#c084fc;font-weight:900}.neo-ai-panel h2{margin:12px 0 14px;font-size:clamp(2rem,3.3vw,3.2rem);color:#fff}.neo-ai-panel p{max-width:650px;color:#9eacd0;line-height:1.95;margin-bottom:24px}
.neo-ai-orbit{position:relative;width:300px;height:300px;margin:auto;display:grid;place-items:center;border:1px solid rgba(96,165,250,.2);border-radius:50%;box-shadow:inset 0 0 70px rgba(59,130,246,.08),0 0 80px rgba(124,58,237,.13)}
.neo-ai-orbit:before,.neo-ai-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(129,140,248,.22)}.neo-ai-orbit:before{inset:34px}.neo-ai-orbit:after{inset:72px}
.neo-ai-orbit__core{position:relative;z-index:2;width:92px;height:92px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#2563eb,#a855f7);box-shadow:0 0 45px rgba(139,92,246,.45);font-size:1.55rem;font-weight:1000}
.neo-ai-orbit__node{position:absolute;z-index:3;padding:7px 10px;border-radius:10px;border:1px solid rgba(96,165,250,.25);background:#0b1b3d;color:#d7e4ff;font-size:.72rem;font-weight:800}.neo-ai-orbit__node--1{top:18px}.neo-ai-orbit__node--2{right:-4px;top:48%}.neo-ai-orbit__node--3{bottom:18px}.neo-ai-orbit__node--4{left:-2px;top:48%}

@media(max-width:1180px){.neo-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.neo-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.neo-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.public-site-shell:has(.neo-home) .public-mobile-nav__button{background:#0e1c3c;border-color:rgba(255,255,255,.16)}.public-site-shell:has(.neo-home) .public-mobile-nav__button span{background:#fff}.neo-hero__grid{grid-template-columns:1fr}.neo-hero__content{text-align:center}.neo-hero h1,.neo-hero p{margin-inline:auto}.neo-hero__actions,.neo-trust-strip{justify-content:center}.neo-hero__visual{min-height:350px}.neo-hero__visual img{width:min(100%,760px)}.neo-ai-panel{grid-template-columns:1fr;text-align:center}.neo-ai-panel p{margin-inline:auto}.neo-ai-panel .neo-btn{margin-inline:auto}}
@media(max-width:760px){.neo-hero{padding:64px 0 44px}.neo-hero h1{font-size:2.45rem}.neo-hero__actions{flex-direction:column}.neo-hero__actions .neo-btn{width:100%}.neo-trust-strip{grid-template-columns:1fr 1fr}.neo-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.neo-showcase-grid{grid-template-columns:1fr}.neo-metrics__grid{grid-template-columns:1fr 1fr}.neo-metrics__grid>div{border-left:0;border-bottom:1px solid rgba(255,255,255,.1)}.neo-metrics__grid>div:last-child{grid-column:1/-1}.neo-ai-panel{padding:34px 22px}.neo-ai-orbit{width:250px;height:250px}}
@media(max-width:430px){.neo-trust-strip{grid-template-columns:1fr}.neo-module-grid{grid-template-columns:1fr 1fr}.neo-module-card{min-height:160px;padding:17px 10px}.neo-ai-orbit{width:220px;height:220px}}


/* Neo Stage 3: richer visual storytelling */
.neo-section--vision{background:linear-gradient(180deg,#050e24,#081531)}
.neo-vision-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.neo-vision-copy>span{color:#8b9cff;font-weight:900}.neo-vision-copy h2{margin:12px 0 16px;color:#fff;font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.35}.neo-vision-copy p{color:#9eacd0;line-height:2}
.neo-vision-points{margin-top:26px;display:grid;gap:12px}.neo-vision-points>div{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid rgba(129,140,248,.18);border-radius:13px;background:rgba(255,255,255,.035)}.neo-vision-points b{color:#67e8f9}.neo-vision-points span{color:#dce6ff}
.neo-vision-media{overflow:hidden;border:1px solid rgba(96,165,250,.28);border-radius:22px;background:#050b1c;box-shadow:0 30px 70px rgba(0,0,0,.35),0 0 50px rgba(124,58,237,.12)}.neo-vision-media img{display:block;width:100%;height:auto}
.neo-section--workflow{background:#07132f}.neo-workflow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.neo-workflow:before{content:"";position:absolute;right:8%;left:8%;top:30px;height:1px;background:linear-gradient(90deg,transparent,#4f46e5,#22d3ee,#c026d3,transparent)}
.neo-workflow__item{position:relative;z-index:1;min-height:190px;padding:20px;text-align:center;border:1px solid rgba(129,140,248,.18);border-radius:18px;background:linear-gradient(180deg,rgba(21,37,75,.92),rgba(8,21,49,.96));box-shadow:0 18px 35px rgba(0,0,0,.18)}.neo-workflow__item>span{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#2563eb,#a855f7);box-shadow:0 0 32px rgba(139,92,246,.3);font-weight:1000}.neo-workflow__item strong,.neo-workflow__item small{display:block}.neo-workflow__item strong{color:#fff}.neo-workflow__item small{margin-top:8px;color:#8998ba;line-height:1.8}
.neo-ai-media{overflow:hidden;border-radius:22px;border:1px solid rgba(129,140,248,.2);box-shadow:0 20px 50px rgba(0,0,0,.28),0 0 42px rgba(124,58,237,.18)}.neo-ai-media img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}
@media(max-width:1050px){.neo-vision-grid{grid-template-columns:1fr}.neo-vision-copy{text-align:center}.neo-vision-points{max-width:680px;margin:26px auto 0}.neo-workflow{grid-template-columns:repeat(2,1fr)}.neo-workflow:before{display:none}}
@media(max-width:700px){.neo-workflow{grid-template-columns:1fr}.neo-vision-media{border-radius:16px}.neo-ai-media img{min-height:210px}}

/* CMS-driven home collections */
.neo-trust-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.neo-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.neo-metrics__grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
.neo-workflow{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
@media(max-width:760px){.neo-metrics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.neo-metrics__grid>div:last-child{grid-column:auto}}


/* Neo Stage 5: generated media + performance refinements */
.neo-hero__visual img,.neo-vision-media img,.neo-ai-media img,.neo-showcase-card__screen img{background:#07132f}
.neo-hero__visual img{border-radius:22px;mask-image:linear-gradient(to bottom,#000 93%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 93%,transparent)}
.neo-showcase-card__screen img{transition:transform .45s ease,filter .45s ease;filter:saturate(1.08) contrast(1.03)}
.neo-showcase-card:hover .neo-showcase-card__screen img{transform:scale(1.035);filter:saturate(1.16) contrast(1.06)}
.neo-vision-media img,.neo-ai-media img{filter:saturate(1.08) contrast(1.04)}
@media (prefers-reduced-motion:reduce){.neo-showcase-card__screen img,.neo-showcase-card,.neo-module-card{transition:none!important;transform:none!important}}


/* Neo Stage 6: SEO/Core Web Vitals rendering refinements */
.neo-section,
.neo-metrics {
    content-visibility: auto;
    contain-intrinsic-size: 1px 760px;
}

.neo-hero__visual img,
.neo-showcase-card__screen img,
.neo-vision-media img,
.neo-ai-media img {
    height: auto;
    max-width: 100%;
}

.neo-showcase-card__screen {
    overflow: hidden;
}

@media (max-width: 768px) {
    .neo-section,
    .neo-metrics {
        contain-intrinsic-size: 1px 980px;
    }
}


/* =========================================================
   STAGE 7 — GLOBAL BLACK-LIGHT PUBLIC THEME
   Applies to the complete public site (Home + inner pages)
   ========================================================= */
:root{
    --public-bg:#030713;
    --public-surface:#0a1023;
    --public-surface-soft:#0d1630;
    --public-primary:#7357ff;
    --public-primary-dark:#b229ff;
    --public-accent:#13d8ff;
    --public-text:#f7f8ff;
    --public-muted:#9ca9c9;
    --public-border:rgba(133,154,255,.18);
    --public-shadow:0 28px 80px rgba(0,0,0,.48),0 0 42px rgba(101,70,255,.10);
}
html{background:#030713}
body{background:#030713!important;color:var(--public-text)!important}
.public-site-shell{
    color:var(--public-text);
    background:
      radial-gradient(circle at 82% 5%,rgba(95,61,255,.18),transparent 28%),
      radial-gradient(circle at 12% 22%,rgba(0,203,255,.09),transparent 25%),
      #030713;
}
.public-site-shell main{position:relative;isolation:isolate;background:transparent!important}
.public-site-shell main::before{
    content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.65;
    background-image:
      linear-gradient(rgba(95,83,255,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(95,83,255,.035) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:linear-gradient(to bottom,#000,transparent 88%);
}
.public-header{
    border-color:rgba(132,148,255,.14)!important;
    background:rgba(3,7,19,.78)!important;
    box-shadow:0 10px 38px rgba(0,0,0,.24);
    backdrop-filter:blur(22px) saturate(140%);
}
.public-brand strong{color:#fff}
.public-brand small{color:#8796b8}
.public-brand__mark{
    background:linear-gradient(145deg,#1b6dff,#7a4cff 52%,#c828ff)!important;
    box-shadow:0 0 28px rgba(101,91,255,.45),0 12px 28px rgba(0,0,0,.35)!important;
}
.public-nav{color:#c1cae3!important}
.public-nav a:hover{color:#fff}
.public-nav a::after{height:3px;background:linear-gradient(90deg,#13d8ff,#7656ff,#d02dff);box-shadow:0 0 14px #795cff}
.public-btn{
    border-color:rgba(141,157,255,.20);
    color:#eef2ff!important;
}
.public-btn--primary{
    color:#fff!important;
    background:linear-gradient(135deg,#275dff,#7357ff 52%,#c528ed)!important;
    box-shadow:0 14px 38px rgba(102,74,255,.30),0 0 24px rgba(177,44,255,.15)!important;
}
.public-btn--primary:hover{box-shadow:0 18px 48px rgba(102,74,255,.42),0 0 36px rgba(177,44,255,.25)!important}
.public-btn--ghost{
    color:#eaf0ff!important;
    border-color:rgba(145,161,255,.24)!important;
    background:rgba(12,19,43,.72)!important;
}
.public-btn--ghost:hover{background:rgba(29,39,78,.85)!important;border-color:rgba(126,101,255,.55)!important}
.public-eyebrow{
    color:#99dfff!important;
    background:linear-gradient(135deg,rgba(30,85,255,.16),rgba(126,70,255,.16))!important;
    border-color:rgba(111,119,255,.30)!important;
    box-shadow:inset 0 0 22px rgba(79,105,255,.08);
}

/* Home theme normalization */
.public-hero,
.public-section,
.public-section--muted,
.public-section--industries,
.public-section--pricing{
    color:var(--public-text)!important;
    background:transparent!important;
}
.public-hero{
    background:
       radial-gradient(circle at 15% 25%,rgba(119,50,255,.20),transparent 30%),
       radial-gradient(circle at 82% 62%,rgba(0,207,255,.10),transparent 32%),
       linear-gradient(180deg,#040716 0%,#060b1b 100%)!important;
}
.public-hero h1,.public-section h1,.public-section h2,.public-section h3,
.public-page-hero h1,.public-page-hero h2,.public-page-hero h3{color:#f9faff!important}
.public-hero p,.public-section p,.public-split p,.public-page-hero p{color:var(--public-muted)!important}

/* Inner-page premium hero */
.public-page-hero{
    position:relative;overflow:hidden;padding:92px 0!important;
    color:#fff!important;
    border-bottom:1px solid rgba(128,144,255,.12);
    background:
      radial-gradient(circle at 78% 30%,rgba(109,53,255,.22),transparent 33%),
      radial-gradient(circle at 12% 70%,rgba(0,195,255,.11),transparent 28%),
      linear-gradient(180deg,#040713,#070d20)!important;
}
.public-page-hero::before{
    content:"";position:absolute;inset:-35%;pointer-events:none;
    background:conic-gradient(from 220deg at 55% 50%,transparent,rgba(99,57,255,.09),transparent 32%,rgba(0,217,255,.06),transparent 64%);
    animation:publicBlacklightSpin 24s linear infinite;
}
.public-page-hero::after{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;
    background-image:radial-gradient(circle at center,rgba(116,83,255,.25) 0 1px,transparent 1.5px);
    background-size:38px 38px;
    mask-image:linear-gradient(to bottom,#000,transparent 85%);
}
.public-page-hero__visual-grid{
    position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.88fr);
    gap:64px;align-items:center;
}
.public-page-hero__inner{position:relative;z-index:2;max-width:760px}
.public-page-hero__inner h1{
    margin:0 0 20px!important;font-size:clamp(2.35rem,4.6vw,4.5rem)!important;line-height:1.18!important;
    letter-spacing:-.045em;
    text-shadow:0 0 34px rgba(112,83,255,.16);
}
.public-page-hero__inner p{max-width:720px;font-size:1.04rem;line-height:2.05;margin-bottom:28px!important}
.public-page-hero__media{
    position:relative;min-height:360px;display:grid;place-items:center;
    perspective:1000px;
}
.public-page-hero__media img{
    position:relative;z-index:2;width:100%;max-height:520px;object-fit:cover;
    border:1px solid rgba(147,162,255,.23);border-radius:26px;
    box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 50px rgba(89,62,255,.20);
    transform:rotateY(-3deg) rotateX(1deg);
    transition:transform .45s ease,box-shadow .45s ease,filter .45s ease;
    filter:saturate(1.12) contrast(1.05);
}
.public-page-hero__media:hover img{
    transform:rotateY(0) rotateX(0) translateY(-6px) scale(1.012);
    box-shadow:0 36px 95px rgba(0,0,0,.62),0 0 65px rgba(100,66,255,.30);
}
.public-page-hero__media--portrait img{max-width:420px}
.public-page-hero__glow{
    position:absolute;width:72%;aspect-ratio:1;border-radius:50%;
    background:radial-gradient(circle,rgba(121,58,255,.42),rgba(0,207,255,.12) 38%,transparent 70%);
    filter:blur(38px);animation:publicGlowPulse 5s ease-in-out infinite;
}
.public-hero-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.public-hero-metrics span{
    padding:9px 13px;border-radius:999px;color:#bfc9e8;font-size:.8rem;
    border:1px solid rgba(133,152,255,.18);background:rgba(11,18,42,.58);
    backdrop-filter:blur(10px);
}
.public-hero-metrics b{color:#fff}

/* Cards / grids */
.public-feature-card,.public-industry-card,.public-step,.public-mini-panel,
.public-article-card,.public-price-card,.public-module-detail-card,.public-solution-detail-card,
.public-faq-item,.public-demo-card,.public-demo-info,.public-empty-state{
    color:#eef2ff!important;
    border-color:rgba(135,151,255,.16)!important;
    background:linear-gradient(155deg,rgba(15,23,51,.92),rgba(7,12,29,.92))!important;
    box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)!important;
}
.public-feature-card:hover,.public-article-card:hover,.public-module-detail-card:hover,.public-solution-detail-card:hover,.public-price-card:hover{
    border-color:rgba(118,84,255,.52)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 32px rgba(104,71,255,.13)!important;
    transform:translateY(-6px);
}
.public-feature-card p,.public-industry-card p,.public-module-card p,
.public-module-detail-card p,.public-solution-detail-card p,.public-price-card p,
.public-article-card p,.public-demo-card p,.public-demo-info p,.public-empty-state p{color:#95a3c3!important}
.public-feature-card h3,.public-industry-card h3,.public-module-detail-card h2,
.public-solution-detail-card h2,.public-price-card h3,.public-article-card h3{color:#fff!important}
.public-feature-card__icon,.public-module-detail-card__code{
    color:#fff!important;background:linear-gradient(135deg,#225fff,#7653ff 55%,#c629ef)!important;
    box-shadow:0 0 25px rgba(103,75,255,.25);
}
.public-section--dark,.public-section--dark-cards{
    color:#fff!important;
    background:linear-gradient(180deg,#050918,#070d20)!important;
}
.public-module-card{background:rgba(14,23,51,.78)!important;border-color:rgba(138,155,255,.16)!important}
.public-solution-list-grid,.public-module-list-grid{gap:20px}
.public-solution-detail-card,.public-module-detail-card{transition:.28s ease}
.public-solution-detail-card>span{color:#a994ff!important}
.public-solution-detail-card li,.public-price-card li{color:#bcc6df!important}
.public-solution-detail-card li::before,.public-price-card li::before{color:#23e4be!important}

/* Pricing */
.public-price-card__price,.public-price-card>strong{color:#bdadff!important;text-shadow:0 0 18px rgba(119,86,255,.20)}
.public-price-periods{border-color:rgba(135,151,255,.14)!important}
.public-price-periods span{color:#a8b4cf!important}
.public-pricing-note{color:#8795b5!important}

/* Articles */
.public-article-card__cover{
    color:#fff!important;
    background:
      radial-gradient(circle at 25% 20%,rgba(36,220,255,.18),transparent 34%),
      linear-gradient(135deg,#111d47,#38206f 55%,#0c1638)!important;
}
.public-article-card__image{filter:saturate(1.08) contrast(1.04)}
.public-article-card a,.public-text-link{color:#9f8aff!important}

/* FAQ */
.public-faq-list{display:grid;gap:13px}
.public-faq-item{overflow:hidden;border-radius:17px!important}
.public-faq-item summary{padding:19px 21px;color:#eef2ff;font-weight:800;cursor:pointer}
.public-faq-item p{padding:0 21px 20px;color:#9ba9c8!important;line-height:2}
.public-faq-item[open]{border-color:rgba(118,84,255,.42)!important;box-shadow:0 0 28px rgba(99,69,255,.10)!important}

/* Demo form */
.public-demo-form input,.public-demo-form textarea,.public-demo-form select{
    color:#f4f6ff!important;background:#070d20!important;border:1px solid rgba(133,151,255,.20)!important;
    outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.01);
}
.public-demo-form input:focus,.public-demo-form textarea:focus,.public-demo-form select:focus{
    border-color:#795cff!important;box-shadow:0 0 0 4px rgba(117,82,255,.13),0 0 22px rgba(99,74,255,.12)!important;
}
.public-demo-form label span{color:#c3cce2}
.public-demo-info{background:
    radial-gradient(circle at 20% 15%,rgba(117,65,255,.18),transparent 34%),
    linear-gradient(155deg,rgba(16,25,57,.95),rgba(7,12,29,.95))!important}

/* CTA and footer */
.public-cta{background:transparent!important}
.public-cta>.public-container,.public-cta--blacklight>.public-container{
    border:1px solid rgba(137,153,255,.18)!important;border-radius:28px;
    background:
       radial-gradient(circle at 82% 25%,rgba(123,48,255,.25),transparent 34%),
       linear-gradient(135deg,#101d4b,#27145b 56%,#071229)!important;
    box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 44px rgba(94,61,255,.10)!important;
}
.public-cta h2,.public-cta p,.public-cta span{color:#fff!important}
.public-btn--light{background:#fff!important;color:#3c32a8!important}
.public-footer{
    color:#d9e1f5!important;
    background:#02050d!important;
    border-top:1px solid rgba(130,147,255,.12);
}
.public-footer a{color:#93a4ca!important}
.public-footer a:hover{color:#fff!important}
.public-footer__bottom{border-color:rgba(133,151,255,.12)!important;color:#7f8eaf!important}

/* Mobile navigation black-light */
@media(max-width:1050px){
    .public-mobile-nav__button{background:#091126!important;border-color:rgba(137,153,255,.20)!important}
    .public-mobile-nav__button span{background:#eef2ff!important}
    .public-mobile-nav__panel{background:#050a18!important;border-color:rgba(137,153,255,.16)!important}
    .public-mobile-nav__header{border-color:rgba(137,153,255,.14)!important}
    .public-mobile-nav__header label{color:#fff!important;background:#101936!important}
    .public-mobile-nav__panel>a{color:#c3cce2!important}
    .public-mobile-nav__panel>a:hover{color:#fff!important;background:#101936!important}
    .public-mobile-nav__actions{border-color:rgba(137,153,255,.14)!important}
}

/* Responsive page heroes */
@media(max-width:1050px){
    .public-page-hero__visual-grid{grid-template-columns:1fr;gap:38px}
    .public-page-hero__inner{max-width:none}
    .public-page-hero__media{min-height:auto}
    .public-page-hero__media img{max-width:820px;transform:none}
}
@media(max-width:720px){
    .public-page-hero{padding:62px 0!important}
    .public-page-hero__inner h1{font-size:2.35rem!important}
    .public-page-hero__inner p{font-size:.95rem}
    .public-page-hero__media img{border-radius:19px}
    .public-hero-metrics{gap:7px}
    .public-hero-metrics span{font-size:.75rem}
}

/* Motion */
@keyframes publicGlowPulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
@keyframes publicBlacklightSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
    .public-page-hero::before,.public-page-hero__glow{animation:none!important}
    .public-page-hero__media img,.public-feature-card,.public-article-card,.public-module-detail-card,.public-solution-detail-card,.public-price-card{transition:none!important}
}


/* ==========================================================
   BLACK-LIGHT HOME — exact new visual language
   ========================================================== */
.saz-home-blacklight{
    --saz-bg:#02040d;
    --saz-bg2:#05091a;
    --saz-card:#081022;
    --saz-card2:#0b142d;
    --saz-border:rgba(130,145,255,.16);
    --saz-text:#f7f8ff;
    --saz-muted:#94a2c5;
    --saz-purple:#7a5cff;
    --saz-magenta:#d02ded;
    --saz-cyan:#16d8ff;
    position:relative;overflow:hidden;color:var(--saz-text);
    background:
      radial-gradient(circle at 82% 3%,rgba(111,64,255,.15),transparent 27%),
      radial-gradient(circle at 12% 18%,rgba(0,190,255,.08),transparent 24%),
      var(--saz-bg);
}
.saz-home-blacklight::before{
    content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.38;
    background-image:
      linear-gradient(rgba(105,91,255,.045) 1px,transparent 1px),
      linear-gradient(90deg,rgba(105,91,255,.045) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(#000,transparent 88%);
}
.saz-home-blacklight>*{position:relative;z-index:1}
.saz-hero{
    min-height:850px;padding:86px 0 34px;position:relative;
    background:
      radial-gradient(circle at 18% 28%,rgba(93,44,255,.22),transparent 28%),
      radial-gradient(circle at 82% 58%,rgba(0,205,255,.10),transparent 31%),
      linear-gradient(180deg,#02040d 0%,#040919 100%);
    border-bottom:1px solid rgba(129,145,255,.12);
}
.saz-ambient{position:absolute;border-radius:999px;filter:blur(80px);opacity:.35;pointer-events:none}
.saz-ambient--a{width:380px;height:380px;background:#5d35ff;right:-80px;top:140px}
.saz-ambient--b{width:320px;height:320px;background:#00bfea;left:4%;bottom:70px;opacity:.16}
.saz-hero__grid{display:grid;grid-template-columns:minmax(430px,.92fr) minmax(500px,1.08fr);gap:70px;align-items:center}
.saz-hero__content{text-align:right}
.saz-kicker,.saz-section__heading>span,.saz-ai-content>span,.saz-learning-panel>div>span,.saz-final-cta>div>span{
    display:inline-flex;align-items:center;gap:8px;color:#8fdfff;font-weight:900;font-size:.85rem;
    padding:8px 13px;border-radius:999px;border:1px solid rgba(108,122,255,.22);
    background:linear-gradient(135deg,rgba(32,91,255,.12),rgba(142,64,255,.12));
    box-shadow:inset 0 0 24px rgba(100,76,255,.06);
}
.saz-hero h1{margin:18px 0 18px;max-width:720px;color:#fff;font-size:clamp(3rem,5.4vw,5.35rem);line-height:1.12;letter-spacing:-.05em;text-shadow:0 0 38px rgba(98,73,255,.16)}
.saz-hero p{max-width:710px;margin:0 0 27px;color:#a7b4d2;font-size:1.05rem;line-height:2}
.saz-actions{display:flex;gap:12px;flex-wrap:wrap}
.saz-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:9px;padding:0 21px;border-radius:13px;font-weight:900;text-decoration:none;transition:.25s ease;border:1px solid transparent}
.saz-btn--primary{color:#fff;background:linear-gradient(135deg,#265eff,#7554ff 52%,#d027ed);box-shadow:0 14px 38px rgba(105,69,255,.33),0 0 25px rgba(187,38,239,.10)}
.saz-btn--primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(105,69,255,.42),0 0 34px rgba(187,38,239,.18)}
.saz-btn--ghost{color:#edf2ff;background:rgba(8,14,32,.74);border-color:rgba(135,151,255,.20)}
.saz-btn--ghost:hover{transform:translateY(-3px);border-color:rgba(121,91,255,.58);background:#0d1732}
.saz-proof-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;max-width:710px}
.saz-proof{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:14px;border:1px solid var(--saz-border);background:linear-gradient(145deg,rgba(12,20,45,.84),rgba(7,12,29,.84));box-shadow:inset 0 1px rgba(255,255,255,.02)}
.saz-proof>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#1a56ff,#754eff 55%,#d32bed);box-shadow:0 0 20px rgba(102,70,255,.25)}
.saz-proof strong,.saz-proof small{display:block}.saz-proof strong{color:#fff;font-size:.82rem}.saz-proof small{margin-top:2px;color:#8493b5;font-size:.7rem}
.saz-hero__visual{position:relative;min-height:590px;display:grid;place-items:center;perspective:1200px}
.saz-hero__visual>img{position:relative;z-index:3;width:115%;max-width:760px;object-fit:contain;filter:drop-shadow(0 36px 70px rgba(0,0,0,.62));transform:rotateY(-4deg) rotateX(1deg);transition:.5s ease}
.saz-hero__visual:hover>img{transform:rotateY(0) rotateX(0) translateY(-6px) scale(1.015)}
.saz-orbit{position:absolute;border-radius:50%;border:1px solid rgba(124,104,255,.18);box-shadow:inset 0 0 50px rgba(95,67,255,.05);animation:sazSpin 20s linear infinite}
.saz-orbit--1{width:470px;height:470px}.saz-orbit--2{width:610px;height:610px;border-color:rgba(22,216,255,.08);animation-direction:reverse;animation-duration:28s}
.saz-float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;max-width:230px;padding:12px 14px;border-radius:15px;border:1px solid rgba(140,156,255,.20);background:rgba(7,12,29,.82);backdrop-filter:blur(18px);box-shadow:0 20px 44px rgba(0,0,0,.35),0 0 28px rgba(93,64,255,.12)}
.saz-float-card>span{display:grid;place-items:center;min-width:35px;height:35px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1c6cff,#7750ff,#d929e5)}
.saz-float-card strong,.saz-float-card small{display:block}.saz-float-card strong{font-size:.78rem}.saz-float-card small{color:#8493b5;font-size:.67rem;margin-top:3px}
.saz-float-card--top{top:90px;left:-4px;animation:sazFloat 4.2s ease-in-out infinite}
.saz-float-card--bottom{right:0;bottom:90px;animation:sazFloat 4.8s ease-in-out infinite reverse}
.saz-metrics{display:grid;grid-template-columns:repeat(5,1fr);margin-top:24px;padding:18px 0;border:1px solid rgba(131,147,255,.14);border-radius:19px;background:linear-gradient(90deg,rgba(9,16,38,.88),rgba(13,18,54,.88),rgba(35,11,70,.88));box-shadow:0 24px 50px rgba(0,0,0,.22)}
.saz-metrics>div{text-align:center;padding:10px 12px;border-left:1px solid rgba(255,255,255,.09)}.saz-metrics>div:last-child{border-left:0}
.saz-metrics strong{display:block;color:#fff;font-size:1.55rem}.saz-metrics span{display:block;color:#8291b5;font-size:.75rem;margin-top:4px}

.saz-section{padding:90px 0;background:transparent}
.saz-section+.saz-section{border-top:1px solid rgba(132,148,255,.08)}
.saz-section__heading{max-width:760px;margin:0 auto 38px;text-align:center}
.saz-section__heading h2,.saz-ai-content h2,.saz-learning-panel h2,.saz-final-cta h2{margin:13px 0;color:#fff;font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.28}
.saz-section__heading p,.saz-ai-content p,.saz-learning-panel p,.saz-final-cta p{color:#94a2c5;line-height:1.95}
.saz-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.saz-module-card{min-height:190px;padding:20px;border:1px solid var(--saz-border);border-radius:18px;background:linear-gradient(155deg,rgba(13,22,49,.94),rgba(6,11,27,.94));text-decoration:none;color:#fff;transition:.28s ease;box-shadow:0 15px 40px rgba(0,0,0,.20)}
.saz-module-card:hover{transform:translateY(-6px);border-color:rgba(121,86,255,.55);box-shadow:0 24px 55px rgba(0,0,0,.34),0 0 28px rgba(103,69,255,.12)}
.saz-module-card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;margin-bottom:24px;font-weight:1000;background:linear-gradient(135deg,#175fff,#7552ff 55%,#d12be7);box-shadow:0 0 24px rgba(106,73,255,.26)}
.saz-module-card strong,.saz-module-card small,.saz-module-card i{display:block}.saz-module-card strong{font-size:1rem}.saz-module-card small{min-height:43px;color:#8f9dbd;font-size:.78rem;line-height:1.75;margin-top:7px}.saz-module-card i{font-style:normal;color:#9d88ff;font-size:.73rem;margin-top:14px}
.saz-center-action{text-align:center;margin-top:28px}.saz-text-link{color:#a895ff;text-decoration:none;font-weight:900}

.saz-section--showcase{background:linear-gradient(180deg,rgba(5,10,25,.22),rgba(11,8,31,.38))}
.saz-section__heading--split{max-width:none;display:flex;align-items:end;justify-content:space-between;text-align:right;gap:30px}
.saz-section__heading--split>div{max-width:700px}
.saz-showcase-frame{overflow:hidden;border:1px solid rgba(137,153,255,.18);border-radius:25px;background:#050a19;box-shadow:0 30px 80px rgba(0,0,0,.40),0 0 40px rgba(84,59,255,.08)}
.saz-showcase-frame>img{display:block;width:100%;max-height:470px;object-fit:cover;object-position:center 34%;filter:saturate(1.12) contrast(1.04)}
.saz-showcase-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(137,153,255,.14)}
.saz-showcase-tabs span{padding:16px 10px;text-align:center;color:#a6b2cf;font-size:.78rem;border-left:1px solid rgba(137,153,255,.10)}.saz-showcase-tabs span:last-child{border-left:0}

.saz-solution-layout{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:42px}
.saz-section__heading--right{text-align:right;margin:0 0 27px;max-width:700px}
.saz-solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.saz-solution-card{min-height:145px;padding:16px;border-radius:17px;border:1px solid var(--saz-border);background:linear-gradient(145deg,rgba(13,22,50,.90),rgba(6,11,28,.90));text-decoration:none;color:#fff;transition:.25s ease}
.saz-solution-card:hover{transform:translateY(-5px);border-color:rgba(119,85,255,.50);box-shadow:0 18px 45px rgba(0,0,0,.28),0 0 25px rgba(105,69,255,.10)}
.saz-solution-card>span{display:inline-block;color:#b499ff;font-size:.70rem}.saz-solution-card strong,.saz-solution-card small{display:block}.saz-solution-card strong{margin-top:13px}.saz-solution-card small{color:#8593b3;font-size:.72rem;line-height:1.7;margin-top:6px}
.saz-solution-art img{width:100%;border:1px solid rgba(137,153,255,.17);border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 36px rgba(97,61,255,.13);filter:saturate(1.12)}

.saz-ai-panel{display:grid;grid-template-columns:1fr .85fr;gap:46px;align-items:center;padding:44px;border-radius:28px;border:1px solid rgba(137,153,255,.18);background:radial-gradient(circle at 15% 15%,rgba(110,53,255,.20),transparent 35%),linear-gradient(135deg,#0b1432,#17113f 58%,#071225);box-shadow:0 30px 80px rgba(0,0,0,.34)}
.saz-ai-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.saz-ai-points>div{display:flex;gap:9px;align-items:center;padding:11px 12px;border-radius:13px;border:1px solid rgba(132,149,255,.14);background:rgba(7,13,31,.56)}
.saz-ai-points b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#1b65ff,#7a4fff,#ce29e6)}
.saz-ai-points span{color:#b7c1db;font-size:.76rem}
.saz-ai-art img{display:block;width:100%;border-radius:22px;filter:saturate(1.14) drop-shadow(0 24px 50px rgba(0,0,0,.42))}

.saz-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;position:relative}
.saz-flow__item{position:relative;min-height:155px;padding:19px;border-radius:17px;border:1px solid var(--saz-border);background:linear-gradient(145deg,rgba(13,22,49,.90),rgba(6,11,27,.90))}
.saz-flow__item>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#185fff,#7651ff,#d02bea);box-shadow:0 0 21px rgba(106,73,255,.22)}
.saz-flow__item strong,.saz-flow__item small{display:block}.saz-flow__item strong{margin-top:21px}.saz-flow__item small{color:#8997b7;font-size:.72rem;line-height:1.7;margin-top:7px}

.saz-learning-panel{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:45px;padding:38px;border-radius:28px;border:1px solid rgba(137,153,255,.17);background:linear-gradient(145deg,rgba(10,17,39,.93),rgba(14,10,40,.93))}
.saz-learning-panel img{width:100%;max-height:390px;object-fit:cover;border-radius:20px;border:1px solid rgba(137,153,255,.15)}
.saz-final-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:44px;border-radius:28px;border:1px solid rgba(137,153,255,.18);background:radial-gradient(circle at 88% 30%,rgba(128,48,255,.26),transparent 32%),linear-gradient(135deg,#0d1b49,#29125c 58%,#08132a);box-shadow:0 30px 75px rgba(0,0,0,.33)}

@keyframes sazFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes sazSpin{to{transform:rotate(360deg)}}

@media(max-width:1180px){
    .saz-hero__grid,.saz-solution-layout,.saz-ai-panel{grid-template-columns:1fr}
    .saz-hero__content{text-align:center}.saz-hero h1,.saz-hero p{margin-inline:auto}.saz-actions,.saz-proof-row{justify-content:center;margin-inline:auto}
    .saz-hero__visual{min-height:500px}.saz-hero__visual>img{width:min(100%,760px);transform:none}
    .saz-module-grid{grid-template-columns:repeat(3,1fr)}.saz-flow{grid-template-columns:repeat(3,1fr)}
    .saz-section__heading--right{text-align:center;margin-inline:auto}
}
@media(max-width:850px){
    .saz-module-grid{grid-template-columns:repeat(2,1fr)}
    .saz-solution-grid{grid-template-columns:repeat(2,1fr)}
    .saz-showcase-tabs{grid-template-columns:1fr 1fr}
    .saz-metrics{grid-template-columns:repeat(2,1fr)}
    .saz-metrics>div{border-left:0;border-bottom:1px solid rgba(255,255,255,.08)}
    .saz-flow{grid-template-columns:repeat(2,1fr)}
    .saz-learning-panel{grid-template-columns:1fr}
    .saz-final-cta{display:block;text-align:center}.saz-final-cta .saz-actions{justify-content:center}
}
@media(max-width:600px){
    .saz-hero{padding-top:58px;min-height:auto}
    .saz-hero h1{font-size:2.55rem}
    .saz-hero__grid{grid-template-columns:1fr;gap:34px}
    .saz-proof-row,.saz-module-grid,.saz-solution-grid,.saz-ai-points,.saz-flow{grid-template-columns:1fr}
    .saz-hero__visual{min-height:330px}.saz-float-card{display:none}.saz-orbit--2{display:none}
    .saz-metrics{grid-template-columns:1fr 1fr}
    .saz-section{padding:66px 0}
    .saz-section__heading--split{display:block;text-align:center}
    .saz-section__heading--split .saz-btn{margin-top:18px}
    .saz-showcase-tabs{grid-template-columns:1fr}
    .saz-showcase-tabs span{border-left:0;border-bottom:1px solid rgba(137,153,255,.10)}
    .saz-ai-panel,.saz-learning-panel{padding:24px 18px}
    .saz-final-cta{padding:30px 18px}
}
@media(prefers-reduced-motion:reduce){
    .saz-orbit,.saz-float-card{animation:none!important}
    .saz-module-card,.saz-solution-card,.saz-btn,.saz-hero__visual>img{transition:none!important}
}


/* STAGE 8 — black-light hardening + premium footer + motion */
.public-site-shell{background:#02040d!important}
.public-blacklight-page{background:transparent!important}
.public-blacklight-page>.public-section{background:transparent!important}
.public-footer--blacklight{padding-top:54px!important;position:relative;overflow:hidden}
.public-footer--blacklight::before{content:"";position:absolute;inset:-20% 0 auto;height:420px;background:radial-gradient(circle at 50% 0,rgba(106,55,255,.18),transparent 56%);pointer-events:none}
.public-footer__spotlight{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:56px;padding:34px 38px;border:1px solid rgba(137,153,255,.18);border-radius:26px;background:radial-gradient(circle at 88% 20%,rgba(135,46,255,.26),transparent 32%),linear-gradient(135deg,#0d1b49,#28125c 58%,#071229);box-shadow:0 30px 75px rgba(0,0,0,.36),0 0 40px rgba(94,61,255,.10)}
.public-footer__spotlight span{color:#89dbff;font-size:.78rem;font-weight:900}.public-footer__spotlight h2{margin:8px 0;color:#fff;font-size:clamp(1.45rem,2.5vw,2.35rem)}.public-footer__spotlight p{margin:0;color:#a5b1cc;line-height:1.9}.public-footer__spotlight-actions{display:flex;gap:10px;flex:0 0 auto}
.public-footer__brand-block p{max-width:320px;color:#8493b4;line-height:1.9;font-size:.82rem;margin-top:15px}
.public-footer__grid>div>strong{color:#fff}.public-footer__grid>div>a{color:#93a3c7!important;transition:.22s ease}.public-footer__grid>div>a:hover{color:#fff!important;transform:translateX(-3px)}
.public-page-hero__media img,.saz-module-card,.saz-solution-card,.public-module-detail-card,.public-solution-detail-card,.public-price-card,.public-article-card{will-change:transform}
@media (hover:hover){.public-page-hero__media img{animation:stage8MediaFloat 6s ease-in-out infinite}.public-page-hero__media:hover img{animation-play-state:paused}}
@keyframes stage8MediaFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:850px){.public-footer__spotlight{display:block;text-align:center;padding:28px 22px}.public-footer__spotlight-actions{justify-content:center;margin-top:22px}}
@media(max-width:600px){.public-footer__spotlight-actions{display:grid}.public-footer__spotlight-actions .public-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.public-page-hero__media img{animation:none!important}}


/* =========================================================
   FINAL CUMULATIVE BLACK-LIGHT HOME ADDITIONS
   New assets use -v2 filenames; previous files are preserved.
   ========================================================= */
.saz-why-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center}
.saz-why-art img,.saz-platform-panel>img,.saz-pricing-preview>img{
    width:100%;border-radius:24px;border:1px solid rgba(137,153,255,.17);
    box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 42px rgba(99,63,255,.12);
    filter:saturate(1.12) contrast(1.04)
}
.saz-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.saz-why-grid>div,.saz-security-grid>div{
    padding:18px;border-radius:16px;border:1px solid rgba(137,153,255,.16);
    background:linear-gradient(150deg,rgba(13,22,49,.93),rgba(6,11,27,.93));
    box-shadow:0 16px 40px rgba(0,0,0,.20);transition:.25s ease
}
.saz-why-grid>div:hover,.saz-security-grid>div:hover{transform:translateY(-5px);border-color:rgba(122,87,255,.48);box-shadow:0 22px 50px rgba(0,0,0,.30),0 0 26px rgba(103,70,255,.10)}
.saz-why-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#1a63ff,#7651ff,#d12bea);color:#fff}
.saz-why-grid strong,.saz-why-grid small,.saz-security-grid strong,.saz-security-grid small{display:block}
.saz-why-grid strong{margin-top:16px}.saz-why-grid small,.saz-security-grid small{margin-top:6px;color:#8d9bbb;line-height:1.75;font-size:.76rem}
.saz-platform-panel,.saz-pricing-preview{
    display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center;padding:40px;
    border-radius:28px;border:1px solid rgba(137,153,255,.18);
    background:radial-gradient(circle at 84% 22%,rgba(123,48,255,.19),transparent 34%),linear-gradient(135deg,#0b1430,#171039 58%,#071225);
    box-shadow:0 30px 80px rgba(0,0,0,.34)
}
.saz-platform-panel h2,.saz-pricing-preview h2{color:#fff;font-size:clamp(2rem,3.3vw,3.15rem);margin:12px 0}
.saz-platform-panel p,.saz-pricing-preview p{color:#95a3c4;line-height:1.95}
.saz-platform-panel>div>span,.saz-pricing-preview>div>span{color:#8fdfff;font-size:.82rem;font-weight:900}
.saz-platform-badges{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.saz-platform-badges span{padding:8px 11px;border-radius:999px;border:1px solid rgba(137,153,255,.16);background:rgba(8,14,33,.66);color:#afbbd7;font-size:.72rem}
.saz-security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.saz-security-grid>div>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#1c61ff,#7552ff,#d02bea);box-shadow:0 0 24px rgba(106,73,255,.24)}
.saz-security-grid strong{margin-top:19px;color:#fff}
.saz-pricing-preview{grid-template-columns:1fr 1fr}
.saz-pricing-preview>img{max-height:520px;object-fit:cover;object-position:center 20%}
.saz-section--security{background:linear-gradient(180deg,rgba(4,9,23,.15),rgba(13,7,31,.28))}
@media(max-width:1050px){
    .saz-why-layout,.saz-platform-panel,.saz-pricing-preview{grid-template-columns:1fr}
    .saz-security-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
    .saz-why-grid,.saz-security-grid{grid-template-columns:1fr}
    .saz-platform-panel,.saz-pricing-preview{padding:24px 18px}
}


/* =========================================================
   FINAL V3 — MOTION / RESPONSIVE / BLACK-LIGHT POLISH
   No image files are replaced or removed in this phase.
   ========================================================= */

/* Global depth and background continuity */
.public-site-shell{
    background:
      radial-gradient(circle at 84% 6%,rgba(116,57,255,.18),transparent 28%),
      radial-gradient(circle at 10% 24%,rgba(0,211,255,.085),transparent 24%),
      linear-gradient(180deg,#02040d 0%,#040817 38%,#02040d 100%) !important;
}
.public-site-shell main{
    background:transparent !important;
}
.public-site-shell main::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
      linear-gradient(90deg,transparent 0 49.8%,rgba(106,92,255,.022) 50%,transparent 50.2%),
      linear-gradient(transparent 0 49.8%,rgba(106,92,255,.022) 50%,transparent 50.2%);
    background-size:64px 64px;
    opacity:.72;
    mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%);
}

/* Sticky premium header */
.public-header{
    position:sticky !important;
    top:0;
    z-index:1000;
    background:rgba(2,4,13,.82) !important;
    backdrop-filter:blur(24px) saturate(155%) !important;
    -webkit-backdrop-filter:blur(24px) saturate(155%) !important;
    border-bottom:1px solid rgba(137,153,255,.14) !important;
}
.public-header::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:-1px;
    height:1px;
    background:linear-gradient(90deg,transparent,#18d9ff 28%,#7655ff 50%,#d22ced 72%,transparent);
    opacity:.33;
}
.public-brand__mark{
    position:relative;
    overflow:hidden;
}
.public-brand__mark::after{
    content:"";
    position:absolute;
    inset:-70%;
    background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.55),transparent 65%);
    transform:translateX(-70%) rotate(18deg);
    animation:publicLogoShine 5.8s ease-in-out infinite;
}

/* Unified premium cards */
.public-feature-card,
.public-industry-card,
.public-module-detail-card,
.public-solution-detail-card,
.public-price-card,
.public-article-card,
.public-demo-card,
.public-demo-info,
.public-faq-item,
.saz-module-card,
.saz-solution-card,
.saz-flow__item,
.saz-why-grid>div,
.saz-security-grid>div{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.public-feature-card::before,
.public-industry-card::before,
.public-module-detail-card::before,
.public-solution-detail-card::before,
.public-price-card::before,
.public-article-card::before,
.public-demo-card::before,
.public-demo-info::before,
.saz-module-card::before,
.saz-solution-card::before,
.saz-flow__item::before,
.saz-why-grid>div::before,
.saz-security-grid>div::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
      radial-gradient(circle at 82% 12%,rgba(123,82,255,.14),transparent 28%),
      radial-gradient(circle at 14% 88%,rgba(0,207,255,.06),transparent 26%);
    opacity:.72;
    pointer-events:none;
}
.public-feature-card::after,
.public-module-detail-card::after,
.public-solution-detail-card::after,
.public-price-card::after,
.public-article-card::after,
.saz-module-card::after,
.saz-solution-card::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.028),transparent 55%);
    transform:translateX(-105%);
    transition:transform .65s ease;
}
.public-feature-card:hover::after,
.public-module-detail-card:hover::after,
.public-solution-detail-card:hover::after,
.public-price-card:hover::after,
.public-article-card:hover::after,
.saz-module-card:hover::after,
.saz-solution-card:hover::after{
    transform:translateX(105%);
}

/* Better section rhythm */
.public-section,
.saz-section{
    position:relative;
}
.public-section::before,
.saz-section::before{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(113,95,255,.16),transparent);
}
.public-section:first-child::before,
.saz-section:first-child::before{
    display:none;
}

/* Hero glow and depth */
.public-page-hero{
    min-height:560px;
    display:flex;
    align-items:center;
}
.public-page-hero__media{
    transform-style:preserve-3d;
}
.public-page-hero__media::after{
    content:"";
    position:absolute;
    z-index:0;
    width:78%;
    height:22%;
    bottom:4%;
    left:11%;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(91,59,255,.34),transparent 68%);
    filter:blur(24px);
}
.public-page-hero__media img{
    z-index:2;
}
.public-hero-metrics span{
    box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.12);
}

/* FAQ richer interaction */
.public-faq-item summary{
    position:relative;
    padding-left:52px !important;
}
.public-faq-item summary::after{
    content:"+";
    position:absolute;
    left:18px;
    top:50%;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border-radius:9px;
    color:#fff;
    background:linear-gradient(135deg,#215fff,#7653ff,#ce2bea);
    box-shadow:0 0 20px rgba(105,73,255,.24);
    transition:transform .24s ease;
}
.public-faq-item[open] summary::after{
    transform:translateY(-50%) rotate(45deg);
}

/* Pricing focus */
.public-price-card{
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.public-price-card:nth-child(2){
    border-color:rgba(130,89,255,.42) !important;
    box-shadow:0 26px 64px rgba(0,0,0,.34),0 0 38px rgba(105,72,255,.12) !important;
}
.public-price-card:nth-child(2)::before{
    opacity:1;
    background:
      radial-gradient(circle at 82% 12%,rgba(150,58,255,.20),transparent 34%),
      radial-gradient(circle at 12% 85%,rgba(0,207,255,.08),transparent 30%);
}

/* CTA stronger glow */
.public-footer__spotlight,
.saz-final-cta,
.saz-ai-panel,
.saz-platform-panel,
.saz-pricing-preview{
    position:relative;
    overflow:hidden;
}
.public-footer__spotlight::after,
.saz-final-cta::after,
.saz-ai-panel::after,
.saz-platform-panel::after,
.saz-pricing-preview::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    left:-80px;
    top:-90px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(25,216,255,.16),transparent 68%);
    filter:blur(12px);
    pointer-events:none;
}

/* Home showcase */
.saz-showcase-frame{
    position:relative;
}
.saz-showcase-frame::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    box-shadow:inset 0 0 80px rgba(5,8,21,.48);
}
.saz-showcase-frame>img{
    transition:transform .65s ease,filter .65s ease;
}
.saz-showcase-frame:hover>img{
    transform:scale(1.018);
    filter:saturate(1.18) contrast(1.06);
}

/* CSS scroll-reveal when browser supports view timelines */
@supports (animation-timeline:view()) {
    .saz-section__heading,
    .saz-module-card,
    .saz-solution-card,
    .saz-flow__item,
    .saz-ai-panel,
    .saz-learning-panel,
    .saz-platform-panel,
    .saz-pricing-preview,
    .saz-why-layout,
    .public-page-hero__inner,
    .public-page-hero__media,
    .public-module-detail-card,
    .public-solution-detail-card,
    .public-price-card,
    .public-article-card,
    .public-faq-item,
    .public-demo-card,
    .public-demo-info{
        animation:publicReveal both;
        animation-timeline:view();
        animation-range:entry 8% cover 26%;
    }
    .saz-module-card:nth-child(2n),
    .public-module-detail-card:nth-child(2n),
    .public-article-card:nth-child(2n){
        animation-name:publicRevealAlt;
    }
}

/* Fine typography */
.public-page-hero__inner h1,
.saz-hero h1,
.saz-section__heading h2{
    text-wrap:balance;
}
.public-page-hero__inner p,
.saz-hero p,
.saz-section__heading p{
    text-wrap:pretty;
}

/* Responsive refinements */
@media(max-width:1050px){
    .public-header__inner{min-height:72px}
    .public-page-hero{min-height:auto}
    .public-page-hero__visual-grid{gap:30px}
    .public-page-hero__media img{max-height:440px}
    .saz-hero{padding-top:64px}
}
@media(max-width:850px){
    .public-container{width:min(100% - 30px,1180px)}
    .public-page-hero{padding:58px 0 !important}
    .public-page-hero__inner{text-align:center}
    .public-page-hero__inner p{margin-inline:auto}
    .public-hero__actions,.public-hero-metrics{justify-content:center}
    .public-page-hero__media{max-width:720px;margin-inline:auto}
    .public-footer__grid{grid-template-columns:1fr 1fr !important}
    .saz-hero__visual{min-height:430px}
}
@media(max-width:600px){
    .public-container{width:min(100% - 22px,1180px)}
    .public-header__inner{min-height:64px}
    .public-brand small{display:none}
    .public-page-hero{padding:46px 0 !important}
    .public-page-hero__inner h1{font-size:2.15rem !important;letter-spacing:-.025em}
    .public-page-hero__inner p{line-height:1.9}
    .public-page-hero__media img{border-radius:16px}
    .public-footer__grid{grid-template-columns:1fr !important}
    .public-footer__spotlight{margin-bottom:38px}
    .saz-hero h1{font-size:2.35rem}
    .saz-hero p{font-size:.92rem}
    .saz-metrics{grid-template-columns:1fr 1fr}
    .saz-section__heading h2{font-size:2rem}
    .saz-module-card{min-height:164px}
    .saz-showcase-frame>img{max-height:320px}
}

/* Animations */
@keyframes publicLogoShine{
    0%,72%,100%{transform:translateX(-95%) rotate(18deg)}
    82%{transform:translateX(95%) rotate(18deg)}
}
@keyframes publicReveal{
    from{opacity:0;transform:translateY(34px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes publicRevealAlt{
    from{opacity:0;transform:translateY(34px) translateX(-14px) scale(.985)}
    to{opacity:1;transform:translateY(0) translateX(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
    .public-brand__mark::after{animation:none!important}
    .saz-showcase-frame>img{transition:none!important}
}


/* =========================================================
   FINAL V4 — FIXES FROM PRODUCTION SCREENSHOTS
   - forces all public sections/cards/forms to dark
   - fixes white Login button
   - reduces empty hero space
   - prevents hero media cropping
   - improves footer / CTA / card consistency
   ========================================================= */

html, body,
.public-site-shell,
.public-blacklight-page,
.saz-home-blacklight {
    background:#02040d !important;
    color:#f7f8ff !important;
}

/* Header */
.public-header {
    background:rgba(2,4,13,.94) !important;
    border-bottom:1px solid rgba(126,102,255,.22) !important;
}
.public-header .public-btn--ghost,
.public-mobile-nav__actions .public-btn--ghost {
    color:#f7f8ff !important;
    background:#0a1022 !important;
    border:1px solid rgba(135,151,255,.28) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.03) !important;
}
.public-header .public-btn--ghost:hover,
.public-mobile-nav__actions .public-btn--ghost:hover {
    color:#fff !important;
    background:#111a36 !important;
    border-color:#7c5cff !important;
    box-shadow:0 0 26px rgba(115,84,255,.18) !important;
}
.public-header .public-btn--primary {
    color:#fff !important;
}

/* Force dark section continuity everywhere */
.public-site-shell main,
.public-site-shell section,
.public-blacklight-page,
.public-blacklight-page > section,
.public-section,
.public-section--muted,
.public-section--industries,
.public-section--pricing,
.public-section--dark,
.public-section--dark-cards,
.public-article-section,
.public-faq-section,
.public-demo-section,
.public-pricing-section {
    background-color:#02040d !important;
    color:#f7f8ff !important;
}
.public-section,
.public-section--muted,
.public-section--industries,
.public-section--pricing {
    background-image:
      radial-gradient(circle at 82% 12%,rgba(105,57,255,.075),transparent 28%),
      radial-gradient(circle at 10% 88%,rgba(0,205,255,.035),transparent 26%) !important;
}

/* Typography */
.public-site-shell h1,
.public-site-shell h2,
.public-site-shell h3,
.public-site-shell h4,
.public-site-shell strong {
    color:#f7f8ff !important;
}
.public-site-shell p,
.public-site-shell small,
.public-site-shell li,
.public-site-shell label {
    color:#99a7c7 !important;
}
.public-site-shell a {
    text-decoration:none;
}

/* Hero - less dead space, image fully visible */
.public-page-hero {
    min-height:0 !important;
    padding:64px 0 54px !important;
    overflow:hidden !important;
}
.public-page-hero__visual-grid {
    grid-template-columns:minmax(0,1fr) minmax(360px,.82fr) !important;
    gap:36px !important;
    min-height:470px;
}
.public-page-hero__inner {
    align-self:center;
}
.public-page-hero__inner h1 {
    font-size:clamp(2.7rem,4.6vw,4.65rem) !important;
    margin-bottom:16px !important;
}
.public-page-hero__media {
    min-height:390px !important;
    overflow:visible !important;
    align-self:center;
}
.public-page-hero__media img {
    width:100% !important;
    max-width:620px !important;
    max-height:460px !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:22px !important;
    overflow:visible !important;
}
.public-page-hero__media--portrait img {
    max-width:390px !important;
    max-height:500px !important;
}

/* Main content cards - remove every white card */
.public-feature-card,
.public-industry-card,
.public-module-card,
.public-module-detail-card,
.public-solution-detail-card,
.public-price-card,
.public-article-card,
.public-demo-card,
.public-demo-info,
.public-empty-state,
.public-faq-item,
.public-step,
.public-mini-panel,
.public-card,
.public-panel,
.public-content-card,
.public-pricing-card,
.public-solution-card {
    background:
      radial-gradient(circle at 84% 10%,rgba(119,72,255,.13),transparent 28%),
      linear-gradient(155deg,#0d1630 0%,#070d1d 100%) !important;
    border:1px solid rgba(133,149,255,.18) !important;
    color:#f7f8ff !important;
    box-shadow:0 20px 52px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.025) !important;
}
.public-feature-card:hover,
.public-industry-card:hover,
.public-module-detail-card:hover,
.public-solution-detail-card:hover,
.public-price-card:hover,
.public-article-card:hover,
.public-demo-card:hover {
    border-color:rgba(123,87,255,.52) !important;
    box-shadow:0 26px 66px rgba(0,0,0,.38),0 0 34px rgba(107,72,255,.13) !important;
}

/* Solutions */
.public-solution-detail-card > span,
.public-module-detail-card__code {
    color:#b9a8ff !important;
}
.public-solution-detail-card ul,
.public-solution-detail-card li {
    color:#aab6d1 !important;
}

/* Blog */
.public-article-card__cover {
    background:
      radial-gradient(circle at 24% 18%,rgba(24,215,255,.17),transparent 30%),
      linear-gradient(135deg,#101d45,#321b68 58%,#09142f) !important;
    color:#fff !important;
}
.public-article-card__body,
.public-article-card__content {
    background:transparent !important;
}

/* Pricing */
.public-price-card {
    min-height:100% !important;
}
.public-price-card:nth-child(2) {
    background:
      radial-gradient(circle at 80% 9%,rgba(157,52,255,.20),transparent 32%),
      linear-gradient(155deg,#17133a 0%,#0b1025 100%) !important;
}
.public-price-card .public-btn--ghost {
    background:#0d1530 !important;
    color:#fff !important;
}

/* FAQ */
.public-faq-item,
.public-faq-item details,
.public-faq-item summary {
    background:#091126 !important;
    color:#f6f8ff !important;
}
.public-faq-item[open] {
    background:#0d1530 !important;
}

/* Demo: remove white form completely */
.public-demo-grid,
.public-demo-form,
.public-demo-card form {
    background:transparent !important;
}
.public-demo-card,
.public-demo-info {
    background:
      radial-gradient(circle at 80% 10%,rgba(120,69,255,.14),transparent 28%),
      linear-gradient(155deg,#0d1630,#070d1d) !important;
}
.public-demo-form input,
.public-demo-form textarea,
.public-demo-form select,
.public-demo-card input,
.public-demo-card textarea,
.public-demo-card select {
    background:#070d1d !important;
    color:#f7f8ff !important;
    border:1px solid rgba(133,149,255,.23) !important;
    box-shadow:none !important;
}
.public-demo-form input::placeholder,
.public-demo-form textarea::placeholder,
.public-demo-card input::placeholder,
.public-demo-card textarea::placeholder {
    color:#657392 !important;
}
.public-demo-form input:focus,
.public-demo-form textarea:focus,
.public-demo-form select:focus,
.public-demo-card input:focus,
.public-demo-card textarea:focus,
.public-demo-card select:focus {
    border-color:#7a5cff !important;
    box-shadow:0 0 0 4px rgba(117,86,255,.13),0 0 24px rgba(117,86,255,.10) !important;
    outline:none !important;
}
.public-demo-form button,
.public-demo-card button {
    color:#fff !important;
    background:linear-gradient(135deg,#2d5dff,#7954ff 52%,#cf28ec) !important;
}

/* Buttons globally */
.public-btn--light {
    color:#fff !important;
    background:#0d1530 !important;
    border:1px solid rgba(136,151,255,.24) !important;
}
.public-btn--outline-light {
    color:#f5f7ff !important;
    border-color:rgba(136,151,255,.26) !important;
    background:rgba(8,14,31,.66) !important;
}
.public-btn--light:hover,
.public-btn--outline-light:hover {
    border-color:#7d5dff !important;
    background:#131c3a !important;
}

/* Footer: fully dark and premium */
.public-footer,
.public-footer--blacklight {
    background:
      radial-gradient(circle at 50% 0,rgba(107,57,255,.12),transparent 30%),
      #01030a !important;
    color:#eaf0ff !important;
}
.public-footer__spotlight {
    background:
      radial-gradient(circle at 85% 18%,rgba(144,45,255,.28),transparent 33%),
      linear-gradient(135deg,#0d1a45,#241150 58%,#071227) !important;
    border-color:rgba(137,153,255,.20) !important;
}
.public-footer__spotlight .public-btn--ghost {
    background:#0d1530 !important;
    color:#fff !important;
    border-color:rgba(135,151,255,.25) !important;
}

/* Home deep polish */
.saz-home-blacklight,
.saz-section,
.saz-section--showcase,
.saz-section--solutions,
.saz-section--ai,
.saz-section--flow,
.saz-section--learning,
.saz-section--why,
.saz-section--platform,
.saz-section--security,
.saz-section--pricing-preview,
.saz-section--final {
    background-color:#02040d !important;
}
.saz-hero {
    min-height:760px !important;
}
.saz-hero__visual > img {
    max-height:600px;
    object-fit:contain;
}
.saz-module-card,
.saz-solution-card,
.saz-flow__item,
.saz-why-grid > div,
.saz-security-grid > div {
    background:
      radial-gradient(circle at 84% 12%,rgba(121,73,255,.12),transparent 28%),
      linear-gradient(155deg,#0d1630,#070d1d) !important;
}

/* Soft aurora across full page */
.public-site-shell::before {
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-2;
    background:
      radial-gradient(circle at 80% 14%,rgba(117,55,255,.12),transparent 30%),
      radial-gradient(circle at 11% 40%,rgba(0,199,255,.05),transparent 28%),
      radial-gradient(circle at 55% 82%,rgba(174,34,237,.055),transparent 25%);
}

/* Responsive */
@media(max-width:1050px){
    .public-page-hero__visual-grid{
        grid-template-columns:1fr !important;
        min-height:0;
    }
    .public-page-hero__inner{
        text-align:center;
    }
    .public-page-hero__inner p{
        margin-inline:auto;
    }
    .public-hero__actions,
    .public-hero-metrics{
        justify-content:center;
    }
    .public-page-hero__media{
        min-height:300px !important;
    }
}
@media(max-width:600px){
    .public-page-hero{
        padding:42px 0 36px !important;
    }
    .public-page-hero__inner h1{
        font-size:2.15rem !important;
    }
    .public-page-hero__media{
        min-height:240px !important;
    }
    .public-page-hero__media img{
        max-height:320px !important;
    }
    .saz-hero{
        min-height:auto !important;
    }
}


/* =========================================================
   FINAL V5 — PRODUCTION POLISH
   - fixes Login button definitively
   - adds sticky CTA
   - adds Aurora / particle depth without JS
   - improves interactive hover / reveal
   - tighter vertical rhythm across inner pages
   - responsive polish
   No image is deleted or replaced.
   ========================================================= */

/* Definitive Login button fix */
.public-site-shell .public-btn--login,
.public-site-shell a.public-btn--login,
.public-header .public-btn--login,
.public-mobile-nav__actions .public-btn--login {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:78px !important;
    min-height:44px !important;
    padding:0 18px !important;
    color:#f8f9ff !important;
    -webkit-text-fill-color:#f8f9ff !important;
    background:linear-gradient(180deg,#11182f,#0a1022) !important;
    border:1px solid rgba(143,158,255,.28) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.18) !important;
    opacity:1 !important;
}
.public-site-shell .public-btn--login:hover {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-color:#8a68ff !important;
    background:linear-gradient(180deg,#182347,#10172e) !important;
    box-shadow:0 0 28px rgba(122,86,255,.22),inset 0 1px rgba(255,255,255,.05) !important;
}

/* Animated ambient layers */
.public-site-shell--final {
    position:relative;
    isolation:isolate;
    overflow-x:hidden;
}
.public-site-shell--final::after {
    content:"";
    position:fixed;
    inset:-18%;
    z-index:-4;
    pointer-events:none;
    background:
      radial-gradient(circle at 18% 24%,rgba(23,203,255,.075),transparent 22%),
      radial-gradient(circle at 78% 22%,rgba(112,67,255,.13),transparent 24%),
      radial-gradient(circle at 62% 76%,rgba(210,42,238,.065),transparent 22%);
    filter:blur(18px);
    animation:publicAuroraDrift 18s ease-in-out infinite alternate;
}
.public-site-shell--final main::before {
    opacity:.52 !important;
}

/* Inner-page hero tighter and more balanced */
.public-page-hero {
    padding:54px 0 46px !important;
}
.public-page-hero__visual-grid {
    min-height:430px !important;
    align-items:center !important;
}
.public-page-hero__inner h1 {
    max-width:850px;
}
.public-page-hero__inner p {
    margin-bottom:22px !important;
}
.public-page-hero__media img {
    transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .55s ease,box-shadow .55s ease !important;
}
.public-page-hero__media:hover img {
    transform:translateY(-8px) scale(1.012) !important;
    filter:saturate(1.17) contrast(1.06) !important;
}

/* CTA buttons and cards */
.public-btn--primary,
.saz-btn--primary {
    position:relative;
    overflow:hidden;
}
.public-btn--primary::before,
.saz-btn--primary::before {
    content:"";
    position:absolute;
    inset:-80% -40%;
    background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.32) 50%,transparent 62%);
    transform:translateX(-70%);
    transition:transform .7s ease;
}
.public-btn--primary:hover::before,
.saz-btn--primary:hover::before {
    transform:translateX(70%);
}
.public-module-detail-card,
.public-solution-detail-card,
.public-price-card,
.public-article-card,
.public-faq-item,
.public-demo-card,
.saz-module-card,
.saz-solution-card {
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

/* Floating accents on core cards */
.public-module-detail-card:hover,
.public-solution-detail-card:hover,
.public-price-card:hover,
.public-article-card:hover,
.saz-module-card:hover,
.saz-solution-card:hover {
    transform:translateY(-7px) scale(1.006) !important;
}

/* Home: stronger premium hero */
.saz-hero {
    min-height:700px !important;
    padding-top:72px !important;
}
.saz-hero::after {
    content:"";
    position:absolute;
    left:7%;
    right:7%;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg,transparent,#19d9ff 25%,#7358ff 50%,#d12ced 75%,transparent);
    opacity:.28;
}
.saz-hero__visual::before {
    content:"";
    position:absolute;
    width:74%;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(112,67,255,.27),rgba(0,206,255,.065) 40%,transparent 70%);
    filter:blur(32px);
    animation:publicPulseGlow 6s ease-in-out infinite;
}
.saz-hero__visual>img {
    position:relative;
    z-index:3;
}

/* More deliberate section spacing */
.saz-section,
.public-section {
    padding-top:78px !important;
    padding-bottom:78px !important;
}
.public-section__heading,
.saz-section__heading {
    margin-bottom:32px !important;
}

/* FAQ */
.public-faq-item {
    transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease;
}
.public-faq-item:hover {
    transform:translateY(-2px);
    border-color:rgba(125,91,255,.42) !important;
}
.public-faq-item[open] {
    box-shadow:0 18px 46px rgba(0,0,0,.28),0 0 26px rgba(104,70,255,.10) !important;
}

/* Demo form: visual hierarchy */
.public-demo-form label,
.public-demo-card label {
    display:block;
    margin-bottom:8px;
    font-weight:700;
}
.public-demo-form input,
.public-demo-form textarea,
.public-demo-form select,
.public-demo-card input,
.public-demo-card textarea,
.public-demo-card select {
    border-radius:12px !important;
    min-height:46px;
}
.public-demo-form textarea,
.public-demo-card textarea {
    min-height:120px;
}

/* Footer */
.public-footer--blacklight {
    position:relative;
}
.public-footer--blacklight::after {
    content:"";
    position:absolute;
    left:5%;
    right:5%;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,#19d9ff 24%,#7458ff 50%,#d12ced 76%,transparent);
    opacity:.30;
}
.public-footer__spotlight {
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.public-footer__spotlight:hover {
    transform:translateY(-4px);
    border-color:rgba(135,98,255,.34) !important;
    box-shadow:0 36px 90px rgba(0,0,0,.42),0 0 42px rgba(104,68,255,.12) !important;
}

/* Sticky CTA */
.public-sticky-cta {
    position:fixed;
    right:50%;
    bottom:18px;
    transform:translateX(50%);
    z-index:990;
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px;
    border:1px solid rgba(137,153,255,.20);
    border-radius:16px;
    background:rgba(4,8,20,.76);
    backdrop-filter:blur(20px) saturate(145%);
    -webkit-backdrop-filter:blur(20px) saturate(145%);
    box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 28px rgba(104,69,255,.12);
}
.public-sticky-cta__text {
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
    color:#b8c4de;
    font-size:.78rem;
    white-space:nowrap;
}
.public-sticky-cta__dot {
    width:8px;
    height:8px;
    border-radius:50%;
    background:#32e8bd;
    box-shadow:0 0 14px rgba(50,232,189,.70);
    animation:publicStatusPulse 2.2s ease-in-out infinite;
}
.public-sticky-cta .public-btn {
    min-height:38px !important;
    padding:0 14px !important;
    border-radius:10px !important;
    font-size:.78rem !important;
}

/* Progressive CSS scroll reveal */
@supports (animation-timeline:view()) {
    .public-section__heading,
    .public-page-hero__inner,
    .public-page-hero__media,
    .public-module-detail-card,
    .public-solution-detail-card,
    .public-price-card,
    .public-article-card,
    .public-faq-item,
    .public-demo-card,
    .public-demo-info,
    .saz-section__heading,
    .saz-module-card,
    .saz-solution-card,
    .saz-showcase-frame,
    .saz-ai-panel,
    .saz-platform-panel,
    .saz-pricing-preview,
    .saz-learning-panel,
    .saz-final-cta {
        animation:publicV5Reveal both linear;
        animation-timeline:view();
        animation-range:entry 5% cover 24%;
    }
}

/* Performance */
.public-site-shell img[loading="lazy"] {
    content-visibility:auto;
}
.public-module-detail-card,
.public-solution-detail-card,
.public-price-card,
.public-article-card,
.saz-module-card,
.saz-solution-card {
    contain:layout paint style;
}

/* Responsive */
@media(max-width:920px) {
    .public-sticky-cta__text { display:none; }
    .public-sticky-cta { bottom:12px; }
}
@media(max-width:700px) {
    .public-sticky-cta {
        left:12px;
        right:12px;
        transform:none;
        width:auto;
        justify-content:stretch;
    }
    .public-sticky-cta .public-btn {
        flex:1;
    }
    .saz-section,
    .public-section {
        padding-top:62px !important;
        padding-bottom:62px !important;
    }
}
@media(max-width:480px) {
    .public-sticky-cta .public-btn--ghost {
        display:none !important;
    }
    .public-sticky-cta .public-btn--primary {
        width:100%;
    }
}

/* Motion */
@keyframes publicAuroraDrift {
    0% { transform:translate3d(-1.5%,0,0) scale(1); }
    50% { transform:translate3d(1.5%,1%,0) scale(1.03); }
    100% { transform:translate3d(0,-1.5%,0) scale(1.015); }
}
@keyframes publicPulseGlow {
    0%,100% { opacity:.62; transform:scale(.94); }
    50% { opacity:1; transform:scale(1.05); }
}
@keyframes publicStatusPulse {
    0%,100% { opacity:.55; transform:scale(.88); }
    50% { opacity:1; transform:scale(1.15); }
}
@keyframes publicV5Reveal {
    from { opacity:0; transform:translateY(26px) scale(.99); filter:blur(4px); }
    to { opacity:1; transform:translateY(0) scale(1); filter:blur(0); }
}
@media(prefers-reduced-motion:reduce) {
    .public-site-shell--final::after,
    .saz-hero__visual::before,
    .public-sticky-cta__dot {
        animation:none !important;
    }
    .public-btn--primary::before,
    .saz-btn--primary::before {
        display:none !important;
    }
}


/* =========================================================
   FINAL V6 — HOME AS REAL UI (NOT A MOCKUP IMAGE)
   Modules are real cards. Product environment is a real
   responsive screenshot gallery built from individual assets.
   ========================================================= */

.saz-live-modules{
    background:
      radial-gradient(circle at 18% 18%,rgba(31,212,255,.045),transparent 24%),
      radial-gradient(circle at 82% 24%,rgba(137,54,255,.075),transparent 26%),
      #02040d !important;
}
.saz-live-module-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}
.saz-live-module-card{
    --module-accent:#7c5cff;
    --module-glow:rgba(124,92,255,.22);
    position:relative;
    min-height:154px;
    padding:18px 16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--module-accent) 28%, transparent);
    border-radius:15px;
    color:#fff;
    background:
      radial-gradient(circle at 50% 0,var(--module-glow),transparent 48%),
      linear-gradient(155deg,rgba(13,20,46,.96),rgba(6,10,24,.96));
    box-shadow:
      inset 0 1px rgba(255,255,255,.025),
      0 16px 38px rgba(0,0,0,.22);
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.saz-live-module-card::after{
    content:"";
    position:absolute;
    inset:auto 12% 0;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--module-accent),transparent);
    opacity:.50;
}
.saz-live-module-card:hover{
    transform:translateY(-6px) scale(1.012);
    border-color:color-mix(in srgb,var(--module-accent) 70%, transparent);
    box-shadow:0 22px 50px rgba(0,0,0,.34),0 0 28px var(--module-glow);
}
.saz-live-module-card__icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin-bottom:13px;
    color:var(--module-accent);
    border:1px solid color-mix(in srgb,var(--module-accent) 42%, transparent);
    border-radius:13px;
    background:color-mix(in srgb,var(--module-accent) 9%, transparent);
    box-shadow:0 0 22px var(--module-glow),inset 0 0 18px color-mix(in srgb,var(--module-accent) 8%, transparent);
}
.saz-live-module-card__icon svg{
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.saz-live-module-card strong{
    color:#f7f8ff !important;
    font-size:.88rem;
    line-height:1.6;
}
.saz-live-module-card small{
    color:#818ead !important;
    margin-top:5px;
    max-width:190px;
    font-size:.68rem;
    line-height:1.65;
}
.saz-live-module-card.tone-1{--module-accent:#b64fff;--module-glow:rgba(182,79,255,.21)}
.saz-live-module-card.tone-2{--module-accent:#ff9b42;--module-glow:rgba(255,155,66,.18)}
.saz-live-module-card.tone-3{--module-accent:#ff4fa3;--module-glow:rgba(255,79,163,.18)}
.saz-live-module-card.tone-4{--module-accent:#24caff;--module-glow:rgba(36,202,255,.18)}
.saz-live-module-card.tone-5{--module-accent:#1fe2c1;--module-glow:rgba(31,226,193,.17)}
.saz-center-action--modules{margin-top:22px}
.saz-outline-action{
    min-width:255px;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 18px;
    border:1px solid rgba(139,91,255,.32);
    border-radius:9px;
    color:#be9cff;
    background:linear-gradient(180deg,rgba(120,54,255,.08),rgba(68,28,150,.06));
    box-shadow:inset 0 0 22px rgba(112,56,255,.05);
    transition:.24s ease;
}
.saz-outline-action:hover{
    color:#fff;
    border-color:#a36dff;
    background:rgba(114,56,255,.14);
    box-shadow:0 0 28px rgba(116,65,255,.13);
}

/* Real product environment */
.saz-live-showcase{
    padding-top:70px !important;
}
.saz-product-browser{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(139,151,255,.17);
    border-radius:22px;
    background:
      radial-gradient(circle at 82% 10%,rgba(103,56,255,.10),transparent 27%),
      linear-gradient(180deg,#080d1e,#040815);
    box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 42px rgba(101,68,255,.08);
}
.saz-product-browser__topbar{
    height:52px;
    display:grid;
    grid-template-columns:1fr minmax(240px,420px) 1fr;
    align-items:center;
    gap:18px;
    padding:0 17px;
    border-bottom:1px solid rgba(139,151,255,.12);
    background:rgba(7,12,27,.94);
}
.saz-browser-dots{
    direction:ltr;
    display:flex;
    gap:6px;
}
.saz-browser-dots i{
    width:8px;height:8px;border-radius:50%;
    background:#414b67;
}
.saz-browser-dots i:nth-child(1){background:#ff6278}
.saz-browser-dots i:nth-child(2){background:#ffbc42}
.saz-browser-dots i:nth-child(3){background:#32df9b}
.saz-browser-address{
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border:1px solid rgba(139,151,255,.12);
    border-radius:9px;
    color:#7987a8;
    background:#050917;
    font-size:.72rem;
}
.saz-browser-status{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:7px;
    color:#8794b2;
    font-size:.68rem;
}
.saz-browser-status i{
    width:7px;height:7px;border-radius:50%;
    background:#32e3b4;
    box-shadow:0 0 12px rgba(50,227,180,.65);
}
.saz-screen-gallery{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(300px,37%);
    gap:14px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:inline mandatory;
    padding:18px;
    scrollbar-width:thin;
    scrollbar-color:#6e55c9 #070b17;
}
.saz-screen-gallery::-webkit-scrollbar{height:7px}
.saz-screen-gallery::-webkit-scrollbar-track{background:#070b17}
.saz-screen-gallery::-webkit-scrollbar-thumb{background:#654dbd;border-radius:999px}
.saz-screen-card{
    scroll-snap-align:start;
    min-width:0;
    border:1px solid rgba(137,151,255,.14);
    border-radius:14px;
    overflow:hidden;
    background:#070b18;
    box-shadow:0 15px 34px rgba(0,0,0,.26);
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.saz-screen-card:hover{
    transform:translateY(-5px);
    border-color:rgba(124,88,255,.42);
    box-shadow:0 22px 50px rgba(0,0,0,.34),0 0 25px rgba(102,70,255,.09);
}
.saz-screen-card.is-featured{
    border-color:rgba(35,203,255,.24);
}
.saz-screen-card__media{
    aspect-ratio:16/10;
    overflow:hidden;
    background:#040713;
}
.saz-screen-card__media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
    transition:transform .45s ease,filter .45s ease;
    filter:saturate(1.08) contrast(1.03);
}
.saz-screen-card:hover .saz-screen-card__media img{
    transform:scale(1.035);
    filter:saturate(1.16) contrast(1.06);
}
.saz-screen-card__meta{
    min-height:78px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    border-top:1px solid rgba(137,151,255,.10);
}
.saz-screen-card__meta>span{
    min-width:35px;
    height:35px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#a997ff;
    background:#11172d;
    border:1px solid rgba(137,151,255,.14);
    font-size:.66rem;
}
.saz-screen-card__meta strong,
.saz-screen-card__meta small{display:block}
.saz-screen-card__meta strong{
    color:#f6f8ff !important;
    font-size:.80rem;
}
.saz-screen-card__meta small{
    margin-top:3px;
    color:#7f8dac !important;
    font-size:.65rem;
}
.saz-gallery-hint{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:11px 18px 15px;
    color:#6f7c9b;
    font-size:.66rem;
}
.saz-gallery-hint>div{
    display:flex;gap:5px;
}
.saz-gallery-hint i{
    width:18px;height:3px;border-radius:999px;
    background:#252d46;
}
.saz-gallery-hint i:first-child{
    width:34px;
    background:linear-gradient(90deg,#1fc8ff,#7a5cff);
}

@media(max-width:1050px){
    .saz-live-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .saz-screen-gallery{grid-auto-columns:minmax(290px,52%)}
}
@media(max-width:720px){
    .saz-live-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .saz-live-module-card{min-height:142px;padding:15px 12px}
    .saz-product-browser__topbar{grid-template-columns:auto 1fr;padding:0 12px}
    .saz-browser-status{display:none}
    .saz-screen-gallery{grid-auto-columns:minmax(270px,82%);padding:12px}
    .saz-gallery-hint{display:none}
}
@media(max-width:450px){
    .saz-live-module-grid{grid-template-columns:1fr 1fr}
    .saz-live-module-card small{display:none}
    .saz-live-module-card{min-height:118px}
    .saz-live-module-card__icon{width:42px;height:42px;margin-bottom:10px}
    .saz-screen-gallery{grid-auto-columns:92%}
}


/* =========================================================
   FINAL V7 — Blog + Footer production fixes
   ========================================================= */
.public-footer--blacklight .public-btn--ghost,
.public-footer--blacklight .public-btn--light,
.public-footer--blacklight .public-btn--outline-light {
    color:#f7f8ff !important;
    -webkit-text-fill-color:#f7f8ff !important;
    background:#0b1227 !important;
    border-color:rgba(140,155,255,.26) !important;
}
.public-footer--blacklight .public-btn--ghost:hover,
.public-footer--blacklight .public-btn--light:hover,
.public-footer--blacklight .public-btn--outline-light:hover {
    color:#fff !important;
    background:#121a36 !important;
    border-color:#815fff !important;
}
.public-footer__spotlight-actions .public-btn {
    min-width:138px;
}
.public-footer__grid {
    align-items:start;
}
.public-footer__grid > div {
    min-width:0;
}
.public-footer__grid a {
    display:block;
    width:max-content;
    max-width:100%;
}


/* =========================================================
   2026-08-07 — Sazmano Home V9 production polish
   Home owns its final CTA, so the layout spotlight is hidden
   only on /home. Also fixes excessive footer spacing and keeps
   the BlackLight shell visually continuous.
   ========================================================= */

.public-site-shell:has(.saz-home-v8) {
    background:#02040b !important;
}

.public-site-shell:has(.saz-home-v8) .public-footer__spotlight {
    display:none !important;
}

.public-site-shell:has(.saz-home-v8) .public-footer {
    padding-top:46px !important;
    background:
        radial-gradient(circle at 82% 0,rgba(111,63,255,.09),transparent 26%),
        #01030a !important;
    border-top:1px solid rgba(136,151,255,.10) !important;
}

.public-site-shell:has(.saz-home-v8) .public-footer__grid {
    gap:34px !important;
    padding-bottom:34px !important;
}

.public-site-shell:has(.saz-home-v8) .public-footer__bottom {
    padding:18px 0 !important;
}

.public-site-shell:has(.saz-home-v8) .public-footer__grid > div > a {
    transition:color .2s ease, transform .2s ease;
}

.public-site-shell:has(.saz-home-v8) .public-footer__grid > div > a:hover {
    color:#fff !important;
    transform:translateX(-2px);
}

@media (max-width:720px) {
    .public-site-shell:has(.saz-home-v8) .public-footer {
        padding-top:34px !important;
    }

    .public-site-shell:has(.saz-home-v8) .public-footer__grid {
        gap:24px !important;
        padding-bottom:26px !important;
    }
}
