/* FLOW ON homepage, nested under .flow-on-page so Dawn base.css cannot override the design. */
html:has(.flow-on-page) { scroll-behavior:smooth; }
body.template-index {
  --void:#030405; --ink:#080b0e; --surface:#10151a; --line:rgba(218,239,255,.18); --soft-line:rgba(255,255,255,.1); --white:#eff8ff; --muted:#93a8b8; --blue:#6bc8e4; --blue-soft:#b9dfe9; --lime:#9ed5e5; --page:1440px;
  margin:0; color:var(--white); background:var(--void);
  background-image:radial-gradient(ellipse at 50% -10%,rgba(31,71,87,.26),transparent 44%),radial-gradient(rgba(185,223,233,.05) .55px,transparent .8px);
  background-size:auto,5px 5px;
  font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
  font-size:16px; letter-spacing:0; line-height:1.5; overflow-x:hidden;
}
body.template-index #MainContent { max-width:none; width:100%; }
body.template-index .shopify-section { margin:0; }

.flow-on-page {
--void:#030405; --ink:#080b0e; --surface:#10151a; --line:rgba(218,239,255,.18); --soft-line:rgba(255,255,255,.1); --white:#eff8ff; --muted:#93a8b8; --blue:#6bc8e4; --blue-soft:#b9dfe9; --lime:#9ed5e5; --page:1440px;
&, * { box-sizing:border-box; } button,input,select { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; } img,video { display:block; max-width:100%; } .page-width { width:min(calc(100% - 80px),var(--page)); max-width:none; margin:auto; padding-left:0; padding-right:0; } .section { position:relative; padding:154px 0; overflow:hidden; } .section + .section { margin-top:0; } .eyebrow,.section-index,.benefit-en,.scene-content p,.footer p,.spec-strip span { font-family:"Segoe UI",Arial,sans-serif; letter-spacing:1.5px; } .eyebrow { margin:0 0 22px; display:flex; align-items:center; gap:10px; color:var(--blue-soft); font-size:10px; font-weight:600; } .eyebrow span { width:26px; height:1px; background:var(--lime); box-shadow:0 0 10px var(--lime); } .section-index { margin:0; color:#657582; font-size:11px; }
.navbar { position:fixed; z-index:20; top:0; left:0; right:0; border-bottom:1px solid transparent; transition:.35s ease; } .navbar.scrolled { background:rgba(3,4,5,.86); border-color:var(--soft-line); backdrop-filter:blur(18px); } .nav-inner { display:flex; width:min(calc(100% - 80px),var(--page)); height:82px; align-items:center; margin:auto; justify-content:space-between; } .brand { display:flex; gap:10px; align-items:center; font:700 18px "Courier New",monospace; letter-spacing:2.3px; } .brand-mark { width:25px; height:17px; position:relative; display:flex; align-items:center; gap:2px; transform:skewX(-25deg); } .brand-mark i { display:block; background:var(--blue); box-shadow:0 0 10px var(--blue); width:6px; height:15px; } .brand-mark i:nth-child(2) { height:10px; background:var(--white); } .brand-mark i:nth-child(3) { height:6px; background:var(--lime); } .nav-links { display:flex; align-items:center; gap:34px; margin-left:auto; margin-right:34px; } .nav-links a { font-size:13px; color:#aec0cc; transition:color .25s; } .nav-links a:hover,.nav-links a.active { color:var(--white); } .nav-cta { border:0; padding:10px 0; background:none; color:var(--white); font-size:13px; border-bottom:1px solid var(--lime); } .nav-cta span { color:var(--lime); margin-left:5px; font-size:16px; }.menu-toggle { display:none; }
.hero { min-height:100svh; position:relative; display:flex; align-items:center; overflow:hidden; background:#061019; } .hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.69; filter:saturate(.82) contrast(1.06); } .hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,10,16,.92) 0%,rgba(0,10,16,.63) 40%,rgba(0,10,16,.13) 72%),linear-gradient(0deg,rgba(3,4,5,.92),transparent 52%); } .hero-shade:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,22,33,.45),transparent 54%); } .hero-grid { position:absolute; inset:0; opacity:.15; background-image:linear-gradient(rgba(168,229,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(168,229,255,.16) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(90deg,black,transparent 66%); } .hero-content { position:relative; padding-top:90px; max-width:780px; } .hero-eyebrow { color:#c6e6f5; } .hero-kicker { margin:0 0 13px; color:rgba(183,221,239,.62); font-size:10px; font-weight:600; letter-spacing:2.7px; } .hero h1 { margin:0; color:#f0f9ff; font-size:82px; font-weight:300; line-height:1.03; letter-spacing:0; } .closing h2 { margin:0; font-size:88px; font-weight:400; line-height:.98; letter-spacing:0; } h1 em,h2 em { color:#8edfff; font-style:normal; text-shadow:none; font-weight:500; } .hero-copy { margin:32px 0 32px; color:#bed0da; line-height:1.9; font-size:15px; font-weight:400; } .hero-actions { display:flex; align-items:center; gap:28px; }.button { display:inline-flex; border:1px solid var(--blue); justify-content:center; align-items:center; gap:32px; min-height:48px; padding:0 20px; color:#031018; background:var(--blue); font-weight:700; font-size:13px; transition:.25s; }.button:hover { color:var(--void); background:var(--lime); border-color:var(--lime); box-shadow:0 0 28px rgba(158,213,229,.2); }.button span { font-size:19px; }.text-link { color:#d7e6ed; border-bottom:1px solid rgba(255,255,255,.35); padding:10px 0; font-size:13px; }.text-link span { color:var(--blue); margin-left:13px; }.hero-bottom { position:absolute; left:0; right:0; bottom:27px; display:flex; justify-content:space-between; align-items:end; color:#9eb1bb; font:10px "Segoe UI",Arial,sans-serif; letter-spacing:1.3px; }.hero-bottom a { display:flex; flex-direction:column; align-items:end; gap:10px; }.hero-bottom i { height:28px; border-left:1px solid var(--blue); }
.intro { background:var(--void); border-bottom:1px solid var(--soft-line); }.intro-grid { display:grid; grid-template-columns:1fr 2.3fr 1.5fr; column-gap:40px; align-items:start; }.intro h2,.benefits h2,.scene-heading h2 { margin:0; font-size:clamp(36px,4.3vw,65px); line-height:1.05; font-weight:500; }.intro-copy { padding-top:8px; color:#b9cad4; line-height:1.85; font-size:15px; }.intro-copy p { margin:0 0 30px; }.intro-en { color:var(--blue); font:11px/1.7 "Courier New",monospace; letter-spacing:1.1px; }
.product-section { background:#e9f8ff; color:#06111a; }.product-section:before { content:""; position:absolute; inset:0; opacity:.42; background-image:linear-gradient(rgba(14,78,106,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(14,78,106,.1) 1px,transparent 1px); background-size:58px 58px; }.section-heading { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:end; gap:50px; }.section-heading .eyebrow { color:#15536e; }.section-heading .section-index { color:#54717e; margin-bottom:32px; }.section-heading > p { color:#496977; font-size:17px; line-height:1.7; margin:0; }.product-stage { position:relative; isolation:isolate; min-height:580px; margin:48px 0 0; display:flex; align-items:center; justify-content:center; overflow:hidden; border-top:1px solid rgba(7,77,106,.22); border-bottom:1px solid rgba(7,77,106,.22); }.product-stage img { position:relative; z-index:2; width:min(800px,75%); mix-blend-mode:multiply; transform:scale(1.24); }.product-axis { position:absolute; inset:50% 0 auto; border-top:1px solid rgba(5,70,95,.17); }.product-orbit { position:absolute; z-index:0; border:1px solid rgba(4,109,154,.24); border-radius:50%; }.orbit-one { width:900px; height:290px; transform:rotate(-9deg); }.orbit-two { width:620px; height:420px; transform:rotate(29deg); }.stage-copy { position:absolute; z-index:3; display:flex; flex-direction:column; }.stage-copy span { font:11px "Courier New",monospace; letter-spacing:1.6px; color:#28799a; }.stage-copy strong { margin:8px 0; font-size:52px; font-weight:400; line-height:.9; }.stage-copy small { font-size:19px; }.stage-copy em { color:#597988; font-style:normal; font-size:13px; }.stage-copy-left { left:5%; bottom:21%; }.stage-copy-right { right:5%; top:22%; text-align:right; }.spec-strip { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid rgba(7,77,106,.22); }.spec-strip div { min-height:128px; padding:18px 20px; border-right:1px solid rgba(7,77,106,.22); }.spec-strip span { display:block; color:#5e8798; font-size:10px; }.spec-strip strong { margin-top:25px; display:block; font:700 14px "Courier New",monospace; letter-spacing:1.2px; }.spec-strip p { margin:5px 0 0; color:#587585; font-size:12px; }
.benefits { background:var(--ink); }.benefits:before { content:""; position:absolute; left:-20%; top:-25%; width:65vw; height:65vw; border-radius:50%; background:radial-gradient(circle,rgba(40,134,184,.12),transparent 67%); }.benefits-heading { align-items:end; }.benefits-heading h2 { text-align:right; }.benefit-grid { position:relative; display:grid; grid-template-columns:repeat(4,1fr); margin-top:70px; border:1px solid var(--soft-line); }.benefit-card { position:relative; min-height:390px; padding:25px; border-right:1px solid var(--soft-line); background:linear-gradient(135deg,rgba(161,222,255,.04),transparent 55%); }.benefit-card:last-child { border-right:0; }.card-number { color:#637682; font:11px "Courier New",monospace; }.benefit-card h3 { margin:20px 0 2px; font-size:32px; font-weight:500; }.benefit-card p { color:#aebfca; font-size:14px; line-height:1.75; }.benefit-card .benefit-en { color:var(--blue); font-size:10px; margin-top:0; }.benefit-symbol { height:124px; margin-top:42px; position:relative; }.symbol-invisible:before { content:""; position:absolute; width:94px; height:48px; border:1px solid var(--blue); border-radius:50%; transform:rotate(-25deg); top:29px; left:7px; box-shadow:0 0 24px rgba(107,200,228,.2),inset 0 0 22px rgba(107,200,228,.08); }.symbol-invisible:after { content:""; position:absolute; height:1px; width:145px; background:var(--lime); transform:rotate(-25deg); top:53px; left:-18px; }.symbol-imaging { background:radial-gradient(circle at 49% 46%,var(--lime) 0 4px,transparent 5px),radial-gradient(circle at 49% 46%,transparent 0 24px,rgba(107,200,228,.52) 25px 26px,transparent 27px),radial-gradient(circle at 49% 46%,transparent 0 46px,rgba(107,200,228,.26) 47px 48px,transparent 49px); background-repeat:no-repeat; }.symbol-simple:before,.symbol-simple:after { content:""; position:absolute; border:1px solid var(--blue); }.symbol-simple:before { height:60px; width:96px; left:11px; top:25px; }.symbol-simple:after { width:60px; height:90px; left:29px; top:10px; border-color:var(--lime); }.symbol-limitless { background:linear-gradient(135deg,transparent 49%,var(--blue) 50%,transparent 51%) 0 0/40px 40px,linear-gradient(45deg,transparent 49%,rgba(158,213,229,.72) 50%,transparent 51%) 0 0/40px 40px; mask-image:linear-gradient(90deg,black,transparent); }
.imaging-section { min-height:720px; background:#04131b; }.imaging-art { position:absolute; inset:0; opacity:.85; background:radial-gradient(ellipse at 17% 50%,rgba(64,191,252,.31),transparent 4%,rgba(5,43,63,.5) 22%,transparent 48%); }.scan-line { position:absolute; left:0; right:0; top:48%; border-top:1px solid rgba(169,230,255,.7); box-shadow:0 0 18px var(--blue); }.imaging-ring { position:absolute; left:-170px; top:50%; border:1px solid rgba(131,219,255,.45); border-radius:50%; transform:translateY(-50%); }.ring-a { width:520px; height:520px; }.ring-b { width:720px; height:720px; border-color:rgba(131,219,255,.15); }.imaging-layout { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:12vw; }.imaging-intro h2 { margin:0; font-size:clamp(44px,5vw,76px); font-weight:500; line-height:1.05; }.imaging-details { padding-top:69px; }.imaging-details > p { margin:0; color:#bbccd5; line-height:1.95; font-size:15px; }.feature-list { margin-top:50px; border-top:1px solid var(--line); }.feature-list div { display:grid; grid-template-columns:55px 1fr 1fr; align-items:center; min-height:80px; border-bottom:1px solid var(--line); }.feature-list span { font:11px "Courier New",monospace; color:var(--lime); }.feature-list h3 { font-size:16px; margin:0; font-weight:500; }.feature-list p { color:#9cb0bb; font-size:12px; margin:0; }
.scenes { background:var(--void); }.scene-heading { margin-bottom:65px; }.scene-heading h2 { text-align:right; }.scene-grid { display:grid; grid-template-columns:1fr; gap:32px; }.scene-card { position:relative; aspect-ratio:16 / 9; min-height:0; overflow:hidden; }.scene-card img,.scene-card video { height:100%; width:100%; object-fit:cover; transition:transform .8s ease; }.scene-card:hover img,.scene-card:hover video { transform:scale(1.025); }.scene-surf,.scene-trail { margin-top:0; }.scene-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,7,9,.42),transparent 62%),linear-gradient(0deg,rgba(2,7,9,.84),transparent 64%); }.scene-content { position:absolute; left:46px; bottom:42px; }.scene-content p { color:var(--lime); font-size:10px; margin:0 0 11px; }.scene-content h3 { font-size:42px; font-weight:500; line-height:1.03; margin:0 0 18px; }.scene-content span { color:#d1e2ea; font-size:13px; }.scene-footer { margin-top:90px; display:grid; grid-template-columns:1.4fr 1fr; gap:60px; align-items:end; }.scene-footer p { margin:0; max-width:750px; font-size:24px; line-height:1.45; color:#b4c5ce; }.scene-footer strong { color:var(--white); font-weight:500; }.scene-footer > span { color:var(--blue); font:11px/1.7 "Courier New",monospace; letter-spacing:1.2px; text-align:right; }
.closing { min-height:700px; display:flex; align-items:center; background:#07171e; }.closing-video,.closing-video video,.closing-shade { position:absolute; inset:0; width:100%; height:100%; }.closing-video video { object-fit:cover; opacity:.55; }.closing-shade { background:rgba(1,10,15,.54); }.closing-content { position:relative; }.closing h2 { margin-top:10px; }.closing-content > p:not(.eyebrow) { margin:30px 0; color:#c2d4dc; font-size:16px; }.footer { padding:31px 0; border-top:1px solid var(--soft-line); background:#030405; }.footer-inner { display:flex; align-items:center; justify-content:space-between; }.footer .brand { font-size:15px; }.footer p { margin:0; color:#768792; font-size:9px; }
.modal { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:20px; visibility:hidden; opacity:0; transition:.25s ease; }.modal.open { opacity:1; visibility:visible; }.modal-backdrop { position:absolute; inset:0; background:rgba(0,5,8,.8); backdrop-filter:blur(8px); }.modal-panel { position:relative; width:min(100%,510px); padding:43px; background:#0d151a; border:1px solid rgba(169,230,255,.45); box-shadow:0 0 80px rgba(72,200,255,.16); transform:translateY(15px); transition:.25s ease; }.modal.open .modal-panel { transform:none; }.modal-close { position:absolute; top:13px; right:17px; background:none; border:0; color:#afc5d2; font-size:31px; line-height:1; }.modal-panel h2 { margin:0; font-size:33px; line-height:1.1; font-weight:500; }.modal-panel > p:not(.eyebrow) { color:#9eb3bf; font-size:14px; line-height:1.65; }.access-form { display:grid; gap:16px; margin-top:26px; }.access-form label { display:grid; gap:8px; color:#d5e5ed; font-size:12px; }.access-form input,.access-form select { width:100%; padding:12px; color:var(--white); border:1px solid rgba(169,230,255,.25); background:#071015; outline:none; }.access-form input:focus,.access-form select:focus { border-color:var(--blue); }.access-form select option { background:#071015; }.access-form .button { width:100%; margin-top:9px; }.form-status { min-height:20px; margin:0; color:var(--lime); font-size:13px; line-height:1.6; }.form-status--error { color:#ffb0a8; }.form-status--error ul { margin:0; padding-left:18px; }.form-status--success { color:var(--lime); }
.reveal { opacity:0; transform:translateY(25px); transition:opacity .75s ease,transform .75s ease; }.reveal.visible { opacity:1; transform:none; }
.product-stage.product-stage { min-height:760px; }.product-stage.product-stage > img { width:min(1120px,82%); }
@media (max-width:800px) { .product-stage.product-stage { min-height:0; }.product-stage.product-stage > img { width:100%; } }
/* Allow the revised AI explanations to breathe in both languages. */
.feature-list div { min-height:100px; padding:15px 0; }.feature-list p { max-width:310px; line-height:1.55; }&.lang-en .feature-list div { min-height:118px; }&.lang-en .feature-list p { max-width:350px; }
@media (max-width:800px) { .feature-list div { min-height:0; }.feature-list p { max-width:none; line-height:1.6; } }
/* Refined type emphasis for primary navigation and the closing brand line. */
.nav-links a,.nav-cta { font-weight:650; letter-spacing:.35px; }.nav-links a { color:#c1d1da; }.nav-links a:hover,.nav-links a.active { color:var(--white); }.closing h2 { font-weight:300; letter-spacing:1.2px; line-height:1.02; }.closing h2 em { color:var(--blue-soft); font-weight:500; }.closing-content > p:not(.eyebrow) { max-width:390px; color:#b4c6d0; font-size:14px; letter-spacing:.25px; }
@media (max-width:800px) { .nav-links a { font-weight:650; }.closing h2 { letter-spacing:.4px; } }
/* Refined visual hierarchy: the product and its proof points stay ahead of decoration. */
.product-stage { background:rgba(255,255,255,.18); }.product-stage .product-axis,.product-stage .product-orbit,.product-stage .stage-copy-left,.product-stage .stage-copy-right,.product-stage .product-callout { display:none; }.product-stage > img { position:relative; z-index:2; width:min(840px,78%); max-width:100%; height:auto; transform:none; mix-blend-mode:normal; }.spec-strip { width:min(100%,960px); margin:0 auto; border-top:1px solid rgba(7,77,106,.22); }.spec-strip div { padding:25px 24px; text-align:center; }.spec-strip strong { color:#103e52; }.spec-strip p { color:#63808d; }.benefit-grid { gap:10px; border:0; }.benefit-card { min-height:408px; border:1px solid rgba(185,223,233,.25); border-radius:6px; background:rgba(166,218,237,.045); box-shadow:inset 0 1px 0 rgba(224,246,255,.06); }.benefit-card:not(:last-child) { border-right:1px solid rgba(185,223,233,.25); }.benefit-card:before { content:""; position:absolute; top:0; left:24px; right:24px; border-top:1px solid rgba(185,223,233,.56); }.benefit-card h3 { margin-top:24px; font-size:34px; font-weight:500; }.benefit-card .benefit-en { color:var(--blue-soft); opacity:.62; font-size:9px; }.benefit-card p:not(.benefit-en) { color:#b3c3cc; font-size:13px; }.benefit-symbol { filter:drop-shadow(0 0 8px rgba(107,200,228,.15)); }.scene-copy-right .scene-overlay { background:linear-gradient(270deg,rgba(2,7,9,.66),transparent 60%),linear-gradient(0deg,rgba(2,7,9,.58),transparent 56%); }.scene-copy-right .scene-content { left:auto; right:46px; text-align:right; }.scene-copy-top .scene-overlay { background:linear-gradient(180deg,rgba(2,7,9,.68),transparent 52%),linear-gradient(0deg,rgba(2,7,9,.22),transparent 50%); }.scene-bleed { width:100vw; margin-left:calc((100vw - 100%) / -2); }.scene-bleed .scene-content { right:max(46px,8vw); }.scene-content p { opacity:.76; }.scene-content span { color:rgba(214,232,240,.78); }&.lang-en .benefit-card p:not(.benefit-en) { font-size:12px; line-height:1.7; }&.lang-en .scene-divider h3 { font-size:33px; }
@media (max-width:800px) { .product-stage.product-stage > img { width:97%; transform:none; }.spec-strip div { padding:18px 10px; }.benefit-grid { gap:8px; }.benefit-card { border-radius:5px; }.scene-copy-right .scene-content,.scene-copy-top .scene-content,.scene-bleed .scene-content { top:auto; right:auto; left:20px; bottom:21px; text-align:left; }.scene-bleed { width:100%; margin-left:0; } }
.lang-toggle { min-width:38px; min-height:30px; margin-left:18px; padding:0 7px; color:#c5dce5; border:1px solid rgba(185,223,233,.36); border-radius:4px; background:rgba(185,223,233,.04); font:600 10px "Segoe UI",Arial,sans-serif; letter-spacing:.8px; transition:.25s ease; }.lang-toggle:hover { color:#061018; border-color:var(--blue-soft); background:var(--blue-soft); }.button:hover { color:#031018; background:var(--blue-soft); border-color:var(--blue-soft); box-shadow:0 0 22px rgba(158,213,229,.2); }.symbol-limitless { background:linear-gradient(135deg,transparent 49%,var(--blue) 50%,transparent 51%) 0 0/40px 40px,linear-gradient(45deg,transparent 49%,rgba(158,213,229,.72) 50%,transparent 51%) 0 0/40px 40px; }.scan-line { animation:scan 8s ease-in-out infinite; opacity:.55; }.ai-readout b { animation:none; opacity:.65; }&.lang-en .hero-copy,&.lang-en .intro-copy,&.lang-en .imaging-details > p { max-width:590px; }&.lang-en .scene-content h3 { max-width:470px; }&.lang-en .modal-panel { width:min(100%,550px); }.benefit-card { transition:transform .28s ease,background .28s ease; }.benefit-card:hover { transform:translateY(-3px); background:linear-gradient(135deg,rgba(161,222,255,.08),transparent 55%); }
.scene-shot-flow { box-shadow:inset 0 0 0 1px rgba(185,223,233,.42); }.scene-shot-flow .scene-overlay { background:linear-gradient(0deg,rgba(2,7,9,.62),transparent 51%); }.scene-shot-flow .scene-content { left:30px; bottom:28px; }.scene-shot-flow .scene-content p { color:var(--blue-soft); }.scene-shot-flow .scene-content h3 { margin-bottom:10px; font-size:33px; }.scene-shot-flow .scene-content span { color:rgba(222,240,248,.82); font-size:12px; }.scene-capture { position:absolute; z-index:2; top:28px; left:30px; display:flex; align-items:center; gap:9px; color:rgba(228,246,253,.88); font-size:11px; letter-spacing:.7px; text-shadow:0 1px 8px rgba(0,0,0,.35); }.scene-capture i { display:block; width:24px; border-top:1px solid var(--blue-soft); box-shadow:0 0 8px rgba(185,223,233,.45); }.scene-divider { display:grid; grid-template-columns:1fr 1.1fr 1fr; align-items:end; gap:40px; padding:74px 0 46px; border-top:1px solid rgba(185,223,233,.2); }.scene-divider .eyebrow { margin:0; }.scene-divider h3 { margin:0; color:var(--white); font-size:39px; font-weight:400; line-height:1.06; }.scene-divider > p:last-child { margin:0; color:#9fb2bc; font-size:14px; line-height:1.75; }&.lang-en .scene-capture { font-size:10px; letter-spacing:.9px; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }
/* Product-level details built from the existing FLOW ON visual system. */
.product-callout { position:absolute; z-index:4; display:grid; grid-template-columns:26px auto; column-gap:8px; align-items:baseline; color:#174c63; font-size:10px; }.product-callout:after { content:""; position:absolute; width:84px; border-top:1px solid rgba(23,76,99,.55); top:26px; }.product-callout span { color:#308fb4; font:10px "Courier New",monospace; }.product-callout strong { font:700 10px "Segoe UI",Arial,sans-serif; letter-spacing:1.1px; }.product-callout em { grid-column:2; margin-top:5px; color:#608090; font-style:normal; font-size:11px; }.callout-lens { left:8%; top:19%; }.callout-lens:after { left:25px; transform:rotate(25deg); transform-origin:left; }.callout-stable,.callout-tint { right:8%; text-align:right; grid-template-columns:auto 26px; }.callout-stable { bottom:16%; }.callout-tint { top:21%; }.callout-stable span,.callout-tint span { grid-column:2; grid-row:1; }.callout-stable strong,.callout-stable em,.callout-tint strong,.callout-tint em { grid-column:1; }.callout-stable:after,.callout-tint:after { right:25px; transform-origin:right; }.callout-stable:after { transform:rotate(-22deg); }.callout-tint:after { transform:rotate(19deg); }
.scan-line { animation:scan 4s ease-in-out infinite; }.ai-readout { position:absolute; left:8%; bottom:14%; width:220px; padding:11px 12px 13px; border:1px solid rgba(169,230,255,.28); background:rgba(1,20,30,.38); }.ai-readout div { display:flex; justify-content:space-between; color:#9fdcf7; font:9px "Courier New",monospace; letter-spacing:1px; }.ai-readout div span:last-child { color:var(--lime); }.ai-readout b { display:inline-block; width:10px; margin:14px 3px 0 0; background:var(--blue); transform-origin:bottom; animation:signal 1.25s ease-in-out infinite alternate; }.ai-readout b:nth-of-type(1) { height:9px; }.ai-readout b:nth-of-type(2) { height:20px; animation-delay:.2s; }.ai-readout b:nth-of-type(3) { height:14px; animation-delay:.5s; }.ai-readout b:nth-of-type(4) { height:30px; animation-delay:.1s; }.ai-readout b:nth-of-type(5) { height:17px; animation-delay:.7s; }.ai-readout b:nth-of-type(6) { height:25px; animation-delay:.4s; }.ai-readout b:nth-of-type(7) { height:10px; animation-delay:.8s; }.ai-readout b:nth-of-type(8) { height:22px; animation-delay:.3s; }.ai-readout b:nth-of-type(9) { height:13px; animation-delay:.6s; }
@media (max-width:800px) { .product-callout { display:none; }.ai-readout { left:20px; bottom:25px; transform:scale(.8); transform-origin:bottom left; }.lang-toggle { margin-left:auto; margin-right:12px; } }
@media (max-width:800px) { .scene-capture { top:16px; left:20px; } }
@media (max-width:800px) { .scene-shot-flow .scene-content { left:20px; bottom:21px; }.scene-shot-flow .scene-content h3 { font-size:28px; }.scene-divider { grid-template-columns:1fr; gap:18px; padding:48px 0 34px; }.scene-divider h3 { font-size:34px; } }
@media (max-width:800px) { .hero.hero h1 { font-size:46px; line-height:1.12; } }
@media (max-width:420px) { .hero.hero h1 { font-size:42px; } }
@media (max-width:800px) { .page-width,.nav-inner { width:min(calc(100% - 40px),var(--page)); }.section { padding:90px 0; }.nav-inner { height:66px; }.nav-links,.nav-cta { display:none; }.menu-toggle { display:grid; place-content:center; gap:6px; width:37px; height:37px; padding:0; color:var(--white); border:1px solid var(--soft-line); background:transparent; }.menu-toggle span { display:block; width:16px; border-top:1px solid currentColor; }.navbar.menu-open { background:rgba(3,4,5,.97); }.navbar.menu-open .nav-links { position:absolute; top:66px; left:0; right:0; display:flex; padding:22px 20px 25px; flex-direction:column; align-items:flex-start; gap:22px; border-bottom:1px solid var(--soft-line); background:rgba(3,4,5,.97); }.hero { min-height:680px; }.hero-shade { background:linear-gradient(90deg,rgba(0,7,12,.87),rgba(0,7,12,.32)),linear-gradient(0deg,rgba(3,4,5,.9),transparent 55%); }.hero-content { padding-top:58px; }.hero h1 { font-size:58px; }.closing h2 { font-size:62px; }.hero-copy { font-size:14px; }.hero-actions { gap:20px; flex-wrap:wrap; }.hero-bottom { bottom:20px; }.hero-bottom p { display:none; }.hero-bottom a { margin-left:auto; }.intro-grid { grid-template-columns:1fr; gap:27px; }.intro h2,.benefits h2,.scene-heading h2 { font-size:40px; }.product-stage { min-height:405px; margin-top:35px; }.product-stage img { width:110%; max-width:none; transform:scale(1.1); }.stage-copy strong { font-size:34px; }.stage-copy-left { left:0; bottom:12%; }.stage-copy-right { right:0; top:12%; }.spec-strip { grid-template-columns:repeat(2,1fr); }.spec-strip div { min-height:103px; }.spec-strip strong { margin-top:17px; font-size:12px; }.section-heading { align-items:start; flex-direction:column; gap:24px; }.section-heading .section-index { margin-bottom:18px; }.benefits-heading h2,.scene-heading h2 { text-align:left; }.benefit-grid { grid-template-columns:1fr 1fr; margin-top:44px; }.benefit-card { min-height:350px; padding:18px; }.benefit-card:nth-child(2) { border-right:0; }.benefit-card:nth-child(-n+2) { border-bottom:1px solid var(--soft-line); }.benefit-symbol { margin-top:29px; height:104px; }.benefit-card h3 { font-size:27px; }.imaging-section { min-height:auto; }.imaging-layout { grid-template-columns:1fr; gap:10px; }.imaging-details { padding-top:20px; }.feature-list div { grid-template-columns:40px 1fr; padding:15px 0; gap:3px; }.feature-list p { grid-column:2; }.imaging-ring { left:-255px; }.scene-heading { margin-bottom:40px; }.scene-grid { grid-template-columns:1fr; gap:14px; }.scene-surf,.scene-trail { min-height:0; aspect-ratio:16 / 9; margin:0; }.scene-content { left:20px; bottom:21px; }.scene-content h3 { font-size:30px; }.scene-footer { margin-top:45px; grid-template-columns:1fr; gap:20px; }.scene-footer p { font-size:21px; }.scene-footer > span { text-align:left; }.closing { min-height:560px; }.footer-inner { flex-wrap:wrap; gap:19px; }.footer-inner p:last-child { width:100%; }.modal-panel { padding:34px 24px 25px; } }
@media (max-width:420px) { .hero h1 { font-size:55px; }.button { gap:20px; }.benefit-grid { grid-template-columns:1fr; }.benefit-card,.benefit-card:nth-child(2) { border-right:0; border-bottom:1px solid var(--soft-line); }.benefit-card:last-child { border-bottom:0; }.benefit-card { min-height:auto; padding-bottom:27px; }.benefit-symbol { height:86px; }.product-stage { min-height:340px; }.stage-copy span,.stage-copy em { font-size:9px; }.stage-copy strong { font-size:29px; }.spec-strip { display:block; border-top:1px solid rgba(7,77,106,.22); }.spec-strip div { display:grid; min-height:0; grid-template-columns:40px 1fr 1fr; align-items:center; padding:15px 10px; border-bottom:1px solid rgba(7,77,106,.22); }.spec-strip strong { margin:0; }.spec-strip p { margin:0; } }
} /* end .flow-on-page */

@keyframes scan { 0%,100% { transform:translateY(-26px); opacity:.3; } 50% { transform:translateY(26px); opacity:1; } }
@keyframes signal { to { transform:scaleY(.35); opacity:.4; } }

.flow-on-page {
  color:var(--white);
  font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
  font-size:16px;
  letter-spacing:0;
  line-height:1.5;
}
.flow-on-page h1,
.flow-on-page h2,
.flow-on-page h3 {
  color:inherit;
  font-family:inherit;
  font-style:normal;
  letter-spacing:inherit;
  word-break:normal;
}
.flow-on-page p { letter-spacing:inherit; }
.flow-on-page .button {
  min-width:auto;
  min-height:48px;
  padding:0 20px;
  color:#031018;
  font-size:13px;
  letter-spacing:0;
  line-height:normal;
}
.flow-on-page .button:after,
.flow-on-page .button:before { display:none; content:none; }
.flow-on-page .nav-cta,
.flow-on-page .lang-toggle,
.flow-on-page .menu-toggle,
.flow-on-page .modal-close {
  font-family:inherit;
  line-height:normal;
}
.flow-on-page .access-form input,
.flow-on-page .access-form select {
  min-height:0;
  font-size:13px;
  letter-spacing:0;
  line-height:normal;
  box-shadow:none;
}