/* StockPro v8.4.9 · Landing Apple-style
   Scoped to .landing-section so the internal app/POS/inventory UI stays untouched. */

.landing-section {
    --apple-bg: #030815;
    --apple-bg-2: #07111f;
    --apple-band: #050d19;
    --apple-band-2: #081526;
    --apple-text: #f6f8fb;
    --apple-muted: rgba(229, 236, 246, 0.68);
    --apple-hairline: rgba(255, 255, 255, 0.10);
    --apple-green: #22e18a;
    --apple-cyan: #22d3ee;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Inter, Outfit, sans-serif;
    background:
        radial-gradient(circle at 50% 3%, rgba(34, 211, 238, 0.16), transparent 30%),
        radial-gradient(circle at 86% 12%, rgba(34, 225, 138, 0.10), transparent 28%),
        linear-gradient(180deg, #030815 0%, #050b16 48%, #07111f 100%);
    color: var(--apple-text);
    padding: 0;
    overflow-x: hidden;
}

.landing-section .landing-shell { width: 100%; max-width: none; margin: 0; }

/* Nav delgada, translúcida y sin píldora flotante */
.landing-section .landing-nav {
    width: 100%;
    min-height: 56px;
    margin: 0;
    padding: 10px clamp(18px, 5vw, 72px);
    border: 0;
    border-bottom: 1px solid var(--apple-hairline);
    border-radius: 0;
    background: rgba(3, 8, 21, 0.68);
    backdrop-filter: blur(26px) saturate(150%);
    -webkit-backdrop-filter: blur(26px) saturate(150%);
    box-shadow: none;
    position: sticky;
    top: 0;
    z-index: 100;
}
.landing-section .logo-wrapper { gap: 12px; }
.landing-section .logo-text { font-weight: 800; letter-spacing: -0.04em; }
.landing-section .apple-nav-actions { gap: clamp(12px, 2vw, 26px); align-items: center; }
.landing-section .apple-nav-link {
    color: rgba(246,248,251,.78);
    text-decoration: none;
    font-size: 14px;
    font-weight: 650;
    transition: color .18s ease;
}
.landing-section .apple-nav-link:hover { color: #fff; }
.landing-section .landing-nav-actions .btn { min-height: 38px; padding: 9px 16px; border-radius: 999px; font-size: 14px; box-shadow: none; }
.landing-section .apple-login-btn { background: rgba(255,255,255,.075); border-color: rgba(255,255,255,.10); color: #fff; }

/* Hero de alto impacto */
.landing-section .landing-apple-hero {
    width: 100%;
    margin: 0;
    padding: clamp(82px, 10vw, 138px) clamp(18px, 5vw, 84px) clamp(68px, 8vw, 112px);
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(34px, 5vw, 62px);
    text-align: center;
    border: 0;
    border-radius: 0;
    background:
        radial-gradient(circle at 50% 40%, rgba(34,225,138,.12), transparent 36%),
        radial-gradient(circle at 50% 30%, rgba(34,211,238,.12), transparent 44%),
        linear-gradient(180deg, #030815 0%, #050b16 58%, #07111f 100%);
    box-shadow: none;
    overflow: hidden;
}
.landing-section .apple-hero-copy { width: min(1160px,100%); margin: 0 auto; display: grid; justify-items: center; gap: 20px; }
.landing-section .apple-eyebrow,
.landing-section .section-kicker,
.landing-section .landing-pill {
    display: inline-block;
    color: var(--apple-green);
    letter-spacing: .14em;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 800;
    background: transparent;
    border: 0;
    padding: 0;
}
.landing-section .landing-apple-hero h1 {
    margin: 0;
    max-width: 1180px;
    font-size: clamp(54px, 8.2vw, 96px);
    line-height: .94;
    letter-spacing: -.075em;
    font-weight: 850;
    color: #fff;
}
.landing-section .landing-apple-hero h1 span,
.landing-section .gradient-text { background: linear-gradient(90deg, var(--apple-green), var(--apple-cyan)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.landing-section .landing-apple-hero p { margin: 0; max-width: 800px; color: var(--apple-muted); font-size: clamp(18px, 2vw, 24px); line-height: 1.45; font-weight: 500; }
.landing-section .apple-hero-actions { display: flex; justify-content: center; align-items: center; gap: 12px 18px; flex-wrap: wrap; margin-top: 6px; }
.landing-section .apple-hero-actions .btn { min-height: 52px; padding: 14px 24px; border-radius: 999px; box-shadow: none; }
.landing-section .apple-hero-actions .btn-secondary { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.12); color: #fff; }
.landing-section .apple-text-link { color: #dbe7f7; font-weight: 720; text-decoration: none; padding: 10px 4px; }
.landing-section .apple-text-link:hover { color: #fff; }
.landing-section .apple-hero-footnote { max-width: none !important; margin-top: 5px !important; color: rgba(229,236,246,.62) !important; font-size: 14px !important; line-height: 1.6 !important; }
.landing-section .apple-hero-footnote span { color: rgba(34,211,238,.9); margin: 0 8px; }

/* Imagen de dispositivos sin que parezca botón ni demo */
.landing-section .apple-device-hero { width: min(1420px, 100%); margin: 0 auto; position: relative; }
.landing-section .apple-device-hero::before { content:''; position:absolute; inset:auto 9% 0 9%; height:26%; border-radius:999px; background: radial-gradient(ellipse, rgba(34,211,238,.22), transparent 68%); filter: blur(34px); z-index:0; }
.landing-section .apple-device-hero img { display:block; width:100%; height:auto; position:relative; z-index:1; filter: drop-shadow(0 38px 70px rgba(0,0,0,.55)); transform: translateZ(0); }

/* Bandas full-bleed con aire vertical estilo Apple */
.landing-section .problem-solution-section,
.landing-section .audience-section,
.landing-section .landing-plans,
.landing-section .functions-gateway,
.landing-section .traditional-comparison,
.landing-section .faq-section,
.landing-section .landing-final-cta,
.landing-section .support-section,
.landing-section .landing-comparison,
.landing-section .landing-simple-benefits {
    width: 100%;
    margin: 0;
    padding: clamp(96px, 9vw, 142px) clamp(18px, 5vw, 84px);
    border-radius: 0;
    border: 0;
    box-shadow: none;
}
.landing-section .problem-solution-section,
.landing-section .functions-gateway,
.landing-section .faq-section { background: linear-gradient(180deg, var(--apple-bg-2), var(--apple-band)); }
.landing-section .audience-section,
.landing-section .landing-plans,
.landing-section .traditional-comparison,
.landing-section .landing-final-cta { background: linear-gradient(180deg, var(--apple-band), var(--apple-bg-2)); }

/* Quitar look de “cajas de vidrio” pesadas dentro de la landing pública */
.landing-section .problem-story,
.landing-section .solution-story,
.landing-section .audience-grid article,
.landing-section .plan-card,
.landing-section .functions-gateway,
.landing-section .traditional-grid article,
.landing-section .control-power-section,
.landing-section .comparison-col,
.landing-section .feature-card,
.landing-section .benefit-card,
.landing-section .faq-list details,
.landing-section .support-card {
    box-shadow: none;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.085);
}
.landing-section .landing-comparison-head,
.landing-section .center-heading,
.landing-section .apple-section-heading { max-width: 980px; margin: 0 auto 48px; text-align: center; }
.landing-section .landing-comparison-head h2,
.landing-section .center-heading h2,
.landing-section .apple-section-heading h2,
.landing-section .functions-gateway h2,
.landing-section .faq-section h2,
.landing-section .landing-final-cta h2 {
    font-size: clamp(38px, 5vw, 58px);
    line-height: 1.02;
    letter-spacing: -.055em;
}
.landing-section .landing-comparison-head p,
.landing-section .center-heading p,
.landing-section .apple-section-heading p,
.landing-section .functions-gateway p { color: var(--apple-muted); font-size: clamp(17px, 1.7vw, 21px); line-height: 1.55; }
.landing-section .landing-plans { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; align-items: stretch; }
.landing-section .plans-apple-heading,
.landing-section .pricing-disclaimer { grid-column: 1 / -1; }
.landing-section .plan-card { border-radius: 28px; }
.landing-section .plan-card-featured { background: linear-gradient(180deg, rgba(34,211,238,.10), rgba(34,225,138,.045)); border-color: rgba(34,225,138,.28); }
.landing-section .faq-list details { border-radius: 0; border-left: 0; border-right: 0; background: transparent; border-color: rgba(255,255,255,.12); }
.landing-section .footer-legal,
.landing-section footer { color: rgba(229,236,246,.52); }

.premium-scroll { opacity: 1; transform: none; }
@media (prefers-reduced-motion: no-preference) {
    .landing-section .premium-scroll { animation: stockproReveal .62s ease both; }
    @keyframes stockproReveal { from { opacity: 0; transform: translateY(18px); filter: blur(8px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
}

@media (max-width: 980px) {
    .landing-section .apple-nav-link { display: none; }
    .landing-section .landing-apple-hero h1 { font-size: clamp(46px, 12vw, 72px); }
    .landing-section .landing-plans { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .landing-section .landing-nav { padding: 10px 16px; }
    .landing-section .landing-nav-actions .apple-login-btn { display: none; }
    .landing-section .landing-apple-hero { padding: 68px 16px 72px; }
    .landing-section .apple-hero-actions .btn { width: 100%; }
    .landing-section .apple-text-link { width: auto; }
    .landing-section .apple-hero-footnote span { display: none; }
    .landing-section .apple-hero-footnote { display: grid; gap: 4px; }
}


/* StockPro v8.4.9 · Corrección landing real sin imagen IA */
.landing-section {
    --apple-bg: #030815;
    --apple-bg-2: #07111f;
    --apple-panel: rgba(14, 26, 48, .72);
}
.landing-section .landing-nav {
    min-height: 58px;
    background: rgba(3, 8, 21, .76);
}
.landing-section .landing-apple-hero.landing-real-hero {
    min-height: auto;
    padding: clamp(64px, 7vw, 96px) clamp(18px, 5vw, 76px) clamp(56px, 6vw, 86px);
    grid-template-columns: minmax(280px, .78fr) minmax(460px, 1.22fr);
    align-items: center;
    text-align: left;
    gap: clamp(30px, 5vw, 76px);
    background:
        radial-gradient(circle at 75% 35%, rgba(34, 211, 238, .18), transparent 34%),
        radial-gradient(circle at 35% 15%, rgba(34, 225, 138, .12), transparent 28%),
        linear-gradient(180deg, #030815 0%, #050b16 56%, #07111f 100%);
}
.landing-section .landing-real-hero .apple-hero-copy {
    width: 100%;
    justify-items: start;
    margin: 0;
    gap: 18px;
}
.landing-section .landing-real-hero h1 {
    max-width: 760px;
    font-size: clamp(44px, 5.7vw, 82px);
    line-height: .96;
    letter-spacing: -.065em;
}
.landing-section .landing-real-hero h1 span {
    display: block;
    background: linear-gradient(90deg, var(--apple-green), var(--apple-cyan));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.landing-section .landing-real-hero p {
    max-width: 670px;
    font-size: clamp(17px, 1.45vw, 21px);
}
.landing-section .landing-real-hero .apple-hero-actions { justify-content: flex-start; }
.landing-section .landing-real-hero .apple-hero-footnote { text-align: left; }
.landing-section .apple-device-hero { display: none !important; }

.real-devices-showcase {
    position: relative;
    min-height: clamp(500px, 48vw, 650px);
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    isolation: isolate;
}
.real-devices-showcase::before {
    content: '';
    position: absolute;
    inset: 8% 2% 5% 10%;
    border-radius: 999px;
    background: radial-gradient(ellipse, rgba(34, 211, 238, .20), transparent 66%);
    filter: blur(34px);
    z-index: -1;
}
.real-device {
    position: absolute;
    background: #020712;
    border: 2px solid rgba(255,255,255,.22);
    box-shadow: 0 28px 80px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.055);
    overflow: hidden;
}
.real-laptop {
    right: 0;
    top: 0;
    width: min(92%, 900px);
    height: clamp(360px, 36vw, 525px);
    border-radius: 26px 26px 18px 18px;
    padding: 18px;
}
.real-laptop::after {
    content: '';
    position: absolute;
    left: 18%; right: 18%; bottom: 0;
    height: 14px;
    background: linear-gradient(90deg, #0b1425, #4b5566, #0b1425);
    border-radius: 16px 16px 0 0;
    opacity: .7;
}
.real-tablet {
    left: 0;
    bottom: 6%;
    width: min(56%, 560px);
    height: clamp(260px, 28vw, 380px);
    border-radius: 28px;
    padding: 16px;
    z-index: 4;
}
.real-phone {
    right: 0;
    bottom: 2%;
    width: clamp(160px, 17vw, 220px);
    height: clamp(330px, 34vw, 455px);
    border-radius: 34px;
    padding: 18px 12px 12px;
    z-index: 5;
}
.phone-notch {
    position: absolute;
    top: 9px; left: 50%; transform: translateX(-50%);
    width: 54px; height: 6px; border-radius: 999px; background: rgba(255,255,255,.18);
    z-index: 6;
}
.device-bar { display: none; }
.mini-app, .mini-tablet-app, .mini-phone-app {
    width: 100%; height: 100%;
    color: #edf7ff;
    background: linear-gradient(180deg, #071323, #081527);
    border-radius: 14px;
    overflow: hidden;
    font-family: inherit;
}
.mini-app { display: grid; grid-template-columns: 150px 1fr; }
.mini-sidebar {
    background: rgba(3,8,21,.65); padding: 18px 15px; display: grid; align-content: start; gap: 10px;
}
.mini-sidebar strong { font-size: 17px; letter-spacing: -.04em; } .mini-sidebar strong span { color: var(--apple-green); }
.mini-sidebar small { margin-top: 12px; color: rgba(229,236,246,.48); text-transform: uppercase; letter-spacing: .12em; font-size: 9px; font-style: normal; }
.mini-sidebar b, .mini-sidebar em { font-style: normal; border-radius: 10px; padding: 9px 10px; font-size: 11px; color: rgba(246,248,251,.76); }
.mini-sidebar b { background: linear-gradient(90deg, #22e18a, #12c6dc); color: #fff; }
.mini-main { padding: 16px; display: grid; gap: 14px; align-content: start; }
.mini-sync { height: 42px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; display: flex; align-items: center; gap: 8px; padding: 0 12px; background: rgba(255,255,255,.035); }
.mini-sync span { width: 10px; height: 10px; border-radius: 50%; background: var(--apple-green); box-shadow: 0 0 18px rgba(34,225,138,.65); }
.mini-sync small { margin-left: auto; color: rgba(229,236,246,.58); }
.mini-title { display: flex; gap: 12px; align-items: center; }
.mini-title > span { width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; font-weight: 850; background: rgba(34,225,138,.18); border: 1px solid rgba(34,225,138,.26); }
.mini-title small { color: var(--apple-green); letter-spacing: .14em; font-size: 10px; font-weight: 850; }
.mini-title strong { display:block; font-size: clamp(21px, 2vw, 28px); letter-spacing: -.05em; }
.mini-title p { margin: 0 !important; max-width: none !important; color: rgba(229,236,246,.66) !important; font-size: 12px !important; }
.mini-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.mini-stats-grid article, .mini-control-row article, .mini-tablet-app section, .mini-phone-app article, .phone-section {
    min-width: 0; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: rgba(255,255,255,.04); padding: 12px;
}
.mini-stats-grid small, .mini-control-row small, .mini-phone-app small { color: rgba(229,236,246,.66); display:block; font-size: 10px; }
.mini-stats-grid strong { display:block; margin-top: 4px; font-size: clamp(15px, 1.45vw, 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mini-control-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.mini-control-row strong { display:block; font-size: 22px; margin-top: 5px; }
.mini-control-row span { color: rgba(229,236,246,.58); font-size: 10px; }
.mini-tablet-app { padding: 16px; display: grid; gap: 13px; }
.mini-tablet-app header, .mini-phone-app header { display:flex; justify-content:space-between; align-items:center; }
.mini-tablet-app header span { color: var(--apple-green); font-size: 12px; }
.tablet-pos-grid { display:grid; grid-template-columns: .92fr 1.08fr; gap:12px; min-height:0; }
.tablet-pos-grid h4 { margin:0 0 6px; font-size: 14px; }
.scan-box { background: #fff; color:#2b3443; border:2px solid #19d5c5; padding: 13px; border-radius: 4px; font-weight: 800; }
.tablet-pos-grid p { margin: 9px 0 6px !important; font-size: 11px !important; color: rgba(229,236,246,.62) !important; }
.tablet-pos-grid ul { padding:0; margin:0; list-style:none; display:grid; gap:7px; font-size:11px; }
.tablet-pos-grid li { display:flex; justify-content:space-between; gap:8px; }
.tablet-pos-grid table { width:100%; border-collapse:collapse; font-size:10px; }
.tablet-pos-grid th, .tablet-pos-grid td { padding: 7px 4px; border-bottom:1px solid rgba(255,255,255,.08); text-align:left; }
.pos-total { display:flex; align-items:center; gap:10px; justify-content:flex-end; margin-top:14px; }
.pos-total strong { color: var(--apple-green); font-size:24px; margin-right:auto; }
.pos-total button { border:0; color:#fff; font-weight:850; background: linear-gradient(90deg,#22e18a,#12c6dc); border-radius:12px; padding: 10px 14px; }
.mini-phone-app { padding: 18px 10px 10px; display:grid; gap: 9px; }
.mini-phone-app header strong span { color: var(--apple-green); }
.phone-pill { background: rgba(34,225,138,.12); color:#c9ffea; border:1px solid rgba(34,225,138,.18); border-radius:10px; padding: 8px 10px; font-size: 11px; }
.mini-phone-app article strong { display:block; margin-top:3px; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.phone-section small { color: var(--apple-green); letter-spacing:.12em; font-weight:850; font-size: 9px; }
.phone-section strong { display:block; margin:5px 0 3px; font-size: 14px; }
.phone-section span { color: rgba(229,236,246,.6); font-size:11px; }

/* Menos aire muerto y secciones más consistentes */
.landing-section .problem-solution-section,
.landing-section .audience-section,
.landing-section .landing-plans,
.landing-section .functions-gateway,
.landing-section .traditional-comparison,
.landing-section .faq-section,
.landing-section .landing-final-cta,
.landing-section .support-section,
.landing-section .landing-comparison,
.landing-section .landing-simple-benefits {
    padding-top: clamp(68px, 7vw, 104px);
    padding-bottom: clamp(68px, 7vw, 104px);
}
.landing-section .functions-gateway {
    display: grid;
    place-items: center;
    text-align: center;
    min-height: auto;
}
.landing-section .functions-gateway > * {
    max-width: 880px;
}
.landing-section .functions-gateway h2 { margin: 12px 0 14px; }
.landing-section .functions-gateway-actions { margin-top: 22px; }
.landing-section .problem-solution-section { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; }
.landing-section .problem-story, .landing-section .solution-story { border-radius: 32px; }
.landing-section .landing-comparison-head, .landing-section .center-heading, .landing-section .apple-section-heading { margin-bottom: clamp(28px, 4vw, 44px); }

@media (max-width: 1120px) {
    .landing-section .landing-apple-hero.landing-real-hero {
        grid-template-columns: 1fr;
        text-align: center;
        padding-top: 64px;
    }
    .landing-section .landing-real-hero .apple-hero-copy { justify-items: center; }
    .landing-section .landing-real-hero .apple-hero-actions { justify-content: center; }
    .landing-section .landing-real-hero .apple-hero-footnote { text-align: center; }
    .real-devices-showcase { max-width: 900px; }
    .landing-section .problem-solution-section { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .real-devices-showcase { min-height: auto; display: grid; gap: 16px; }
    .real-device { position: relative; inset: auto; width: 100%; height: auto; }
    .real-laptop { aspect-ratio: 1.35; padding: 12px; }
    .real-tablet { aspect-ratio: 1.45; padding: 12px; }
    .real-phone { width: min(270px, 78vw); height: 460px; margin: 0 auto; }
    .mini-app { grid-template-columns: 86px 1fr; }
    .mini-sidebar { padding: 10px 8px; gap: 6px; }
    .mini-sidebar em, .mini-sidebar b { font-size: 9px; padding: 6px; }
    .mini-sidebar small { font-size: 7px; }
    .mini-stats-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .mini-control-row { display: none; }
    .tablet-pos-grid { grid-template-columns: 1fr; }
    .tablet-pos-grid section:first-child { display: none; }
    .landing-section .landing-real-hero h1 { font-size: clamp(40px, 14vw, 58px); }
}
@media (max-width: 520px) {
    .landing-section .landing-real-hero .apple-hero-actions .btn { width: 100%; }
    .landing-section .apple-text-link { padding-inline: 6px; }
    .mini-sync small, .mini-title p, .mini-sidebar small:nth-of-type(n+2), .mini-sidebar em:nth-of-type(n+3) { display:none; }
    .mini-stats-grid article:nth-child(n+5) { display:none; }
    .mini-stats-grid strong { font-size: 14px; }
    .real-laptop { aspect-ratio: 1.12; }
}


/* v8.4.9.1 · Ajuste específico: sección "Todas las funciones" full-width y responsive
   Base: v8.4.9. Corrige el bloque que se veía como media tarjeta pegada a la izquierda. */
.landing-section .functions-gateway {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid rgba(255,255,255,.075) !important;
    border-bottom: 1px solid rgba(255,255,255,.075) !important;
    background:
        radial-gradient(circle at 50% 10%, rgba(34,225,138,.10), transparent 34%),
        linear-gradient(180deg, #07111f 0%, #050d19 100%) !important;
    box-shadow: none !important;
    padding: clamp(56px, 6vw, 88px) clamp(20px, 6vw, 96px) !important;
    display: grid !important;
    place-items: center !important;
    text-align: center !important;
    overflow: hidden !important;
}

.landing-section .functions-gateway > * {
    width: min(100%, 980px) !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.landing-section .functions-gateway h2 {
    max-width: 980px !important;
    margin: 12px auto 16px !important;
    font-size: clamp(34px, 4.3vw, 58px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
}

.landing-section .functions-gateway p {
    max-width: 820px !important;
    margin: 0 auto 24px !important;
    font-size: clamp(16px, 1.45vw, 20px) !important;
    line-height: 1.58 !important;
}

.landing-section .functions-gateway-actions {
    margin-top: 8px !important;
}

.landing-section .functions-gateway .btn {
    min-height: 46px;
    padding: 12px 20px;
    border-radius: 999px;
}

/* Evita que la siguiente sección quede demasiado pegada o cortada visualmente */
.landing-section .traditional-comparison {
    padding-top: clamp(64px, 6vw, 96px) !important;
}

@media (max-width: 720px) {
    .landing-section .functions-gateway {
        padding: 48px 18px !important;
    }
    .landing-section .functions-gateway h2 {
        font-size: clamp(30px, 9vw, 42px) !important;
        letter-spacing: -.045em !important;
    }
}


/* v8.4.9.5 · Mobile hero: mantener composición de dispositivos superpuestos */
@media (max-width: 760px) {
    .landing-section .landing-apple-hero.landing-real-hero {
        padding: 52px 16px 56px !important;
        gap: 28px !important;
        overflow: hidden !important;
    }

    .landing-section .landing-real-hero .apple-hero-copy {
        max-width: 430px;
        margin-inline: auto;
    }

    .landing-section .landing-real-hero h1 {
        font-size: clamp(39px, 13.5vw, 56px) !important;
        line-height: .96 !important;
        letter-spacing: -.06em !important;
    }

    .landing-section .landing-real-hero p {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    .landing-section .landing-real-hero .apple-hero-actions {
        gap: 8px 14px !important;
    }

    .landing-section .landing-real-hero .apple-hero-actions .btn {
        width: auto !important;
        min-height: 44px !important;
        padding: 11px 18px !important;
    }

    .landing-section .apple-hero-footnote {
        max-width: 390px !important;
        line-height: 1.5 !important;
    }

    .real-devices-showcase {
        position: relative !important;
        display: block !important;
        width: min(100%, 430px) !important;
        max-width: 430px !important;
        height: clamp(520px, 134vw, 620px) !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        overflow: visible !important;
    }

    .real-devices-showcase::before {
        inset: 10% -8% 6% -8% !important;
        filter: blur(28px) !important;
        opacity: .9 !important;
    }

    .real-device {
        position: absolute !important;
        inset: auto !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    .real-laptop {
        top: 0 !important;
        left: 2% !important;
        width: 96% !important;
        aspect-ratio: 1.08 / 1 !important;
        padding: 10px !important;
        border-radius: 22px !important;
        z-index: 1 !important;
    }

    .real-tablet {
        top: clamp(190px, 52vw, 245px) !important;
        left: 0 !important;
        width: 77% !important;
        aspect-ratio: 1.38 / 1 !important;
        padding: 10px !important;
        border-radius: 24px !important;
        z-index: 3 !important;
    }

    .real-phone {
        top: clamp(232px, 61vw, 290px) !important;
        right: 0 !important;
        width: clamp(118px, 34vw, 150px) !important;
        aspect-ratio: .47 / 1 !important;
        padding: 14px 8px 8px !important;
        border-radius: 28px !important;
        z-index: 4 !important;
    }

    .real-laptop::after {
        height: 8px !important;
        left: 22% !important;
        right: 22% !important;
    }

    .mini-app {
        grid-template-columns: 72px 1fr !important;
    }

    .mini-sidebar {
        padding: 10px 8px !important;
        gap: 6px !important;
    }

    .mini-sidebar strong {
        font-size: 13px !important;
    }

    .mini-sidebar em,
    .mini-sidebar b {
        font-size: 8px !important;
        padding: 6px 5px !important;
        border-radius: 8px !important;
    }

    .mini-sidebar small {
        font-size: 6px !important;
        margin-top: 6px !important;
    }

    .mini-main {
        padding: 10px !important;
        gap: 9px !important;
    }

    .mini-sync {
        height: 34px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    .mini-title {
        gap: 8px !important;
    }

    .mini-title > span {
        width: 44px !important;
        height: 44px !important;
        border-radius: 13px !important;
        font-size: 14px !important;
    }

    .mini-title small {
        font-size: 7px !important;
    }

    .mini-title strong {
        font-size: clamp(16px, 5vw, 20px) !important;
        line-height: 1.05 !important;
    }

    .mini-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .mini-stats-grid article {
        padding: 9px !important;
        border-radius: 12px !important;
    }

    .mini-stats-grid small {
        font-size: 8px !important;
    }

    .mini-stats-grid strong {
        font-size: clamp(12px, 3.8vw, 15px) !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .mini-control-row {
        display: none !important;
    }

    .mini-tablet-app {
        padding: 12px !important;
        gap: 10px !important;
    }

    .tablet-pos-grid {
        grid-template-columns: 1fr !important;
    }

    .tablet-pos-grid section:first-child {
        display: none !important;
    }

    .tablet-pos-grid h4 {
        font-size: 13px !important;
    }

    .tablet-pos-grid table {
        font-size: 9px !important;
    }

    .tablet-pos-grid th,
    .tablet-pos-grid td {
        padding: 6px 3px !important;
    }

    .pos-total {
        margin-top: 10px !important;
        gap: 6px !important;
    }

    .pos-total strong {
        font-size: 20px !important;
    }

    .pos-total button {
        padding: 9px 12px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }

    .mini-phone-app {
        padding: 18px 8px 8px !important;
        gap: 7px !important;
    }

    .mini-phone-app header {
        font-size: 12px !important;
    }

    .phone-pill {
        padding: 7px 8px !important;
        font-size: 9px !important;
    }

    .mini-phone-app article {
        padding: 9px !important;
        border-radius: 12px !important;
    }

    .mini-phone-app article small {
        font-size: 8px !important;
    }

    .mini-phone-app article strong {
        font-size: 13px !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .phone-section {
        padding: 9px !important;
    }

    .phone-section strong {
        font-size: 12px !important;
    }

    .phone-section span {
        font-size: 9px !important;
    }
}

@media (max-width: 390px) {
    .real-devices-showcase {
        height: 500px !important;
    }

    .real-tablet {
        top: 198px !important;
        width: 76% !important;
    }

    .real-phone {
        top: 238px !important;
        width: 34vw !important;
    }

    .mini-sidebar {
        display: none !important;
    }

    .mini-app {
        grid-template-columns: 1fr !important;
    }
}

/* StockPro v8.6.1 · Conversión, video y jerarquía visual */
.landing-section .landing-apple-hero.landing-real-hero {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
    gap: clamp(42px, 5vw, 72px);
    padding-top: clamp(70px, 8vw, 118px);
}

.landing-section .landing-real-hero .apple-hero-copy {
    width: min(1080px, 100%);
    max-width: 1080px;
    margin-inline: auto;
    justify-items: center;
}

.landing-section .landing-real-hero h1 {
    max-width: 1040px;
    margin-inline: auto;
    font-size: clamp(52px, 7vw, 96px);
    line-height: .94;
    text-align: center;
    text-wrap: balance;
}

.landing-section .landing-real-hero > .apple-hero-copy > p {
    max-width: 850px;
    margin-inline: auto;
    text-align: center;
}

.landing-section .landing-real-hero .apple-hero-actions {
    justify-content: center;
}

.landing-section .landing-real-hero .apple-hero-footnote {
    text-align: center;
}

.landing-section .landing-real-hero .real-devices-showcase {
    width: min(1180px, 100%);
    max-width: 1180px;
}

.landing-section .landing-demo-v861 {
    width: min(1420px, calc(100% - 40px));
    margin: clamp(28px, 5vw, 72px) auto;
    padding: clamp(24px, 4.5vw, 64px);
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(480px, 1.18fr);
    align-items: center;
    gap: clamp(28px, 5vw, 76px);
    overflow: hidden;
    border-radius: 36px;
    background:
        radial-gradient(circle at 92% 8%, rgba(34, 211, 238, .12), transparent 34%),
        linear-gradient(145deg, rgba(16, 31, 55, .94), rgba(7, 17, 31, .96));
    border: 1px solid rgba(125, 211, 252, .14);
}

.landing-demo-copy-v861 h2 {
    margin: 14px 0 18px;
    max-width: 620px;
    font-size: clamp(34px, 4.2vw, 58px);
    line-height: 1.02;
    letter-spacing: -.05em;
}

.landing-demo-copy-v861 > p {
    margin: 0;
    color: var(--apple-muted);
    font-size: clamp(16px, 1.5vw, 19px);
    line-height: 1.6;
}

.landing-demo-copy-v861 ul {
    margin: 24px 0 0;
    padding: 0;
    display: grid;
    gap: 14px;
    list-style: none;
}

.landing-demo-copy-v861 li {
    position: relative;
    padding-left: 28px;
    color: rgba(229, 236, 246, .76);
    line-height: 1.5;
}

.landing-demo-copy-v861 li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--apple-green);
    font-weight: 900;
}

.landing-demo-copy-v861 li strong {
    color: #fff;
}

.landing-demo-actions-v861 {
    margin-top: 28px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 18px;
}

.landing-video-frame-v861 {
    min-width: 0;
    padding: 10px;
    border-radius: 26px;
    background: rgba(2, 8, 23, .82);
    border: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .38);
}

.landing-video-frame-v861 video {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    border-radius: 18px;
    background: #000;
}

.landing-video-meta-v861 {
    padding: 12px 6px 4px;
    display: flex;
    justify-content: space-between;
    gap: 14px;
    color: rgba(229, 236, 246, .58);
    font-size: 12px;
}

.landing-section .stockpro8-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-section .business-waitlist-v861 {
    grid-column: 1 / -1;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: clamp(24px, 3vw, 36px);
}

.landing-section .business-waitlist-v861 .plan-topline {
    max-width: 760px;
}

.landing-section .business-waitlist-v861 h3 {
    margin: 12px 0 8px;
    font-size: clamp(24px, 2.8vw, 36px);
}

.landing-section .business-waitlist-v861 .plan-actions {
    flex: 0 0 auto;
}

.landing-section .trial-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1040px) {
    .landing-section .landing-demo-v861 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .landing-section .stockpro8-plans {
        grid-template-columns: 1fr;
    }

    .landing-section .business-waitlist-v861 {
        grid-column: auto;
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 680px) {
    .landing-section .landing-apple-hero.landing-real-hero {
        padding: 56px 16px 64px;
        gap: 34px;
    }

    .landing-section .landing-real-hero h1 {
        font-size: clamp(42px, 13vw, 58px);
        line-height: .96;
        letter-spacing: -.06em;
    }

    .landing-section .landing-demo-v861 {
        width: calc(100% - 24px);
        margin: 24px auto 46px;
        padding: 22px 16px 16px;
        border-radius: 24px;
    }

    .landing-demo-actions-v861 .btn,
    .landing-demo-actions-v861 .apple-text-link,
    .landing-section .business-waitlist-v861 .btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .landing-video-frame-v861 {
        margin: 0 -6px;
        padding: 6px;
        border-radius: 18px;
    }

    .landing-video-frame-v861 video {
        border-radius: 13px;
    }

    .landing-video-meta-v861 {
        flex-direction: column;
        gap: 3px;
    }

    .landing-section .trial-steps {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 430px) {
    .landing-section .landing-real-hero h1 {
        font-size: clamp(38px, 12vw, 50px);
    }
}