:root { color-scheme: dark; --line: rgba(255,255,255,.10); --muted: #a1a1aa; --blue: #38bdf8; }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; background: #000; color: #fff; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
    body.menu-open { overflow: hidden; }
    .font-mono { font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
    .grid-bg { background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 44px 44px; }
    .grid-bg-fine { background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 22px 22px; }
    .radial-glow { background: radial-gradient(circle at 72% 24%, rgba(56,189,248,.20), transparent 36%), radial-gradient(circle at 18% 84%, rgba(34,197,94,.12), transparent 32%); }
    .scanline { background: repeating-linear-gradient(to bottom, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 5px); }
    .site-header { background: rgba(0,0,0,.32); border-bottom: 1px solid transparent; backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); transition: background .25s, border-color .25s, backdrop-filter .25s; }
    .site-header.scrolled, .site-header.menu-active { background: rgba(0,0,0,.88); border-color: var(--line); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
    .nav-link, .nav-button { color: #a1a1aa; transition: color .18s; }
    .nav-link:hover, .nav-button:hover, .nav-link.active { color: #fff; }
    .products-menu { position: relative; }
    .products-dropdown { position: absolute; top: calc(100% + 20px); left: -18px; width: min(960px, 84vw); background: rgba(5,6,8,.94); border: 1px solid var(--line); display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s, transform .2s, visibility .2s; pointer-events: none; z-index: 80; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
    .products-menu:hover .products-dropdown, .products-menu:focus-within .products-dropdown, .products-dropdown.open { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
    .products-menu:after { content:""; position:absolute; left:0; top:100%; height:24px; width:100%; }
    .product-dd-item { display:block; padding: 26px 30px; color: inherit; text-decoration: none; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .18s; }
    .product-dd-item:nth-child(2n) { border-right: 0; }
    .product-dd-item:nth-last-child(-n+2) { border-bottom: 0; }
    .product-dd-item:hover { background: rgba(255,255,255,.04); }
    .page { display: none; min-height: 100vh; }
    .page.active { display: block; }
    .hero-image { background-size: cover; background-position: center; }
    .link-underline { background-image: linear-gradient(currentColor,currentColor); background-size: 0 1px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size .2s, color .2s; }
    .link-underline:hover { background-size: 100% 1px; }
    .band { border-bottom: 1px solid var(--line); }
    .panel { border: 1px solid var(--line); background: #030303; }
    .premium-card { border: 1px solid var(--line); background: #030303; transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
    .premium-card:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.24); background: #070707; box-shadow: 0 0 32px rgba(56,189,248,.055); }
    .panel-hover { transition: background .18s, border-color .18s, transform .18s, box-shadow .18s; }
    .panel-hover:hover { background: #080808; border-color: rgba(255,255,255,.22); transform: translateY(-2px); box-shadow: 0 0 26px rgba(56,189,248,.045); }
    .eyebrow { display:flex; align-items:center; gap:.75rem; font-family:"IBM Plex Mono", ui-monospace, monospace; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:#71717a; }
    .eyebrow:before { content:""; width: 32px; height:1px; background:#3f3f46; }
    .mobile-panel { position: fixed; inset: 80px 0 0 0; z-index: 70; background: rgba(0,0,0,.98); border-top: 1px solid var(--line); transform: translateX(100%); transition: transform .22s; overflow:auto; }
    .mobile-panel.open { transform: translateX(0); }
    .mobile-link { display:flex; justify-content:space-between; align-items:center; padding: 18px 24px; border-bottom: 1px solid var(--line); color:#e4e4e7; font-family:"IBM Plex Mono", ui-monospace, monospace; font-size:12px; letter-spacing:.18em; text-transform:uppercase; }
    .legal p, .legal li { color: #a1a1aa; line-height: 1.75; }
    .legal h2 { margin-top: 2rem; font-size: 1.5rem; letter-spacing: -.02em; }
    .data-row { display: grid; grid-template-columns: minmax(140px, 220px) 1fr; gap: 1.5rem; padding: 1.25rem 0; border-top: 1px solid var(--line); }
    .data-label { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: #71717a; }
    .data-value { color: #d4d4d8; line-height: 1.7; }
    .chip { display:inline-flex; align-items:center; border:1px solid rgba(255,255,255,.16); padding:.45rem .65rem; font-family:"IBM Plex Mono", ui-monospace, monospace; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:#d4d4d8; }
    .status-line { position: relative; padding-left: 1.15rem; }
    .status-line:before { content:""; position:absolute; left:0; top:.55rem; width:.42rem; height:.42rem; background: var(--blue); box-shadow:0 0 16px rgba(56,189,248,.65); }
    .workflow-step { position: relative; min-height: 150px; }
    .workflow-step:after { content:""; position:absolute; top: 50%; right: -1px; width: 1px; height: 44%; transform: translateY(-50%); background: linear-gradient(to bottom, transparent, rgba(56,189,248,.35), transparent); }
    .workflow-step:last-child:after { display: none; }
    .pulse-dot { box-shadow: 0 0 0 rgba(56,189,248,.8); animation: pulseDot 1.8s infinite; }
    .vyron-page { background: #000; }
    .vyron-hero-visual { position: relative; min-height: min(58vw, 650px); border: 1px solid rgba(56,189,248,.24); overflow: hidden; background: #02070a; box-shadow: 0 0 48px rgba(14,165,233,.12); }
    .vyron-operator { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .vyron-hero-visual:after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(0,0,0,.46), rgba(0,0,0,.08) 46%, rgba(0,0,0,.58)); pointer-events:none; }
    .vyron-console-inset { position: absolute; right: 1.25rem; bottom: 1.25rem; width: min(520px, 58%); border: 1px solid rgba(56,189,248,.36); background: rgba(0,0,0,.82); box-shadow: 0 18px 60px rgba(0,0,0,.75); z-index: 2; }
    .vyron-console-inset img { width: 100%; display: block; }
    .vyron-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.12); border-left: 1px solid rgba(255,255,255,.12); }
    .vyron-kpi { padding: 1rem; border-right: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); background: rgba(1,7,12,.74); }
    .vyron-capability-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.1); border-left: 1px solid rgba(255,255,255,.1); }
    .vyron-capability { min-height: 124px; padding: 1.35rem; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); background: linear-gradient(180deg, rgba(2,13,20,.82), rgba(0,0,0,.94)); }
    .vyron-icon { width: 2.15rem; height: 2.15rem; border: 1px solid rgba(56,189,248,.55); color: #38bdf8; display: inline-flex; align-items: center; justify-content: center; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 10px; letter-spacing: .12em; margin-bottom: 1rem; }
    .vyron-surface-card { min-height: 190px; padding: 1.5rem; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(135deg, rgba(4,12,18,.95), rgba(1,1,1,.96)); transition: border-color .18s, transform .18s, background .18s; }
    .vyron-surface-card:hover { border-color: rgba(56,189,248,.38); transform: translateY(-2px); background: linear-gradient(135deg, rgba(5,18,28,.96), rgba(2,2,2,.98)); }
    .vyron-proof-grid { display: grid; grid-template-columns: minmax(170px, 240px) minmax(0, 1fr) minmax(170px, 240px); gap: 1.5rem; align-items: center; }
    .vyron-proof-frame { position: relative; border: 1px solid rgba(56,189,248,.28); background: #02070a; box-shadow: 0 0 42px rgba(14,165,233,.08); }
    .vyron-proof-frame img { width: 100%; display: block; }
    .vyron-proof-frame:after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, transparent, rgba(0,0,0,.12)); pointer-events:none; }
    .vyron-callout { position: relative; padding: 1rem 0; border-top: 1px solid rgba(255,255,255,.1); }
    .vyron-callout:before { content:""; position:absolute; top: 1.7rem; width: 26px; height: 1px; background: rgba(56,189,248,.65); }
    .vyron-callout.left:before { right: -1.5rem; }
    .vyron-callout.right:before { left: -1.5rem; }
    .vyron-audience-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem 1.25rem; }
    .vyron-audience-item { display:flex; align-items:center; gap:.75rem; color:#d4d4d8; font-size:.95rem; }
    .vyron-audience-item:before { content:""; width:.48rem; height:.48rem; border:1px solid rgba(56,189,248,.9); background: rgba(56,189,248,.12); box-shadow:0 0 14px rgba(56,189,248,.32); flex:0 0 auto; }
    .vyron-flow { display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; border-left: 1px solid rgba(255,255,255,.1); border-top: 1px solid rgba(255,255,255,.1); }
    .vyron-flow-step { position: relative; min-height: 220px; padding: 1.4rem; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); background: linear-gradient(180deg, rgba(3,13,20,.82), rgba(0,0,0,.96)); }
    .vyron-flow-step:after { content:""; position:absolute; top: 3.1rem; right: -18px; width: 36px; height: 1px; background: rgba(56,189,248,.45); z-index: 1; }
    .vyron-flow-step:last-child:after { display:none; }
    .vyron-cta-visual { position:relative; min-height: 360px; overflow:hidden; border-left: 1px solid rgba(255,255,255,.1); }
    .vyron-cta-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .vyron-cta-visual:after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.42)); }
    @keyframes pulseDot { 0% { box-shadow: 0 0 0 0 rgba(56,189,248,.55); } 70% { box-shadow: 0 0 0 10px rgba(56,189,248,0); } 100% { box-shadow: 0 0 0 0 rgba(56,189,248,0); } }
    @media (max-width: 900px) {
      .products-dropdown { grid-template-columns: 1fr; width: min(430px, 92vw); }
      .product-dd-item { border-right: 0 !important; border-bottom: 1px solid var(--line) !important; }
      .product-dd-item:last-child { border-bottom: 0 !important; }
      .data-row { grid-template-columns: 1fr; gap: .5rem; }
      .vyron-hero-visual { min-height: 420px; }
      .vyron-console-inset { width: calc(100% - 2rem); right: 1rem; bottom: 1rem; }
      .vyron-capability-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .vyron-proof-grid { grid-template-columns: 1fr; }
      .vyron-callout.left:before, .vyron-callout.right:before { display:none; }
      .vyron-audience-grid { grid-template-columns: 1fr; }
      .vyron-flow { grid-template-columns: 1fr; }
      .vyron-flow-step:after { display:none; }
    }