:root {
    --bsten-navy: #063e6f;
    --bsten-deep: #032a4c;
    --bsten-blue: #0b73b7;
    --bsten-cyan: #19a9df;
    --bsten-violet: #666cff;
    --bsten-coral: #ef5e66;
    --bsten-ink: #13283c;
    --bsten-muted: #667b8e;
    --bsten-line: #dbe5ee;
    --bsten-bg: #f4f8fb;
    --bsten-white: #fff;
}

html { scroll-behavior: smooth; }
body { margin: 0; color: var(--bsten-ink); background: #fff; }
a { transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }

.bsten-v2-nav {
    position: relative; z-index: 1000; min-height: 82px; padding: 10px 0;
    border-bottom: 1px solid #d8e4ee; background: rgba(255,255,255,.96);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.bsten-v2-nav.is-sticky { position: sticky; top: 0; box-shadow: 0 8px 24px rgba(3,42,76,.08); }
.bsten-v2-nav .navbar-brand img { display: block; width: 134px; height: auto; }
.bsten-v2-nav .navbar-nav { align-items: center; gap: 4px; }
.bsten-v2-nav .nav-link { position: relative; padding: 13px 12px !important; color: #38536a !important; font-size: 13px; font-weight: 700; text-transform: none; }
.bsten-v2-nav .nav-link::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 5px; height: 2px; background: var(--bsten-cyan); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.bsten-v2-nav .nav-link:hover { color: var(--bsten-navy) !important; }
.bsten-v2-nav .nav-link:hover::after { transform: scaleX(1); }
.v2-nav-actions { display: flex; align-items: center; gap: 17px; }
.v2-nav-affiliate { color: var(--bsten-navy); font-size: 12px; font-weight: 800; text-decoration: none; }
.v2-nav-login { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 11px 18px; color: #fff; background: var(--bsten-navy); font-size: 12px; font-weight: 800; text-decoration: none; }
.v2-nav-login:hover { color: #fff; background: var(--bsten-violet); }
.bsten-v2-nav .navbar-toggler { width: 46px; height: 43px; padding: 10px; border: 1px solid var(--bsten-line); border-radius: 2px; background: #fff; }
.bsten-v2-nav .navbar-toggler span { display: block; width: 22px; height: 2px; margin: 4px auto; background: var(--bsten-navy); }

.bsten-v2 { overflow: hidden; font-family: Inter, sans-serif; }
.v2-hero { position: relative; background: #fff; }
.v2-hero-carousel { position: relative; overflow: hidden; }
.v2-hero-track { position: relative; min-height: 560px; }
.v2-hero-slide { position: absolute; inset: 0; min-height: 560px; opacity: 0; visibility: hidden; transform: translateX(3%); transition: opacity .55s ease, transform .55s cubic-bezier(.16,1,.3,1), visibility .55s; background: var(--bsten-deep); }
.v2-hero-slide.is-active { position: relative; opacity: 1; visibility: visible; transform: translateX(0); }
.v2-hero-backdrop { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(3,42,76,.98) 0%, rgba(3,42,76,.96) 36%, rgba(3,42,76,.72) 52%, rgba(3,42,76,.08) 82%), var(--hero-background); background-repeat: no-repeat; background-size: cover, cover; background-position: center, center 54%; }
.v2-hero-security .v2-hero-backdrop { background-image: var(--hero-background); background-size: cover; background-position: center; background-color: #063e6f; }
.v2-hero-tag .v2-hero-backdrop { background-image: var(--hero-background); background-size: cover; background-position: center; background-color: #eef4f8; }
.v2-hero-founder .v2-hero-backdrop { background-image: var(--hero-background); background-size: cover; background-position: center; background-color: #063e6f; }
.v2-hero-content { position: relative; z-index: 2; display: flex; align-items: center; min-height: 560px; }
.v2-grid-lines { position: absolute; inset: 0; opacity: .46; background-image: linear-gradient(rgba(11,115,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(11,115,183,.08) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to right, #000, transparent 62%); }
.v2-hero-layout { position: relative; display: grid; grid-template-columns: 46% 54%; align-items: stretch; min-height: 690px; }
.v2-hero-copy { position: relative; z-index: 2; width: 100%; max-width: 540px; padding: 54px 0 78px; }
.v2-index, .v2-section-intro > span, .v2-network-heading > span, .v2-app-grid > div > span, .v2-final > .container > span { color: var(--bsten-blue); font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.v2-hero-copy h1, .v2-hero-copy h2 { max-width: 540px; margin: 17px 0 17px; color: #fff; font-size: clamp(2.55rem, 3.7vw, 3.75rem); line-height: 1.01; letter-spacing: -.052em; font-weight: 810; }
.v2-hero-copy em, .v2-section-intro em, .v2-network-heading em, .v2-final em { color: var(--bsten-cyan); font-style: normal; }
.v2-hero-copy p { max-width: 480px; margin: 0; color: rgba(255,255,255,.74); font-size: 15px; line-height: 1.65; }
.v2-hero-copy .v2-index { color: #83d9f8; }
.v2-hero-copy .v2-btn-primary { color: var(--bsten-navy); background: #fff; box-shadow: 6px 6px 0 rgba(25,169,223,.35); }
.v2-hero-copy .v2-btn-primary:hover { color: #fff; background: var(--bsten-cyan); }
.v2-hero-copy .v2-btn-line { color: #fff; border-color: rgba(255,255,255,.5); background: rgba(3,42,76,.2); }
.v2-hero-copy .v2-btn-line:hover { border-color: #fff; }
.v2-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.v2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 51px; padding: 13px 20px; border: 1px solid transparent; border-radius: 2px; font-size: 12px; font-weight: 850; text-decoration: none; }
.v2-btn:hover { transform: translateY(-2px); }
.v2-btn-primary { color: #fff; background: var(--bsten-navy); box-shadow: 8px 8px 0 rgba(25,169,223,.15); }
.v2-btn-primary:hover { color: #fff; background: var(--bsten-blue); }
.v2-btn-line { color: var(--bsten-navy); border-color: #bed0de; background: rgba(255,255,255,.7); }
.v2-btn-line:hover { color: var(--bsten-blue); border-color: var(--bsten-blue); }
.v2-hero-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; max-width: 590px; margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--bsten-line); }
.v2-hero-points span { display: grid; color: #708397; font-size: 10px; line-height: 1.4; }
.v2-hero-points b { color: var(--bsten-navy); font-size: 15px; letter-spacing: .05em; }
.v2-product-specs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 34px; }
.v2-product-specs span { padding: 8px 10px; border: 1px solid #bfd1df; color: var(--bsten-navy); background: #fff; font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.v2-hero-media { position: relative; min-height: 690px; overflow: hidden; background: #e7f2f8; }
.v2-hero-media::before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; width: 72px; background: linear-gradient(90deg,#fff,transparent); }
.v2-hero-media-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.v2-hero-media-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, transparent 58%, rgba(3,42,76,.28)); }
.v2-media-stamp { position: absolute; z-index: 2; right: 26px; bottom: 30px; padding: 15px 17px; border-left: 4px solid var(--bsten-coral); color: #fff; background: rgba(3,42,76,.88); font-size: 9px; line-height: 1.45; letter-spacing: .12em; }
.v2-media-stamp strong { font-size: 12px; }
.v2-hero-media-product { display: flex; align-items: center; justify-content: center; padding: 34px; background: linear-gradient(135deg,#edf5fa,#fff); }
.v2-hero-media-product img { display: block; max-width: 100%; max-height: 620px; object-fit: contain; box-shadow: 18px 18px 0 #dcecf6; }
.v2-hero-media-video { display: flex; align-items: center; justify-content: center; padding: 38px; background: linear-gradient(145deg,var(--bsten-deep),#095888); }
.v2-hero-media-video video { width: auto; max-width: 100%; height: 600px; max-height: 80vh; background: #000; box-shadow: 16px 16px 0 rgba(25,169,223,.28); }
.v2-video-label { position: absolute; z-index: 2; right: 20px; bottom: 25px; padding: 11px 13px; color: #fff; background: var(--bsten-coral); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.v2-hero-controls { position: absolute; z-index: 8; left: 50%; bottom: 21px; display: flex; align-items: center; justify-content: space-between; transform: translateX(-50%); pointer-events: none; }
.v2-hero-dots, .v2-hero-arrows { display: flex; align-items: center; gap: 8px; pointer-events: auto; }
.v2-hero-dots button { width: 34px; height: 3px; padding: 0; border: 0; background: rgba(255,255,255,.42); cursor: pointer; }
.v2-hero-dots button.is-active { background: #fff; }
.v2-hero-arrows button, .v2-content-arrows button { display: grid; place-items: center; width: 43px; height: 43px; padding: 0; border: 1px solid #b9ccdb; border-radius: 0; color: var(--bsten-navy); background: rgba(255,255,255,.9); cursor: pointer; }
.v2-hero-arrows button:hover, .v2-content-arrows button:hover { color: #fff; border-color: var(--bsten-blue); background: var(--bsten-blue); }

.v2-marquee { overflow: hidden; border-top: 1px solid #cfdee9; border-bottom: 1px solid #cfdee9; background: var(--bsten-navy); }
.v2-marquee-track { display: flex; align-items: center; justify-content: center; gap: 24px; min-width: max-content; min-height: 62px; padding: 0 25px; }
.v2-marquee-track span { color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.v2-marquee-track i { width: 5px; height: 5px; background: var(--bsten-coral); transform: rotate(45deg); }

.v2-platform { padding: 84px 0 98px; background: var(--bsten-bg); }
.v2-section-intro { display: grid; grid-template-columns: .25fr 1fr .65fr; gap: 34px; align-items: end; margin-bottom: 48px; }
.v2-section-intro h2, .v2-network-heading h2, .v2-app h2, .v2-final h2 { margin: 0; font-size: clamp(2.15rem, 2.8vw, 3.65rem); line-height: 1.04; letter-spacing: -.052em; font-weight: 800; }
.v2-section-intro p { margin: 0; color: var(--bsten-muted); font-size: 14px; line-height: 1.7; }
.v2-solution-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.v2-solution-card { overflow: hidden; border: 1px solid #c8d8e4; background: #fff; box-shadow: 7px 7px 0 #dce8f1; }
.v2-solution-card-media { overflow: hidden; aspect-ratio: 16/9; border-bottom: 1px solid #d8e3eb; background: #eef3f7; }
.v2-solution-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.v2-solution-card-body { min-height: 178px; padding: 22px 23px 25px; border-top: 3px solid var(--bsten-cyan); }
.v2-solution-card:nth-child(2) .v2-solution-card-body { border-top-color: var(--bsten-violet); }
.v2-solution-card:nth-child(3) .v2-solution-card-body { border-top-color: var(--bsten-coral); }
.v2-solution-card-body span { color: var(--bsten-blue); font-size: 9px; font-weight: 850; letter-spacing: .1em; }
.v2-solution-card-body h3 { margin: 11px 0 9px; color: var(--bsten-ink); font-size: 20px; line-height: 1.2; letter-spacing: -.03em; }
.v2-solution-card-body p { margin: 0; color: var(--bsten-muted); font-size: 12px; line-height: 1.65; }
.v2-admin-showcase { display: grid; grid-template-columns: 190px 1fr; min-height: 455px; overflow: hidden; border: 1px solid #cbdbe7; background: #fff; box-shadow: 12px 12px 0 #dce8f1; }
.v2-admin-sidebar { display: flex; flex-direction: column; padding: 25px 18px; border-right: 1px solid #d9e5ee; background: #f9fbfd; }
.v2-admin-sidebar img { width: 116px; margin: 4px 12px 38px; }
.v2-admin-sidebar span { display: flex; align-items: center; gap: 12px; padding: 12px 13px; color: #6a7d90; font-size: 11px; font-weight: 700; }
.v2-admin-sidebar span.is-active { color: var(--bsten-violet); border-left: 3px solid var(--bsten-violet); background: #eff0ff; }
.v2-admin-content { padding: 25px; background-image: linear-gradient(rgba(102,108,255,.05) 1px, transparent 1px), linear-gradient(90deg,rgba(102,108,255,.05) 1px,transparent 1px); background-size: 44px 44px; }
.v2-admin-top { display: flex; align-items: center; justify-content: space-between; }
.v2-admin-top div { display: grid; gap: 4px; }
.v2-admin-top small, .v2-admin-top > span, .v2-admin-kpis small, .v2-admin-chart > span, .v2-admin-status > span { color: #8b9aad; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.v2-admin-top strong { color: #2e4257; font-size: 20px; }
.v2-admin-top > span { display: flex; align-items: center; gap: 7px; }
.v2-admin-top > span i { width: 7px; height: 7px; border-radius: 50%; background: #26cf83; }
.v2-admin-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin-top: 27px; }
.v2-admin-kpis > div { position: relative; display: grid; gap: 8px; padding: 22px; border: 1px solid #dce5ef; background: #fff; box-shadow: 0 6px 16px rgba(45,67,88,.05); }
.v2-admin-kpis strong { color: #263a4e; font-size: 25px; }
.v2-admin-kpis b { position: absolute; right: 16px; top: 18px; color: var(--bsten-violet); font-size: 9px; }
.v2-admin-lower { display: grid; grid-template-columns: 1.7fr .8fr; gap: 13px; margin-top: 13px; }
.v2-admin-chart, .v2-admin-status { min-height: 200px; padding: 17px; border: 1px solid #dce5ef; background: #fff; }
.v2-admin-chart svg { width: 100%; height: 140px; margin-top: 10px; }
.v2-admin-chart path { fill: none; stroke: var(--bsten-violet); stroke-width: 5; stroke-linecap: round; }
.v2-admin-chart line { stroke: #e8edf5; stroke-width: 1; }
.v2-admin-status { display: grid; align-content: start; gap: 22px; }
.v2-admin-status b { display: grid; grid-template-columns: 60px 1fr; align-items: center; gap: 8px; color: #53687b; font-size: 9px; }
.v2-admin-status i { position: relative; height: 7px; background: #edf0f8; }
.v2-admin-status i::after { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--bar); background: linear-gradient(90deg,var(--bsten-violet),var(--bsten-cyan)); }
.v2-feature-list { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 58px; border-top: 1px solid #cfdee9; }
.v2-feature-list article { position: relative; min-height: 245px; padding: 32px 30px 38px; border-right: 1px solid #cfdee9; }
.v2-feature-list article:last-child { border-right: 0; }
.v2-feature-list article > span { position: absolute; right: 25px; top: 25px; color: #c4d2df; font-size: 11px; }
.v2-feature-list article > i { color: var(--bsten-blue); font-size: 34px; }
.v2-feature-list h3 { margin: 26px 0 10px; color: var(--bsten-ink); font-size: 21px; letter-spacing: -.035em; }
.v2-feature-list p { margin: 0; color: var(--bsten-muted); font-size: 13px; line-height: 1.7; }

.v2-network { padding: 88px 0; color: #fff; background: var(--bsten-deep); }
.v2-network-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 95px; }
.v2-network-heading > span { color: #72cef2; }
.v2-network-heading h2 { margin-top: 20px; color: #fff; }
.v2-network-heading em { color: #72cef2; }
.v2-network-tabs { border-top: 1px solid rgba(255,255,255,.18); }
.v2-network-nav { display: grid; grid-template-columns: repeat(3, 1fr); }
.v2-network-nav button { padding: 18px 8px; border: 0; border-right: 1px solid rgba(255,255,255,.12); border-bottom: 2px solid rgba(255,255,255,.15); color: rgba(255,255,255,.45); background: transparent; font-size: 10px; font-weight: 850; letter-spacing: .08em; cursor: pointer; }
.v2-network-nav button.is-active { color: #fff; border-bottom-color: var(--bsten-cyan); background: rgba(25,169,223,.1); }
.v2-network-panel { display: none; min-height: 315px; padding: 32px 5px 0; }
.v2-network-panel.is-active { display: block; animation: v2Fade .35s ease; }
.v2-network-panel strong { display: block; max-width: 650px; color: #fff; font-size: 30px; line-height: 1.15; letter-spacing: -.04em; }
.v2-network-panel p { max-width: 650px; margin: 18px 0 24px; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.7; }
.v2-network-panel ul { display: grid; gap: 9px; margin: 0 0 30px; padding: 0; list-style: none; }
.v2-network-panel li { color: rgba(255,255,255,.76); font-size: 12px; }
.v2-network-panel li::before { content: '→'; margin-right: 10px; color: var(--bsten-cyan); }
.v2-network-panel a { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-size: 12px; font-weight: 850; text-decoration: none; }
.v2-network-panel a:hover { color: #72cef2; }

.v2-content { padding: 88px 0; background: #fff; }
.v2-section-intro-light { position: relative; grid-template-columns: .25fr 1fr; }
.v2-media-carousel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); justify-content: center; gap: 14px; width: 100%; margin-inline: auto; }
.v2-media-card { min-width: 0; border: 1px solid #cddce7; background: #fff; }
.v2-media-cover { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: #071723; cursor: pointer; }
.v2-media-cover::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(1,16,27,.62)); transition: opacity .25s; }
.v2-media-cover img { display: block; width: 100%; aspect-ratio: 9/11; object-fit: cover; transition: transform .35s ease, filter .35s ease; }
.v2-media-cover-contain img { object-fit: contain; background: #031f37; }
.v2-media-cover > span { position: absolute; z-index: 2; left: 50%; top: 50%; display: grid; place-items: center; width: 58px; height: 58px; color: #fff; border: 1px solid rgba(255,255,255,.72); background: rgba(3,42,76,.82); transform: translate(-50%,-50%); transition: background .25s, transform .25s; }
.v2-media-cover > span i { margin-left: 3px; font-size: 25px; }
.v2-media-cover:hover img { transform: scale(1.025); filter: brightness(.86); }
.v2-media-cover:hover > span { background: var(--bsten-cyan); transform: translate(-50%,-50%) scale(1.06); }
.v2-media-card-image > img { object-fit: cover; object-position: center; }
.v2-media-card > div { min-height: 118px; padding: 17px; border-top: 3px solid var(--bsten-cyan); }
.v2-media-card:nth-child(2) > div { border-color: var(--bsten-violet); }
.v2-media-card:nth-child(3) > div { border-color: var(--bsten-coral); }
.v2-media-card span { color: var(--bsten-blue); font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.v2-media-card strong { display: block; margin-top: 7px; color: var(--bsten-ink); font-size: 17px; }
.v2-media-card p { margin: 6px 0 0; color: var(--bsten-muted); font-size: 10px; line-height: 1.5; }
.v2-video-lightbox { position: fixed; z-index: 10050; inset: 0; display: grid; place-items: center; padding: 62px 24px 24px; visibility: hidden; opacity: 0; background: rgba(1,17,30,.94); transition: opacity .22s, visibility .22s; }
.v2-video-lightbox.is-open { visibility: visible; opacity: 1; }
.v2-video-lightbox-frame { display: flex; align-items: center; justify-content: center; width: min(92vw, 1120px); height: min(84vh, 760px); }
.v2-video-lightbox video { display: block; width: 100%; max-width: 100%; height: 100%; max-height: 100%; object-fit: contain; background: #000; box-shadow: 0 24px 80px rgba(0,0,0,.45); }
.v2-video-lightbox-close { position: absolute; right: 26px; top: 22px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255,255,255,.45); border-radius: 0; color: #fff; background: transparent; cursor: pointer; }
.v2-video-lightbox-close:hover { border-color: var(--bsten-cyan); background: var(--bsten-cyan); }
body.v2-lightbox-open { overflow: hidden; }

.v2-app { position: relative; isolation: isolate; overflow: hidden; padding: 78px 0; color: #fff; background: linear-gradient(115deg,var(--bsten-blue),var(--bsten-cyan)); }
.v2-app::before { content: ''; position: absolute; z-index: -1; inset: 0; background: url('/assets/video/mapa-transparencia.png') center / cover no-repeat; opacity: .3; mix-blend-mode: soft-light; }
.v2-app::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(3,42,76,.2), transparent 54%, rgba(4,86,137,.08)); }
.v2-app > .container { position: relative; z-index: 1; }
.v2-app-grid { display: grid; grid-template-columns: 1fr .75fr; align-items: center; gap: 80px; }
.v2-app-grid > div > span { color: #d6f5ff; }
.v2-app h2 { max-width: 700px; margin: 16px 0 20px; color: #fff; }
.v2-app p { max-width: 670px; color: rgba(255,255,255,.78); font-size: 15px; line-height: 1.7; }
.v2-app-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.v2-app-buttons a { display: flex; align-items: center; gap: 12px; min-width: 185px; padding: 11px 16px; border: 1px solid rgba(255,255,255,.55); color: #fff; text-decoration: none; }
.v2-app-buttons a:hover { background: rgba(255,255,255,.12); }
.v2-app-buttons i { font-size: 25px; }
.v2-app-buttons span, .v2-app-buttons strong { display: block; }
.v2-app-buttons span { font-size: 9px; }
.v2-app-buttons strong { font-size: 13px; }
.v2-app-signal { position: relative; display: grid; place-items: center; height: 330px; }
.v2-app-signal i { position: absolute; width: 90px; height: 90px; border: 2px solid rgba(255,255,255,.28); border-radius: 50%; animation: v2Signal 2.8s ease-out infinite; }
.v2-app-signal i:nth-child(2) { animation-delay: .8s; }
.v2-app-signal i:nth-child(3) { animation-delay: 1.6s; }
.v2-app-signal b { position: relative; z-index: 2; color: #fff; font-size: 80px; }
@keyframes v2Signal { from { opacity: .8; transform: scale(.5); } to { opacity: 0; transform: scale(3.5); } }

.v2-final { padding: 82px 0; text-align: center; background: #fff; }
.v2-final h2 { margin: 19px auto 0; }
.v2-final .v2-actions { justify-content: center; }
.v2-btn-light { color: #fff; background: var(--bsten-navy); }
.v2-btn-light:hover { color: #fff; background: var(--bsten-blue); }
.v2-btn-outline-light { color: var(--bsten-navy); border-color: #aac0d1; }
.v2-btn-outline-light:hover { color: var(--bsten-blue); border-color: var(--bsten-blue); }

.v2-footer { padding: 64px 0 25px; color: rgba(255,255,255,.6); background: #021f38; }
.v2-footer-main { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: end; padding-bottom: 50px; }
.v2-footer-main img { width: 135px; filter: brightness(0) invert(1); }
.v2-footer-main p { max-width: 410px; margin: 18px 0 0; font-size: 12px; line-height: 1.7; }
.v2-footer-links { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 24px; }
.v2-footer-links a { color: rgba(255,255,255,.68); font-size: 11px; font-weight: 700; text-decoration: none; }
.v2-footer-links a:hover { color: #72cef2; }
.v2-footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.13); font-size: 9px; letter-spacing: .04em; }
@keyframes v2Fade { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1199.98px) {
    .v2-hero-copy h1, .v2-hero-copy h2 { font-size: 3.25rem; }
    .v2-section-intro { grid-template-columns: .2fr 1fr .6fr; }
}
@media (max-width: 991.98px) {
    .bsten-v2-nav .navbar-collapse { margin-top: 11px; padding: 18px; border: 1px solid var(--bsten-line); background: #fff; }
    .bsten-v2-nav .navbar-nav { align-items: stretch; }
    .v2-nav-actions { padding-top: 12px; border-top: 1px solid var(--bsten-line); }
    .v2-hero-track, .v2-hero-slide, .v2-hero-content { min-height: 520px; }
    .v2-hero-copy { max-width: 500px; padding: 48px 0 70px; }
    .v2-hero-backdrop { background-position: center, 62% center; }
    .v2-hero-founder .v2-hero-backdrop { background-position: center, 82% center; }
    .v2-hero-controls { bottom: 24px; }
    .v2-hero-dots button { background: rgba(255,255,255,.55); }
    .v2-hero-dots button.is-active { background: #fff; }
    .v2-section-intro, .v2-section-intro-light { grid-template-columns: 1fr; gap: 16px; }
    .v2-section-intro p { max-width: 650px; }
    .v2-solution-gallery { grid-template-columns: 1fr; }
    .v2-solution-card { display: grid; grid-template-columns: 48% 52%; }
    .v2-solution-card-media { aspect-ratio: auto; min-height: 230px; border-bottom: 0; border-right: 1px solid #d8e3eb; }
    .v2-solution-card-body { min-height: 230px; }
    .v2-admin-showcase { grid-template-columns: 155px 1fr; }
    .v2-admin-sidebar span { font-size: 0; }
    .v2-admin-sidebar span i { font-size: 16px; }
    .v2-feature-list { grid-template-columns: 1fr; }
    .v2-feature-list article { min-height: 240px; border-right: 0; border-bottom: 1px solid #cfdee9; }
    .v2-network-grid, .v2-app-grid { grid-template-columns: 1fr; gap: 55px; }
    .v2-media-carousel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .v2-app-signal { height: 260px; }
}
@media (max-width: 767.98px) {
    .bsten-v2-nav { min-height: 72px; }
    .bsten-v2-nav .navbar-brand img { width: 118px; }
    .v2-hero-track, .v2-hero-slide, .v2-hero-content { min-height: 470px; }
    .v2-hero-copy { max-width: 390px; padding: 44px 0 64px; }
    .v2-hero-copy h1, .v2-hero-copy h2 { font-size: clamp(2.25rem, 10vw, 3.1rem); }
    .v2-hero-copy p { max-width: 350px; font-size: 13px; }
    .v2-hero-backdrop { background-image: linear-gradient(90deg, rgba(3,42,76,.98), rgba(3,42,76,.84)), var(--hero-background); background-position: center, 65% center; }
    .v2-hero-tag .v2-hero-backdrop, .v2-hero-founder .v2-hero-backdrop { background-image: linear-gradient(90deg, rgba(3,42,76,.98), rgba(3,42,76,.8)), var(--hero-background); }
    .v2-hero-arrows { display: none; }
    .v2-marquee-track { justify-content: flex-start; animation: v2Marquee 22s linear infinite; }
    @keyframes v2Marquee { to { transform: translateX(-45%); } }
    .v2-platform, .v2-network, .v2-content { padding-top: 85px; }
    .v2-section-intro h2, .v2-network-heading h2, .v2-app h2, .v2-final h2 { font-size: 2.8rem; }
    .v2-admin-showcase { display: block; min-height: auto; box-shadow: 8px 8px 0 #dce8f1; }
    .v2-solution-card { display: block; }
    .v2-solution-card-media { aspect-ratio: 16/9; min-height: 0; border-right: 0; border-bottom: 1px solid #d8e3eb; }
    .v2-solution-card-body { min-height: 0; }
    .v2-admin-sidebar { display: none; }
    .v2-admin-content { padding: 20px; }
    .v2-admin-kpis { grid-template-columns: 1fr; }
    .v2-admin-lower { grid-template-columns: 1fr; }
    .v2-admin-status { min-height: 190px; }
    .v2-feature-list { margin-top: 55px; }
    .v2-network-grid { gap: 45px; }
    .v2-network-panel strong { font-size: 25px; }
    .v2-media-carousel { grid-template-columns: 1fr; }
    .v2-video-lightbox { padding: 66px 12px 18px; }
    .v2-video-lightbox-frame { width: 100%; height: 78vh; }
    .v2-video-lightbox-close { right: 12px; top: 12px; }
    .v2-app { padding: 80px 0; }
    .v2-app-signal { height: 210px; }
    .v2-final { padding: 85px 0; }
    .v2-footer-main { grid-template-columns: 1fr; gap: 35px; }
    .v2-footer-links { justify-content: flex-start; }
    .v2-footer-bottom { flex-direction: column; }
}
@media (max-width: 480px) {
    .v2-hero-track, .v2-hero-slide, .v2-hero-content { min-height: 440px; }
    .v2-hero-copy { text-align: left; }
    .v2-actions, .v2-product-specs { justify-content: flex-start; }
    .v2-actions { display: grid; }
    .v2-btn { width: 100%; }
    .v2-network-nav button { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .v2-hero-slide { transition: none; }
    .v2-app-signal i, .v2-marquee-track { animation: none; }
}
