/* Claude Design handoff → native HTML. Brand tokens are imported unchanged. */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg-primary); }
body { margin: 0; background: var(--bg-primary); color: var(--text-primary); font-family: var(--font-brand); letter-spacing: -.01em; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--brand-violet-light); }
button { padding: 0; border: 0; background: none; font: inherit; color: inherit; cursor: pointer; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--brand-violet-light); outline-offset: 6px; }
[hidden] { display: none !important; }
::selection { background: var(--accent); color: white; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 20; padding: 16px 24px; border-radius: var(--radius-button); background: var(--accent); color: white; }
.skip-link:focus { top: 16px; }
.header { position: absolute; inset: 0 0 auto; height: 88px; padding: 0 4.3%; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(255,255,255,.14); z-index: 5; }
.brand { display: flex; align-items: center; flex-shrink: 0; }
.brand img { display: block; height: 28px; width: auto; }
.header-note { font-size: 12px; letter-spacing: .14em; color: var(--text-secondary); }
.cms-language { display: flex; align-items: center; gap: 4px; margin-left: auto; flex-shrink: 0; }
.cms-language a { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 36px; padding: 0 6px; border-radius: 5px; color: var(--text-secondary); font-size: 12px; font-weight: 700; letter-spacing: .04em; }
.cms-language a[aria-current="page"] { background: rgba(255,255,255,.14); color: #fff; }
.cms-language a:hover { color: #fff; }
.header-link { display: flex; align-items: center; gap: 14px; font-size: 14px; font-weight: 500; min-height: 44px; }
.header-link span { color: var(--brand-violet-light); }
@media (max-width: 719px) { .header { gap: 12px; } }
@media (max-width: 480px) { .header-link { display: none; } }
.cinema { height: 700svh; position: relative; }
.stage { position: sticky; top: 0; height: 100svh; min-height: 540px; overflow: hidden; background: var(--bg-primary); }
.stage > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 55% 50%; }
.scrim { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(10,10,15,.66),rgba(10,10,15,.14) 58%,rgba(10,10,15,.45)),linear-gradient(0deg,rgba(10,10,15,.8),transparent 30%,transparent 74%,rgba(10,10,15,.5)); }
.scene-shade { position: absolute; inset: 0; background: var(--bg-primary); opacity: 0; pointer-events: none; }
.topline { position: absolute; top: 120px; left: 4.3%; right: 4.3%; display: flex; justify-content: space-between; gap: 16px; font-size: 12px; letter-spacing: .12em; }
.experience-label { display: flex; align-items: center; gap: 12px; }
.experience-label i { width: 6px; height: 6px; border-radius: 50%; background: var(--brand-violet-light); }
.chapter-label { text-shadow: 0 1px 8px rgba(10,10,15,.8); letter-spacing: .04em; }
.chapter-copy { position: absolute; left: 8.5%; right: 14%; top: max(50%,330px); transform: translateY(-45%); opacity: 0; pointer-events: none; will-change: opacity,transform; }
.chapter-copy[data-start="0"] { opacity: 1; }
.eyebrow { margin: 0 0 28px; font-size: 14px; font-weight: 500; color: var(--brand-violet-light); letter-spacing: .02em; line-height: 1.5; }
.chapter-copy h1, .chapter-copy h2 { margin: 0; font-size: clamp(52px,8.2vw,112px); font-weight: 800; line-height: 1.08; letter-spacing: -.03em; text-wrap: balance; }
.chapter-copy em { font-style: normal; }
.gradient-text { background: var(--gradient-brand); background-clip: text; -webkit-background-clip: text; color: transparent; }
.subcopy { margin: 36px 0 0; font-size: clamp(15px,1.3vw,17px); line-height: 1.75; }
.product-label { font-size: 13px; letter-spacing: .14em; font-weight: 600; }
.falling h2 { font-size: clamp(64px,11vw,156px); line-height: 1; letter-spacing: -.04em; }
.load-status { position: absolute; left: 4.3%; bottom: 106px; margin: 0; padding: 8px 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; background: rgba(10,10,15,.76); font-size: 13px; color: #C4C7D0; letter-spacing: .04em; }
.chapters { position: absolute; right: 4.3%; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 16px; }
.chapters button { display: flex; align-items: center; justify-content: flex-end; gap: 14px; min-height: 44px; min-width: 44px; font-size: 12px; color: #C4C7D0; text-shadow: 0 1px 8px rgba(10,10,15,.8); transition: color 200ms var(--ease-brand); }
.chapters b { font-weight: 500; }
.chapters i { width: 12px; height: 1px; background: var(--brand-violet-light); opacity: 0; }
.chapters button:hover, .chapters button[aria-current] { color: white; }
.chapters button[aria-current] i { opacity: 1; }
.stage-bottom { position: absolute; left: 4.3%; right: 4.3%; bottom: 40px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.film-button { display: inline-flex; align-items: center; gap: 14px; font-size: 14px; font-weight: 500; }
.play-icon { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; display: grid; place-items: center; font-size: 10px; padding-left: 2px; transition: border-color var(--dur-fast),background var(--dur-fast); }
.film-button:hover .play-icon { border-color: var(--brand-violet-light); background: rgba(116,92,252,.14); }
.scroll-prompt { display: flex; align-items: center; gap: 14px; font-size: 13px; color: var(--text-secondary); }
.mouse { width: 12px; height: 18px; border: 1px solid rgba(255,255,255,.5); border-radius: 6px; display: block; }
.arrow { color: var(--brand-violet-light); animation: bob 1.6s var(--ease-brand) infinite; }
@keyframes bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
.readout { font-size: 13px; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.readout b { color: var(--brand-violet-light); font-weight: 700; }
.progress-track { position: absolute; inset: auto 0 0; height: 3px; background: rgba(255,255,255,.08); }
#progress-bar { height: 100%; background: linear-gradient(90deg,#8F7DFF,#745CFC,#7429FC); transform: scaleX(0); transform-origin: left; }
.experience { max-width: 1440px; margin: 0 auto; padding: clamp(80px,11vw,150px) 4.3% clamp(80px,10vw,130px); }
.section-top { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 22px; border-bottom: var(--border-hairline); font-size: 12px; letter-spacing: .12em; color: var(--brand-violet-light); }
.section-top span:last-child { color: var(--text-secondary); }
.intro-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,420px),1fr)); gap: 48px 64px; padding: 72px 0 80px; align-items: end; }
.intro-grid h2 { margin: 0; font-size: clamp(36px,4.6vw,64px); font-weight: 800; line-height: 1.15; letter-spacing: -.03em; }
.intro-grid h2 span { color: var(--text-secondary); }
.intro-description { display: flex; flex-direction: column; gap: 32px; align-items: flex-start; }
.intro-description p { margin: 0; font-size: 17px; line-height: 1.8; }
/* Native equivalent of VENTAXDesignSystem_27188b.Button. */
.button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; padding: 16px 32px; min-height: 52px; border: 1px solid transparent; border-radius: var(--radius-button); font-size: 16px; font-weight: 600; letter-spacing: var(--tracking-tight); line-height: 1.2; text-align: center; transition: background var(--dur-fast) var(--ease-brand),border-color var(--dur-fast),transform var(--dur-fast); }
.button:active { transform: scale(.98); }
.button-primary { background: var(--accent); color: var(--accent-text-on); }
.button-primary:hover { background: var(--accent-hover); color: white; }
.button-secondary { border-color: var(--line); background: transparent; }
.button-secondary:hover { border-color: var(--text-secondary); color: white; }
.experience-image { margin: 0; position: relative; border-radius: var(--radius-card); overflow: hidden; border: var(--border-hairline); aspect-ratio: 16/9; background: var(--bg-surface); }
.experience-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.experience-image figcaption { position: absolute; inset: auto 0 0; padding: 80px 32px 28px; background: linear-gradient(0deg,rgba(10,10,15,.85),transparent); font-size: 15px; font-weight: 500; }
.principles { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr)); gap: 0; margin-top: 88px; border-top: var(--border-hairline); }
.principles article { padding: 36px 32px 8px 0; display: flex; flex-direction: column; gap: 14px; }
.principles article > span { font-size: 12px; letter-spacing: .12em; color: var(--brand-violet-light); }
.principles h3 { margin: 8px 0 0; font-size: 26px; font-weight: 600; letter-spacing: -.02em; }
.principles p { margin: 0; font-size: 16px; line-height: 1.75; color: var(--text-secondary); }
.closing { padding: clamp(100px,14vw,180px) 4.3% 56px; border-top: var(--border-hairline); text-align: center; display: flex; flex-direction: column; align-items: center; }
.closing .eyebrow { font-size: 13px; letter-spacing: .14em; font-weight: 400; }
.closing h2 { margin: 0; font-size: clamp(44px,6.4vw,88px); font-weight: 800; line-height: 1.12; letter-spacing: -.03em; }
.closing > .button { margin-top: 56px; gap: 14px; }
.closing-bottom { width: 100%; margin-top: clamp(100px,12vw,160px); padding-top: 28px; border-top: var(--border-hairline); display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.closing-bottom img { height: 24px; width: auto; display: block; }
.closing-bottom p { margin: 0; font-size: 15px; }
.closing-bottom > span { font-size: 12px; letter-spacing: .12em; color: var(--text-secondary); }
footer { padding: 22px 4.3% 32px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 12px; color: var(--text-tertiary); }
dialog { width: min(1200px,92vw); max-height: 92svh; padding: 0; border: var(--border-hairline); border-radius: var(--radius-card); background: var(--bg-surface); color: white; }
dialog::backdrop { background: rgba(10,10,15,.88); backdrop-filter: blur(12px); }
.dialog-head { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; gap: 20px; border-bottom: var(--border-hairline); }
.dialog-head h2 { margin: 0; font-size: 13px; letter-spacing: .12em; font-weight: 600; }
.dialog-head button { min-height: 44px; min-width: 44px; font-size: 13px; color: var(--text-secondary); white-space: nowrap; }
.dialog-head button:hover { color: white; }
dialog video { display: block; width: 100%; max-height: calc(92svh - 72px); aspect-ratio: 3/2; background: black; }
.noscript { padding: 24px 4.3%; }
.noscript a { color: var(--brand-violet-light); }
.reduced .cinema { height: auto; }
.reduced .stage { position: relative; }
.reduced .chapters,.reduced .scroll-prompt,.reduced .readout,.reduced .progress-track { display: none; }
.reduced .stage-bottom { justify-content: flex-start; }
@media (max-width: 719px) {
  .header { height: 80px; gap: 14px; padding-inline: 6%; }
  .brand img { height: 28px; }
  .header-note,.chapter-label,.scroll-prompt,.chapters b { display: none; }
  .header-link { font-size: 13px; gap: 9px; }
  .topline { top: 110px; left: 6%; right: 6%; font-size: 10px; letter-spacing: .1em; }
  .chapter-copy { left: 7%; right: 16%; top: max(47%,300px); }
  .chapter-copy h1,.chapter-copy h2 { font-size: clamp(40px,11.8vw,68px); letter-spacing: -.04em; }
  .chapter-copy .eyebrow { font-size: 12px; margin-bottom: 25px; max-width: 260px; }
  .subcopy { font-size: 14px; margin-top: 28px; }
  .falling h2 { font-size: clamp(64px,17vw,100px); }
  .chapters { right: 5%; gap: 14px; }
  .chapters button { gap: 7px; font-size: 11px; }
  .chapters i { width: 8px; }
  .stage-bottom { left: 6%; right: 6%; bottom: 30px; }
  .load-status { left: 6%; bottom: 95px; font-size: 11px; }
  .film-button { font-size: 13px; gap: 11px; }
  .experience { padding-inline: 6%; }
  .section-top { font-size: 9px; letter-spacing: .08em; }
  .intro-grid { padding: 48px 0; gap: 32px; }
  .intro-description p { font-size: 15px; }
  .intro-description .button { font-size: 14px; padding-inline: 24px; }
  .experience-image { aspect-ratio: 4/3; }
  .experience-image figcaption { padding: 60px 20px 20px; font-size: 13px; }
  .principles { margin-top: 48px; gap: 24px; }
  .principles article { padding: 28px 0 0; }
  .principles h3 { font-size: 24px; }
  .principles p { font-size: 15px; }
  .closing { padding-inline: 6%; }
  .closing h2 { font-size: clamp(40px,10vw,58px); }
  .closing-bottom { justify-content: flex-start; gap: 22px; }
  .closing-bottom p { margin-left: auto; font-size: 13px; }
  .closing-bottom > span { width: 100%; text-align: left; font-size: 10px; }
  footer { padding-inline: 6%; font-size: 10px; }
  .dialog-head { padding-inline: 14px; gap: 12px; }
  .dialog-head h2 { font-size: 10px; letter-spacing: .04em; }
}
/* On phones, the full-screen scrub video must not pin or consume page swipes. */
@media (max-width: 719px) {
  .cinema { height: auto; }
  .stage { position: relative; height: 100svh; min-height: 540px; touch-action: pan-y; }
  .stage > video { pointer-events: none; }
  .chapter-copy:not([data-start="0"]) { display: none; }
  .chapter-copy[data-start="0"] { opacity: 1 !important; transform: translateY(-45%) !important; }
  .chapters, .readout, .progress-track, .load-status { display: none; }
}
@media (max-height: 580px) and (min-width: 720px) {
  .stage { min-height: 420px; }
  .topline { top: 104px; }
  .chapter-copy { top: 54%; }
  .chapter-copy h1,.chapter-copy h2 { font-size: 56px; }
  .chapter-copy .eyebrow { margin-bottom: 14px; }
  .subcopy { margin-top: 16px; font-size: 14px; }
  .stage-bottom { bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .arrow { animation: none; }
  .button,.play-icon,.chapters button { transition: none; }
}

/* Product information expansion — official CMS content, September 2026. */
.product-nav { position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 4.3%;background:rgba(10,10,15,.94);backdrop-filter:blur(18px);border-block:var(--border-hairline); }
.product-wordmark{font-weight:800;font-size:16px;letter-spacing:.04em;white-space:nowrap}.product-links{display:flex;gap:30px}.product-links a{font-size:13px;color:var(--text-secondary);padding:8px 0}.product-links a:hover{color:#fff}.nav-contact{font-size:12px;background:var(--accent);padding:12px 18px;border-radius:8px;white-space:nowrap}.nav-contact:hover{background:var(--accent-hover);color:white}
.product-section{padding:110px 4.3%;max-width:1440px;margin:auto;scroll-margin-top:76px}.product-section h2{font-size:clamp(34px,4.3vw,60px);letter-spacing:-.035em;line-height:1.18;font-weight:800;margin:0}.product-section h2>span:not(.gradient-text){color:var(--text-secondary)}.product-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin:56px 0}.product-heading>p{max-width:380px;font-size:17px;line-height:1.8;color:var(--text-secondary);margin:0}.small-note{font-size:12px;color:var(--text-secondary);line-height:1.75;margin:22px 0 0}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border:var(--border-hairline);border-radius:12px;background:linear-gradient(120deg,#201a38,var(--bg-surface) 65%);padding:35px 0;margin:48px 0}.metric-strip>div{padding:0 40px;border-right:var(--border-hairline)}.metric-strip>div:last-child{border:0}.metric-strip strong{font-size:64px;letter-spacing:-.04em;font-weight:800}.metric-strip strong>span{font-size:14px;letter-spacing:0;color:var(--brand-violet-light);margin-left:10px}.metric-strip p{font-size:14px;color:var(--text-secondary);margin:8px 0 0}
.connection{display:flex;align-items:center;justify-content:space-evenly;gap:30px;padding:26px 32px 36px}.connection>div{display:flex;flex-direction:column;align-items:center;gap:14px}.diagram-icon{font-size:44px;color:var(--brand-violet-light);height:64px;display:flex;align-items:center}.connection strong{font-size:18px}.connection small{font-size:12px;color:var(--text-secondary)}.connection-arrow{font-size:28px;color:#65589d}.setup-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:45px 0 0;border-top:var(--border-hairline)}.setup-steps li{display:flex;gap:20px;padding:30px 0}.setup-steps li>span{color:var(--brand-violet-light);font-size:12px;margin-top:6px}.setup-steps h3{font-size:19px;margin:0 0 12px}.setup-steps p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}
.feature-section{background:var(--bg-surface)}.feature-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--border-hairline);margin-bottom:44px}.feature-tabs button{text-align:left;display:flex;gap:16px;align-items:center;padding:23px 18px;color:var(--text-secondary);border-bottom:2px solid transparent;font-size:12px}.feature-tabs span{font-size:18px;font-weight:600}.feature-tabs [aria-selected="true"]{color:var(--brand-violet-light);border-color:var(--brand-violet-light);background:linear-gradient(0deg,#745cfc12,transparent)}.feature-panel{display:grid;grid-template-columns:.8fr 1.3fr;align-items:center;gap:42px;min-height:370px}.feature-kicker{color:var(--brand-violet-light);font-size:11px;letter-spacing:.1em}.feature-copy h3{font-size:clamp(26px,2.5vw,36px);letter-spacing:-.03em;line-height:1.25;margin:22px 0}.feature-copy p{color:var(--text-secondary);line-height:1.85;font-size:15px;max-width:370px}.capability-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.capability-tags span,.workflow-chips span{border:1px solid #3c354f;border-radius:5px;padding:8px 11px;font-size:12px;color:#c1b7e2}.product-screen{display:block;background:#0a0a0f;border:var(--border-hairline);border-radius:12px;overflow:hidden}.product-screen img{width:100%;height:auto;display:block;object-fit:contain;min-height:230px}.product-screen>span{display:block;font-size:11px;letter-spacing:.04em;color:var(--text-secondary);padding:16px 20px}.workflow-chips{display:flex;gap:10px;align-items:center;margin-top:28px}.workflow-chips b{color:#706483;font-weight:400}
.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hardware-card{background:var(--bg-surface);border:var(--border-hairline);border-radius:12px;padding:28px;position:relative}.badge{font-size:11px;padding:7px 10px;border:1px solid #6f5b9759;color:var(--brand-violet-light);border-radius:5px;display:inline-block}.badge.optional{color:var(--text-secondary);border-color:var(--line)}.hardware-card img{width:100%;height:210px;display:block;object-fit:contain;margin:25px 0}.hardware-card h3{font-size:23px;margin:0 0 12px}.hardware-card p{font-size:14px;color:var(--text-secondary);margin:0}.software-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px 0;border-bottom:var(--border-hairline);margin-top:24px}.software-row h3{font-size:25px;margin:18px 0}.software-row p{font-size:15px;color:var(--text-secondary);line-height:1.8}.package-note{padding-left:50px;border-left:var(--border-hairline)}.package-note>a{font-size:13px;color:var(--brand-violet-light)}
.content-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-block:var(--border-hairline)}.content-categories article{padding:36px 25px;border-right:var(--border-hairline)}.content-categories article:first-child{padding-left:0}.content-categories article:last-child{border:0}.content-categories article>span{font-size:10px;color:var(--brand-violet-light);letter-spacing:.07em}.content-categories h3{font-size:20px;line-height:1.4;margin:22px 0 14px}.content-categories p{font-size:13px;color:var(--text-secondary);line-height:1.7}.content-callout{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0}.content-callout p{color:var(--text-secondary);font-size:14px}.content-callout a{font-size:13px;color:var(--brand-violet-light)}
.field-section{padding-top:65px}.field-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin-top:56px}.field-grid figure{margin:0}.field-grid img{width:100%;border-radius:12px;display:block}.field-grid figcaption{font-size:11px;color:var(--text-tertiary);margin-top:14px}.field-grid h2{font-size:clamp(32px,3vw,46px)}.field-grid p:not(.eyebrow){font-size:15px;color:var(--text-secondary);line-height:1.8}.field-grid .button{margin-top:18px;font-size:14px}
.faq-section{background:var(--bg-surface)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-top:60px}.faq-grid h2{font-size:clamp(32px,3vw,46px)}.faq-grid>div>p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin:25px 0}.faq-grid>div>a{font-size:13px;color:var(--brand-violet-light)}.faq-list details{border-bottom:var(--border-hairline)}.faq-list details:first-child{border-top:var(--border-hairline)}.faq-list summary{cursor:pointer;list-style:none;padding:24px 40px 24px 0;font-weight:500;font-size:16px;position:relative;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:8px;color:var(--brand-violet-light);font-size:24px;top:19px;font-weight:300}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0;padding:0 25px 26px 0;line-height:1.85;color:var(--text-secondary);font-size:14px}.faq-list summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.resources-section{padding-block:80px}.resource-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.resource-links>a{border:var(--border-hairline);padding:30px 24px;border-radius:8px;position:relative;display:flex;flex-direction:column;gap:18px}.resource-links>a:hover{border-color:var(--brand-violet-light)}.resource-links span{font-size:10px;color:var(--text-secondary);letter-spacing:.1em}.resource-links strong{font-size:20px}.resource-links b{position:absolute;right:24px;top:29px;color:var(--brand-violet-light);font-weight:400}
.contact-section{border-top:var(--border-hairline);background:radial-gradient(ellipse at 0 0,#221539,transparent 60%)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:60px}.contact-grid>div>p{color:var(--text-secondary);font-size:16px;line-height:1.8;margin:28px 0}.contact-email{display:block;font-size:clamp(18px,2vw,26px);margin:34px 0 16px}.contact-phone{font-size:16px;color:var(--text-secondary)}#consult-form{display:grid;gap:22px}#consult-form label{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#c9c4d8}#consult-form input,#consult-form select,#consult-form textarea{width:100%;font:inherit;font-size:15px;color:white;padding:14px 16px;background:var(--bg-surface);border:var(--border-hairline);border-radius:8px;line-height:1.5}#consult-form textarea{resize:vertical}#consult-form :is(input,textarea,select):focus{outline:2px solid var(--brand-violet-light);outline-offset:2px}#consult-form .small-note{margin:0;font-size:11px}#consult-form .button{width:100%}
@media(max-width:900px){.product-wordmark{display:none}.product-heading{gap:30px}.product-heading>p{max-width:300px;font-size:15px}.feature-panel{grid-template-columns:1fr;gap:26px}.feature-copy p{max-width:none}.product-screen img{min-height:0}.hardware-card{padding:20px}.hardware-card img{height:150px}.content-categories{grid-template-columns:1fr 1fr}.content-categories article:nth-child(2){border-right:0}.content-categories article:first-child{padding-left:25px}.field-grid{gap:35px}.faq-grid{gap:36px}.contact-grid{gap:40px}}
@media(max-width:719px){.product-nav{padding:12px 6%;gap:14px;flex-wrap:wrap}.product-links{width:100%;gap:24px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.product-links a{font-size:12px}.nav-contact{display:none}.product-section{padding:70px 6%;scroll-margin-top:64px}.product-heading{display:block;margin:36px 0}.product-heading>p{max-width:100%;margin-top:24px}.metric-strip{padding:24px 0;margin:30px 0}.metric-strip>div{padding:0 14px}.metric-strip strong{font-size:38px}.metric-strip strong>span{display:block;font-size:10px;margin:3px 0 10px}.metric-strip p{font-size:11px;line-height:1.5}.connection{padding:20px 0;gap:10px}.connection-arrow{font-size:20px}.diagram-icon{font-size:28px;height:42px}.connection strong{font-size:13px}.connection small{font-size:10px;max-width:80px;text-align:center;line-height:1.5}.setup-steps{grid-template-columns:1fr;gap:0;margin-top:28px}.setup-steps li{padding:22px 0;border-bottom:var(--border-hairline)}.setup-steps h3{font-size:18px}.feature-tabs{margin-bottom:30px}.feature-tabs button{flex-direction:column;align-items:flex-start;gap:9px;padding:15px 8px;font-size:10px}.feature-tabs span{font-size:13px}.feature-panel{min-height:0}.feature-copy h3{font-size:30px}.capability-tags{margin:20px 0}.hardware-grid{grid-template-columns:1fr}.hardware-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:24px;column-gap:12px}.hardware-card .badge{justify-self:start}.hardware-card img{grid-column:2;grid-row:1/4;height:150px;margin:0}.hardware-card h3{font-size:20px;margin:12px 0}.hardware-card p{font-size:12px}.software-row{grid-template-columns:1fr;gap:24px}.package-note{padding:24px 0 0;border-left:0;border-top:var(--border-hairline)}.software-row h3{font-size:23px}.content-categories article{padding:24px 12px!important}.content-categories h3{font-size:16px}.content-categories p{font-size:12px}.content-callout{display:block}.content-callout a{line-height:1.8}.field-grid{grid-template-columns:1fr;gap:32px;margin-top:36px}.faq-grid{grid-template-columns:1fr;margin-top:36px;gap:30px}.faq-list summary{font-size:14px}.resource-links{grid-template-columns:1fr}.resource-links>a{padding:24px;gap:12px}.contact-grid{grid-template-columns:1fr;margin-top:36px}.contact-grid h2{font-size:38px}.contact-email{font-size:23px}.contact-grid>div>p{font-size:15px}footer a{font-size:10px;line-height:1.7}}
.product-section :is(h2,h3,p,summary){word-break:keep-all;overflow-wrap:break-word}

/* Image-led explanation: actual hardware, interface, and training scenes. */
.connection{padding:32px 22px;background:radial-gradient(ellipse at center,#231c3b 0%,#12121b 70%);border:var(--border-hairline);border-radius:16px;gap:16px}.connection .device-node{flex:1;min-width:0;gap:12px}.device-node img{width:100%;height:190px;object-fit:contain;display:block;padding:18px}.device-role{font-size:12px;color:#b6a7fd;border:1px solid #564583;padding:7px 12px;border-radius:30px}.connection small{text-align:center;line-height:1.6}.connection-arrow{font-size:32px}.visual-section-label{margin:72px 0 26px}.visual-section-label>span{font-size:11px;letter-spacing:.12em;color:var(--brand-violet-light)}.visual-section-label h3{font-size:26px;letter-spacing:-.03em;margin:14px 0}.setup-steps{margin:0;border:0;gap:20px}.setup-steps li{display:block;padding:0;border:var(--border-hairline);border-radius:12px;overflow:hidden;background:var(--bg-surface)}.step-visual{display:block;position:relative;aspect-ratio:16/10;background:radial-gradient(ellipse at bottom,#32254e,#101017);overflow:hidden}.step-visual>img{width:100%;height:100%;object-fit:cover;display:block}.step-visual[href]>img{object-fit:contain}.step-visual.equipment{display:flex;align-items:center;padding:20px}.step-visual.equipment img{width:65%;height:85%;object-fit:contain}.step-visual.equipment img+img{width:45%;margin-left:-10%;align-self:end}.step-description{display:flex;gap:16px;padding:26px 22px}.step-description>span{color:var(--brand-violet-light);font-size:12px;margin-top:4px}.zoom-label{position:absolute;right:12px;bottom:12px;padding:8px 12px;border-radius:30px;font-size:11px;background:#0a0a0fe6;border:1px solid #ffffff35;color:white}.feature-panel{grid-template-columns:1fr;gap:28px;min-height:0}.feature-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:start}.feature-copy .feature-kicker{grid-column:1/-1}.feature-copy h3{grid-column:1;grid-row:2/4;margin:18px 0 0}.feature-copy p{grid-column:2;margin:18px 0 0;max-width:none}.feature-copy .capability-tags,.feature-copy .workflow-chips{grid-column:2;margin-top:16px}.product-screen{padding:18px 18px 0;border-color:#4c3c7159;background:radial-gradient(ellipse at top,#2b2045,#0e0e17)}.product-screen img{max-height:610px;min-height:0;object-fit:contain}.product-screen>span{text-align:center;font-size:12px;padding:18px 10px}.training-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.training-card{border:var(--border-hairline);border-radius:14px;overflow:hidden;background:var(--bg-surface)}.training-card>a{display:block;position:relative;background:#0a0a0f}.training-card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}.training-caption{padding:24px 28px 28px}.training-caption>span{font-size:11px;color:var(--brand-violet-light)}.training-caption h3{font-size:25px;letter-spacing:-.03em;margin:12px 0}.training-caption p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0}.content-categories{margin-top:45px}.content-categories h3{font-size:18px}.content-categories article{padding-block:26px}[data-image-preview]{cursor:zoom-in}[data-image-preview]:hover{outline:1px solid var(--brand-violet-light);outline-offset:-1px}#image-dialog{width:min(1500px,96vw);max-height:94svh}#expanded-image{display:block;width:100%;height:auto;max-height:calc(94svh - 120px);object-fit:contain;background:#101017}#image-dialog>p{margin:0;padding:14px 20px;font-size:11px;color:var(--text-secondary)}#image-dialog .dialog-head h2{letter-spacing:0;line-height:1.5}body:has(#image-dialog[open]){overflow:hidden}
@media(max-width:719px){.connection{flex-direction:column;gap:16px;padding:26px 20px}.connection .device-node{width:100%;display:grid;grid-template-columns:44% 1fr;gap:8px 16px;align-items:center}.device-node img{grid-column:1;grid-row:1/4;height:120px;padding:0}.device-role{grid-column:2;font-size:10px;padding:6px 9px;justify-self:start}.connection strong{grid-column:2;font-size:18px}.connection small{grid-column:2;max-width:none;text-align:left;font-size:11px}.connection-arrow{transform:rotate(90deg);font-size:24px;line-height:1}.visual-section-label{margin-top:50px}.visual-section-label h3{font-size:23px}.setup-steps{gap:20px}.setup-steps li{padding:0}.step-description{padding:23px}.feature-copy{display:block}.feature-copy h3{margin-top:18px}.feature-copy p{margin-top:18px}.product-screen{padding:6px 6px 0}.product-screen>span{font-size:10px;line-height:1.6;padding:12px 8px}.training-gallery{grid-template-columns:1fr;gap:24px}.training-caption{padding:22px}.training-caption h3{font-size:23px}.training-caption p{font-size:13px}.zoom-label{font-size:10px;right:10px;bottom:10px}.content-categories h3{font-size:16px}#image-dialog .dialog-head{align-items:flex-start}#image-dialog .dialog-head h2{padding-top:12px}}
.training-card .zoom-label{top:12px;left:12px;right:auto;bottom:auto}

/* Operations film and current product briefing. */
.operations-section{background:radial-gradient(ellipse at top right,#281b43,transparent 55%);scroll-margin-top:76px}.operations-film{margin:0;border:1px solid #524175;border-radius:16px;overflow:hidden;background:#0a0a0f}.operations-film video{width:100%;aspect-ratio:16/9;display:block;background:#0a0a0f}.operations-film figcaption{display:flex;justify-content:space-between;gap:12px;padding:18px 22px;font-size:12px;color:var(--text-secondary);background:#15111f}.operations-chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px}.operations-chapters button{text-align:left;border:1px solid #332840;border-radius:8px;padding:16px 12px;color:var(--brand-violet-light);font-size:11px}.operations-chapters button span{display:block;margin-top:9px;font-size:13px;color:#eee9f8}.operations-chapters button:hover,.operations-chapters button[aria-current="step"]{background:#2a1d43;border-color:var(--brand-violet-light)}.operations-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:52px}.operations-benefits article{border-top:1px solid #47345e;padding-top:26px}.operations-benefits article>span{font-size:10px;letter-spacing:.1em;color:var(--brand-violet-light)}.operations-benefits h3{font-size:23px;line-height:1.4;margin:16px 0}.operations-benefits p{font-size:14px;line-height:1.8;color:var(--text-secondary)}
@media(max-width:719px){.operations-section{scroll-margin-top:64px}.operations-film{border-radius:10px}.operations-film figcaption{flex-direction:column;font-size:10px;padding:14px}.operations-chapters{grid-template-columns:repeat(3,1fr)}.operations-chapters button{padding:13px 8px}.operations-chapters button span{font-size:11px}.operations-benefits{grid-template-columns:1fr;gap:22px;margin-top:32px}.operations-benefits h3{font-size:22px}.operations-benefits p{font-size:14px}}
.operations-player{position:relative}.operations-play-toggle{position:absolute;right:20px;top:20px;display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid #9c87ff80;border-radius:30px;background:#171025e8;color:#fff;font-size:13px;backdrop-filter:blur(10px);cursor:pointer;min-height:44px}.operations-play-toggle:hover{background:#493379}.operations-play-toggle.is-playing{color:#b9f4d7;border-color:#6de0b655}.operations-play-toggle:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:719px){.operations-play-toggle{right:10px;top:10px;padding:8px 12px;font-size:11px}}
.operations-sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;background:#745cfc;border:1px solid #aa98ff;border-radius:24px;color:white;font:inherit;cursor:pointer;white-space:nowrap}.operations-sound-toggle:hover{background:#8f7dff}.operations-sound-toggle[aria-pressed="true"]{background:#253a34;border-color:#6de0b6;color:#b9f4d7}.operations-sound-toggle:focus-visible{outline:2px solid white;outline-offset:4px}.operations-film figcaption{align-items:center}@media(max-width:719px){.operations-film figcaption{align-items:flex-start}.operations-sound-toggle{font-size:13px}}
/* Sequential feature reading with click-to-jump navigation. */
.feature-tabs{position:sticky;top:var(--product-nav-height,76px);z-index:8;background:rgba(22,22,31,.97);backdrop-filter:blur(16px);margin-bottom:44px}.feature-tabs a{display:flex;align-items:center;gap:16px;padding:23px 18px;color:var(--text-secondary);font-size:12px;border-bottom:2px solid transparent;text-decoration:none}.feature-tabs a[aria-current="step"]{color:var(--brand-violet-light);border-color:var(--brand-violet-light);background:linear-gradient(0deg,#745cfc18,transparent)}.feature-tabs a:focus-visible{outline:2px solid var(--brand-violet-light);outline-offset:-4px}.feature-panel{scroll-margin-top:calc(var(--product-nav-height,76px) + var(--feature-nav-height,80px) + 28px);padding:24px 0 72px}.feature-panel+.feature-panel{border-top:var(--border-hairline);padding-top:64px}.feature-panel:last-of-type{padding-bottom:20px}.field-grid figure{min-width:0}.field-grid img{width:100%;height:auto;object-fit:contain}
@media(max-width:719px){.feature-tabs{margin-bottom:20px}.feature-tabs a{flex-direction:column;align-items:flex-start;gap:9px;padding:15px 8px;font-size:10px}.feature-tabs span{font-size:13px}.feature-panel{padding:16px 0 42px}.feature-panel+.feature-panel{padding-top:40px}}
#consult-form .cms-consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;line-height:1.6;font-size:13px}
#consult-form .cms-consent input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:var(--brand-violet-light)}
#consult-form .cms-consent a{color:var(--brand-violet-light);text-decoration:underline;text-underline-offset:3px}
#consult-form .cms-botcheck{position:absolute;left:-10000px;width:1px;height:1px;opacity:0;pointer-events:none}
#consult-form button:disabled{opacity:.6;cursor:wait}
#consult-form label:not(.cms-consent){display:block}
#consult-form label:not(.cms-consent)>:is(input,select,textarea){display:block;margin-top:10px}
#consult-form label:not(.cms-consent)>span[aria-hidden="true"]{display:inline;color:#ff897f;font-size:16px;font-weight:800;margin-left:3px}
#consult-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:18px}
#consult-form>label:nth-child(7),#consult-form>.cms-consent,#consult-form>#consult-send,#consult-form>#consult-status{grid-column:1/-1}
@media(max-width:900px){#consult-form{grid-template-columns:1fr}#consult-form>label:nth-child(7),#consult-form>.cms-consent,#consult-form>#consult-send,#consult-form>#consult-status{grid-column:auto}}
#consult-status:empty{display:none}
.contact-email span{display:block;margin-bottom:7px;color:var(--text-secondary);font-size:13px;font-weight:500}
.contact-email strong{font-weight:600;overflow-wrap:anywhere}
.contact-phone span{display:block;margin-bottom:7px;color:var(--text-secondary);font-size:13px;font-weight:500}
.contact-phone a{color:var(--text-secondary)}