:root {
      --navy: #071b34;
      --navy-2: #0b284c;
      --blue: #1769ff;
      --cyan: #38bdf8;
      --sky: #edf6ff;
      --ink: #122033;
      --muted: #65748b;
      --line: #dce6f1;
      --surface: #ffffff;
      --surface-2: #f5f8fc;
      --success: #18a56f;
      --radius: 22px;
      --shadow: 0 18px 50px rgba(16, 46, 84, .12);
      --max: 1240px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--ink);
      background: var(--surface);
      line-height: 1.55;
      overflow-x: hidden;
    }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; display: block; }
    * { box-sizing: border-box; }
    button, input, textarea, select { font: inherit; }
    img, svg { display: block; max-width: 100%; }
    .container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .16em;
      color: var(--blue);
    }
    .eyebrow::before { content: ""; width: 26px; height: 2px; background: currentColor; }
    h1, h2, h3, p { margin-top: 0; }
    h1 { font-size: clamp(42px, 6vw, 76px); line-height: 1.03; letter-spacing: -.045em; }
    h2 { font-size: clamp(32px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -.035em; }
    h3 { line-height: 1.2; letter-spacing: -.02em; }
    .lead { font-size: clamp(17px, 1.8vw, 21px); color: var(--muted); max-width: 690px; }
    .section { padding: 105px 0; }
    .section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 46px; }
    .section-head h2 { max-width: 760px; margin-bottom: 0; }
    .section-link { color: var(--blue); font-weight: 800; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
    .section-link span { transition: transform .25s ease; }
    .section-link:hover span { transform: translateX(5px); }

    .announcement {
      min-height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 8px 20px;
      background: linear-gradient(90deg, #082144, #124d98 55%, #0b315e);
      color: #fff;
      font-size: 13px;
      text-align: center;
    }
    .announcement b { color: #7dd3fc; }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255,255,255,.88);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(220,230,241,.8);
    }
    .nav {
      min-height: 74px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }
    .brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 900; letter-spacing: -.025em; }
    .brand-mark {
      width: 39px; height: 39px; border-radius: 12px;
      display: grid; place-items: center;
      background: linear-gradient(145deg, var(--blue), var(--cyan));
      box-shadow: 0 10px 24px rgba(23,105,255,.28);
      position: relative; overflow: hidden;
    }
    .brand-mark::before, .brand-mark::after { content: ""; position: absolute; border: 3px solid #fff; border-radius: 8px; transform: rotate(45deg); }
    .brand-mark::before { width: 16px; height: 16px; left: 7px; }
    .brand-mark::after { width: 11px; height: 11px; right: 6px; opacity: .72; }
    .brand-text small { display: block; font-size: 9px; color: var(--muted); letter-spacing: .2em; margin-top: -2px; }
    .nav-links { display: flex; align-items: center; gap: 28px; }
    .nav-item { position: relative; }
    .nav-link { border: 0; background: none; padding: 26px 0; color: #29384d; font-weight: 700; cursor: pointer; display: inline-flex; gap: 7px; align-items: center; }
    .nav-link::after { content: ""; width: 6px; height: 6px; border-right: 1.7px solid; border-bottom: 1.7px solid; transform: rotate(45deg) translateY(-2px); }
    .nav-item:hover .nav-link { color: var(--blue); }
    .mega {
      position: fixed;
      top: 112px;
      left: 50%;
      transform: translateX(-50%) translateY(8px);
      width: min(1040px, calc(100vw - 40px));
      padding: 28px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.98);
      box-shadow: var(--shadow);
      border-radius: 0 0 22px 22px;
      opacity: 0; pointer-events: none;
      transition: .22s ease;
      display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 28px;
    }
    .nav-item:hover .mega, .nav-item:focus-within .mega { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
    .mega-feature { padding: 25px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #0a2c59, #1769ff); min-height: 220px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; }
    .mega-feature::before { content: ""; width: 170px; height: 170px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; position: absolute; right: -40px; top: -50px; box-shadow: 0 0 0 30px rgba(255,255,255,.04), 0 0 0 60px rgba(255,255,255,.025); }
    .mega-feature h3 { font-size: 25px; margin-bottom: 8px; }
    .mega-feature p { color: #cce7ff; margin: 0; font-size: 14px; }
    .mega-col h4 { margin: 5px 0 14px; font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .15em; }
    .mega-col a { display: block; padding: 10px 0; border-bottom: 1px solid #eef3f8; font-weight: 700; font-size: 14px; }
    .mega-col a:hover { color: var(--blue); }
    .nav-actions { display: flex; align-items: center; gap: 10px; }
    .icon-btn { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #fff; cursor: pointer; }
    .btn {
      min-height: 48px; padding: 0 22px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      border: 1px solid transparent; font-weight: 800; cursor: pointer; transition: .25s ease;
    }
    .btn-primary { background: var(--blue); color: #fff; box-shadow: 0 10px 28px rgba(23,105,255,.25); }
    .btn-primary:hover { background: #0d58dc; transform: translateY(-2px); }
    .btn-light { background: #fff; color: var(--ink); border-color: rgba(255,255,255,.55); }
    .btn-light:hover { transform: translateY(-2px); }
    .btn-outline { border-color: var(--line); background: #fff; }
    .btn-outline:hover { border-color: var(--blue); color: var(--blue); }
    .menu-toggle { display: none; }

    .hero { position: relative; min-height: 720px; background: #071c37; color: #fff; overflow: hidden; }
    .hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 78% 30%, rgba(31,131,255,.45), transparent 31%), radial-gradient(circle at 65% 85%, rgba(56,189,248,.16), transparent 26%), linear-gradient(115deg, #07172b 10%, #0a2d5b 56%, #0f4481); }
    .hero-grid { position: relative; z-index: 2; min-height: 720px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 55px; }
    .hero-copy { padding: 88px 0 115px; }
    .hero-copy .eyebrow { color: #7dd3fc; }
    .hero-copy h1 { margin: 18px 0 22px; max-width: 760px; }
    .hero-copy h1 em { font-style: normal; color: #74c9ff; }
    .hero-copy .lead { color: #c5d8ed; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
    .hero-meta { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 45px; color: #c4d7eb; font-size: 13px; }
    .hero-meta div { display: flex; align-items: center; gap: 9px; }
    .hero-meta i { width: 8px; height: 8px; border-radius: 50%; background: #42d8a0; box-shadow: 0 0 0 5px rgba(66,216,160,.1); }
    .hero-art { position: relative; height: 560px; }
    .orb { position: absolute; border-radius: 50%; filter: blur(.1px); }
    .orb.one { width: 480px; height: 480px; right: -30px; top: 25px; background: radial-gradient(circle at 36% 32%, #c9efff 0 3%, #5cb7ff 4% 16%, #1d75e6 42%, #0a2b5c 72%); box-shadow: inset -35px -35px 70px rgba(4,18,42,.5), 0 30px 80px rgba(0,91,255,.3); }
    .orb.one::before { content: ""; position: absolute; inset: 13%; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; box-shadow: 0 0 0 38px rgba(255,255,255,.04), 0 0 0 76px rgba(255,255,255,.025); }
    .device-panel { position: absolute; width: 310px; min-height: 190px; right: 105px; top: 155px; border-radius: 28px; padding: 22px; background: rgba(247,252,255,.96); color: var(--ink); box-shadow: 0 24px 80px rgba(0,0,0,.28); transform: perspective(1000px) rotateY(-9deg) rotateX(4deg); border: 1px solid rgba(255,255,255,.65); }
    .device-top { display: flex; align-items: center; justify-content: space-between; }
    .device-top strong { font-size: 15px; }
    .status-pill { font-size: 10px; color: var(--success); background: #e3f9f0; padding: 6px 9px; border-radius: 99px; font-weight: 800; }
    .room-status { margin-top: 20px; padding: 20px; border-radius: 18px; background: linear-gradient(135deg, #1673ff, #45c7ff); color: #fff; }
    .room-status small { opacity: .8; }
    .room-status h3 { font-size: 26px; margin: 6px 0 16px; }
    .timeline { display: grid; grid-template-columns: 1.3fr .8fr .7fr; gap: 5px; height: 8px; }
    .timeline span { border-radius: 99px; background: rgba(255,255,255,.35); }
    .timeline span:first-child { background: #fff; }
    .floating-card { position: absolute; padding: 14px 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; background: rgba(5,27,57,.66); backdrop-filter: blur(14px); box-shadow: 0 15px 40px rgba(0,0,0,.18); }
    .floating-card strong { display: block; font-size: 14px; }
    .floating-card small { color: #9fc4e7; }
    .floating-card.camera { left: 10px; top: 95px; }
    .floating-card.power { right: 15px; bottom: 70px; }
    .floating-card .mini-icon { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: rgba(93,184,255,.15); margin-bottom: 10px; }
    .hero-dots { position: absolute; z-index: 3; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; }
    .hero-dots button { width: 25px; height: 4px; border: 0; border-radius: 99px; background: rgba(255,255,255,.3); padding: 0; }
    .hero-dots button.active { background: #fff; width: 48px; }

    .trust-strip { border-bottom: 1px solid var(--line); background: #fff; }
    .trust-grid { display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); align-items: center; min-height: 108px; }
    .trust-title { font-size: 13px; color: var(--muted); font-weight: 700; padding-right: 30px; }
    .trust-item { min-height: 108px; display: flex; align-items: center; justify-content: center; border-left: 1px solid var(--line); font-size: 14px; font-weight: 900; color: #789; letter-spacing: .04em; }
    .trust-item span { color: var(--blue); }

    .products { background: var(--surface-2); }
    .product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
    .product-card { min-height: 410px; position: relative; overflow: hidden; border-radius: var(--radius); background: #fff; border: 1px solid var(--line); transition: .3s ease; }
    .product-card:hover { transform: translateY(-7px); box-shadow: var(--shadow); border-color: transparent; }
    .product-copy { padding: 25px 25px 0; position: relative; z-index: 2; }
    .product-copy small { font-size: 11px; font-weight: 900; color: var(--blue); text-transform: uppercase; letter-spacing: .13em; }
    .product-copy h3 { font-size: 25px; margin: 9px 0 10px; }
    .product-copy p { font-size: 14px; color: var(--muted); }
    .product-visual { position: absolute; inset: auto 0 0; height: 205px; overflow: hidden; }
    .product-visual::before { content: ""; position: absolute; width: 230px; height: 230px; border-radius: 50%; background: linear-gradient(145deg, #dff3ff, #edf5ff); right: -45px; bottom: -80px; }
    .tablet { position: absolute; width: 155px; height: 103px; border: 8px solid #142840; border-radius: 15px; right: 38px; bottom: 38px; background: linear-gradient(135deg, #20a4ff, #1769ff); box-shadow: 0 18px 28px rgba(21,56,99,.25); transform: rotate(-8deg); }
    .tablet::before { content: "Available"; position: absolute; inset: 17px; border-radius: 7px; color: #fff; font-size: 14px; font-weight: 800; display: grid; place-items: center; background: rgba(255,255,255,.12); }
    .camera-shape { position: absolute; width: 122px; height: 88px; border-radius: 35px 35px 50px 50px; background: #fff; border: 1px solid #dbe5f0; right: 55px; bottom: 45px; box-shadow: 0 18px 28px rgba(21,56,99,.18); }
    .camera-shape::before { content: ""; position: absolute; width: 43px; height: 43px; border-radius: 50%; left: 39px; top: 24px; background: radial-gradient(circle, #55b9ff 0 12%, #0c294b 13% 42%, #09182c 43%); box-shadow: 0 0 0 8px #edf3f7; }
    .camera-shape::after { content: ""; position: absolute; width: 64px; height: 16px; border-radius: 8px; background: #cfdbe6; left: 29px; bottom: -20px; }
    .battery-shape { position: absolute; width: 116px; height: 142px; border-radius: 20px; right: 56px; bottom: 28px; background: linear-gradient(160deg, #1c3550, #0d1f34); box-shadow: 0 18px 30px rgba(21,56,99,.25); }
    .battery-shape::before { content: "⚡"; position: absolute; inset: 25px 20px 45px; border-radius: 14px; color: #89d7ff; display: grid; place-items: center; font-size: 36px; background: #112a47; }
    .battery-shape::after { content: "ONLINE"; position: absolute; left: 28px; bottom: 15px; color: #62d7a4; font-size: 9px; letter-spacing: .18em; }
    .network-shape { position: absolute; width: 156px; height: 108px; border-radius: 18px; right: 36px; bottom: 36px; background: #fdfefe; border: 1px solid #dbe5ef; box-shadow: 0 18px 30px rgba(21,56,99,.2); }
    .network-shape::before { content: ""; position: absolute; left: 18px; right: 18px; top: 33px; height: 2px; background: #bed1e2; box-shadow: 0 18px #bed1e2; }
    .network-shape::after { content: "••••••••"; letter-spacing: 6px; position: absolute; left: 24px; top: 21px; color: #1769ff; text-shadow: 0 18px #38bdf8; }

    .solutions { background: #fff; }
    .solutions-wrap { display: grid; grid-template-columns: .72fr 1.28fr; gap: 28px; }
    .solution-nav { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
    .solution-tab { min-height: 104px; padding: 22px 8px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: #536277; }
    .solution-tab span:first-child { display: flex; align-items: center; gap: 18px; }
    .solution-tab b { font-size: 13px; color: #9aa8b8; }
    .solution-tab strong { font-size: 19px; color: inherit; }
    .solution-tab.active { color: var(--blue); }
    .solution-tab.active b { color: var(--blue); }
    .solution-tab .arrow { font-size: 24px; opacity: .5; }
    .solution-panel { min-height: 545px; border-radius: 28px; overflow: hidden; position: relative; padding: 55px; display: flex; align-items: flex-end; color: #fff; background: linear-gradient(130deg, #061b34 0 38%, #0e4f8d 100%); }
    .solution-panel::before { content: ""; position: absolute; width: 520px; height: 520px; border-radius: 50%; right: -110px; top: -80px; border: 1px solid rgba(255,255,255,.17); box-shadow: 0 0 0 50px rgba(255,255,255,.035), 0 0 0 100px rgba(255,255,255,.02); }
    .solution-panel::after { content: ""; position: absolute; width: 270px; height: 170px; right: 90px; top: 90px; border-radius: 30px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 30px 60px rgba(0,0,0,.2); transform: rotate(-5deg); }
    .panel-copy { max-width: 540px; position: relative; z-index: 2; }
    .panel-copy .count { font-size: 13px; color: #8ed5ff; font-weight: 900; letter-spacing: .16em; }
    .panel-copy h3 { font-size: clamp(34px, 4vw, 52px); margin: 14px 0; }
    .panel-copy p { color: #c9ddef; font-size: 17px; }

    .why { background: linear-gradient(180deg, #f4f8fd, #fff); }
    .why-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 65px; align-items: center; }
    .why-copy h2 { margin: 15px 0 20px; }
    .why-list { margin-top: 34px; display: grid; gap: 17px; }
    .why-item { display: grid; grid-template-columns: 50px 1fr; gap: 16px; align-items: center; }
    .why-icon { width: 50px; height: 50px; border-radius: 15px; display: grid; place-items: center; background: #eaf3ff; color: var(--blue); font-weight: 900; }
    .why-item h3 { margin: 2px 0 5px; font-size: 18px; }
    .why-item p { color: var(--muted); margin: 0; font-size: 14px; }
    .stats-card { min-height: 500px; border-radius: 32px; padding: 36px; background: linear-gradient(145deg, #071b34, #0e3f75); color: #fff; position: relative; overflow: hidden; box-shadow: 0 30px 80px rgba(8,43,82,.2); }
    .stats-card::before { content: ""; position: absolute; inset: -110px -150px auto auto; width: 400px; height: 400px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.028), 0 0 0 90px rgba(255,255,255,.018); }
    .stats-card > * { position: relative; z-index: 1; }
    .stats-card .eyebrow { color: #7dd3fc; }
    .stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255,255,255,.14); margin-top: 60px; }
    .stat { min-height: 145px; padding: 25px; background: #0b315b; }
    .stat strong { display: block; font-size: 40px; letter-spacing: -.04em; }
    .stat span { color: #bcd3e9; font-size: 13px; }

    .insights { background: var(--surface-2); }
    .article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
    .article-card { background: #fff; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; transition: .28s ease; }
    .article-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
    .article-img { height: 200px; position: relative; overflow: hidden; background: linear-gradient(145deg, #0b315e, #2b82df); }
    .article-img::before { content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; border: 1px solid rgba(255,255,255,.23); right: -60px; top: -100px; box-shadow: 0 0 0 34px rgba(255,255,255,.04), 0 0 0 68px rgba(255,255,255,.025); }
    .article-img.two { background: linear-gradient(145deg, #123a52, #18a56f); }
    .article-img.three { background: linear-gradient(145deg, #2d244d, #6456d9); }
    .article-symbol { position: absolute; left: 28px; bottom: 25px; width: 72px; height: 72px; border-radius: 22px; display: grid; place-items: center; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25); color: #fff; font-size: 30px; }
    .article-copy { padding: 25px; }
    .article-copy small { color: var(--blue); font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
    .article-copy h3 { font-size: 21px; margin: 10px 0 13px; }
    .article-copy p { color: var(--muted); font-size: 14px; }

    .contact-cta { padding: 90px 0; background: #fff; }
    .cta-card { padding: 58px; border-radius: 30px; background: linear-gradient(115deg, #1769ff, #0c4a91 70%); color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 35px; position: relative; overflow: hidden; }
    .cta-card::before { content: ""; position: absolute; width: 380px; height: 380px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); right: -70px; top: -150px; box-shadow: 0 0 0 45px rgba(255,255,255,.04), 0 0 0 90px rgba(255,255,255,.025); }
    .cta-card h2 { font-size: clamp(30px, 3.6vw, 46px); margin-bottom: 10px; }
    .cta-card p { margin: 0; color: #d7ebff; }
    .cta-card > * { position: relative; z-index: 1; }

    footer { background: #06172c; color: #d6e4f1; padding: 72px 0 24px; }
    .footer-grid { display: grid; grid-template-columns: 1.35fr repeat(4, 1fr); gap: 38px; }
    .footer-brand p { color: #93abc2; max-width: 330px; font-size: 14px; margin-top: 20px; }
    .footer-col h4 { color: #fff; margin: 4px 0 18px; }
    .footer-col a { display: block; color: #93abc2; font-size: 14px; margin: 11px 0; }
    .footer-col a:hover { color: #fff; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,.1); margin-top: 55px; padding-top: 22px; display: flex; justify-content: space-between; gap: 20px; color: #7891aa; font-size: 12px; }
    .social { display: flex; gap: 9px; }
    .social a { width: 35px; height: 35px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.15); color: #fff; }

    .reveal { opacity: 1; transform: none; transition: .55s ease; }
    .reveal.visible { opacity: 1; transform: none; }

    @media (max-width: 1080px) {
      .nav-links { display: none; }
      .menu-toggle { display: grid; }
      .hero-grid { grid-template-columns: 1fr; min-height: auto; }
      .hero-copy { padding-bottom: 20px; }
      .hero-art { height: 520px; max-width: 680px; width: 100%; margin: auto; }
      .trust-grid { grid-template-columns: 1fr 1fr; }
      .trust-title { grid-column: 1/-1; padding: 22px 0; text-align: center; }
      .trust-item { border-top: 1px solid var(--line); }
      .trust-item:nth-child(2), .trust-item:nth-child(4) { border-left: 0; }
      .product-grid { grid-template-columns: 1fr 1fr; }
      .solutions-wrap, .why-grid { grid-template-columns: 1fr; }
      .solution-nav { display: grid; grid-template-columns: repeat(2,1fr); }
      .solution-tab { padding-inline: 16px; }
      .footer-grid { grid-template-columns: 1.5fr repeat(2,1fr); }
    }

    @media (max-width: 720px) {
      .container { width: min(100% - 26px, var(--max)); }
      .section { padding: 76px 0; }
      .announcement { font-size: 11px; }
      .nav { min-height: 66px; }
      .nav-actions .btn { display: none; }
      .brand-text { font-size: 14px; }
      .hero { min-height: auto; }
      .hero-copy { padding-top: 65px; }
      .hero-actions { align-items: stretch; flex-direction: column; }
      .hero-actions .btn { width: 100%; }
      .hero-meta { gap: 14px; flex-direction: column; }
      .hero-art { height: 400px; }
      .orb.one { width: 340px; height: 340px; right: -45px; }
      .device-panel { width: 245px; right: 32px; top: 120px; padding: 16px; }
      .floating-card.camera { left: 0; top: 55px; }
      .floating-card.power { right: 0; bottom: 20px; }
      .section-head { display: block; }
      .section-link { margin-top: 18px; }
      .product-grid, .article-grid { grid-template-columns: 1fr; }
      .product-card { min-height: 390px; }
      .solution-nav { grid-template-columns: 1fr; }
      .solution-panel { min-height: 520px; padding: 32px; }
      .stats-card { padding: 24px; }
      .stat strong { font-size: 32px; }
      .cta-card { padding: 38px 25px; align-items: flex-start; flex-direction: column; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .footer-brand { grid-column: 1/-1; }
      .footer-bottom { flex-direction: column; }
    }


    /* A-MEET BRAND OVERRIDES */
    :root {
      --navy: #071a4b;
      --navy-2: #0b2d72;
      --blue: #1738c7;
      --cyan: #43a8ff;
      --sky: #eef5ff;
      --ink: #11213d;
      --muted: #66758d;
      --line: #dce4ef;
      --surface-2: #f3f6fa;
      --success: #17a778;
      --green-soft: #e7f8f1;
      --silver: #aab5c4;
    }
    .announcement { background: linear-gradient(90deg, #071a4b, #1738c7 58%, #109876); }
    .announcement b { color: #89f0c9; }
    .brand-logo { width: 42px; height: 42px; border-radius: 11px; background: #fff; display: grid; place-items: center; box-shadow: 0 8px 22px rgba(12,42,118,.12); overflow: hidden; }
    .brand-logo img { width: 35px; height: 35px; object-fit: contain; }
    .brand-text { font-size: 19px; color: #0c225e; }
    .brand-text small { color: #6f7d91; font-size: 8px; letter-spacing: .17em; }
    footer .brand-text { color: #fff; }
    .hero::before { background: radial-gradient(circle at 80% 25%, rgba(67,168,255,.42), transparent 30%), radial-gradient(circle at 63% 88%, rgba(23,167,120,.25), transparent 25%), linear-gradient(118deg, #06153e 8%, #0a2a75 58%, #174cc0); }
    .hero-copy h1 em { color: #70e0b5; }
    .first-badge { display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(23,167,120,.14);border:1px solid rgba(112,224,181,.34);color:#a8f3d5;font-size:12px;font-weight:900;letter-spacing:.04em;margin-top:12px; }
    .first-badge::before { content:"";width:8px;height:8px;border-radius:50%;background:#70e0b5;box-shadow:0 0 0 5px rgba(112,224,181,.12); }
    .device-logo { display:flex;align-items:center;gap:9px;font-weight:900;color:#0b225e; }
    .device-logo img { width:26px;height:26px;object-fit:contain; }
    .status-pill { color:#0b8f65;background:#e1f8ef; }
    .room-status { background: linear-gradient(135deg, #1738c7, #2d7df0 62%, #17a778); }
    .floating-card.access { left: 6px; top: 94px; }
    .floating-card.board { right: 5px; bottom: 70px; }
    .floating-card .mini-icon.green { background:rgba(23,167,120,.18);color:#87ebc5; }

    .trust-grid { grid-template-columns: 1.2fr repeat(4, 1fr); }
    .trust-item { color:#53657f; text-align:center; padding:0 12px; font-size:13px; letter-spacing:0; }
    .trust-item span { display:inline-flex;align-items:center;gap:8px; }
    .trust-item span::before { content:"✓"; width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e5f8f0;color:#129267;font-size:12px; }

    /* Product ecosystem hierarchy:
       1) Core Product full width
       2) Secure Access + Central Information, half width each
       3) Visual Intelligence + Reliable Connectivity, half width each */
    .product-grid.a-meet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-grid.a-meet-grid .product-card { grid-column: span 1; min-height: 420px; }
    .product-grid.a-meet-grid .product-card:first-child {
      grid-column: 1 / -1;
      min-height: 360px;
    }
    .product-grid.a-meet-grid .product-card:first-child .product-copy {
      max-width: 58%;
      padding: 42px 40px 0;
    }
    .product-grid.a-meet-grid .product-card:first-child .product-copy h3 {
      font-size: clamp(30px, 3vw, 42px);
    }
    .product-grid.a-meet-grid .product-card:first-child .product-visual {
      inset: 0 0 0 auto;
      width: 44%;
      height: 100%;
      border-left: 1px solid var(--line);
      background: linear-gradient(145deg, #f7fbff, #edf5ff 58%, #e9faf4);
    }
    .product-grid.a-meet-grid .product-card:first-child .product-visual::before {
      width: 360px;
      height: 360px;
      right: -40px;
      bottom: -105px;
      background: linear-gradient(145deg, #dcefff, #e5f8f0);
    }
    .product-grid.a-meet-grid .product-card:first-child .tablet {
      width: 215px;
      height: 143px;
      right: 78px;
      bottom: 93px;
      border-width: 10px;
    }
    .product-card { min-height: 430px; }
    .variant-chips { display:flex;flex-wrap:wrap;gap:7px;margin-top:16px; }
    .variant-chips span { font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:#eef4ff;color:#2449ba;border:1px solid #dbe6ff; }
    .variant-chips span:nth-child(2) { background:#e8faf2;color:#138760;border-color:#d2f1e5; }
    .variant-chips span:nth-child(3) { background:#f1f3f6;color:#5f6d80;border-color:#e1e5eb; }
    .access-shape { position:absolute;width:150px;height:145px;right:36px;bottom:25px;border-radius:25px;background:linear-gradient(155deg,#fff,#e9eef5);border:1px solid #d9e2ee;box-shadow:0 18px 34px rgba(21,56,99,.2); }
    .access-shape::before { content:"";position:absolute;width:64px;height:64px;border-radius:50%;left:43px;top:28px;background:radial-gradient(circle,#69c9a5 0 13%,#1738c7 14% 34%,#0b225e 35% 100%);box-shadow:0 0 0 9px #edf3f8; }
    .access-shape::after { content:"ACCESS GRANTED";position:absolute;left:27px;bottom:19px;font-size:9px;font-weight:900;letter-spacing:.13em;color:#138760; }
    .board-shape { position:absolute;width:182px;height:108px;right:25px;bottom:43px;border-radius:13px;background:#101e3d;border:7px solid #dfe5eb;box-shadow:0 18px 34px rgba(21,56,99,.2); }
    .board-shape::before { content:"COURT 01   AVAILABLE";position:absolute;inset:13px;border-radius:6px;padding:15px 12px;color:#fff;font-size:12px;font-weight:900;background:linear-gradient(135deg,#1738c7,#17a778); }
    .board-shape::after { content:"";position:absolute;width:55px;height:8px;border-radius:8px;background:#adb7c4;left:57px;bottom:-21px;box-shadow:0 8px 0 -2px #d0d7df; }
    .tablet::before { content:"AVAILABLE"; }

    .solution-panel { background: linear-gradient(130deg, #061640 0 38%, #1645b9 74%, #159873 100%); }
    .why { background:linear-gradient(180deg,#f2f6fb,#fff); }
    .stats-card { background:linear-gradient(145deg,#061640,#123fa8 72%,#138b68); }
    .stat { background:rgba(6,31,86,.72); }
    .contact-detail { display:flex;flex-wrap:wrap;gap:13px;margin-top:22px; }
    .contact-detail span { display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:13px;color:#dbe9ff; }
    .company-pill { display:inline-flex;align-items:center;gap:8px;color:#bfd2ed;font-size:13px;margin-top:18px; }
    .company-pill::before { content:"";width:18px;height:1px;background:#70e0b5; }
    .footer-brand .brand-logo { background:#fff; }
    .footer-brand p strong { color:#fff; }
    .article-symbol.logo-symbol { padding:18px;background:rgba(255,255,255,.93);border-radius:18px; }
    .article-symbol.logo-symbol img { width:74px;height:74px; }
    .new-label { display:inline-block;margin-left:6px;padding:3px 7px;border-radius:999px;background:#e4f8ef;color:#11845f;font-size:9px;letter-spacing:.1em;vertical-align:middle; }

    /* Solutions by Environment: selectable cards above, detail panel below */
    .solutions-wrap { grid-template-columns: 1fr; gap: 24px; }
    .solution-nav {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      border-top: 0;
    }
    .solution-tab {
      min-height: 168px;
      padding: 24px 20px;
      border: 1px solid var(--line);
      border-radius: 20px;
      background: #fff;
      align-items: flex-start;
      box-shadow: 0 10px 30px rgba(12,42,118,.055);
      transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
    }
    .solution-tab:hover {
      transform: translateY(-4px);
      border-color: #b7c8ee;
      box-shadow: 0 16px 36px rgba(12,42,118,.11);
    }
    .solution-tab.active {
      color: var(--blue);
      border-color: rgba(23,56,199,.35);
      background: linear-gradient(145deg,#f7f9ff,#eef5ff 64%,#ebfaf4);
      box-shadow: 0 18px 40px rgba(23,56,199,.13);
    }
    .solution-tab .solution-tab-main {
      display: grid;
      grid-template-columns: 32px 1fr;
      gap: 13px;
      align-items: start;
      min-width: 0;
    }
    .solution-tab .solution-tab-main > b {
      width: 32px; height: 32px;
      display: grid; place-items: center;
      border-radius: 10px;
      background: #eef2f8;
      color: #718096;
      font-size: 12px;
    }
    .solution-tab.active .solution-tab-main > b {
      color: #fff;
      background: linear-gradient(135deg,var(--blue),var(--success));
    }
    .solution-tab-text { display: block; min-width: 0; }
    .solution-tab-text strong { display: block; font-size: 18px; margin: 3px 0 9px; }
    .solution-tab-text small {
      display: block;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.55;
      font-weight: 600;
    }
    .solution-tab .arrow { margin-top: 2px; transition: transform .25s ease; }
    .solution-tab:hover .arrow, .solution-tab.active .arrow { transform: translateX(4px); opacity: 1; }
    .solution-panel { min-height: 470px; scroll-margin-top: 132px; }
    .solution-panel.detail-flash { animation: detailFlash .65s ease; }
    @keyframes detailFlash {
      0% { box-shadow: 0 0 0 0 rgba(23,56,199,.28); }
      100% { box-shadow: 0 0 0 18px rgba(23,56,199,0); }
    }

    @media (max-width: 1000px) {
      .solution-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .product-grid.a-meet-grid { grid-template-columns:1fr 1fr; }
      .product-grid.a-meet-grid .product-card:first-child { grid-column:1 / -1 !important; }
      .product-grid.a-meet-grid .product-card:first-child .product-copy { max-width:55%; padding:34px 30px 0; }
      .product-grid.a-meet-grid .product-card:first-child .product-visual { width:42%; }
      .product-grid.a-meet-grid .product-card:first-child .tablet { right:42px; }
    }
    @media (max-width: 680px) {
      .solution-nav { grid-template-columns: 1fr; }
      .solution-tab { min-height: 138px; padding: 20px 17px; }
      .solution-panel { min-height: 510px; scroll-margin-top: 112px; }
      .product-grid.a-meet-grid { grid-template-columns:1fr; }
      .product-grid.a-meet-grid .product-card,
      .product-grid.a-meet-grid .product-card:first-child { grid-column:1 !important; min-height:430px; }
      .product-grid.a-meet-grid .product-card:first-child .product-copy { max-width:none; padding:25px 25px 0; }
      .product-grid.a-meet-grid .product-card:first-child .product-copy h3 { font-size:25px; }
      .product-grid.a-meet-grid .product-card:first-child .product-visual { inset:auto 0 0; width:100%; height:205px; border-left:0; border-top:1px solid var(--line); }
      .product-grid.a-meet-grid .product-card:first-child .product-visual::before { width:230px; height:230px; right:-45px; bottom:-80px; }
      .product-grid.a-meet-grid .product-card:first-child .tablet { width:155px; height:103px; right:38px; bottom:38px; border-width:8px; }
      .trust-grid { grid-template-columns:1fr 1fr; }
      .trust-title { grid-column:1/-1;padding:22px 0 10px; }
      .trust-item { border-left:0;border-top:1px solid var(--line);min-height:76px; }
      .brand-text { font-size:17px; }
    }


    /* Rich solution detail with contextual illustrations */
    .solution-panel {
      min-height: 520px;
      display: grid;
      grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
      align-items: center;
      gap: 34px;
      padding: 52px;
    }
    .solution-panel::after { display: none; }
    .panel-copy { max-width: 560px; }
    .panel-copy p { max-width: 550px; line-height: 1.75; }
    .solution-features {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin: 24px 0 29px;
    }
    .solution-features span {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      padding: 7px 12px;
      border-radius: 999px;
      color: #eaf6ff;
      background: rgba(255,255,255,.095);
      border: 1px solid rgba(255,255,255,.17);
      font-size: 12px;
      font-weight: 800;
      backdrop-filter: blur(8px);
    }
    .solution-features span::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #72e0b8;
      box-shadow: 0 0 0 4px rgba(114,224,184,.12);
    }
    .solution-media {
      position: relative;
      z-index: 2;
      min-width: 0;
      min-height: 390px;
      display: grid;
      place-items: center;
    }
    .solution-scene {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      opacity: 0;
      visibility: hidden;
      transform: translateY(14px) scale(.985);
      transition: opacity .38s ease, transform .38s ease, visibility .38s ease;
    }
    .solution-scene.active {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) scale(1);
    }
    .solution-scene svg {
      width: 100%;
      height: auto;
      max-height: 410px;
      filter: drop-shadow(0 30px 38px rgba(2,13,43,.34));
    }
    .solution-tab-text small { min-height: 56px; }

    .office-visual-grid {
      width: 100%;
      display: grid;
      grid-template-columns: 1.14fr .86fr;
      gap: 16px;
      align-items: stretch;
    }
    .office-main-card,
    .office-side-card {
      isolation: isolate;
      display: block;
      position: relative;
      overflow: hidden;
      border-radius: 24px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.16);
      box-shadow: 0 22px 45px rgba(5,18,48,.26);
      min-width: 0;
    }
    .office-main-card { min-height: 392px; }
    .office-side-stack {
      display: grid;
      grid-template-rows: 1fr 1fr;
      gap: 16px;
      min-width: 0;
    }
    .office-side-card { min-height: 188px; }
    .office-main-card img,
    .office-side-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .office-main-card img { aspect-ratio: 4 / 3; object-position: center center; }
    .office-side-card:first-child img { aspect-ratio: 4 / 3; object-position: center 46%; }
    .office-side-card:last-child img { aspect-ratio: 16 / 10; object-position: center center; }

    .office-card-overlay {
      position: absolute;
      inset: auto 0 0 0;
      padding: 18px 18px 20px;
      background: linear-gradient(180deg, rgba(4,16,40,0) 0%, rgba(4,16,40,.9) 100%);
      border-top: 1px solid rgba(255,255,255,.1);
      backdrop-filter: blur(4px);
      color: #fff;
      box-sizing: border-box;
    }
    .office-card-overlay strong {
      display: block;
      font-size: 15px;
      letter-spacing: -.01em;
      margin-bottom: 4px;
    }
    .office-card-overlay span {
      display: block;
      max-width: 95%;
      font-size: 12px;
      line-height: 1.55;
      color: #d7e9ff;
      font-weight: 500;
    }
    .office-visual-badge {
      position: absolute;
      top: 16px;
      left: 16px;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 32px;
      padding: 7px 12px;
      border-radius: 999px;
      background: rgba(7,26,75,.74);
      border: 1px solid rgba(255,255,255,.18);
      color: #ecf8ff;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      backdrop-filter: blur(8px);
    }
    .office-visual-badge::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #72e0b8;
      box-shadow: 0 0 0 4px rgba(114,224,184,.16);
    }
    @media (max-width: 1000px) {
      .office-visual-grid { grid-template-columns: 1fr; }
      .office-main-card { min-height: 330px; }
      .office-side-stack {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: none;
      }
      .office-side-card { min-height: 220px; }
    }
    @media (max-width: 680px) {
      .office-main-card { min-height: 255px; }
      .office-side-stack { grid-template-columns: 1fr; }
      .office-side-card { min-height: 185px; }
      .office-card-overlay { padding: 15px 15px 17px; }
      .office-card-overlay strong { font-size: 14px; }
      .office-card-overlay span { font-size: 11px; }
    }


    
    .padel-visual-grid {
      width: 100%;
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 16px;
      align-items: stretch;
    }
    .padel-main-card,
    .padel-side-card {
      isolation: isolate;
      display: block;
      position: relative;
      overflow: hidden;
      border-radius: 24px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.16);
      box-shadow: 0 22px 45px rgba(5,18,48,.26);
      min-width: 0;
    }
    .padel-main-card { min-height: 392px; }
    .padel-side-stack {
      display: grid;
      grid-template-rows: 1fr 1fr;
      gap: 16px;
      min-width: 0;
    }
    .padel-side-card { min-height: 188px; }
    .padel-main-card img,
    .padel-side-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .padel-main-card img { aspect-ratio: 1 / 1; object-position: center center; }
    .padel-side-card:first-child img { aspect-ratio: 16 / 10; object-position: center center; }
    .padel-side-card:last-child img { aspect-ratio: 16 / 10; object-position: center center; }
    .padel-card-overlay {
      position: absolute;
      inset: auto 0 0 0;
      padding: 18px 18px 20px;
      background: linear-gradient(180deg, rgba(4,16,40,0) 0%, rgba(4,16,40,.9) 100%);
      border-top: 1px solid rgba(255,255,255,.1);
      backdrop-filter: blur(4px);
      color: #fff;
      box-sizing: border-box;
    }
    .padel-card-overlay strong {
      display: block;
      font-size: 15px;
      letter-spacing: -.01em;
      margin-bottom: 4px;
    }
    .padel-card-overlay span {
      display: block;
      max-width: 95%;
      font-size: 12px;
      line-height: 1.55;
      color: #d7e9ff;
      font-weight: 500;
    }
    .padel-visual-badge {
      position: absolute;
      top: 16px;
      left: 16px;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 32px;
      padding: 7px 12px;
      border-radius: 999px;
      background: rgba(7,26,75,.76);
      border: 1px solid rgba(255,255,255,.18);
      color: #ecf8ff;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      backdrop-filter: blur(8px);
    }
    .padel-visual-badge::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #72e0b8;
      box-shadow: 0 0 0 4px rgba(114,224,184,.16);
    }
    @media (max-width: 1000px) {
      .padel-visual-grid { grid-template-columns: 1fr; }
      .padel-main-card { min-height: 330px; }
      .padel-side-stack {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: none;
      }
      .padel-side-card { min-height: 220px; }
    }
    @media (max-width: 680px) {
      .padel-main-card { min-height: 255px; }
      .padel-side-stack { grid-template-columns: 1fr; }
      .padel-side-card { min-height: 185px; }
      .padel-card-overlay { padding: 15px 15px 17px; }
      .padel-card-overlay strong { font-size: 14px; }
      .padel-card-overlay span { font-size: 11px; }
    }


    
    .court-visual-grid {
      width: 100%;
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 16px;
      align-items: stretch;
    }
    .court-main-card,
    .court-side-card {
      isolation: isolate;
      display: block;
      position: relative;
      overflow: hidden;
      border-radius: 24px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.16);
      box-shadow: 0 22px 45px rgba(5,18,48,.26);
      min-width: 0;
    }
    .court-main-card { min-height: 392px; }
    .court-side-stack {
      display: grid;
      grid-template-rows: 1fr 1fr;
      gap: 16px;
      min-width: 0;
    }
    .court-side-card { min-height: 188px; }
    .court-main-card img,
    .court-side-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .court-main-card img { aspect-ratio: 4 / 3; object-position: center center; }
    .court-side-card:first-child img { aspect-ratio: 16 / 10; object-position: center center; }
    .court-side-card:last-child img { aspect-ratio: 16 / 10; object-position: center center; }
    .court-card-overlay {
      position: absolute;
      inset: auto 0 0 0;
      padding: 18px 18px 20px;
      background: linear-gradient(180deg, rgba(4,16,40,0) 0%, rgba(4,16,40,.9) 100%);
      border-top: 1px solid rgba(255,255,255,.1);
      backdrop-filter: blur(4px);
      color: #fff;
      box-sizing: border-box;
    }
    .court-card-overlay strong {
      display: block;
      font-size: 15px;
      letter-spacing: -.01em;
      margin-bottom: 4px;
    }
    .court-card-overlay span {
      display: block;
      max-width: 95%;
      font-size: 12px;
      line-height: 1.55;
      color: #d7e9ff;
      font-weight: 500;
    }
    .court-visual-badge {
      position: absolute;
      top: 16px;
      left: 16px;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 32px;
      padding: 7px 12px;
      border-radius: 999px;
      background: rgba(7,26,75,.76);
      border: 1px solid rgba(255,255,255,.18);
      color: #ecf8ff;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      backdrop-filter: blur(8px);
    }
    .court-visual-badge::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #72e0b8;
      box-shadow: 0 0 0 4px rgba(114,224,184,.16);
    }
    @media (max-width: 1000px) {
      .court-visual-grid { grid-template-columns: 1fr; }
      .court-main-card { min-height: 330px; }
      .court-side-stack {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: none;
      }
      .court-side-card { min-height: 220px; }
    }
    @media (max-width: 680px) {
      .court-main-card { min-height: 255px; }
      .court-side-stack { grid-template-columns: 1fr; }
      .court-side-card { min-height: 185px; }
      .court-card-overlay { padding: 15px 15px 17px; }
      .court-card-overlay strong { font-size: 14px; }
      .court-card-overlay span { font-size: 11px; }
    }


    @media (max-width: 1000px) {
      .solution-panel {
        grid-template-columns: 1fr;
        padding: 42px;
        gap: 10px;
      }
      .panel-copy { max-width: 720px; }
      .solution-media { min-height: 350px; }
      .solution-scene svg { max-height: 350px; }
    }
    @media (max-width: 680px) {
      .solution-panel { padding: 30px 22px; gap: 18px; }
      .panel-copy h3 { font-size: 36px; }
      .panel-copy p { font-size: 15px; }
      .solution-features { margin: 20px 0 25px; }
      .solution-media { min-height: 250px; }
      .solution-scene svg { max-height: 255px; }
      .solution-tab-text small { min-height: 0; }
    }

  

    /* FINAL POLISH: stable media cards, compact captions, responsive layout */
    :root { --accent-yellow: #f2c94c; --accent-yellow-soft: #fff6d6; }

    .announcement b { color: var(--accent-yellow); }
    .first-badge {
      color: #fff2b8;
      border-color: rgba(242,201,76,.38);
      background: rgba(242,201,76,.09);
    }
    .first-badge::before {
      background: var(--accent-yellow);
      box-shadow: 0 0 0 5px rgba(242,201,76,.12);
    }
    .new-label {
      background: var(--accent-yellow-soft);
      color: #7b5c00;
      border: 1px solid rgba(242,201,76,.38);
    }
    .solution-tab.active .solution-tab-main > b {
      box-shadow: inset 0 -3px 0 var(--accent-yellow), 0 8px 18px rgba(23,56,199,.14);
    }

    .office-main-card,
    .office-side-card,
    .padel-main-card,
    .padel-side-card,
    .court-main-card,
    .court-side-card {
      display: grid;
      grid-template-rows: minmax(0, 1fr) auto;
      align-content: stretch;
      background: #071a4b;
      overflow: hidden;
    }

    .office-main-card,
    .padel-main-card,
    .court-main-card { min-height: 390px; }

    .office-side-card,
    .padel-side-card,
    .court-side-card { min-height: 187px; }

    .office-main-card img,
    .office-side-card img,
    .padel-main-card img,
    .padel-side-card img,
    .court-main-card img,
    .court-side-card img {
      width: 100%;
      height: 100%;
      min-height: 0;
      aspect-ratio: auto !important;
      object-fit: cover;
      object-position: center;
    }

    .office-card-overlay,
    .padel-card-overlay,
    .court-card-overlay {
      position: static;
      inset: auto;
      width: 100%;
      min-width: 0;
      padding: 11px 14px 12px;
      background: linear-gradient(135deg, #071a4b, #0c2c73);
      border-top: 1px solid rgba(255,255,255,.12);
      backdrop-filter: none;
      box-sizing: border-box;
    }

    .office-card-overlay strong,
    .padel-card-overlay strong,
    .court-card-overlay strong {
      margin: 0 0 3px;
      font-size: 13px;
      line-height: 1.25;
      letter-spacing: -.005em;
    }

    .office-card-overlay span,
    .padel-card-overlay span,
    .court-card-overlay span {
      max-width: none;
      margin: 0;
      font-size: 10.5px;
      line-height: 1.4;
      color: #c9ddf4;
      overflow-wrap: anywhere;
    }

    .office-visual-badge,
    .padel-visual-badge,
    .court-visual-badge {
      top: 12px;
      left: 12px;
      min-height: 27px;
      padding: 5px 9px;
      font-size: 9px;
      letter-spacing: .05em;
    }

    .article-symbol.calendar-symbol { color: #fff; }
    .article-symbol.calendar-symbol svg {
      width: 39px;
      height: 39px;
      display: block;
    }
    .article-card:first-child .article-symbol {
      box-shadow: 0 0 0 6px rgba(242,201,76,.09);
      border-color: rgba(242,201,76,.34);
    }

    @media (max-width: 1000px) {
      .office-main-card,
      .padel-main-card,
      .court-main-card { min-height: 350px; }
      .office-side-card,
      .padel-side-card,
      .court-side-card { min-height: 205px; }
      .office-card-overlay,
      .padel-card-overlay,
      .court-card-overlay { padding: 11px 13px 12px; }
    }

    @media (max-width: 680px) {
      .office-main-card,
      .padel-main-card,
      .court-main-card { min-height: 300px; }
      .office-side-card,
      .padel-side-card,
      .court-side-card { min-height: 220px; }
      .office-card-overlay,
      .padel-card-overlay,
      .court-card-overlay { padding: 10px 12px 11px; }
      .office-card-overlay strong,
      .padel-card-overlay strong,
      .court-card-overlay strong { font-size: 12.5px; }
      .office-card-overlay span,
      .padel-card-overlay span,
      .court-card-overlay span { font-size: 10px; line-height: 1.38; }
      .article-symbol.calendar-symbol svg { width: 35px; height: 35px; }
    }

  

    /* FINAL: uncropped and responsive Solution by Environment visuals */
    .solution-media {
      min-height: 0 !important;
      display: block !important;
      width: 100%;
      align-self: stretch;
      overflow: visible;
    }
    .solution-scene {
      width: 100%;
      min-height: 0;
    }
    .solution-scene.active {
      position: relative !important;
      inset: auto !important;
      width: 100%;
      min-height: 0;
      display: block;
    }
    .solution-scene:not(.active) {
      position: absolute !important;
      inset: 0 !important;
      pointer-events: none;
    }

    .office-visual-grid,
    .padel-visual-grid,
    .court-visual-grid {
      width: min(100%, 610px) !important;
      margin: 0 auto;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
      gap: 12px !important;
      align-items: stretch;
    }
    .office-side-stack,
    .padel-side-stack,
    .court-side-stack {
      gap: 12px !important;
      grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    }

    .office-main-card,
    .office-side-card,
    .padel-main-card,
    .padel-side-card,
    .court-main-card,
    .court-side-card {
      min-height: 0 !important;
      height: auto !important;
      display: grid !important;
      grid-template-rows: minmax(0, 1fr) auto !important;
      background: #eef3f8 !important;
      border-radius: 18px !important;
      border: 1px solid rgba(255,255,255,.2) !important;
      box-shadow: 0 16px 34px rgba(4,18,48,.22) !important;
      overflow: hidden !important;
    }

    .office-main-card,
    .padel-main-card,
    .court-main-card {
      height: 352px !important;
    }
    .office-side-card,
    .padel-side-card,
    .court-side-card {
      height: 170px !important;
    }

    .office-main-card img,
    .office-side-card img,
    .padel-main-card img,
    .padel-side-card img,
    .court-main-card img,
    .court-side-card img {
      width: 100% !important;
      height: 100% !important;
      min-height: 0 !important;
      max-height: none !important;
      aspect-ratio: auto !important;
      object-fit: contain !important;
      object-position: center center !important;
      background: #edf2f7;
      padding: 6px;
      box-sizing: border-box;
    }

    .office-card-overlay,
    .padel-card-overlay,
    .court-card-overlay {
      position: static !important;
      inset: auto !important;
      width: 100%;
      min-width: 0;
      min-height: 58px;
      padding: 9px 12px 10px !important;
      background: linear-gradient(135deg, #071a4b, #0c2c73) !important;
      border-top: 1px solid rgba(255,255,255,.12) !important;
      color: #fff;
      box-sizing: border-box;
      overflow: hidden;
    }
    .office-card-overlay strong,
    .padel-card-overlay strong,
    .court-card-overlay strong {
      display: block;
      margin: 0 0 2px !important;
      font-size: 12px !important;
      line-height: 1.25 !important;
      letter-spacing: 0 !important;
      overflow-wrap: anywhere;
    }
    .office-card-overlay span,
    .padel-card-overlay span,
    .court-card-overlay span {
      display: block;
      max-width: none !important;
      margin: 0;
      font-size: 9.5px !important;
      line-height: 1.35 !important;
      color: #c9ddf4 !important;
      overflow-wrap: anywhere;
    }
    .office-visual-badge,
    .padel-visual-badge,
    .court-visual-badge {
      top: 10px !important;
      left: 10px !important;
      min-height: 25px !important;
      padding: 4px 8px !important;
      font-size: 8.5px !important;
    }

    @media (max-width: 1180px) {
      .solution-panel {
        grid-template-columns: minmax(0, .84fr) minmax(420px, 1.16fr) !important;
        gap: 24px !important;
        padding: 42px !important;
      }
      .office-visual-grid,
      .padel-visual-grid,
      .court-visual-grid { width: min(100%, 560px) !important; }
      .office-main-card,
      .padel-main-card,
      .court-main-card { height: 330px !important; }
      .office-side-card,
      .padel-side-card,
      .court-side-card { height: 159px !important; }
    }

    @media (max-width: 1000px) {
      .solution-panel {
        grid-template-columns: 1fr !important;
        padding: 36px !important;
        gap: 28px !important;
      }
      .panel-copy { max-width: 760px !important; }
      .office-visual-grid,
      .padel-visual-grid,
      .court-visual-grid {
        width: min(100%, 720px) !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
      }
      .office-main-card,
      .padel-main-card,
      .court-main-card { height: 390px !important; }
      .office-side-card,
      .padel-side-card,
      .court-side-card { height: 189px !important; }
    }

    @media (max-width: 700px) {
      .solution-panel {
        padding: 26px 18px !important;
        gap: 24px !important;
      }
      .office-visual-grid,
      .padel-visual-grid,
      .court-visual-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }
      .office-side-stack,
      .padel-side-stack,
      .court-side-stack {
        grid-template-columns: 1fr !important;
        grid-template-rows: none !important;
        gap: 12px !important;
      }
      .office-main-card,
      .padel-main-card,
      .court-main-card,
      .office-side-card,
      .padel-side-card,
      .court-side-card {
        height: auto !important;
        grid-template-rows: auto auto !important;
      }
      .office-main-card img,
      .padel-main-card img,
      .court-main-card img {
        height: auto !important;
        max-height: 310px !important;
      }
      .office-side-card img,
      .padel-side-card img,
      .court-side-card img {
        height: auto !important;
        max-height: 250px !important;
      }
      .office-card-overlay,
      .padel-card-overlay,
      .court-card-overlay {
        min-height: 0;
        padding: 10px 12px 11px !important;
      }
      .office-card-overlay strong,
      .padel-card-overlay strong,
      .court-card-overlay strong { font-size: 12.5px !important; }
      .office-card-overlay span,
      .padel-card-overlay span,
      .court-card-overlay span { font-size: 10px !important; line-height: 1.4 !important; }
    }

  

    /* FINAL V3: centered-right solution visuals, protected media, and hero slider */
    .solution-media {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      min-height: 100%;
      padding-block: 8px;
    }
    .solution-scene {
      width: 100%;
      height: 100%;
      display: none;
      align-items: center;
      justify-content: flex-end;
      opacity: 0;
      visibility: hidden;
      position: absolute;
      inset: 0;
    }
    .solution-scene.active {
      position: relative !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      opacity: 1 !important;
      visibility: visible !important;
      width: 100%;
      min-height: 100%;
      margin-left: auto;
    }
    .office-visual-grid,
    .padel-visual-grid,
    .court-visual-grid {
      width: min(100%, 560px) !important;
      margin: 0 0 0 auto !important;
      align-self: center !important;
      justify-self: end !important;
      gap: 14px !important;
    }
    .office-main-card,
    .padel-main-card,
    .court-main-card {
      height: 338px !important;
    }
    .office-side-card,
    .padel-side-card,
    .court-side-card {
      height: 162px !important;
    }
    .protected-media {
      width: 100%;
      height: 100%;
      min-height: 0;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      background-color: #edf2f7;
      padding: 0;
      pointer-events: none;
      user-select: none;
      -webkit-user-drag: none;
      position: relative;
    }
    .protected-media::after {
      content: "";
      position: absolute;
      inset: 0;
      background: transparent;
      pointer-events: auto;
    }
    .office-main-card .protected-media,
    .padel-main-card .protected-media,
    .court-main-card .protected-media {
      min-height: 250px;
    }
    .office-side-card .protected-media,
    .padel-side-card .protected-media,
    .court-side-card .protected-media {
      min-height: 108px;
    }
    .office-card-overlay,
    .padel-card-overlay,
    .court-card-overlay {
      min-height: 72px !important;
      padding: 10px 13px 11px !important;
    }
    .office-card-overlay strong,
    .padel-card-overlay strong,
    .court-card-overlay strong {
      font-size: 11.5px !important;
      line-height: 1.28 !important;
    }
    .office-card-overlay span,
    .padel-card-overlay span,
    .court-card-overlay span {
      font-size: 9.25px !important;
      line-height: 1.35 !important;
    }

    .hero-art { overflow: hidden; }
    .hero-slides {
      position: relative;
      height: 100%;
      width: 100%;
    }
    .hero-slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      visibility: hidden;
      transition: opacity .45s ease, transform .45s ease, visibility .45s ease;
      transform: translateY(10px);
    }
    .hero-slide.active {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .hero-slide-photo {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 22px 0 28px 24px;
    }
    .hero-photo-frame {
      width: min(100%, 680px);
      height: min(100%, 500px);
      border-radius: 28px;
      overflow: hidden;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.16);
      box-shadow: 0 24px 80px rgba(0,0,0,.26);
      backdrop-filter: blur(12px);
    }
    .hero-photo {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      background-color: transparent;
    }
    .hero-dots button { cursor: pointer; }

    @media (max-width: 1180px) {
      .office-visual-grid,
      .padel-visual-grid,
      .court-visual-grid { width: min(100%, 520px) !important; }
      .office-main-card,
      .padel-main-card,
      .court-main-card { height: 320px !important; }
      .office-side-card,
      .padel-side-card,
      .court-side-card { height: 154px !important; }
      .hero-photo-frame { height: 450px; }
    }
    @media (max-width: 1000px) {
      .solution-media {
        justify-content: center !important;
      }
      .solution-scene.active {
        justify-content: center !important;
      }
      .office-visual-grid,
      .padel-visual-grid,
      .court-visual-grid {
        width: min(100%, 700px) !important;
        margin: 0 auto !important;
      }
      .office-main-card,
      .padel-main-card,
      .court-main-card { height: 375px !important; }
      .office-side-card,
      .padel-side-card,
      .court-side-card { height: 182px !important; }
      .hero-slide-photo { padding: 16px 0 22px; }
      .hero-photo-frame { width: min(100%, 620px); height: 420px; }
    }
    @media (max-width: 700px) {
      .office-main-card,
      .padel-main-card,
      .court-main-card,
      .office-side-card,
      .padel-side-card,
      .court-side-card { height: auto !important; }
      .office-main-card .protected-media,
      .padel-main-card .protected-media,
      .court-main-card .protected-media { min-height: 220px; }
      .office-side-card .protected-media,
      .padel-side-card .protected-media,
      .court-side-card .protected-media { min-height: 165px; }
      .office-card-overlay,
      .padel-card-overlay,
      .court-card-overlay { min-height: 0 !important; }
      .hero-photo-frame { height: 310px; border-radius: 22px; }
    }



    /* FINAL V4: complete captions and balanced solution visuals */
    .solution-media {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      min-height: 560px !important;
      padding-block: 18px !important;
      overflow: visible !important;
    }
    .solution-scene.active {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      min-height: 100% !important;
      overflow: visible !important;
    }
    .office-visual-grid,
    .padel-visual-grid,
    .court-visual-grid {
      width: min(100%, 620px) !important;
      min-height: 520px !important;
      margin: auto 0 auto auto !important;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
      gap: 14px !important;
      align-items: stretch !important;
      overflow: visible !important;
    }
    .office-side-stack,
    .padel-side-stack,
    .court-side-stack {
      height: 520px !important;
      min-height: 0 !important;
      grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      gap: 14px !important;
      overflow: visible !important;
    }
    .office-main-card,
    .padel-main-card,
    .court-main-card {
      height: 520px !important;
      min-height: 0 !important;
    }
    .office-side-card,
    .padel-side-card,
    .court-side-card {
      height: auto !important;
      min-height: 0 !important;
    }
    .office-main-card,
    .office-side-card,
    .padel-main-card,
    .padel-side-card,
    .court-main-card,
    .court-side-card {
      display: grid !important;
      grid-template-rows: minmax(0, 1fr) auto !important;
      overflow: hidden !important;
    }
    .office-main-card .protected-media,
    .padel-main-card .protected-media,
    .court-main-card .protected-media,
    .office-side-card .protected-media,
    .padel-side-card .protected-media,
    .court-side-card .protected-media {
      min-height: 0 !important;
      height: 100% !important;
      background-size: contain !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
    }
    .office-card-overlay,
    .padel-card-overlay,
    .court-card-overlay {
      position: static !important;
      width: 100% !important;
      min-height: 0 !important;
      height: auto !important;
      max-height: none !important;
      padding: 12px 14px 13px !important;
      overflow: visible !important;
      white-space: normal !important;
    }
    .office-card-overlay strong,
    .padel-card-overlay strong,
    .court-card-overlay strong {
      display: block !important;
      margin: 0 0 4px !important;
      font-size: 12.5px !important;
      line-height: 1.3 !important;
      overflow: visible !important;
      white-space: normal !important;
      word-break: normal !important;
      overflow-wrap: break-word !important;
    }
    .office-card-overlay span,
    .padel-card-overlay span,
    .court-card-overlay span {
      display: block !important;
      max-width: none !important;
      margin: 0 !important;
      font-size: 10.25px !important;
      line-height: 1.45 !important;
      overflow: visible !important;
      white-space: normal !important;
      word-break: normal !important;
      overflow-wrap: break-word !important;
    }

    @media (max-width: 1180px) {
      .solution-media { min-height: 540px !important; }
      .office-visual-grid,
      .padel-visual-grid,
      .court-visual-grid {
        width: min(100%, 590px) !important;
        min-height: 500px !important;
      }
      .office-side-stack,
      .padel-side-stack,
      .court-side-stack,
      .office-main-card,
      .padel-main-card,
      .court-main-card { height: 500px !important; }
    }
    @media (max-width: 1000px) {
      .solution-media {
        min-height: 0 !important;
        justify-content: center !important;
        padding-block: 8px !important;
      }
      .solution-scene.active { justify-content: center !important; }
      .office-visual-grid,
      .padel-visual-grid,
      .court-visual-grid {
        width: min(100%, 720px) !important;
        min-height: 540px !important;
        margin: 0 auto !important;
      }
      .office-side-stack,
      .padel-side-stack,
      .court-side-stack,
      .office-main-card,
      .padel-main-card,
      .court-main-card { height: 540px !important; }
    }
    @media (max-width: 700px) {
      .office-visual-grid,
      .padel-visual-grid,
      .court-visual-grid {
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
      }
      .office-side-stack,
      .padel-side-stack,
      .court-side-stack {
        height: auto !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: none !important;
      }
      .office-main-card,
      .padel-main-card,
      .court-main-card,
      .office-side-card,
      .padel-side-card,
      .court-side-card {
        height: auto !important;
        grid-template-rows: auto auto !important;
      }
      .office-main-card .protected-media,
      .padel-main-card .protected-media,
      .court-main-card .protected-media {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3 !important;
      }
      .office-side-card .protected-media,
      .padel-side-card .protected-media,
      .court-side-card .protected-media {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 10 !important;
      }
      .office-card-overlay,
      .padel-card-overlay,
      .court-card-overlay { padding: 13px 14px 14px !important; }
      .office-card-overlay strong,
      .padel-card-overlay strong,
      .court-card-overlay strong { font-size: 13px !important; }
      .office-card-overlay span,
      .padel-card-overlay span,
      .court-card-overlay span { font-size: 10.5px !important; line-height: 1.45 !important; }
    }


    /* Visual Intelligence section */
    #visual-intelligence { scroll-margin-top: 110px; }
    .visual-intel {
      background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 48%, #ffffff 100%);
      border-top: 1px solid #e3eef8;
      border-bottom: 1px solid #e3eef8;
    }
    .vi-hero {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 28px;
      align-items: stretch;
      margin-bottom: 26px;
    }
    .vi-copy,
    .vi-hero-card,
    .vi-feature-card,
    .vi-scenario-card,
    .vi-benefits-card,
    .vi-diagram-card {
      background: rgba(255,255,255,.92);
      border: 1px solid rgba(10,68,137,.08);
      box-shadow: 0 18px 42px rgba(11,31,58,.07);
    }
    .vi-copy {
      border-radius: 28px;
      padding: 34px;
      position: relative;
      overflow: hidden;
    }
    .vi-copy::before {
      content: "";
      position: absolute;
      inset: auto -60px -90px auto;
      width: 220px;
      height: 220px;
      background: radial-gradient(circle, rgba(255,214,87,.22) 0%, rgba(255,214,87,0) 68%);
      pointer-events: none;
    }
    .vi-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 9px 14px;
      border-radius: 999px;
      background: rgba(7,84,170,.08);
      border: 1px solid rgba(7,84,170,.12);
      color: var(--blue);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
      margin-bottom: 18px;
    }
    .vi-copy h3 { font-size: clamp(28px, 3vw, 40px); margin-bottom: 16px; }
    .vi-copy p { color: var(--muted); font-size: 16px; margin-bottom: 20px; }
    .vi-pill-row { display: flex; flex-wrap: wrap; gap: 10px; }
    .vi-pill-row span {
      padding: 10px 14px;
      border-radius: 999px;
      background: #0a58ca;
      color: #fff;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .03em;
      box-shadow: 0 10px 25px rgba(10,88,202,.16);
    }
    .vi-pill-row span:nth-child(2n) {
      background: linear-gradient(135deg, #0d3b89 0%, #1d7ad6 100%);
    }
    .vi-pill-row span:nth-child(3),
    .vi-pill-row span:nth-child(4) {
      background: linear-gradient(135deg, #127a62 0%, #2fbf97 100%);
    }
    .vi-hero-card {
      border-radius: 28px;
      padding: 22px;
      display: grid;
      grid-template-rows: minmax(340px, 1fr) auto;
      gap: 18px;
      overflow: hidden;
    }
    .vi-camera-media {
      border-radius: 22px;
      background-color: #ffffff;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 82% auto;
      min-height: 360px;
      border: 1px solid rgba(13, 59, 137, 0.08);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.75);
    }
    .vi-camera-copy small,
    .vi-scenario-copy small {
      display: block;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      margin-bottom: 6px;
    }
    .vi-camera-copy h4,
    .vi-scenario-copy h4,
    .vi-feature-card h4,
    .vi-benefits-card h3,
    .vi-diagram-card h3,
    .vi-scenario-head h3 { margin-bottom: 8px; }
    .vi-feature-card h4 {
      text-align: left;
    }
    .vi-camera-copy p,
    .vi-scenario-copy p,
    .vi-feature-card p,
    .vi-diagram-card p,
    .vi-benefits-card li {
      color: var(--muted);
      line-height: 1.7;
      font-size: 15px;
    }
    .vi-feature-card p {
      text-align: left;
      text-justify: auto;
    }
    .vi-feature-grid,
    .vi-scenario-grid,
    .vi-bottom-grid {
      display: grid;
      gap: 20px;
    }
    .vi-feature-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      margin-bottom: 34px;
    }
    .vi-feature-card {
      border-radius: 24px;
      padding: 22px;
      display: grid;
      grid-template-columns: 54px 1fr;
      align-items: center;
      gap: 16px;
    }
    .vi-feature-icon {
      align-self: center;
      width: 54px;
      height: 54px;
      border-radius: 18px;
      display: grid;
      place-items: center;
      font-size: 22px;
      font-weight: 900;
      color: #0a4b9b;
      background: linear-gradient(135deg, rgba(255,214,87,.85) 0%, rgba(255,255,255,1) 100%);
      box-shadow: inset 0 0 0 1px rgba(255,214,87,.55);
    }
    .vi-scenario-head { margin-bottom: 18px; }
    .vi-scenario-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-bottom: 32px;
    }
    .vi-scenario-card {
      border-radius: 26px;
      overflow: hidden;
    }
    .vi-scenario-media {
      min-height: 210px;
      background-color: #edf1f6;
    }
    .vi-scenario-copy { padding: 18px 20px 22px; }
    .vi-bottom-grid { grid-template-columns: 1.02fr .98fr; }
    .vi-benefits-card,
    .vi-diagram-card {
      border-radius: 28px;
      padding: 26px;
    }
    .vi-benefit-list {
      list-style: none;
      padding: 0;
      margin: 18px 0 22px;
      display: grid;
      gap: 12px;
    }
    .vi-benefit-list li {
      position: relative;
      padding-left: 28px;
      margin: 0;
    }
    .vi-benefit-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      width: 13px;
      height: 13px;
      border-radius: 50%;
      background: linear-gradient(135deg, #ffd657 0%, #0a5fbd 100%);
      box-shadow: 0 0 0 4px rgba(255,214,87,.18);
    }
    .vi-court-shot,
    .vi-diagram-media {
      min-height: 250px;
      border-radius: 22px;
      overflow: hidden;
      background-color: #edf2f7;
    }
    .vi-diagram-media { min-height: 300px; margin-top: 18px; }
    .vi-diagram-note {
      margin-top: 14px;
      color: #6d7b8f;
      font-size: 12px;
      line-height: 1.6;
    }
    @media (max-width: 1100px) {
      .vi-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .vi-scenario-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .vi-bottom-grid,
      .vi-hero { grid-template-columns: 1fr; }
    }
    @media (max-width: 760px) {
      .vi-copy,
      .vi-hero-card,
      .vi-feature-card,
      .vi-scenario-card,
      .vi-benefits-card,
      .vi-diagram-card { border-radius: 22px; }
      .vi-copy { padding: 24px; }
      .vi-hero-card,
      .vi-benefits-card,
      .vi-diagram-card { padding: 18px; }
      .vi-feature-grid,
      .vi-scenario-grid,
      .vi-bottom-grid { grid-template-columns: 1fr; }
      .vi-scenario-media { min-height: 190px; }
      .vi-camera-media { min-height: 280px; background-size: 86% auto; }
      .vi-diagram-media,
      .vi-court-shot { min-height: 220px; }
      .vi-feature-card { grid-template-columns: 48px 1fr; padding: 18px; }
      .vi-feature-icon { width: 48px; height: 48px; border-radius: 14px; font-size: 20px; }
    }



    /* Visual Intelligence — premium refinement */
    .visual-intel {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 8%, rgba(255,214,87,.12), transparent 22%),
        radial-gradient(circle at 92% 22%, rgba(45,139,255,.12), transparent 26%),
        linear-gradient(180deg, #f7faff 0%, #edf4fb 48%, #f9fbfe 100%);
      border-top: 1px solid rgba(12,55,110,.08);
      border-bottom: 1px solid rgba(12,55,110,.08);
    }
    .visual-intel::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .3;
      background-image:
        linear-gradient(rgba(15,67,132,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,67,132,.035) 1px, transparent 1px);
      background-size: 34px 34px;
      mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 78%);
    }
    .visual-intel > .container { position: relative; z-index: 1; }
    .visual-intel .section-head {
      align-items: flex-end;
      padding-bottom: 18px;
      border-bottom: 1px solid rgba(18,63,118,.10);
    }
    .visual-intel .section-head h2 {
      max-width: 900px;
      letter-spacing: -.035em;
    }
    .visual-intel .section-link {
      padding: 11px 15px;
      border-radius: 999px;
      background: rgba(255,255,255,.8);
      border: 1px solid rgba(12,67,135,.10);
      box-shadow: 0 10px 28px rgba(15,45,85,.07);
    }

    .vi-hero {
      position: relative;
      padding: 24px;
      border-radius: 34px;
      background:
        radial-gradient(circle at 82% 18%, rgba(44,139,255,.22), transparent 28%),
        radial-gradient(circle at 16% 86%, rgba(255,211,77,.16), transparent 26%),
        linear-gradient(135deg, #071b3f 0%, #0c2f68 58%, #0b4f78 100%);
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 28px 80px rgba(7,25,58,.22);
      margin-bottom: 34px;
    }
    .vi-hero::after {
      content: "";
      position: absolute;
      inset: 10px;
      border-radius: 28px;
      border: 1px solid rgba(255,255,255,.07);
      pointer-events: none;
    }
    .vi-copy {
      background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: none;
      backdrop-filter: blur(12px);
    }
    .vi-copy::before {
      background: radial-gradient(circle, rgba(255,214,87,.26) 0%, rgba(255,214,87,0) 68%);
    }
    .vi-kicker {
      color: #ffe188;
      background: rgba(255,214,87,.10);
      border-color: rgba(255,214,87,.24);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
    }
    .vi-copy h3 { color: #ffffff; }
    .vi-copy p { color: #d6e5fb; }
    .vi-pill-row span {
      background: rgba(255,255,255,.08) !important;
      color: #ffffff;
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: none;
      backdrop-filter: blur(7px);
    }
    .vi-pill-row span::before {
      content: "";
      display: inline-block;
      width: 7px;
      height: 7px;
      margin-right: 8px;
      border-radius: 50%;
      background: #ffd657;
      box-shadow: 0 0 0 4px rgba(255,214,87,.12);
      vertical-align: 1px;
    }
    .vi-hero-card {
      background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.96));
      border: 1px solid rgba(255,255,255,.68);
      box-shadow: 0 20px 54px rgba(0,15,42,.22);
    }
    .vi-camera-media {
      position: relative;
      background-color: #ffffff;
      background-size: 78% auto;
      border: 1px solid rgba(15,56,112,.08);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.9),
        0 20px 38px rgba(9,36,79,.08);
    }
    .vi-camera-media::before {
      content: "FEATURED DEVICE";
      position: absolute;
      top: 16px;
      left: 16px;
      z-index: 2;
      padding: 7px 10px;
      border-radius: 999px;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .11em;
      color: #173b6a;
      background: rgba(255,255,255,.88);
      border: 1px solid rgba(12,62,126,.10);
      box-shadow: 0 8px 18px rgba(9,31,66,.08);
    }
    .vi-camera-copy {
      padding: 2px 4px 4px;
    }
    .vi-camera-copy h4 {
      font-size: 24px;
      letter-spacing: -.02em;
      color: #0b2e59;
    }
    .vi-camera-copy p { color: #63748a; }

    .vi-feature-grid {
      gap: 18px;
      margin-bottom: 42px;
    }
    .vi-feature-card {
      position: relative;
      min-height: 176px;
      border-radius: 24px;
      padding: 22px 20px;
      display: grid;
      grid-template-columns: 54px minmax(0, 1fr);
      align-items: center;
      gap: 16px;
      background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
      border: 1px solid rgba(12,58,116,.09);
      box-shadow: 0 18px 38px rgba(12,42,82,.08);
      overflow: hidden;
      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }
    .vi-feature-card::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 4px;
      background: linear-gradient(180deg, #ffd657 0%, #1b78d6 100%);
    }
    .vi-feature-card::after {
      content: "";
      position: absolute;
      width: 110px;
      height: 110px;
      right: -52px;
      bottom: -58px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(48,129,220,.10), transparent 68%);
      pointer-events: none;
    }
    .vi-feature-card:hover {
      transform: translateY(-4px);
      border-color: rgba(28,107,192,.20);
      box-shadow: 0 24px 48px rgba(12,42,82,.13);
    }
    .vi-feature-card > div:last-child {
      min-width: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .vi-feature-card h4 {
      margin: 0 0 8px;
      text-align: left;
      font-size: 17px;
      letter-spacing: -.015em;
      color: #0b2e59;
    }
    .vi-feature-card p {
      margin: 0;
      text-align: left;
      color: #66768b;
      font-size: 14px;
      line-height: 1.58;
    }
    .vi-feature-icon {
      align-self: center;
      width: 54px;
      height: 54px;
      border-radius: 17px;
      color: #0b3f7d;
      background: linear-gradient(145deg, #fff5c7 0%, #ffffff 52%, #e8f3ff 100%);
      box-shadow:
        inset 0 0 0 1px rgba(255,207,68,.48),
        0 12px 24px rgba(14,59,112,.10);
    }

    .vi-scenario-head {
      margin: 0 0 20px;
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 24px;
    }
    .vi-scenario-head h3 {
      font-size: clamp(26px, 3vw, 36px);
      max-width: 760px;
    }
    .vi-scenario-grid { gap: 22px; margin-bottom: 38px; }
    .vi-scenario-card {
      background: #ffffff;
      border: 1px solid rgba(12,58,116,.09);
      box-shadow: 0 18px 40px rgba(12,42,82,.09);
      transition: transform .28s ease, box-shadow .28s ease;
    }
    .vi-scenario-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 26px 52px rgba(12,42,82,.14);
    }
    .vi-scenario-media {
      background-color: #f6f8fb;
      border-bottom: 1px solid rgba(12,58,116,.08);
    }
    .vi-scenario-copy { padding: 20px 22px 24px; }
    .vi-scenario-copy h4 {
      font-size: 19px;
      color: #0b2e59;
    }
    .vi-scenario-copy p { color: #66768b; }

    .vi-bottom-grid { gap: 24px; }
    .vi-benefits-card {
      color: #ffffff;
      background:
        radial-gradient(circle at 90% 10%, rgba(52,143,255,.20), transparent 28%),
        linear-gradient(145deg, #071b3f 0%, #0b346b 100%);
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 24px 56px rgba(7,27,64,.20);
    }
    .vi-benefits-card .eyebrow { color: #ffe188; }
    .vi-benefits-card h3 { color: #ffffff; }
    .vi-benefits-card li { color: #d9e7fb; }
    .vi-benefit-list li::before {
      background: #ffd657;
      box-shadow: 0 0 0 4px rgba(255,214,87,.14);
    }
    .vi-court-shot {
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: 0 20px 42px rgba(0,0,0,.20);
    }
    .vi-diagram-card {
      background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
      border: 1px solid rgba(12,58,116,.09);
      box-shadow: 0 20px 48px rgba(12,42,82,.09);
    }
    .vi-diagram-card h3 { color: #0b2e59; }
    .vi-diagram-media {
      border: 1px solid rgba(12,58,116,.08);
      box-shadow: 0 18px 36px rgba(12,42,82,.08);
    }

    @media (max-width: 1100px) {
      .vi-hero { padding: 20px; }
      .vi-feature-card { min-height: 158px; }
    }
    @media (max-width: 760px) {
      .visual-intel .section-head { padding-bottom: 14px; }
      .vi-hero { padding: 14px; border-radius: 26px; }
      .vi-feature-card {
        min-height: 0;
        padding: 18px;
        grid-template-columns: 48px minmax(0,1fr);
      }
      .vi-feature-card h4 { font-size: 16px; }
      .vi-feature-card p { font-size: 13.5px; }
      .vi-camera-media { background-size: 84% auto; }
    }


    /* Visual Intelligence v10 refinements */
    .vi-pill-row {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
    .vi-pill-row span {
      justify-content: center;
      text-align: center;
      white-space: normal;
      min-height: 42px;
    }
    .vi-camera-copy h4 {
      margin-top: 0;
    }
    @media (max-width: 760px) {
      .vi-pill-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }


    /* Monitoring Scenarios premium single-image layout */
    .vi-scenario-showcase {
      display: grid;
      grid-template-columns: minmax(0, 1.38fr) minmax(280px, .82fr);
      gap: 24px;
      align-items: stretch;
      margin-bottom: 36px;
    }
    .vi-scenario-visual,
    .vi-scenario-points {
      background: rgba(255,255,255,.94);
      border: 1px solid rgba(10,68,137,.08);
      box-shadow: 0 18px 42px rgba(11,31,58,.07);
      border-radius: 28px;
    }
    .vi-scenario-visual {
      padding: 18px;
    }
    .vi-scenario-main-image {
      min-height: 430px;
      border-radius: 22px;
      background-color: #f2f5f8;
      background-size: cover;
      background-position: center center;
    }
    .vi-scenario-points {
      padding: 18px;
      display: grid;
      gap: 14px;
      align-content: center;
    }
    .vi-scenario-point {
      padding: 18px 18px 20px;
      border-radius: 22px;
      background: linear-gradient(180deg, rgba(245,249,255,1) 0%, rgba(255,255,255,1) 100%);
      border: 1px solid rgba(10,68,137,.08);
      position: relative;
      overflow: hidden;
    }
    .vi-scenario-point::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 4px;
      background: linear-gradient(180deg, #0f4fa8 0%, #ffd657 100%);
    }
    .vi-scenario-point h4 {
      margin-bottom: 8px;
      padding-left: 10px;
    }
    .vi-scenario-point p {
      margin: 0;
      padding-left: 10px;
      color: var(--muted);
      line-height: 1.7;
      font-size: 15px;
      text-align: justify;
      text-justify: inter-word;
    }
    @media (max-width: 1100px) {
      .vi-scenario-showcase {
        grid-template-columns: 1fr;
      }
      .vi-scenario-main-image {
        min-height: 380px;
      }
    }
    @media (max-width: 760px) {
      .vi-scenario-visual,
      .vi-scenario-points,
      .vi-scenario-point { border-radius: 22px; }
      .vi-scenario-visual,
      .vi-scenario-points { padding: 14px; }
      .vi-scenario-main-image { min-height: 250px; border-radius: 18px; }
      .vi-scenario-point { padding: 16px; }
    }


    /* V12: text-only Operational Benefits and Coverage Recommendation */
    .vi-bottom-grid {
      align-items: stretch;
    }
    .vi-benefits-card,
    .vi-diagram-card {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      min-height: 100%;
    }
    .vi-benefits-card .vi-benefit-list {
      margin-bottom: 0;
    }
    .vi-diagram-card p {
      margin-bottom: 0;
      max-width: 58ch;
    }
    .vi-diagram-media {
      margin-top: 22px;
      border-radius: 22px;
      overflow: hidden;
      border: 1px solid rgba(18, 49, 85, 0.08);
      background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.65);
      padding: 10px;
    }
    .vi-diagram-media .protected-media {
      aspect-ratio: 16 / 9;
      min-height: 0;
      background-size: contain;
      background-position: center center;
      border-radius: 16px;
      background-color: #f7fafc;
    }
    @media (max-width: 767px) {
      .vi-diagram-media {
        margin-top: 18px;
        padding: 8px;
        border-radius: 18px;
      }
      .vi-diagram-media .protected-media {
        aspect-ratio: 4 / 3;
        border-radius: 14px;
      }
    }



    /* V13 — Reliable solution tabs and responsive detail rendering */
    .solution-tab {
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
    }
    #solutionDetail {
      scroll-margin-top: 128px;
    }

    @media (max-width: 1024px) {
      #solutionDetail.solution-panel {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 28px !important;
        width: 100% !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 34px !important;
        scroll-margin-top: 112px !important;
      }
      #solutionDetail .panel-copy {
        width: 100% !important;
        max-width: none !important;
      }
      #solutionDetail .solution-media {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
      }
      #solutionDetail .solution-scene {
        position: relative !important;
        inset: auto !important;
        display: none !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
        overflow: visible !important;
      }
      #solutionDetail .solution-scene.active {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
      }
      #solutionDetail .solution-scene.active > svg {
        display: block !important;
        width: min(100%, 720px) !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 auto !important;
      }
      #solutionDetail .office-visual-grid,
      #solutionDetail .padel-visual-grid,
      #solutionDetail .court-visual-grid {
        width: min(100%, 720px) !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        align-self: auto !important;
        justify-self: auto !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
      }
      #solutionDetail .office-side-stack,
      #solutionDetail .padel-side-stack,
      #solutionDetail .court-side-stack,
      #solutionDetail .office-main-card,
      #solutionDetail .padel-main-card,
      #solutionDetail .court-main-card {
        height: 520px !important;
      }
    }

    @media (max-width: 700px) {
      #solutionDetail.solution-panel {
        padding: 24px 16px !important;
        gap: 22px !important;
        border-radius: 22px !important;
        scroll-margin-top: 98px !important;
      }
      #solutionDetail .panel-copy h3 {
        font-size: clamp(30px, 10vw, 40px) !important;
      }
      #solutionDetail .solution-features {
        margin: 18px 0 22px !important;
      }
      #solutionDetail .office-visual-grid,
      #solutionDetail .padel-visual-grid,
      #solutionDetail .court-visual-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
      }
      #solutionDetail .office-side-stack,
      #solutionDetail .padel-side-stack,
      #solutionDetail .court-side-stack {
        height: auto !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        gap: 12px !important;
      }
      #solutionDetail .office-main-card,
      #solutionDetail .padel-main-card,
      #solutionDetail .court-main-card,
      #solutionDetail .office-side-card,
      #solutionDetail .padel-side-card,
      #solutionDetail .court-side-card {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
      }
      #solutionDetail .office-main-card .protected-media,
      #solutionDetail .padel-main-card .protected-media,
      #solutionDetail .court-main-card .protected-media {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3 !important;
      }
      #solutionDetail .office-side-card .protected-media,
      #solutionDetail .padel-side-card .protected-media,
      #solutionDetail .court-side-card .protected-media {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 10 !important;
      }
      #solutionDetail .solution-scene.active > svg {
        width: 100% !important;
      }
    }


    /* V14 — iOS Safari solution-tab scroll safeguards */
    .solution-tab {
      -webkit-appearance: none;
      appearance: none;
      user-select: none;
      -webkit-user-select: none;
    }
    #solutionDetail {
      scroll-snap-align: none;
      contain: layout style;
    }



    /* V16 — native anchor navigation for iOS Quick Look and all browsers */
    html {
      scroll-behavior: smooth;
      width: 100%;
      overflow-x: hidden;
    }
    body {
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
    }
    .solutions-wrap {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    .solution-nav {
      display: grid !important;
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 12px !important;
      width: 100% !important;
      border: 0 !important;
      margin: 0 0 28px !important;
    }
    .solution-tab {
      width: 100% !important;
      min-width: 0 !important;
      min-height: 132px !important;
      padding: 19px 17px !important;
      border: 1px solid rgba(10,68,137,.12) !important;
      border-radius: 20px !important;
      background: rgba(255,255,255,.96) !important;
      box-shadow: 0 12px 28px rgba(11,31,58,.055) !important;
      text-decoration: none !important;
      cursor: pointer !important;
      -webkit-tap-highlight-color: rgba(19,89,185,.12);
      touch-action: manipulation;
    }
    .solution-tab:hover,
    .solution-tab:focus-visible {
      color: var(--blue) !important;
      border-color: rgba(24,75,210,.32) !important;
      transform: translateY(-2px);
      outline: none;
    }
    .solution-details-stack {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 30px;
      width: 100%;
      min-width: 0;
    }
    .solution-static-panel {
      position: relative;
      isolation: isolate;
      display: grid;
      grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
      align-items: center;
      gap: 34px;
      width: 100%;
      min-width: 0;
      min-height: 570px;
      padding: 42px;
      border-radius: 30px;
      overflow: hidden;
      color: #fff;
      background: linear-gradient(130deg, #061640 0 35%, #1645b9 73%, #159873 100%);
      box-shadow: 0 24px 65px rgba(7,26,75,.16);
      scroll-margin-top: 112px;
    }
    .solution-static-panel::before {
      content: "";
      position: absolute;
      z-index: -1;
      width: 520px;
      height: 520px;
      border-radius: 50%;
      right: -150px;
      top: -170px;
      border: 1px solid rgba(255,255,255,.14);
      box-shadow: 0 0 0 52px rgba(255,255,255,.025), 0 0 0 104px rgba(255,255,255,.015);
      pointer-events: none;
    }
    .solution-static-panel .panel-copy {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: 520px;
      min-width: 0;
    }
    .solution-static-panel .panel-copy p {
      max-width: 55ch;
    }
    .solution-static-media {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 0;
      min-height: 430px;
    }
    .solution-static-media > svg {
      display: block;
      width: min(100%, 680px) !important;
      height: auto !important;
      max-height: none !important;
      margin: 0 auto;
    }
    .solution-static-panel .office-visual-grid,
    .solution-static-panel .padel-visual-grid,
    .solution-static-panel .court-visual-grid {
      width: min(100%, 680px) !important;
      margin: 0 auto !important;
      align-self: center !important;
      justify-self: center !important;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    }
    .solution-static-panel .office-main-card,
    .solution-static-panel .padel-main-card,
    .solution-static-panel .court-main-card,
    .solution-static-panel .office-side-stack,
    .solution-static-panel .padel-side-stack,
    .solution-static-panel .court-side-stack {
      height: 500px !important;
    }
    .solution-static-panel .office-side-card,
    .solution-static-panel .padel-side-card,
    .solution-static-panel .court-side-card {
      height: auto !important;
      min-height: 0 !important;
    }
    .solution-back-link {
      display: block;
      width: fit-content;
      margin-top: 17px;
      color: #d8e8ff;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .02em;
      text-decoration: none;
    }
    .solution-back-link:hover { color: #ffd657; }
    @supports selector(body:has(*)) {
      body:has(#solution-office:target) .solution-tab[href="#solution-office"],
      body:has(#solution-padel:target) .solution-tab[href="#solution-padel"],
      body:has(#solution-court:target) .solution-tab[href="#solution-court"],
      body:has(#solution-integrated:target) .solution-tab[href="#solution-integrated"] {
        color: var(--blue) !important;
        border-color: rgba(24,75,210,.38) !important;
        box-shadow: 0 14px 34px rgba(24,75,210,.11) !important;
      }
    }
    @media (max-width: 1100px) {
      .solution-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .solution-static-panel {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 34px;
        gap: 28px;
        scroll-margin-top: 104px;
      }
      .solution-static-panel .panel-copy {
        max-width: none;
      }
      .solution-static-media {
        min-height: 0;
      }
    }
    @media (max-width: 700px) {
      html { scroll-behavior: auto; }
      .container {
        width: min(100% - 28px, var(--max)) !important;
      }
      .solution-nav {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
      }
      .solution-tab {
        min-height: 0 !important;
        padding: 17px 15px !important;
      }
      .solution-tab-text small { min-height: 0 !important; }
      .solution-static-panel {
        width: 100% !important;
        max-width: 100% !important;
        padding: 24px 16px !important;
        gap: 22px;
        border-radius: 22px;
        scroll-margin-top: 92px;
      }
      .solution-static-panel .panel-copy h3 {
        font-size: clamp(30px, 10vw, 40px) !important;
      }
      .solution-static-panel .office-visual-grid,
      .solution-static-panel .padel-visual-grid,
      .solution-static-panel .court-visual-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        width: 100% !important;
      }
      .solution-static-panel .office-side-stack,
      .solution-static-panel .padel-side-stack,
      .solution-static-panel .court-side-stack {
        height: auto !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        gap: 12px !important;
      }
      .solution-static-panel .office-main-card,
      .solution-static-panel .padel-main-card,
      .solution-static-panel .court-main-card,
      .solution-static-panel .office-side-card,
      .solution-static-panel .padel-side-card,
      .solution-static-panel .court-side-card {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
      }
      .solution-static-panel .office-main-card .protected-media,
      .solution-static-panel .padel-main-card .protected-media,
      .solution-static-panel .court-main-card .protected-media {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3 !important;
      }
      .solution-static-panel .office-side-card .protected-media,
      .solution-static-panel .padel-side-card .protected-media,
      .solution-static-panel .court-side-card .protected-media {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 10 !important;
      }
      .solution-static-media > svg {
        width: 100% !important;
      }
    }



    /* v17 premium polish */
    body {
      background:
        radial-gradient(circle at top right, rgba(23,105,255,.045), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f7faff 38%, #ffffff 100%);
      color: #15263b;
    }
    .section {
      padding: 108px 0;
    }
    .section-head h2 {
      font-weight: 850;
      letter-spacing: -.04em;
    }
    .section-link {
      padding: 11px 16px;
      border-radius: 999px;
      background: rgba(255,255,255,.88);
      border: 1px solid rgba(12,67,135,.10);
      box-shadow: 0 12px 28px rgba(15,45,85,.06);
    }
    .btn {
      border-radius: 999px;
      box-shadow: 0 12px 28px rgba(15,45,85,.10);
    }
    .btn-light, .btn-outline {
      background: rgba(255,255,255,.92);
    }
    .product-card,
    .article-card,
    .solution-static-panel,
    .vi-feature-card,
    .vi-scenario-visual,
    .vi-scenario-points,
    .vi-benefits-card,
    .vi-diagram-card {
      border-color: rgba(11,62,120,.09);
      box-shadow: 0 20px 48px rgba(11,31,58,.08);
    }
    .product-card,
    .article-card {
      background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,251,255,1) 100%);
    }
    .product-card:hover,
    .article-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 26px 60px rgba(11,31,58,.12);
    }
    .solution-nav {
      border-top: 0;
      gap: 12px;
    }
    .solution-tab {
      border: 1px solid rgba(11,62,120,.10);
      border-radius: 22px;
      background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(245,249,255,.96) 100%);
      box-shadow: 0 14px 34px rgba(11,31,58,.06);
      overflow: hidden;
    }
    .solution-tab:hover,
    .solution-tab:focus-visible {
      border-color: rgba(23,105,255,.24);
      box-shadow: 0 20px 44px rgba(23,105,255,.10);
    }
    .solution-tab.active,
    body:has(#solution-office:target) .solution-tab[href="#solution-office"],
    body:has(#solution-padel:target) .solution-tab[href="#solution-padel"],
    body:has(#solution-court:target) .solution-tab[href="#solution-court"],
    body:has(#solution-integrated:target) .solution-tab[href="#solution-integrated"] {
      background: linear-gradient(180deg, rgba(235,245,255,1) 0%, rgba(247,251,255,1) 100%);
      border-color: rgba(23,105,255,.28);
      box-shadow: 0 18px 42px rgba(23,105,255,.12);
    }
    .solution-static-panel {
      background:
        radial-gradient(circle at top right, rgba(255,214,87,.08), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,251,255,1) 100%);
    }

    /* Visual Intelligence premium pill cleanup */
    .vi-pill-row {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      align-items: stretch;
    }
    .vi-pill-row span {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 12px;
      min-height: 88px;
      padding: 18px 22px;
      border-radius: 28px;
      text-align: left;
      font-size: 16px;
      line-height: 1.25;
      font-weight: 850;
      letter-spacing: -.01em;
      background: linear-gradient(135deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.10) 100%) !important;
      border: 1px solid rgba(255,255,255,.16);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    }
    .vi-pill-row span::before {
      width: 12px;
      height: 12px;
      margin-right: 0;
      flex: 0 0 12px;
      box-shadow: 0 0 0 6px rgba(255,214,87,.10);
      vertical-align: 0;
    }
    .vi-copy h3 {
      font-size: clamp(30px, 3vw, 42px);
    }
    .vi-copy p {
      font-size: 16px;
      line-height: 1.72;
    }
    .vi-feature-card h4,
    .article-copy h3,
    .product-copy h3,
    .solution-static-panel .panel-copy h3 {
      font-weight: 800;
      letter-spacing: -.02em;
    }
    .article-copy p,
    .product-copy p,
    .solution-static-panel .panel-copy p,
    .vi-feature-card p,
    .vi-scenario-point p,
    .footer-col a,
    .footer-note {
      color: #5c6d84;
    }
    .showcase-card {
      box-shadow: 0 28px 72px rgba(8, 32, 73, .18);
      border: 1px solid rgba(255,255,255,.14);
    }
    .article-card .section-link,
    .product-card .section-link {
      padding: 0;
      background: none;
      border: 0;
      box-shadow: none;
    }
    .footer {
      background: linear-gradient(180deg, #071a33 0%, #081f3c 100%);
    }
    @media (max-width: 1100px) {
      .vi-pill-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 760px) {
      .section {
        padding: 88px 0;
      }
      .vi-pill-row {
        grid-template-columns: 1fr;
        gap: 12px;
      }
      .vi-pill-row span {
        min-height: 66px;
        padding: 16px 18px;
        border-radius: 22px;
        font-size: 15px;
      }
      .solution-nav {
        gap: 10px;
      }
    }



    /* v18 fix: restore Solutions by Environment readability */
    .solution-static-panel {
      color: #ffffff !important;
      background: linear-gradient(130deg, #061640 0 35%, #1645b9 73%, #159873 100%) !important;
      box-shadow: 0 24px 65px rgba(7,26,75,.16) !important;
    }
    .solution-static-panel .panel-copy h3 {
      color: #ffffff !important;
    }
    .solution-static-panel .panel-copy p {
      color: #dce8fb !important;
      line-height: 1.78;
    }
    .solution-static-panel .panel-copy .count {
      color: #8ed5ff !important;
    }
    .solution-static-panel .solution-features span {
      color: #eaf6ff !important;
      background: rgba(255,255,255,.10) !important;
      border-color: rgba(255,255,255,.17) !important;
      box-shadow: none !important;
    }
    .solution-static-panel .solution-features span::before {
      background: #72e0b8 !important;
      box-shadow: 0 0 0 4px rgba(114,224,184,.12) !important;
    }
    .solution-static-panel .btn.btn-light {
      background: #ffffff !important;
      color: #0c2143 !important;
      border-color: rgba(255,255,255,.58) !important;
      box-shadow: 0 12px 28px rgba(7,26,75,.12) !important;
    }
    .solution-static-panel .btn.btn-light:hover {
      transform: translateY(-2px);
      background: #ffffff !important;
      color: #0c2143 !important;
    }
    .solution-static-panel .solution-back-link {
      color: #d8e8ff !important;
    }
    .solution-static-panel .solution-back-link:hover {
      color: #ffd657 !important;
    }



    /* v19 spacing safety + premium cleanup */
    .product-card *,
    .article-card *,
    .solution-tab *,
    .solution-static-panel *,
    .vi-hero-card *,
    .vi-feature-card *,
    .vi-scenario-point *,
    .vi-benefits-card *,
    .vi-diagram-card *,
    .cta-card *,
    .stats-card *,
    .showcase-card * {
      min-width: 0;
    }

    .product-copy h3,
    .article-copy h3,
    .solution-tab-text strong,
    .solution-static-panel .panel-copy h3,
    .vi-camera-copy h4,
    .vi-feature-card h4,
    .vi-scenario-point h4,
    .vi-benefits-card h3,
    .vi-diagram-card h3,
    .cta-copy h2,
    .section-head h2 {
      overflow-wrap: anywhere;
    }

    /* V34 — fix Visual Intelligence pill overflow so cards never get cut off */
    .vi-pill-row {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 16px !important;
      align-items: stretch !important;
    }
    .vi-pill-row span {
      min-height: 88px !important;
      padding: 18px 20px !important;
      padding-right: 22px !important;
      border-radius: 28px !important;
      font-size: clamp(14px, .98vw, 16px) !important;
      line-height: 1.3 !important;
      white-space: normal !important;
      word-break: normal !important;
      overflow-wrap: anywhere !important;
      justify-content: flex-start !important;
      text-wrap: balance;
    }
    .vi-pill-row span::before {
      flex: 0 0 12px !important;
      width: 12px !important;
      height: 12px !important;
      margin-right: 2px !important;
    }

    /* Safer internal spacing for common cards */
    .solution-tab {
      padding: 20px 20px !important;
    }
    .solution-tab-text {
      padding-right: 6px;
    }
    .vi-feature-card,
    .vi-scenario-point,
    .vi-benefits-card,
    .vi-diagram-card,
    .article-card,
    .product-card {
      border-radius: 26px;
    }
    .article-copy,
    .product-copy,
    .vi-camera-copy,
    .vi-scenario-copy {
      padding-right: max(0px, 2px);
    }
    .vi-feature-card p,
    .vi-scenario-point p,
    .article-copy p,
    .product-copy p,
    .solution-static-panel .panel-copy p {
      overflow-wrap: anywhere;
    }

    @media (max-width: 1280px) {
      .vi-pill-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
    }
    @media (max-width: 760px) {
      .vi-pill-row {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }
      .vi-pill-row span {
        min-height: 70px !important;
        padding: 16px 20px !important;
        padding-right: 24px !important;
        border-radius: 22px !important;
        font-size: 15px !important;
      }
      .solution-tab {
        padding: 18px 16px !important;
      }
    }



    /* v20 core product visual refresh */
    .product-grid.a-meet-grid .product-card:first-child .product-visual.core-product-visual {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 22px 26px;
      background:
        radial-gradient(circle at 62% 40%, rgba(201, 238, 255, .58) 0%, rgba(201, 238, 255, 0) 44%),
        linear-gradient(145deg, #f8fbff 0%, #eef5ff 58%, #eefaf5 100%);
      overflow: hidden;
    }
    .product-grid.a-meet-grid .product-card:first-child .product-visual.core-product-visual::before {
      content: "";
      position: absolute;
      inset: auto auto 14px 50%;
      width: 74%;
      height: 42px;
      transform: translateX(-50%);
      border-radius: 999px;
      background: radial-gradient(ellipse at center, rgba(15, 45, 85, .12) 0%, rgba(15, 45, 85, .045) 38%, rgba(15,45,85,0) 74%);
      filter: blur(6px);
      z-index: 0;
      pointer-events: none;
    }
    .core-product-image {
      position: relative;
      z-index: 1;
      width: min(100%, 620px);
      height: 100%;
      min-height: 252px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      filter: drop-shadow(0 16px 34px rgba(15, 45, 85, .14));
    }
    .product-grid.a-meet-grid .product-card:first-child .product-copy {
      padding-right: 26px;
    }
    @media (max-width: 1000px) {
      .product-grid.a-meet-grid .product-card:first-child .product-visual.core-product-visual {
        padding: 18px 20px;
      }
      .core-product-image {
        width: min(100%, 500px);
        min-height: 220px;
      }
    }
    @media (max-width: 680px) {
      .product-grid.a-meet-grid .product-card:first-child .product-visual.core-product-visual {
        padding: 14px 16px;
      }
      .product-grid.a-meet-grid .product-card:first-child .product-visual.core-product-visual::before {
        width: 82%;
        height: 34px;
        bottom: 8px;
      }
      .core-product-image {
        width: min(100%, 420px);
        min-height: 175px;
      }
    }



    /* v21 Core Product premium tone */
    .product-grid.a-meet-grid .product-card:first-child {
      isolation: isolate;
      background:
        radial-gradient(circle at 9% 13%, rgba(255, 91, 91, .075) 0%, rgba(255, 91, 91, 0) 23%),
        radial-gradient(circle at 34% 86%, rgba(47, 207, 136, .09) 0%, rgba(47, 207, 136, 0) 28%),
        radial-gradient(circle at 64% 10%, rgba(255, 210, 77, .08) 0%, rgba(255, 210, 77, 0) 24%),
        linear-gradient(135deg, #ffffff 0%, #f5f9ff 48%, #edf5ff 100%);
      border: 1px solid rgba(34, 92, 160, .14);
      box-shadow: 0 24px 62px rgba(13, 45, 86, .11);
    }
    .product-grid.a-meet-grid .product-card:first-child::before {
      content: "";
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg,
        rgba(255, 76, 76, .88) 0%,
        rgba(255, 76, 76, .88) 31%,
        rgba(45, 204, 127, .88) 34%,
        rgba(45, 204, 127, .88) 65%,
        rgba(255, 205, 54, .92) 68%,
        rgba(255, 205, 54, .92) 100%);
      opacity: .72;
    }
    .product-grid.a-meet-grid .product-card:first-child::after {
      content: "";
      position: absolute;
      z-index: 0;
      width: 300px;
      height: 300px;
      left: -160px;
      bottom: -180px;
      border-radius: 50%;
      border: 1px solid rgba(35, 96, 164, .08);
      box-shadow:
        0 0 0 48px rgba(35, 96, 164, .025),
        0 0 0 96px rgba(35, 96, 164, .015);
      pointer-events: none;
    }
    .product-grid.a-meet-grid .product-card:first-child:hover {
      border-color: rgba(34, 92, 160, .20);
      box-shadow: 0 30px 74px rgba(13, 45, 86, .15);
    }
    .product-grid.a-meet-grid .product-card:first-child .product-copy {
      position: relative;
      z-index: 2;
    }
    .product-grid.a-meet-grid .product-card:first-child .product-copy small {
      color: #1b5ea7;
    }
    .product-grid.a-meet-grid .product-card:first-child .product-copy h3 {
      color: #102a4b;
      text-wrap: balance;
    }
    .product-grid.a-meet-grid .product-card:first-child .product-copy p {
      color: #5a6f88;
      max-width: 55ch;
      line-height: 1.75;
    }
    .product-grid.a-meet-grid .product-card:first-child .new-label {
      background: linear-gradient(135deg, #dff8ee, #eefcf7);
      color: #137b58;
      border: 1px solid rgba(20, 139, 96, .14);
      box-shadow: 0 5px 14px rgba(20, 139, 96, .08);
    }
    .product-grid.a-meet-grid .product-card:first-child .variant-chips {
      gap: 9px;
      margin-top: 20px;
    }
    .product-grid.a-meet-grid .product-card:first-child .variant-chips span {
      min-height: 32px;
      padding: 7px 12px;
      border-radius: 999px;
      font-size: 11px;
      letter-spacing: .015em;
      box-shadow: 0 8px 18px rgba(14, 43, 78, .055);
    }
    .product-grid.a-meet-grid .product-card:first-child .variant-chips span:nth-child(1) {
      background: linear-gradient(135deg, #fff0f0, #fff8f8);
      color: #b74141;
      border-color: rgba(214, 70, 70, .16);
    }
    .product-grid.a-meet-grid .product-card:first-child .variant-chips span:nth-child(2) {
      background: linear-gradient(135deg, #e8faf2, #f4fcf8);
      color: #137d59;
      border-color: rgba(25, 155, 103, .16);
    }
    .product-grid.a-meet-grid .product-card:first-child .variant-chips span:nth-child(3) {
      background: linear-gradient(135deg, #fff8dc, #fffdf2);
      color: #9b7411;
      border-color: rgba(206, 158, 23, .18);
    }
    .product-grid.a-meet-grid .product-card:first-child .product-visual.core-product-visual {
      border-left-color: rgba(34, 92, 160, .12);
      background:
        radial-gradient(circle at 25% 20%, rgba(255, 83, 83, .07) 0%, rgba(255, 83, 83, 0) 28%),
        radial-gradient(circle at 57% 44%, rgba(47, 207, 136, .10) 0%, rgba(47, 207, 136, 0) 32%),
        radial-gradient(circle at 90% 28%, rgba(255, 211, 72, .10) 0%, rgba(255, 211, 72, 0) 28%),
        linear-gradient(145deg, #f7fbff 0%, #edf5ff 56%, #f5fbf8 100%);
    }
    .product-grid.a-meet-grid .product-card:first-child .core-product-image {
      filter:
        drop-shadow(0 17px 36px rgba(15, 45, 85, .14))
        saturate(1.02);
    }

    @media (max-width: 680px) {
      .product-grid.a-meet-grid .product-card:first-child {
        background:
          radial-gradient(circle at 15% 9%, rgba(255, 91, 91, .06), transparent 22%),
          radial-gradient(circle at 80% 28%, rgba(47, 207, 136, .07), transparent 25%),
          linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%);
      }
      .product-grid.a-meet-grid .product-card:first-child .product-visual.core-product-visual {
        border-left: 0;
        border-top-color: rgba(34, 92, 160, .11);
      }
      .product-grid.a-meet-grid .product-card:first-child::after {
        display: none;
      }
    }



    /* v22 secure access visual refresh */
    .product-grid.a-meet-grid .product-card:nth-child(2) {
      background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    }
    .product-grid.a-meet-grid .product-card:nth-child(2) .product-copy {
      padding-right: 24px;
      position: relative;
      z-index: 2;
    }
    .product-grid.a-meet-grid .product-card:nth-child(2) .product-visual.secure-access-visual {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding: 12px 22px 20px;
      background:
        radial-gradient(circle at 74% 36%, rgba(204, 226, 247, .36) 0%, rgba(204, 226, 247, 0) 45%),
        linear-gradient(180deg, #f9fbfe 0%, #eef5fb 100%);
      overflow: hidden;
    }
    .product-grid.a-meet-grid .product-card:nth-child(2) .product-visual.secure-access-visual::before {
      content: "";
      position: absolute;
      inset: auto auto 12px 50%;
      width: 72%;
      height: 36px;
      transform: translateX(-50%);
      border-radius: 999px;
      background: radial-gradient(ellipse at center, rgba(15,45,85,.11) 0%, rgba(15,45,85,.035) 40%, rgba(15,45,85,0) 74%);
      filter: blur(6px);
      z-index: 0;
      pointer-events: none;
    }
    .secure-access-image {
      position: relative;
      z-index: 1;
      width: min(100%, 430px);
      height: 100%;
      min-height: 175px;
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: contain;
      filter: drop-shadow(0 14px 30px rgba(15,45,85,.11));
    }
    @media (max-width: 1180px) {
      .product-grid.a-meet-grid .product-card:nth-child(2) .product-visual.secure-access-visual {
        padding: 12px 18px 18px;
      }
      .secure-access-image {
        width: min(100%, 390px);
        min-height: 165px;
      }
    }
    @media (max-width: 760px) {
      .product-grid.a-meet-grid .product-card:nth-child(2) .product-copy {
        padding-right: 0;
      }
      .product-grid.a-meet-grid .product-card:nth-child(2) .product-visual.secure-access-visual {
        padding: 10px 14px 16px;
      }
      .product-grid.a-meet-grid .product-card:nth-child(2) .product-visual.secure-access-visual::before {
        width: 80%;
        height: 30px;
        bottom: 8px;
      }
      .secure-access-image {
        width: min(100%, 340px);
        min-height: 150px;
      }
    }



    /* v23 product card visual refresh for consistent tone */
    .product-grid.a-meet-grid .product-card:not(:first-child) {
      background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    }
    .product-grid.a-meet-grid .product-card:not(:first-child) .product-copy {
      position: relative;
      z-index: 2;
    }
    .product-grid.a-meet-grid .product-card:nth-child(2),
    .product-grid.a-meet-grid .product-card:nth-child(3) {
      min-height: 430px;
    }
    .product-grid.a-meet-grid .product-card:nth-child(3) .product-copy {
      padding-right: 22px;
    }
    .product-grid.a-meet-grid .product-card:nth-child(3) .product-visual.board-info-visual {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding: 12px 20px 18px;
      background:
        radial-gradient(circle at 78% 34%, rgba(202, 223, 242, .34) 0%, rgba(202, 223, 242, 0) 46%),
        linear-gradient(180deg, #f9fbfe 0%, #eef5fb 100%);
      overflow: hidden;
    }
    .product-grid.a-meet-grid .product-card:nth-child(3) .product-visual.board-info-visual::before {
      content: "";
      position: absolute;
      inset: auto auto 10px 50%;
      width: 76%;
      height: 34px;
      transform: translateX(-50%);
      border-radius: 999px;
      background: radial-gradient(ellipse at center, rgba(15,45,85,.12) 0%, rgba(15,45,85,.04) 43%, rgba(15,45,85,0) 76%);
      filter: blur(6px);
      z-index: 0;
      pointer-events: none;
    }
    .board-info-image {
      position: relative;
      z-index: 1;
      width: min(100%, 470px);
      height: 100%;
      min-height: 176px;
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: contain;
      filter: drop-shadow(0 16px 28px rgba(15,45,85,.12));
    }
    .product-grid.a-meet-grid .product-card:nth-child(4) .product-visual,
    .product-grid.a-meet-grid .product-card:nth-child(5) .product-visual {
      background:
        radial-gradient(circle at 75% 34%, rgba(206, 226, 244, .28) 0%, rgba(206, 226, 244, 0) 42%),
        linear-gradient(180deg, #f9fbfe 0%, #eef5fb 100%);
    }
    @media (max-width: 1180px) {
      .product-grid.a-meet-grid .product-card:nth-child(3) .product-visual.board-info-visual {
        padding: 10px 16px 16px;
      }
      .board-info-image {
        width: min(100%, 420px);
        min-height: 162px;
      }
    }
    @media (max-width: 760px) {
      .product-grid.a-meet-grid .product-card:nth-child(3) .product-copy {
        padding-right: 0;
      }
      .product-grid.a-meet-grid .product-card:nth-child(3) .product-visual.board-info-visual {
        padding: 10px 12px 14px;
      }
      .product-grid.a-meet-grid .product-card:nth-child(3) .product-visual.board-info-visual::before {
        width: 84%;
        height: 28px;
        bottom: 6px;
      }
      .board-info-image {
        width: min(100%, 355px);
        min-height: 148px;
      }
    }



    /* v24 precise mega-menu anchor destinations */
    #product-smart-scheduling,
    #product-access-management,
    #product-board-information,
    #product-visual-connectivity,
    #product-network-infrastructure,
    #solution-office,
    #solution-padel,
    #solution-court,
    #solution-integrated {
      scroll-margin-top: 124px;
    }
    .mega-col a {
      position: relative;
      padding-right: 24px;
    }
    .mega-col a::after {
      content: "→";
      position: absolute;
      right: 2px;
      opacity: 0;
      transform: translateX(-5px);
      transition: opacity .2s ease, transform .2s ease;
      color: var(--blue);
    }
    .mega-col a:hover::after,
    .mega-col a:focus-visible::after {
      opacity: 1;
      transform: translateX(0);
    }
    @media (max-width: 760px) {
      #product-smart-scheduling,
      #product-access-management,
      #product-board-information,
      #product-visual-connectivity,
      #product-network-infrastructure,
      #solution-office,
      #solution-padel,
      #solution-court,
      #solution-integrated {
        scroll-margin-top: 96px;
      }
    }



/* v25 spacing refinement */
.section { padding: 84px 0; }
.section-head { margin-bottom: 34px; }
.hero { min-height: 680px; }
.hero-grid { min-height: 680px; gap: 48px; }
.hero-copy { padding: 78px 0 96px; }
.trust-grid,
.trust-item { min-height: 94px; }
.product-grid.a-meet-grid { gap: 16px; }
.product-card { min-height: 390px; }
.product-copy { padding: 22px 22px 0; }
.product-visual { height: 190px; }
.product-grid.a-meet-grid .product-card { min-height: 380px; }
.product-grid.a-meet-grid .product-card:first-child { min-height: 330px; }
.product-grid.a-meet-grid .product-card:first-child .product-copy {
  max-width: 54%;
  padding: 34px 36px 0;
}
.product-grid.a-meet-grid .product-card:first-child .product-visual { width: 44%; }
.vi-hero { padding: 20px; margin-bottom: 26px; }
.visual-intel .section-head { padding-bottom: 14px; }
.vi-feature-grid { gap: 16px; margin-bottom: 30px; }
.vi-feature-card { min-height: 160px; }
.vi-scenario-grid { gap: 18px; margin-bottom: 30px; }
.vi-bottom-grid { gap: 20px; }
.vi-benefits-card,
.vi-diagram-card { padding: 26px 24px; }
.solution-tab { min-height: 94px; padding: 18px 10px; }
.solution-tab span:first-child { gap: 14px; }
.solution-tab strong { font-size: 18px; }
.solution-tab-text small {
  min-height: 0;
  display: block;
  line-height: 1.45;
}
.solution-panel { min-height: 430px; padding: 40px; }
.office-visual-grid,
.padel-visual-grid,
.court-visual-grid { gap: 14px; }
.office-side-stack,
.padel-side-stack,
.court-side-stack { gap: 14px; }
.office-main-card,
.padel-main-card,
.court-main-card { min-height: 340px; }
.office-side-card,
.padel-side-card,
.court-side-card { min-height: 170px; }
.why-grid { gap: 42px; }
.stats-card { min-height: 440px; padding: 30px; }
.stat-grid { margin-top: 36px; }
.stat { min-height: 128px; }
.contact-cta { padding: 78px 0; }
.cta-card { padding: 48px; }
footer { padding: 64px 0 22px; }

@media (max-width: 1080px) {
  .section { padding: 74px 0; }
  .product-grid.a-meet-grid .product-card:first-child .product-copy { max-width: 56%; padding: 30px 30px 0; }
}

@media (max-width: 720px) {
  .section { padding: 62px 0; }
  .hero-copy { padding: 56px 0 28px; }
  .hero-grid { gap: 28px; }
  .trust-grid, .trust-item { min-height: 78px; }
  .product-card,
  .product-grid.a-meet-grid .product-card,
  .product-grid.a-meet-grid .product-card:first-child { min-height: 410px; }
  .product-grid.a-meet-grid .product-card:first-child .product-copy { max-width: none; padding: 24px 24px 0; }
  .vi-hero { padding: 14px; }
  .solution-tab { min-height: 128px; padding: 18px 14px; }
  .solution-panel { min-height: 470px; padding: 28px; }
  .office-main-card,
  .padel-main-card,
  .court-main-card { min-height: 260px; }
  .office-side-card,
  .padel-side-card,
  .court-side-card { min-height: 180px; }
  .cta-card { padding: 32px 24px; }
}



/* v26 final premium spacing and footer navigation */
html {
  scroll-padding-top: 118px;
}

/* Section-by-section rhythm */
.products {
  padding-top: 82px !important;
  padding-bottom: 78px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(23,105,255,.055), transparent 26%),
    linear-gradient(180deg, #f4f8fd 0%, #f8fbff 100%) !important;
  border-top: 1px solid rgba(10,62,122,.06);
  border-bottom: 1px solid rgba(10,62,122,.07);
}
.visual-intel {
  padding-top: 84px !important;
  padding-bottom: 80px !important;
}
.solutions {
  padding-top: 84px !important;
  padding-bottom: 78px !important;
  background:
    radial-gradient(circle at 8% 2%, rgba(23,105,255,.045), transparent 24%),
    #ffffff !important;
}
.why {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.insights {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  border-top: 1px solid rgba(10,62,122,.06);
}
.contact-cta {
  padding-top: 70px !important;
  padding-bottom: 72px !important;
}
.showcase {
  padding-top: 0 !important;
  padding-bottom: 74px !important;
}
.section-head {
  margin-bottom: 32px !important;
  padding-bottom: 0;
}
.section-head > div {
  min-width: 0;
}
.section-head h2 {
  text-wrap: balance;
}

/* Consistent premium surfaces */
.product-card,
.article-card,
.solution-tab,
.solution-static-panel,
.vi-feature-card,
.vi-scenario-visual,
.vi-scenario-points,
.vi-benefits-card,
.vi-diagram-card {
  border-color: rgba(13,65,126,.09) !important;
}
.product-card,
.article-card,
.solution-tab {
  box-shadow: 0 16px 38px rgba(11,31,58,.065) !important;
}
.product-card:hover,
.article-card:hover,
.solution-tab:hover {
  box-shadow: 0 24px 54px rgba(11,31,58,.11) !important;
}
.product-card:target,
#visual-intelligence:target,
.solution-static-panel:target,
#contact:target {
  animation: premiumTarget 1.15s ease;
}
@keyframes premiumTarget {
  0% { box-shadow: 0 0 0 0 rgba(23,105,255,.34); }
  55% { box-shadow: 0 0 0 12px rgba(23,105,255,.10); }
  100% { box-shadow: inherit; }
}

/* Product ecosystem */
.product-grid.a-meet-grid {
  gap: 18px !important;
}
.product-grid.a-meet-grid .product-card {
  min-height: 374px !important;
  border-radius: 27px !important;
}
.product-grid.a-meet-grid .product-card:first-child {
  min-height: 326px !important;
}
.product-copy {
  padding: 22px 23px 0 !important;
}
.product-copy h3 {
  margin-top: 8px;
  margin-bottom: 9px;
}
.product-copy p {
  line-height: 1.65;
}
.product-grid.a-meet-grid .product-card:first-child .product-copy {
  padding: 34px 34px 0 !important;
  max-width: 55% !important;
}
.product-visual {
  height: 184px !important;
}
.product-grid.a-meet-grid .product-card:first-child .product-visual {
  height: 100% !important;
}

/* Visual Intelligence */
.visual-intel .section-head {
  padding-bottom: 14px !important;
}
.vi-hero {
  margin-bottom: 28px !important;
  padding: 20px !important;
}
.vi-copy {
  padding: 30px !important;
}
.vi-feature-grid {
  gap: 16px !important;
  margin-bottom: 30px !important;
}
.vi-feature-card {
  min-height: 156px !important;
  padding: 20px !important;
}
.vi-scenario-showcase {
  gap: 20px !important;
  margin-bottom: 28px !important;
}
.vi-scenario-main-image {
  min-height: 385px !important;
}
.vi-scenario-points {
  gap: 12px !important;
}
.vi-scenario-point {
  padding: 16px 17px 18px !important;
}
.vi-bottom-grid {
  gap: 20px !important;
}
.vi-benefits-card,
.vi-diagram-card {
  padding: 25px 24px !important;
}

/* Solutions */
.solution-nav {
  gap: 12px !important;
  margin-bottom: 24px !important;
}
.solution-tab {
  min-height: 124px !important;
  padding: 18px !important;
}
.solution-tab-text small {
  min-height: 0 !important;
  line-height: 1.48 !important;
}
.solution-details-stack {
  gap: 24px !important;
}
.solution-static-panel {
  min-height: 520px !important;
  padding: 36px !important;
  gap: 28px !important;
}
.solution-static-panel .panel-copy p {
  line-height: 1.72 !important;
}
.solution-static-panel .office-main-card,
.solution-static-panel .padel-main-card,
.solution-static-panel .court-main-card,
.solution-static-panel .office-side-stack,
.solution-static-panel .padel-side-stack,
.solution-static-panel .court-side-stack {
  height: 430px !important;
}

/* Company, showcase, use cases, CTA */
.why-grid {
  gap: 44px !important;
}
.why-list {
  margin-top: 28px !important;
  gap: 14px !important;
}
.stats-card {
  min-height: 430px !important;
  padding: 30px !important;
}
.stat-grid {
  margin-top: 34px !important;
}
.stat {
  min-height: 122px !important;
  padding: 22px !important;
}
.showcase-card {
  min-height: 386px !important;
  box-shadow: 0 28px 68px rgba(8,32,73,.17) !important;
}
.showcase-copy {
  padding: 46px !important;
}
.article-grid {
  gap: 18px !important;
}
.article-copy {
  padding: 23px !important;
}
.cta-card {
  padding: 46px !important;
  box-shadow: 0 26px 64px rgba(10,56,132,.18);
}

/* Premium footer with precise anchor navigation */
footer {
  padding: 58px 0 22px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(23,105,255,.13), transparent 28%),
    linear-gradient(180deg, #06172c 0%, #071c34 100%) !important;
  border-top: 1px solid rgba(255,255,255,.07);
}
.footer-grid {
  grid-template-columns: minmax(250px, 1.28fr) repeat(4, minmax(145px, 1fr)) !important;
  gap: 30px !important;
  align-items: start;
}
.footer-brand p {
  margin-top: 16px !important;
  line-height: 1.7;
}
.footer-col h4 {
  margin: 4px 0 16px !important;
  font-size: 15px;
  letter-spacing: -.01em;
}
.footer-col a {
  position: relative;
  margin: 8px 0 !important;
  padding: 4px 22px 4px 0;
  line-height: 1.45;
  color: #8fa6bf !important;
  transition: color .2s ease, transform .2s ease;
}
.footer-col a::after {
  content: "→";
  position: absolute;
  right: 4px;
  opacity: 0;
  transform: translateX(-5px);
  color: #7dd3fc;
  transition: opacity .2s ease, transform .2s ease;
}
.footer-col a:hover,
.footer-col a:focus-visible {
  color: #ffffff !important;
  transform: translateX(3px);
  outline: none;
}
.footer-col a:hover::after,
.footer-col a:focus-visible::after {
  opacity: 1;
  transform: translateX(0);
}
.footer-bottom {
  margin-top: 38px !important;
  padding-top: 18px !important;
}

@media (max-width: 1080px) {
  html { scroll-padding-top: 102px; }
  .products,
  .visual-intel,
  .solutions,
  .why,
  .insights { padding-top: 72px !important; padding-bottom: 70px !important; }
  .footer-grid {
    grid-template-columns: minmax(250px, 1.3fr) repeat(2, minmax(150px, 1fr)) !important;
    row-gap: 30px !important;
  }
  .solution-static-panel {
    min-height: 0 !important;
    padding: 32px !important;
  }
  .solution-static-panel .office-main-card,
  .solution-static-panel .padel-main-card,
  .solution-static-panel .court-main-card,
  .solution-static-panel .office-side-stack,
  .solution-static-panel .padel-side-stack,
  .solution-static-panel .court-side-stack {
    height: auto !important;
  }
}

@media (max-width: 720px) {
  html { scroll-padding-top: 88px; }
  .products,
  .visual-intel,
  .solutions,
  .why,
  .insights { padding-top: 60px !important; padding-bottom: 58px !important; }
  .section-head { margin-bottom: 26px !important; }
  .product-grid.a-meet-grid .product-card,
  .product-grid.a-meet-grid .product-card:first-child {
    min-height: 402px !important;
  }
  .product-grid.a-meet-grid .product-card:first-child .product-copy {
    max-width: none !important;
    padding: 24px 24px 0 !important;
  }
  .product-visual { height: 198px !important; }
  .product-grid.a-meet-grid .product-card:first-child .product-visual { height: 202px !important; }
  .vi-copy { padding: 24px !important; }
  .vi-scenario-main-image { min-height: 235px !important; }
  .solution-tab { min-height: 0 !important; padding: 17px 15px !important; }
  .solution-static-panel { padding: 23px 16px !important; gap: 20px !important; }
  .cta-card { padding: 32px 24px !important; }
  footer { padding-top: 48px !important; }
  .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 26px 20px !important;
  }
  .footer-brand {
    grid-column: 1 / -1;
  }
  .footer-bottom { margin-top: 30px !important; }
}

@media (max-width: 460px) {
  .footer-grid { grid-template-columns: 1fr !important; }
  .footer-brand { grid-column: auto; }
}



    /* V28 — balance Operational Benefits & Coverage Recommendation */
    .vi-bottom-grid {
      align-items: start !important;
      gap: 22px !important;
    }
    .vi-benefits-card,
    .vi-diagram-card {
      padding: 26px 28px !important;
    }
    .vi-benefits-card h3,
    .vi-diagram-card h3 {
      margin-bottom: 12px !important;
    }
    .vi-benefits-card p,
    .vi-diagram-card p,
    .vi-benefit-list li {
      line-height: 1.62 !important;
    }
    .vi-benefit-list {
      margin: 20px 0 0 !important;
      gap: 14px !important;
    }
    .vi-benefit-list li {
      padding-left: 34px !important;
    }
    .vi-benefit-list li::before {
      top: 9px !important;
    }
    .vi-diagram-media {
      margin-top: 20px !important;
      min-height: 0 !important;
      padding: 12px !important;
    }
    .vi-diagram-media .protected-media {
      aspect-ratio: 16 / 8.6 !important;
      min-height: 0 !important;
      background-size: 82% auto !important;
      background-position: center center !important;
      border-radius: 14px !important;
      background-color: #fbfcfe !important;
    }
    @media (max-width: 1100px) {
      .vi-bottom-grid {
        align-items: stretch !important;
      }
      .vi-diagram-media .protected-media {
        background-size: 88% auto !important;
      }
    }
    @media (max-width: 760px) {
      .vi-benefits-card,
      .vi-diagram-card {
        padding: 22px 20px !important;
      }
      .vi-benefit-list {
        gap: 12px !important;
        margin-top: 18px !important;
      }
      .vi-benefit-list li {
        padding-left: 30px !important;
      }
      .vi-diagram-media {
        padding: 10px !important;
      }
      .vi-diagram-media .protected-media {
        aspect-ratio: 4 / 3 !important;
        background-size: 92% auto !important;
      }
    }



    /* V29 — footer anchor precision and section targeting */
    #products,
    #visual-intelligence,
    #solutions,
    #why,
    #use-cases,
    #contact,
    #product-smart-scheduling,
    #product-access-management,
    #product-board-information,
    #product-visual-connectivity,
    #product-network-infrastructure,
    #solution-office,
    #solution-padel,
    #solution-court,
    #solution-integrated {
      scroll-margin-top: 118px !important;
    }
    @media (max-width: 760px) {
      #products,
      #visual-intelligence,
      #solutions,
      #why,
      #use-cases,
      #contact,
      #product-smart-scheduling,
      #product-access-management,
      #product-board-information,
      #product-visual-connectivity,
      #product-network-infrastructure,
      #solution-office,
      #solution-padel,
      #solution-court,
      #solution-integrated {
        scroll-margin-top: 92px !important;
      }
    }



    /* V30 — responsive cleanup for hero and integrated facility visuals */
    #solution-integrated .integrated-mobile-diagram { display: none; }
    #solution-integrated .integrated-mobile-hub {
      padding: 18px 18px 16px;
      border-radius: 24px;
      background: linear-gradient(135deg, #1738c7 0%, #1f6df0 48%, #18a77a 100%);
      color: #ffffff;
      text-align: center;
      box-shadow: 0 18px 40px rgba(11,34,94,.18);
    }
    #solution-integrated .integrated-mobile-hub .kicker {
      display: inline-block;
      padding: 6px 10px;
      margin-bottom: 8px;
      border-radius: 999px;
      background: rgba(255,255,255,.16);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .12em;
    }
    #solution-integrated .integrated-mobile-hub strong {
      display: block;
      font-size: 28px;
      line-height: 1.05;
      letter-spacing: -.03em;
      margin-bottom: 6px;
    }
    #solution-integrated .integrated-mobile-hub small {
      display: block;
      font-size: 13px;
      font-weight: 700;
      color: #d8fff1;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    #solution-integrated .integrated-mobile-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 14px;
    }
    #solution-integrated .integrated-mobile-card {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      min-height: 92px;
      padding: 14px;
      border-radius: 20px;
      background: #ffffff;
      border: 1px solid #dbe5ef;
      box-shadow: 0 12px 26px rgba(15,48,107,.08);
      color: #0b225e;
    }
    #solution-integrated .integrated-mobile-card.dark {
      background: #071a4b;
      border-color: transparent;
      color: #ffffff;
    }
    #solution-integrated .integrated-mobile-card.full {
      grid-column: 1 / -1;
    }
    #solution-integrated .integrated-mobile-icon {
      flex: 0 0 42px;
      width: 42px;
      height: 42px;
      border-radius: 13px;
      display: grid;
      place-items: center;
      font-size: 18px;
      font-weight: 900;
      background: #eaf1ff;
      color: #1738c7;
    }
    #solution-integrated .integrated-mobile-card.green .integrated-mobile-icon {
      background: #e8f8f1;
      color: #18a77a;
    }
    #solution-integrated .integrated-mobile-card.dark .integrated-mobile-icon {
      background: rgba(101,200,255,.18);
      color: #70ccff;
    }
    #solution-integrated .integrated-mobile-card.teal .integrated-mobile-icon {
      background: #e9fbf6;
      color: #18a77a;
    }
    #solution-integrated .integrated-mobile-card strong {
      display: block;
      font-size: 16px;
      line-height: 1.18;
      margin-bottom: 4px;
    }
    #solution-integrated .integrated-mobile-card small {
      display: block;
      font-size: 12px;
      line-height: 1.45;
      color: #6f8198;
    }
    #solution-integrated .integrated-mobile-card.dark small {
      color: #b7cce4;
    }
    #solution-integrated .integrated-mobile-footer {
      margin-top: 14px;
      padding: 12px 16px;
      border-radius: 999px;
      background: #071a4b;
      color: #ffffff;
      text-align: center;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    @media (max-width: 1024px) {
      .hero-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
      }
      .hero-copy {
        padding-bottom: 20px !important;
      }
      .hero-art {
        height: auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 96px 0 8px !important;
        overflow: visible !important;
      }
      .hero-art .orb.one {
        width: min(78vw, 430px) !important;
        height: min(78vw, 430px) !important;
        top: 0 !important;
        right: 50% !important;
        transform: translateX(50%) !important;
      }
      .hero-art .device-panel {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: min(100%, 380px) !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        transform: none !important;
        z-index: 2 !important;
      }
      .hero-art .floating-card {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: min(100%, 380px) !important;
        padding: 16px 18px !important;
        z-index: 2 !important;
        background: rgba(7,26,75,.82) !important;
      }
      .hero-art .floating-card strong {
        font-size: 18px !important;
        line-height: 1.18 !important;
      }
      .hero-art .floating-card small {
        display: block !important;
        margin-top: 4px !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
      }
      .hero-dots {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        transform: none !important;
        justify-content: center !important;
        margin-top: 18px !important;
      }
      #solution-integrated .solution-static-media > svg {
        display: none !important;
      }
      #solution-integrated .integrated-mobile-diagram {
        display: block !important;
        width: min(100%, 720px);
      }
    }
    @media (max-width: 700px) {
      .hero-copy {
        padding-top: 58px !important;
      }
      .hero-art {
        padding-top: 78px !important;
        gap: 12px !important;
      }
      .hero-art .device-panel {
        width: min(100%, 330px) !important;
        padding: 16px !important;
        border-radius: 24px !important;
      }
      .hero-art .device-top {
        gap: 10px !important;
        align-items: flex-start !important;
      }
      .hero-art .device-top .status-pill {
        white-space: nowrap !important;
      }
      .hero-art .room-status {
        padding: 18px !important;
      }
      .hero-art .room-status h3 {
        font-size: 22px !important;
      }
      .hero-art .floating-card {
        width: min(100%, 330px) !important;
      }
      .hero-art .floating-card strong {
        font-size: 16px !important;
      }
      #solution-integrated .integrated-mobile-grid {
        grid-template-columns: minmax(0, 1fr) !important;
      }
      #solution-integrated .integrated-mobile-card,
      #solution-integrated .integrated-mobile-card.full {
        grid-column: auto !important;
      }
      #solution-integrated .integrated-mobile-hub strong {
        font-size: 24px !important;
      }
      #solution-integrated .integrated-mobile-footer {
        border-radius: 18px !important;
        line-height: 1.45 !important;
      }
    }



    /* V31 — remove hero dots and protect all website text */
    .hero-dots {
      display: none !important;
    }
    html,
    body,
    body * {
      -webkit-user-select: none !important;
      -moz-user-select: none !important;
      -ms-user-select: none !important;
      user-select: none !important;
      -webkit-touch-callout: none !important;
    }
    input,
    textarea,
    [contenteditable="true"] {
      -webkit-user-select: text !important;
      -moz-user-select: text !important;
      -ms-user-select: text !important;
      user-select: text !important;
    }



    /* V33 — final premium and hosting-ready refinements */
    :root {
      --premium-shadow: 0 24px 64px rgba(8, 31, 71, .12);
      --premium-line: rgba(10, 57, 121, .09);
    }
    body {
      background:
        radial-gradient(circle at 100% 18%, rgba(51, 139, 255, .055), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f7faff 48%, #ffffff 100%);
    }
    .scroll-progress {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      width: 0;
      height: 3px;
      background: linear-gradient(90deg, #65c8ff 0%, #1769ff 52%, #18a77a 100%);
      box-shadow: 0 2px 12px rgba(23, 105, 255, .32);
      pointer-events: none;
    }
    .site-header {
      transition: box-shadow .25s ease, background .25s ease, border-color .25s ease;
    }
    .site-header.is-scrolled {
      background: rgba(255,255,255,.94);
      border-bottom-color: rgba(194,207,224,.78);
      box-shadow: 0 12px 32px rgba(12, 40, 78, .08);
    }
    .section {
      position: relative;
    }
    .section + .section::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      width: min(1120px, calc(100% - 48px));
      height: 1px;
      transform: translateX(-50%);
      background: linear-gradient(90deg, transparent, rgba(19,74,145,.10), transparent);
    }
    .section-head .eyebrow,
    .why-copy .eyebrow,
    .vi-copy .eyebrow {
      letter-spacing: .18em;
    }
    .product-card,
    .article-card,
    .solution-tab,
    .vi-feature-card,
    .vi-scenario-visual,
    .vi-scenario-points,
    .vi-diagram-card,
    .vi-benefits-card {
      border-color: var(--premium-line) !important;
    }
    .product-card:hover,
    .article-card:hover,
    .solution-tab:hover {
      box-shadow: var(--premium-shadow) !important;
    }
    .btn {
      position: relative;
      overflow: hidden;
    }
    .btn::before {
      content: "";
      position: absolute;
      inset: 0;
      transform: translateX(-120%);
      background: linear-gradient(100deg, transparent 15%, rgba(255,255,255,.32) 48%, transparent 80%);
      transition: transform .65s ease;
      pointer-events: none;
    }
    .btn:hover::before { transform: translateX(120%); }
    .section-link,
    .footer-col a,
    .nav-link,
    .btn,
    .solution-tab,
    .product-card,
    .article-card {
      -webkit-tap-highlight-color: transparent;
    }
    :focus-visible {
      outline: 3px solid rgba(23, 105, 255, .35);
      outline-offset: 4px;
      border-radius: 10px;
    }
    .implementation-strip {
      position: relative;
      background: linear-gradient(135deg, #071a4b 0%, #0d3478 62%, #0d7e69 100%);
      color: #ffffff;
      overflow: hidden;
    }
    .implementation-strip::before {
      content: "";
      position: absolute;
      width: 440px;
      height: 440px;
      right: -170px;
      top: -250px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.12);
      box-shadow: 0 0 0 55px rgba(255,255,255,.025), 0 0 0 110px rgba(255,255,255,.018);
    }
    .implementation-inner {
      position: relative;
      z-index: 1;
      min-height: 126px;
      display: grid;
      grid-template-columns: 1.2fr repeat(4, minmax(0, .72fr));
      align-items: center;
      gap: 20px;
    }
    .implementation-title small {
      display: block;
      color: #84e7c3;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .18em;
      text-transform: uppercase;
      margin-bottom: 7px;
    }
    .implementation-title strong {
      display: block;
      font-size: clamp(20px, 2vw, 27px);
      line-height: 1.15;
      letter-spacing: -.02em;
    }
    .implementation-item {
      min-height: 72px;
      padding: 14px 16px;
      border-radius: 18px;
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.12);
      display: flex;
      align-items: center;
      gap: 11px;
      font-size: 13px;
      font-weight: 800;
      backdrop-filter: blur(10px);
    }
    .implementation-item i {
      flex: 0 0 9px;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #72e0b8;
      box-shadow: 0 0 0 5px rgba(114,224,184,.10);
    }
    .back-to-top {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 70;
      width: 48px;
      height: 48px;
      border: 1px solid rgba(255,255,255,.42);
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: linear-gradient(145deg, #0b2d72, #1769ff);
      color: #ffffff;
      box-shadow: 0 16px 38px rgba(8, 44, 105, .24);
      opacity: 0;
      visibility: hidden;
      transform: translateY(12px);
      transition: .25s ease;
      cursor: pointer;
    }
    .back-to-top.visible {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }
    .back-to-top:hover { transform: translateY(-3px); }
    .back-to-top span {
      font-size: 22px;
      line-height: 1;
      transform: translateY(-1px);
    }
    @media (max-width: 1024px) {
      .implementation-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 30px 0;
      }
      .implementation-title { grid-column: 1 / -1; }
    }
    @media (max-width: 620px) {
      .implementation-inner {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 28px 0;
      }
      .implementation-title { grid-column: auto; margin-bottom: 6px; }
      .implementation-item { min-height: 58px; }
      .back-to-top {
        right: 14px;
        bottom: 14px;
        width: 44px;
        height: 44px;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto !important; }
      *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
      }
    }



    /* v35 mobile stacking fix for Core Product */
    @media (max-width: 820px) {
      .product-grid.a-meet-grid .product-card:first-child {
        display: flex;
        flex-direction: column;
        min-height: auto !important;
      }
      .product-grid.a-meet-grid .product-card:first-child .product-copy {
        max-width: none !important;
        padding: 26px 24px 0 !important;
      }
      .product-grid.a-meet-grid .product-card:first-child .variant-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 18px;
      }
      .product-grid.a-meet-grid .product-card:first-child .product-visual.core-product-visual {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin-top: 14px;
        padding: 14px 20px 18px !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(34, 92, 160, .11) !important;
        overflow: hidden;
      }
      .product-grid.a-meet-grid .product-card:first-child .product-visual.core-product-visual::before {
        display: none !important;
      }
      .product-grid.a-meet-grid .product-card:first-child .core-product-image {
        width: 100% !important;
        max-width: none !important;
        min-height: 200px !important;
        height: clamp(200px, 42vw, 255px) !important;
        background-size: cover !important;
        background-position: center center !important;
        border-radius: 20px;
      }
    }
    @media (max-width: 560px) {
      .product-grid.a-meet-grid .product-card:first-child .product-copy {
        padding: 24px 20px 0 !important;
      }
      .product-grid.a-meet-grid .product-card:first-child .product-copy h3 {
        font-size: 24px !important;
        line-height: 1.12;
      }
      .product-grid.a-meet-grid .product-card:first-child .product-copy p {
        line-height: 1.62;
      }
      .product-grid.a-meet-grid .product-card:first-child .variant-chips span {
        min-height: 0;
        padding: 8px 12px;
      }
      .product-grid.a-meet-grid .product-card:first-child .product-visual.core-product-visual {
        margin-top: 12px;
        padding: 12px 16px 18px !important;
      }
      .product-grid.a-meet-grid .product-card:first-child .core-product-image {
        min-height: 178px !important;
        height: clamp(178px, 47vw, 220px) !important;
        background-position: center 52% !important;
      }
    }



    /* v36 — lock composite visuals so layout never separates on mobile/tablet */
    .locked-composite-visual {
      width: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      pointer-events: none;
      user-select: none;
      -webkit-user-select: none;
      -webkit-touch-callout: none;
    }
    .hero-art.locked-hero-art {
      position: relative !important;
      display: block !important;
      width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      isolation: isolate;
    }
    .locked-hero-visual {
      aspect-ratio: 1148 / 1034;
      min-height: 0 !important;
      border-radius: 30px;
      box-shadow: 0 26px 58px rgba(5, 27, 77, .20);
    }
    #solution-integrated .solution-static-media.locked-integrated-media {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
      background: transparent !important;
    }
    .locked-integrated-visual {
      aspect-ratio: 1300 / 850;
      min-height: 0 !important;
      border-radius: 28px;
      box-shadow: 0 22px 50px rgba(4, 28, 84, .16);
    }
    @media (max-width: 1024px) {
      .hero-art.locked-hero-art {
        padding: 0 !important;
        gap: 0 !important;
      }
      .locked-hero-visual {
        width: min(100%, 760px);
        margin: 0 auto;
        border-radius: 26px;
      }
      #solution-integrated .solution-static-media.locked-integrated-media {
        width: 100% !important;
      }
      .locked-integrated-visual {
        width: min(100%, 920px);
        margin: 0 auto;
        border-radius: 24px;
      }
    }
    @media (max-width: 700px) {
      .hero-art.locked-hero-art {
        padding: 0 !important;
        margin-top: 8px;
      }
      .locked-hero-visual {
        width: 100%;
        border-radius: 20px;
        box-shadow: 0 18px 38px rgba(5, 27, 77, .18);
      }
      #solution-integrated .solution-static-media.locked-integrated-media {
        margin-top: 4px;
      }
      .locked-integrated-visual {
        width: 100%;
        border-radius: 18px;
        box-shadow: 0 16px 34px rgba(4, 28, 84, .14);
      }
    }


/* ===== Multipage v37 additions ===== */
body[data-page] { min-height: 100vh; }
.nav-links > a,
.nav-item > .nav-link { transition: color .2s ease; }
.nav-links > a.active,
.nav-item.active > .nav-link { color: var(--blue) !important; }
.nav-links > a.active::after {
  content: "";
  display: block;
  height: 2px;
  border-radius: 999px;
  margin-top: 6px;
  background: linear-gradient(90deg, var(--blue), var(--success));
}
.page-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 72px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 18%, rgba(84,197,255,.34), transparent 27%),
    radial-gradient(circle at 8% 88%, rgba(26,183,128,.25), transparent 26%),
    linear-gradient(135deg, #071a4b 0%, #123ca1 57%, #127a72 100%);
}
.page-hero::before,
.page-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.14);
  pointer-events: none;
}
.page-hero::before { width: 440px; height: 440px; right: -130px; top: -220px; box-shadow: 0 0 0 65px rgba(255,255,255,.025); }
.page-hero::after { width: 260px; height: 260px; left: -100px; bottom: -170px; box-shadow: 0 0 0 45px rgba(255,255,255,.025); }
.page-hero .container { position: relative; z-index: 1; }
.page-hero .eyebrow { color: #8fe6c8; }
.page-hero h1 { max-width: 900px; margin: 16px 0 18px; font-size: clamp(40px, 5.6vw, 70px); }
.page-hero p { max-width: 780px; color: #dcecff; font-size: clamp(17px, 1.9vw, 21px); margin-bottom: 0; }
.page-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.page-hero-actions a {
  display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 11px 18px;
  border-radius: 999px; font-weight: 800; border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.1); backdrop-filter: blur(8px);
}
.page-hero-actions a.primary { background: #fff; color: #0a2450; border-color: #fff; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: #bbd7f7; font-size: 13px; font-weight: 700; }
.breadcrumb a { color: #fff; }
.home-portals { padding: 84px 0; background: linear-gradient(180deg,#fff 0%,#f5f9ff 100%); }
.portal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 34px; }
.portal-card {
  min-height: 255px; padding: 28px; border-radius: 26px; position: relative; overflow: hidden;
  background: linear-gradient(180deg,#fff 0%,#f8fbff 100%); border: 1px solid rgba(22,77,137,.10);
  box-shadow: 0 18px 46px rgba(10,42,86,.08); transition: transform .25s ease, box-shadow .25s ease;
}
.portal-card:hover { transform: translateY(-7px); box-shadow: 0 26px 60px rgba(10,42,86,.13); }
.portal-card::after { content:""; position:absolute; width:155px; height:155px; border-radius:50%; right:-65px; bottom:-75px; background:linear-gradient(135deg,rgba(23,105,255,.13),rgba(24,165,111,.09)); }
.portal-icon { width: 50px; height: 50px; display:grid; place-items:center; border-radius:16px; color:#fff; font-size:22px; font-weight:900; background:linear-gradient(135deg,var(--blue),var(--success)); box-shadow:0 12px 26px rgba(23,105,255,.22); }
.portal-card h3 { font-size: 24px; margin: 22px 0 10px; }
.portal-card p { color: var(--muted); margin-bottom: 24px; }
.portal-card .section-link { position: relative; z-index: 1; }
.inner-section-nav { padding: 18px 0; background: #fff; border-bottom: 1px solid var(--line); position: sticky; top: 74px; z-index: 35; }
.inner-section-nav .container { display:flex; gap:10px; flex-wrap:wrap; }
.inner-section-nav a { padding: 9px 14px; border-radius:999px; background:#f2f6fb; color:#27415f; font-size:13px; font-weight:800; border:1px solid #e2ebf4; }
.inner-section-nav a:hover { background:#eaf2ff; color:var(--blue); }
.cross-page-cta { padding: 72px 0; background: #f6f9fd; }
.cross-page-cta .cta-shell {
  display:flex; align-items:center; justify-content:space-between; gap:28px; padding:38px 42px;
  border-radius:28px; color:#fff; background:linear-gradient(135deg,#071a4b,#154fba 65%,#168e73);
  box-shadow:0 24px 65px rgba(7,26,75,.18);
}
.cross-page-cta h2 { font-size:clamp(28px,3.5vw,44px); margin-bottom:8px; }
.cross-page-cta p { color:#d9eaff; margin:0; max-width:680px; }
.cross-page-cta .btn { flex:0 0 auto; }
.page-content > section:first-child:not(.page-hero) { padding-top: 86px; }
.footer-col a { line-height: 1.45; }
@media (max-width: 980px) {
  .portal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cross-page-cta .cta-shell { align-items:flex-start; flex-direction:column; }
  .inner-section-nav { top: 74px; }
}
@media (max-width: 700px) {
  .page-hero { padding: 68px 0 54px; }
  .portal-grid { grid-template-columns: 1fr; }
  .portal-card { min-height: 220px; }
  .home-portals { padding: 64px 0; }
  .inner-section-nav { position:static; }
  .cross-page-cta { padding: 56px 0; }
  .cross-page-cta .cta-shell { padding: 30px 24px; border-radius:24px; }
}


/* ===== Multipage v38: professional clean navigation ===== */
:root {
  --header-bottom: 108px;
  --page-accent: #1769ff;
  --page-accent-2: #18a77a;
  --page-soft: #eef5ff;
  --page-ink: #0b2d68;
}
body[data-page="home"] { --page-accent:#1769ff; --page-accent-2:#18a77a; --page-soft:#eef5ff; --page-ink:#0b2d68; }
body[data-page="products"] { --page-accent:#2147d9; --page-accent-2:#17a87b; --page-soft:#eef3ff; --page-ink:#102f78; }
body[data-page="solutions"] { --page-accent:#0d8a76; --page-accent-2:#2e66d6; --page-soft:#edf9f6; --page-ink:#075f57; }
body[data-page="company"] { --page-accent:#b17713; --page-accent-2:#1738c7; --page-soft:#fff8e8; --page-ink:#80520b; }
body[data-page="implementation"] { --page-accent:#6f46d9; --page-accent-2:#1769ff; --page-soft:#f5f0ff; --page-ink:#4b2ca8; }
body[data-page="contact"] { --page-accent:#087da4; --page-accent-2:#18a77a; --page-soft:#eaf9fb; --page-ink:#075b78; }

.site-header {
  isolation: isolate;
  background: color-mix(in srgb, var(--page-soft) 72%, white 28%);
  border-bottom-color: color-mix(in srgb, var(--page-accent) 18%, #dce6f1 82%);
  box-shadow: 0 8px 28px rgba(16,46,84,.055);
}
.site-header::after {
  content:"";
  position:absolute;
  z-index:2;
  left:0; right:0; bottom:-1px;
  height:3px;
  background:linear-gradient(90deg,var(--page-accent),var(--page-accent-2));
  opacity:.92;
}
.site-header .nav { position:relative; z-index:3; }
.header-page-label {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  margin-left:-10px;
  border:1px solid color-mix(in srgb, var(--page-accent) 24%, transparent);
  border-radius:999px;
  color:var(--page-ink);
  background:color-mix(in srgb, var(--page-soft) 78%, white 22%);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
}
.nav-links > a.active,
.nav-item.active > .nav-link {
  color:#fff !important;
  background:linear-gradient(135deg,var(--page-accent),var(--page-accent-2));
  padding:11px 16px;
  margin:15px 0;
  border-radius:999px;
  box-shadow:0 10px 24px color-mix(in srgb, var(--page-accent) 22%, transparent);
}
.nav-links > a.active::after { display:none !important; }
.nav-item.active > .nav-link::after { color:currentColor; }
.nav-item.has-mega { position:relative; }
.nav-item.has-mega::before {
  content:"";
  position:absolute;
  left:-24px;
  right:-24px;
  top:calc(100% - 2px);
  height:30px;
  pointer-events:auto;
}
.mega {
  top:calc(var(--header-bottom) - 1px) !important;
  border-top:3px solid var(--page-accent);
  border-radius:0 0 24px 24px;
  transform:translateX(-50%) translateY(4px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  visibility:hidden;
}
.nav-item:hover .mega,
.nav-item:focus-within .mega,
.nav-item.is-open .mega {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.nav-item.is-open > .nav-link { color:var(--page-accent); }
.mega-feature { background:linear-gradient(135deg,var(--page-ink),var(--page-accent)); }
.mega-col a:hover { color:var(--page-accent); padding-left:4px; }

/* Each page gets a clearly different page-hero identity. */
body[data-page="products"] .page-hero {
  background:radial-gradient(circle at 84% 16%,rgba(87,177,255,.36),transparent 28%),linear-gradient(135deg,#081a4e 0%,#2147d9 58%,#138b79 100%);
}
body[data-page="solutions"] .page-hero {
  background:radial-gradient(circle at 84% 16%,rgba(65,211,183,.34),transparent 28%),linear-gradient(135deg,#052f43 0%,#087b73 52%,#2455bb 100%);
}
body[data-page="company"] .page-hero {
  background:radial-gradient(circle at 84% 16%,rgba(255,215,116,.32),transparent 28%),linear-gradient(135deg,#2e2341 0%,#80520b 48%,#1738c7 100%);
}
body[data-page="implementation"] .page-hero {
  background:radial-gradient(circle at 84% 16%,rgba(179,145,255,.34),transparent 28%),linear-gradient(135deg,#20124e 0%,#6f46d9 50%,#1769ff 100%);
}
body[data-page="contact"] .page-hero {
  background:radial-gradient(circle at 84% 16%,rgba(90,222,235,.34),transparent 28%),linear-gradient(135deg,#062d4b 0%,#087da4 52%,#12906e 100%);
}
body[data-page]:not([data-page="home"]) .page-hero .eyebrow {
  display:inline-flex;
  padding:8px 13px;
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
}

@media (max-width:1120px) {
  .header-page-label { display:none; }
}
@media (max-width:1000px) {
  .mega { display:none !important; }
}
@media (max-width:720px) {
  .site-header { background:rgba(255,255,255,.96); }
  .site-header::after { height:3px; }
}