:root {
  color-scheme: dark;
  --black: #020407;
  --ink: #071018;
  --white: #f6fbff;
  --muted: #9ba8b7;
  --soft: #72818e;
  --blue: #397dff;
  --cyan: #1fe0cb;
  --line: rgba(94, 184, 218, 0.22);
  --surface: rgba(5, 14, 21, 0.76);
  --header-height: 98px;
  --ease-camera: cubic-bezier(0.22, 0.72, 0.16, 1);
}

* { box-sizing: border-box; }
html, body { width: 100%; min-width: 320px; height: 100%; margin: 0; overflow: hidden; background: var(--black); }
body { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; color: var(--white); -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; }

.experience { position: relative; isolation: isolate; width: 100%; height: 100svh; min-height: 680px; overflow: clip; background: var(--black); }

.site-header {
  position: absolute; inset: 0 0 auto; z-index: 40;
  display: grid; grid-template-columns: minmax(205px, 1fr) auto minmax(300px, 1fr); align-items: center;
  height: var(--header-height); padding: 0 clamp(28px, 4.8vw, 76px);
  background: linear-gradient(180deg, rgba(2,4,7,.97), rgba(2,4,7,.64) 68%, transparent);
}
.brand { display: block; width: clamp(176px, 14.5vw, 230px); text-decoration: none; outline: none; }
.brand__lockup { position: relative; display: block; width: 100%; aspect-ratio: 3 / 1; }
.brand__layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.brand__layer--color { filter: saturate(.9) contrast(1.08) brightness(1.12); }
.brand__layer--light { clip-path: inset(0 0 0 25.4%); filter: brightness(0) invert(1); opacity: .96; }
.brand__layer--glint { clip-path:inset(0 0 0 25.4%); background:linear-gradient(105deg,transparent 5%,rgba(57,125,255,.68) 21%,#397dff 34%,#21d5e2 49%,#16e0a5 64%,rgba(22,224,165,.68) 78%,transparent 94%); background-size:175% 100%; background-position:140% 50%; -webkit-mask:url("./tokenvolt-logo-premium-black-wordmark.png") center / contain no-repeat; mask:url("./tokenvolt-logo-premium-black-wordmark.png") center / contain no-repeat; filter:drop-shadow(0 0 9px rgba(42,188,232,1)); opacity:0; animation:brand-text-glint 5s linear infinite; will-change:background-position,opacity }

.primary-nav { display: flex; align-items: center; gap: clamp(27px, 3.45vw, 54px); height: 100%; }
.nav-item { position: relative; height: 100%; padding: 2px 0 0; border: 0; background: transparent; color: #8894a3; font-size: clamp(16px, 1.35vw, 20px); font-weight: 560; letter-spacing: .02em; white-space: nowrap; cursor: pointer; transition: color 240ms ease, text-shadow 240ms ease; }
.nav-item::after { content: ""; position: absolute; left: 50%; bottom: 20px; width: 0; height: 2px; border-radius: 99px; background: linear-gradient(90deg, var(--blue), var(--cyan)); box-shadow: 0 0 14px rgba(42,203,224,.52); transform: translateX(-50%); transition: width 320ms var(--ease-camera); }
.nav-item:hover, .nav-item.is-active, .nav-item:focus-visible { color: var(--white); }
.nav-item.is-active { color:transparent; background:linear-gradient(105deg,#f6fbff 0%,#f6fbff 41%,#398cff 48%,#5be7f2 52%,#f6fbff 59%,#f6fbff 100%); background-size:260% 100%; background-position:100% 50%; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:nav-text-glint 3s linear infinite }
.nav-item.is-active::after { width: 100%; }
.nav-item:focus-visible, .brand:focus-visible, .demo-button:focus-visible, .button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 1px solid rgba(102,224,235,.88); outline-offset: 4px; }
.nav-item:focus-visible { outline: none; text-shadow: 0 0 16px rgba(62,199,232,.42); }

.demo-button, .button { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; cursor: pointer; transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 10px; }
.demo-button { gap: 10px; min-width: 136px; height: 46px; padding: 0 22px; border: 1px solid transparent; background: linear-gradient(var(--black), var(--black)) padding-box, linear-gradient(105deg,#4f6fff,#23d8c7) border-box; color: var(--white); font-size: 15px; font-weight: 620; letter-spacing: .03em; text-decoration: none; }
.login-button { min-width: 104px; background: linear-gradient(105deg,#4d8cff,#1ee0c4); color: #021318; border-color: transparent; }
.demo-button svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 240ms ease; }
.demo-button:hover { box-shadow: 0 0 30px rgba(38,205,218,.2); transform: translateY(-1px); }
.demo-button:hover svg { transform: translateX(2px); }

.visual-stage, .chip-scene, #circuit-canvas, .power-wave, .power-flare, .film-grain, .edge-vignette { position: absolute; inset: 0; }
.visual-stage { z-index: 0; overflow: clip; background: var(--black); }
.chip-scene { z-index: 0; background-position: 50% 50%; background-size: cover; transform-origin: 71% 48%; will-change: transform, opacity, filter; transition: transform 1450ms var(--ease-camera), opacity 850ms ease, filter 850ms ease; }
.chip-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.2), transparent 39%), linear-gradient(180deg, rgba(0,0,0,.05), transparent 45%); }
.chip-scene--master { opacity: 1; background-image: url("./tokenvolt-chip-approved-master.png"); transform: scale(1.001); }
.chip-scene--interior { opacity: 0; background-image: url("./assets/chip-interior.png"); transform: scale(.76); transform-origin: 59% 47%; }

[data-view="solutions"] .chip-scene--master { transform: scale(1.14) translate3d(-1.4%, 1%, 0); filter: saturate(1.04) brightness(.88); }
[data-view="cases"] .chip-scene--master { transform: scale(1.32) translate3d(-2.8%, 1.6%, 0); filter: saturate(1.06) brightness(.78); }
[data-view="about"] .chip-scene--master { transform: scale(1.54) translate3d(-4%, 2%, 0); filter: saturate(1.05) brightness(.68); }
[data-view="contact"] .chip-scene--master { opacity: 0; transform: scale(1.88) translate3d(-5%, 2.5%, 0); }
[data-view="contact"] .chip-scene--interior { opacity: 1; transform: scale(1.001); filter: brightness(.8) saturate(1.08) contrast(1.02); }
[data-view="contact"] .chip-scene--interior::after { background: linear-gradient(90deg,rgba(1,4,7,.77),transparent 30%,transparent 72%,rgba(1,4,7,.62)), linear-gradient(180deg,rgba(1,4,7,.18),transparent 48%,rgba(1,4,7,.34)); }

#circuit-canvas { z-index: 4; display: block; width: 100%; height: 100%; pointer-events: none; }

.power-wave, .power-flare { z-index: 5; pointer-events: none; opacity: 0; }
.power-wave { background:radial-gradient(circle at var(--pulse-x,72%) var(--pulse-y,49%),rgba(180,250,255,.1) 0,rgba(53,190,235,.045) 7%,rgba(36,112,255,.016) 15%,transparent 26%); transform:scale(.72); mix-blend-mode:screen; }
.power-wave::before,.power-wave::after { display:none; }
.power-flare { background:radial-gradient(circle at var(--pulse-x,72%) var(--pulse-y,49%),rgba(213,255,255,.075),rgba(62,202,238,.025) 8%,transparent 18%); mix-blend-mode:screen; }
.experience.is-charging .power-wave { animation:power-wave 2400ms ease-out both; }
.experience.is-charging .power-flare { animation:power-flare 1700ms ease-out both; }

.content-stack { position: absolute; inset: var(--header-height) 0 0; z-index: 12; }
.content-panel { position: absolute; inset: 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(-24px,18px,0) scale(.985); filter: blur(5px); transition: opacity 480ms ease, transform 760ms var(--ease-camera), filter 480ms ease, visibility 0s linear 500ms; }
.content-panel.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: translate3d(0,0,0) scale(1); filter: blur(0); transition-delay: 180ms; }
.panel-inner { position: relative; width: min(1434px, calc(100% - clamp(56px,9.6vw,152px))); height: 100%; margin: 0 auto; }
.panel-inner--home { display: flex; flex-direction: column; justify-content: center; padding-bottom: 2.5vh; }
.panel-inner--wide { padding: clamp(18px,3vh,34px) min(25vw,390px) 64px 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(44,198,216,.35) transparent; mask-image: linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 28px),transparent 100%); }
.panel-inner--wide::-webkit-scrollbar { width: 3px; }.panel-inner--wide::-webkit-scrollbar-thumb { background: rgba(44,198,216,.35); }

.hero-title { width: 620px; margin: 0; color: var(--white); font-size: clamp(54px,4.7vw,76px); line-height: 1.08; letter-spacing: -.055em; font-weight: 720; text-shadow: 0 8px 30px rgba(0,0,0,.44); }
.hero-copy { width: 515px; max-width: 44vw; margin: 26px 0 0; color: #a9b3bf; font-size: clamp(16px,1.22vw,19px); line-height: 1.72; letter-spacing: .01em; }
.hero-actions { display: flex; gap: 18px; margin-top: 30px; }
.button { min-width: 168px; height: 50px; padding: 0 26px; font-size: 15px; font-weight: 650; letter-spacing: .02em; border: 0; }
.button--primary { background: linear-gradient(105deg,#4d8cff,#1ee0c4); color: #021318; box-shadow: 0 12px 32px rgba(30,192,210,.12); }
.button--secondary { border: 1px solid transparent; background: linear-gradient(rgba(2,4,7,.88),rgba(2,4,7,.88)) padding-box, linear-gradient(105deg,#3c6dff,#1fdcc8) border-box; color: var(--white); }
.button:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(33,200,215,.2); }

.section-heading { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(30px,4vw,64px); align-items: end; margin-bottom: 22px; }
.section-heading--compact { margin-bottom: 18px; }
.section-index { margin: 0 0 11px; color: var(--cyan); font-size: 10px; font-weight: 720; letter-spacing: .23em; text-transform: uppercase; }
.section-title { margin: 0; color: var(--white); font-size: clamp(35px,3vw,48px); line-height: 1.08; letter-spacing: -.045em; font-weight: 700; text-shadow: 0 6px 24px rgba(0,0,0,.5); }
.section-copy { margin: 0 0 4px; color: #9eabb8; font-size: 14px; line-height: 1.68; }

.solution-matrix { display: grid; grid-template-columns: 1fr; gap: 10px; }
.solution-track { position: relative; display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 18px; min-height: 0; padding: 22px 26px; border-top: 1px solid rgba(86,187,222,.38); border-bottom: 1px solid rgba(86,187,222,.15); background: linear-gradient(145deg,rgba(8,24,32,.86),rgba(4,9,14,.54)); backdrop-filter: blur(14px); overflow: hidden; }
.solution-track::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg,var(--blue),var(--cyan),transparent); opacity: .35; }
.solution-track--primary { background: linear-gradient(145deg,rgba(10,33,43,.93),rgba(5,14,21,.72)); }
.track-number { padding-top: 6px; color: rgba(82,225,224,.76); font-size: 12px; font-weight: 750; letter-spacing: .16em; }
.track-body h3 { margin: 0 0 10px; font-size: 28px; line-height: 1.18; letter-spacing: -.025em; }
.track-body > p { min-height: 0; max-width: 880px; margin: 0; color: #aebbc5; font-size: 14px; line-height: 1.68; }
.model-cloud { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
.model-cloud span { display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:6px 10px; border:1px solid rgba(81,174,209,.22); background:rgba(11,34,43,.58); color:#dcebed; font-size:11px; border-radius:2px; }
.model-cloud img { width:20px; height:20px; object-fit:contain; flex:0 0 20px; }
.billing-line { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; margin-top: 14px; color: #9aabb7; font-size: 11px; }
.billing-line b { color: var(--cyan); font-weight: 650; }
.discount-block { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; align-items: end; margin-top: 12px; padding-top: 11px; border-top: 1px solid rgba(89,190,214,.18); }
.discount-block span { color: #8797a4; font-size: 11px; }.discount-block strong { color: #dffeff; font-size: 19px; letter-spacing: -.02em; }.discount-block small { grid-column: 1/-1; color: #687886; font-size: 10px; }
.track-list { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px 18px; margin: 16px 0 0; padding: 0; list-style: none; }
.track-list li { position: relative; padding-left: 14px; color: #c2ccd3; font-size: 12px; }.track-list li::before { content: ""; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px rgba(31,224,203,.8); }
.sla-strip { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 10px; border-top: 1px solid rgba(86,187,222,.22); border-bottom: 1px solid rgba(86,187,222,.14); background: rgba(3,10,15,.68); backdrop-filter: blur(10px); }
.sla-strip > div { min-height: 136px; padding: 15px 16px 16px; border-right: 1px solid rgba(86,187,222,.12); }.sla-strip > div:last-child{border-right:0}
.sla-strip span { display:block; color:var(--cyan); font-size:10px; font-weight:750; letter-spacing:.08em }.sla-strip b { display:block; margin-top:5px; color:#e8f4f6; font-size:14px; font-weight:650 }.sla-strip em { display:block; margin-top:7px; color:#67ded7; font-size:11px; font-style:normal; font-weight:650; letter-spacing:.025em }.sla-strip p { margin:7px 0 0; color:#94a4af; font-size:11px; line-height:1.52 }
.sla-note { margin:7px 2px 0; color:#617480; font-size:10px; line-height:1.5 }

.proof-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.proof-stat { position: relative; min-height: 205px; padding: 23px 25px; border-top: 1px solid rgba(68,218,221,.45); background: linear-gradient(135deg,rgba(9,31,39,.88),rgba(3,10,15,.62)); backdrop-filter: blur(13px); overflow: hidden; }
.proof-stat::before { content: ""; position: absolute; right: -60px; top: -85px; width: 190px; height: 190px; border-radius: 50%; border: 1px solid rgba(55,191,226,.18); box-shadow: 0 0 50px rgba(38,122,255,.08) inset; }
.proof-stat strong { display: block; color: #e9feff; font-size: clamp(42px,4vw,64px); line-height: .95; letter-spacing: -.055em; font-weight: 680; text-shadow: 0 0 30px rgba(47,204,223,.18); }.proof-stat strong small { display:inline-block; color:var(--cyan); font-size:.34em; letter-spacing:0; }.proof-stat strong .proof-stat__unit--spaced { margin-left:.32em; }
.proof-stat h3 { margin: 14px 0 7px; color: #edf7f8; font-size: 15px; }.proof-stat p { max-width: 500px; margin: 0; color: #9fadb7; font-size: 11px; line-height: 1.58; }.proof-stat > span { display:block; margin-top:11px; color:#637582; font-size:9px }
.partner-section { margin-top: 12px; padding: 17px 20px 13px; border-top: 1px solid rgba(86,187,222,.2); background: rgba(3,9,14,.68); backdrop-filter: blur(12px); }
.partner-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:12px }.partner-heading h3 { margin:0; font-size:15px }.partner-heading p { margin:0; color:#71818e; font-size:10px }
.partner-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px }
.partner-card { display:grid; grid-template-rows:36px auto; align-items:center; min-height:82px; padding:12px 13px 9px; border:1px solid rgba(99,180,209,.16); background:rgba(7,20,27,.7); text-align:center; text-decoration:none; transition:transform 220ms ease,border-color 220ms ease,background 220ms ease; overflow:hidden }
.partner-card:hover { transform:translateY(-2px); border-color:rgba(57,214,218,.46); background:rgba(9,27,35,.88) }
.partner-card img { display:block; max-width:100%; max-height:32px; margin:0 auto; object-fit:contain; object-position:center }
.partner-card > span { align-self:end; color:#71818e; font-size:9px }
.partner-card--zhipu img { width:104px }
.partner-card--infini img { width:118px; filter:brightness(0) invert(1); opacity:.9 }
.partner-card--centlt img { width:182px; max-width:none; margin-left:calc(50% - 51px); object-position:left center; filter:brightness(0) invert(1); opacity:.9; clip-path:inset(0 44% 0 0) }
.partner-card--cloud > img { width:auto; height:var(--logo-height,32px); max-height:none; object-fit:contain; object-position:center; filter:none; opacity:1 }
.partner-card--mobile { --logo-height:24px; }
.partner-card--mobile > img { mix-blend-mode:normal; }
.partner-card--unicom { --logo-height:32px; }
.partner-card--tianyi { --logo-height:34px; }
.partner-card--volcengine > img { width:auto; height:32px; }
.partner-card--tencent img { width:auto; height:31px; max-height:none }
.partner-card--baidu img { width:auto; height:32px; max-height:none }
.data-note { margin:9px 0 0; color:#566774; font-size:9px }

.panel-inner--about { padding-right: min(20vw,300px); padding-bottom:96px; scroll-behavior:smooth }
.about-heading { display:grid; grid-template-columns:1fr; align-items:end; margin-bottom:22px }
.team-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px }
.team-statement { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) 190px; grid-template-rows:auto auto auto; column-gap:28px; min-height:190px; padding:29px 32px; border-top:1px solid rgba(76,215,220,.3); background:rgba(4,12,18,.76); backdrop-filter:blur(12px) }.team-statement > span { grid-column:1; color:var(--cyan); font-size:11px; letter-spacing:.15em }.team-statement h3 { grid-column:1; margin:10px 0 12px; font-size:28px; line-height:1.3 }.team-statement p { grid-column:1; margin:0; color:#a3b0ba; font-size:14px; line-height:1.72 }.competency-list { grid-column:2; grid-row:1/4; display:flex; flex-wrap:wrap; align-content:center; gap:9px; margin:0 }.competency-list b { padding:8px 11px; border:1px solid rgba(81,174,209,.24); color:#c2cdd4; font-size:11px; font-weight:560 }
.request-journey { display:grid; grid-template-columns:1fr; gap:20px; align-items:start; margin-top:12px; padding:29px 32px 31px; border-top:1px solid rgba(86,187,222,.28); background:linear-gradient(110deg,rgba(7,23,30,.9),rgba(3,9,14,.62)); backdrop-filter:blur(12px) }
.request-title span { color:var(--cyan); font-size:11px; letter-spacing:.14em }.request-title h3 { margin:8px 0 8px; font-size:28px; letter-spacing:-.025em }.request-title p { margin:0; color:#94a4af; font-size:14px; line-height:1.62 }.request-journey ol { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:0; padding:0; border-top:1px solid rgba(86,187,222,.16); list-style:none }.request-journey li { min-height:88px; padding:16px 18px 10px; border-left:1px solid rgba(86,187,222,.16) }.request-journey li:first-child { border-left:0 }.request-journey li span { color:var(--cyan); font-size:11px }.request-journey li p { margin:9px 0 0; color:#bec9d0; font-size:12px; line-height:1.55 }.request-journey .button { justify-self:start; min-width:140px; height:46px; padding-inline:20px; font-size:13px }

.content-panel--contact { overflow-y:auto; scrollbar-width:none }.content-panel--contact::-webkit-scrollbar{display:none}
.contact-layout { display:grid; grid-template-columns:minmax(440px,520px) minmax(0,1fr); align-content:start; align-items:start; column-gap:clamp(70px,10vw,160px); width:min(1434px,calc(100% - clamp(56px,9.6vw,152px))); min-height:100%; margin:0 auto; padding:54px 0 70px }
.contact-info { grid-column:1; align-self:start; text-shadow:0 4px 20px rgba(0,0,0,.55) }.contact-info h2 { margin:0; font-size:clamp(38px,3vw,46px); line-height:1.08; letter-spacing:-.045em }.contact-lead { max-width:440px; margin:17px 0 0; color:#aab6c0; font-size:13px; line-height:1.68 }
.contact-info address { margin-top:26px; padding-top:5px; border-top:1px solid rgba(97,197,221,.24); font-style:normal }.contact-info address div { display:grid; grid-template-columns:92px 1fr; gap:14px; padding:13px 0; border-bottom:1px solid rgba(97,197,221,.14) }.contact-info address span { color:#728592; font-size:10px; letter-spacing:.04em }.contact-info address b,.contact-info address a { color:#eef8fa; font-size:13px; line-height:1.5; font-weight:580; text-decoration:none }.contact-info address a:hover { color:var(--cyan) }
.lead-form-shell { grid-column:1; align-self:start; width:100%; margin-top:14px; padding:24px 25px 22px; border:1px solid rgba(119,207,229,.22); background:linear-gradient(145deg,rgba(4,16,23,.88),rgba(3,8,13,.78)); box-shadow:0 24px 90px rgba(0,0,0,.36),0 0 45px rgba(31,133,208,.06) inset; backdrop-filter:blur(20px) }
.form-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px }.form-heading span { color:var(--cyan); font-size:9px; letter-spacing:.16em }.form-heading h3 { margin:5px 0 0; font-size:22px }.form-heading i { position:relative; width:30px; height:30px; border:1px solid rgba(42,218,214,.46); border-radius:50%; box-shadow:0 0 18px rgba(40,198,220,.18) }.form-heading i::before,.form-heading i::after { content:""; position:absolute; background:var(--cyan) }.form-heading i::before { left:8px; right:8px; top:14px; height:1px }.form-heading i::after { top:8px; bottom:8px; left:14px; width:1px }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px 11px }.lead-form-shell label > span { display:block; margin-bottom:7px; color:#82929e; font-size:9px; letter-spacing:.04em }
.lead-form-shell input,.lead-form-shell textarea { width:100%; border:1px solid rgba(106,177,200,.2); border-radius:0; outline:0; background:rgba(1,7,11,.72); color:#eef8fa; transition:border-color 200ms ease,box-shadow 200ms ease }.lead-form-shell input { height:39px; padding:0 11px; font-size:11px }.lead-form-shell textarea { min-height:72px; padding:10px 11px; resize:vertical; font-size:11px; line-height:1.5 }.lead-form-shell input::placeholder,.lead-form-shell textarea::placeholder{color:#4f606d}.lead-form-shell input:focus,.lead-form-shell textarea:focus{border-color:rgba(45,219,215,.62);box-shadow:0 0 0 2px rgba(31,224,203,.06)}.lead-form-shell [aria-invalid="true"]{border-color:#f07a7a}
.message-field { display:block; margin-top:13px }.consent { display:flex; align-items:flex-start; gap:8px; margin-top:12px; cursor:pointer }.consent input { flex:0 0 auto; width:13px; height:13px; margin:1px 0 0; accent-color:var(--cyan) }.consent span { margin:0!important; color:#657783!important; font-size:9px!important; line-height:1.4 }
.form-footer { display:flex; align-items:center; gap:14px; margin-top:15px }.form-footer .button { min-width:126px; height:41px; padding:0 18px; font-size:11px }.form-footer p { margin:0; color:#6d818c; font-size:9px; line-height:1.45 }.form-footer p.is-success{color:#6ce6d5}.form-footer p.is-error{color:#ff9696}

.journey-rail { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:min(540px,46vw); margin-top:28px; opacity:1 }
.journey-line { position:absolute; left:7px; right:calc(25% - 7px); top:7px; height:1px; background:linear-gradient(90deg,rgba(31,224,203,.56),rgba(57,125,255,.4)) }.journey-rail > div { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:10px; color:#aeb9c2 }.journey-rail i { position:relative; z-index:1; width:15px; height:15px; flex:0 0 auto; border:2px solid #1ba6e7; border-radius:50%; background:#051622; box-shadow:0 0 0 4px rgba(31,152,229,.12) }.journey-rail > div:first-of-type i { background:var(--cyan); box-shadow:0 0 15px rgba(31,224,203,.7) }.journey-rail b { font-size:12px; font-weight:560; white-space:nowrap }
.depth-meter { position:absolute; right:clamp(20px,2.6vw,42px); bottom:28px; z-index:16; display:flex; align-items:center; gap:12px; color:rgba(177,201,211,.55); font-size:9px; letter-spacing:.16em }.depth-track { width:82px; height:1px; background:rgba(122,166,185,.22); overflow:hidden }.depth-track i { display:block; width:var(--depth,20%); height:100%; background:linear-gradient(90deg,var(--blue),var(--cyan)); box-shadow:0 0 9px rgba(31,224,203,.6); transition:width 900ms var(--ease-camera) }.depth-meter b { color:#d4e8ed; font-size:11px; font-weight:600 }

.film-grain,.edge-vignette { z-index:20; pointer-events:none }.film-grain { opacity:.035; mix-blend-mode:screen; background-image:repeating-radial-gradient(circle at 17% 29%,transparent 0,rgba(255,255,255,.3) .45px,transparent .8px,transparent 3px),repeating-linear-gradient(121deg,transparent 0,rgba(75,169,192,.08) 1px,transparent 2px,transparent 6px); background-size:5px 5px,10px 10px }.edge-vignette { z-index:19; background:radial-gradient(ellipse at 72% 52%,transparent 34%,rgba(0,0,0,.14) 78%,rgba(0,0,0,.5) 132%),linear-gradient(90deg,rgba(0,0,0,.1),transparent 34%) }

@keyframes power-wave { 0%{opacity:0;transform:scale(.72)}12%{opacity:.34}42%{opacity:.16}100%{opacity:0;transform:scale(1.08)} }
@keyframes power-flare { 0%,100%{opacity:0}14%{opacity:.22}48%{opacity:.08} }
@keyframes nav-text-glint { 0%,45%{background-position:100% 50%}78%,100%{background-position:-10% 50%} }
@keyframes brand-text-glint { 0%{background-position:140% 50%;opacity:0}5%{opacity:1}74%{background-position:-40% 50%;opacity:1}82%,100%{background-position:-40% 50%;opacity:0} }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0 }

@media (max-width: 1260px) {
  :root { --header-height: 90px; }
  .site-header { grid-template-columns:auto 1fr auto; padding-inline:28px }.brand{width:172px}.primary-nav{justify-self:center;gap:24px}.nav-item{font-size:16px}.header-actions{gap:7px}.demo-button{min-width:104px;height:42px;padding-inline:15px}.login-button{min-width:86px}
  .panel-inner,.contact-layout{width:calc(100% - 76px)}.panel-inner--wide{padding-right:150px}.panel-inner--about{padding-right:100px}
  .solution-track{padding:20px 22px}.track-body h3{font-size:25px}.track-list{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:minmax(390px,520px) 1fr}
}

@media (max-width: 900px) {
  :root { --header-height: 126px; }
  .experience{min-height:620px}.site-header{grid-template-columns:1fr auto;grid-template-rows:72px 44px;padding:0 18px 10px;background:linear-gradient(180deg,rgba(2,4,7,.99),rgba(2,4,7,.83) 78%,transparent)}
  .brand{width:158px}.header-actions{justify-self:end}.header-demo-button{display:none}.demo-button{min-width:88px;height:38px;padding-inline:15px;font-size:13px}.demo-button svg{display:none}.primary-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:space-between;gap:22px;width:100%;height:44px;overflow-x:auto;scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 auto;font-size:15px}.nav-item::after{bottom:2px}
  .chip-scene{background-position:68% 50%;transform-origin:68% 50%}.chip-scene::after{background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.15) 47%,rgba(0,0,0,.94) 84%)}
  [data-view="solutions"] .chip-scene--master{transform:scale(1.1)}[data-view="cases"] .chip-scene--master{transform:scale(1.2)}[data-view="about"] .chip-scene--master{transform:scale(1.32)}[data-view="contact"] .chip-scene--interior{background-position:58% 44%;filter:brightness(.65) saturate(1.08)}
  .content-stack{inset:var(--header-height) 0 0}.panel-inner,.contact-layout{width:calc(100% - 36px)}.panel-inner--home{justify-content:flex-end;padding-bottom:50px}.panel-inner--wide{padding:96px 0 56px;mask-image:linear-gradient(to bottom,transparent 0,#000 70px,#000 calc(100% - 20px),transparent)}.panel-inner--about{padding-right:0}
  .hero-title{width:auto;font-size:45px}.hero-copy{max-width:100%;width:100%;font-size:14px;line-height:1.58;margin-top:17px}.journey-rail{width:min(540px,100%);margin-top:22px}.journey-rail b{font-size:11px}.hero-actions{margin-top:24px;gap:10px}.button{min-width:136px;height:44px;padding:0 18px;font-size:13px}
  .section-heading,.about-heading{grid-template-columns:1fr;gap:12px;align-items:start}.section-title{font-size:36px}.section-copy,.about-heading>p{font-size:13px}.solution-track{grid-template-columns:44px minmax(0,1fr);gap:14px;min-height:auto}.track-body>p{min-height:0;font-size:13px}.track-list{grid-template-columns:1fr 1fr}.sla-strip{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:1fr}.partner-grid{grid-template-columns:1fr 1fr}.partner-heading{display:block}.partner-heading p{margin-top:5px}.team-grid{grid-template-columns:1fr}.team-statement{grid-template-columns:1fr;min-height:auto;padding:25px}.competency-list{grid-column:1;grid-row:auto;margin-top:18px}.request-journey{padding:25px}.request-journey ol{grid-template-columns:1fr 1fr}.request-journey .button{display:inline-flex;justify-self:start}
  .contact-layout{display:block;min-height:auto;padding:90px 0 55px}.contact-info{padding:22px;background:linear-gradient(145deg,rgba(3,12,18,.9),rgba(2,7,11,.72));backdrop-filter:blur(14px)}.contact-info h2{font-size:37px}.lead-form-shell{margin-top:12px;padding:22px 20px}.depth-meter{right:18px;bottom:13px}
}

@media (max-width: 520px) {
  .primary-nav{gap:27px}.panel-inner--wide{padding-top:78px}.hero-title{font-size:42px}.journey-rail{margin-top:20px}.journey-rail b{font-size:10px}.hero-actions{margin-top:23px}.hero-actions .button{flex:1;min-width:0;padding-inline:12px}.section-title{font-size:34px}.solution-track{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:17px 14px}.track-body h3{font-size:22px}.track-list{grid-template-columns:1fr}.sla-strip{grid-template-columns:1fr}.sla-strip>div{min-height:auto;border-right:0;border-bottom:1px solid rgba(86,187,222,.12)}.sla-strip>div:last-child{border-bottom:0}.proof-stat{padding:20px;min-height:195px}.proof-stat strong{font-size:46px}.partner-card{min-height:72px;padding:10px}.partner-card--cloud>img{height:var(--logo-height,30px);max-height:none}.team-statement,.request-journey{padding:21px 19px}.team-statement h3,.request-title h3{font-size:23px}.team-statement p,.request-title p{font-size:13px}.request-journey ol{grid-template-columns:1fr}.request-journey li{min-height:auto;padding:14px 8px;border-left:0;border-top:1px solid rgba(86,187,222,.13)}.form-grid{grid-template-columns:1fr}.contact-layout{padding-top:80px}.contact-info,.lead-form-shell{padding:19px}.contact-info h2{font-size:34px}.contact-info address div{grid-template-columns:76px 1fr}.form-footer{align-items:flex-start;flex-direction:column}.edge-vignette{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.55))}
}

@media (prefers-reduced-motion: reduce) {
  .chip-scene,.content-panel{transition-duration:250ms}.experience.is-charging .power-wave,.experience.is-charging .power-flare{animation-duration:1ms;animation-iteration-count:1}.nav-item.is-active{animation:none;background:none;color:var(--white);-webkit-text-fill-color:currentColor}.brand__layer--glint{display:none}
}