/* Focused additions to the original published design. */
:focus-visible { outline:3px solid var(--lime); outline-offset:5px; }
section[id] { scroll-margin-top:18px; }
.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; }
.hero > *, .depth-equation > *, .output-equation > * { min-width:0; }
.word-splats { display:inline-block; position:relative; width:2.8em; height:.88em; vertical-align:-.05em; letter-spacing:0; }
.word-style { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; transition:opacity .24s ease; }
.word-style.is-active { opacity:1; }
.word-style { transition-duration:.16s; }
.hero-message h1 { width:100%; }
.update-banner { display:flex; align-items:center; gap:19px; padding:24px 30px; margin:0 0 24px; border:1px solid var(--line); border-radius:20px; background:radial-gradient(ellipse at 0 50%,rgba(36,81,255,.15),transparent 55%),#10131b; }
.update-mark { display:grid; place-items:center; width:49px; height:49px; flex:0 0 49px; border-radius:14px; background:var(--lime); color:var(--ink); font-size:2.1rem; }
.update-banner-copy { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px 24px; }
.update-banner-copy strong { font-size:1.55rem; letter-spacing:-.045em; }
.update-banner-copy > span { color:var(--muted); font-size:.93rem; }
.update-banner-copy b { color:var(--paper); font-weight:700; }
.alpha-chip { display:inline-flex; align-items:center; gap:8px; width:max-content; padding:9px 13px; border:1px solid rgba(255,91,10,.32); border-radius:100px; color:#ffab82; background:rgba(255,91,10,.09); font-size:.68rem; font-weight:800; letter-spacing:.065em; text-transform:uppercase; white-space:nowrap; }
.alpha-chip i { width:6px; height:6px; border-radius:50%; background:var(--orange); }
.update-banner > .alpha-chip { margin-left:auto; }
.nav-links { align-items:center; }
.motion-toggle { border:0; background:transparent; color:var(--muted); padding:4px 0; font-size:.75rem; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.scene-gallery { background:#10131b; }
.gallery-heading { margin-bottom:38px; }
.scene-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.scene-card { margin:0; min-width:0; border:1px solid var(--line); border-radius:19px; overflow:hidden; background:#0b0e15; }
.scene-media { aspect-ratio:1; background:#254dcc; overflow:hidden; }
.scene-media video { display:block; width:100%; height:100%; aspect-ratio:1; object-fit:contain; }
.scene-card h3 { margin:0; padding:20px 22px; font-size:1.38rem; font-weight:750; letter-spacing:-.035em; }
.scene-card:nth-child(3n+1) h3 { color:var(--lime); }
.scene-card:nth-child(3n+2) h3 { color:var(--paper); }
.scene-card:nth-child(3n) h3 { color:#ff9461; }
.price-card .edition-name { margin-top:28px; }
.compatibility { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; background:radial-gradient(ellipse at 0 90%,rgba(36,81,255,.17),transparent 50%),#0b0e15; }
.compatibility-intro > .alpha-chip { margin-bottom:27px; }
.compatibility h2 { font-size:clamp(2.7rem,4.8vw,5.1rem); }
.compatibility h2 em { color:var(--lime); }
.compatibility-intro > p { margin:22px 0 0; color:var(--muted); line-height:1.5; }
.compatibility-details { display:grid; gap:15px; min-width:0; }
.compatibility-row { display:flex; align-items:flex-start; gap:18px; padding:25px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.025); }
.compatibility-icon { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:12px; background:rgba(36,81,255,.2); color:#8aa5ff; font-size:1.7rem; }
.gpu-icon { color:#ff9461; background:rgba(255,91,10,.1); }
.compatibility-label { display:block; margin:0 0 10px; color:var(--muted); font-size:.61rem; letter-spacing:.1em; font-weight:800; text-transform:uppercase; }
.compatibility-row h3 { margin:0; font-size:clamp(1.2rem,2vw,1.8rem); line-height:1.3; letter-spacing:-.035em; }
.compatibility-row h3 span { color:#727a8d; font-weight:400; }
.compatibility-row p { margin:10px 0 0; color:var(--muted); font-size:.82rem; line-height:1.45; }
.compatibility-note { margin:0; padding:0 5px; color:var(--muted); font-size:.75rem; line-height:1.6; }
.motion-paused *, .motion-paused *::before, .motion-paused *::after { animation-play-state:paused!important; }
.update-banner { position:relative; isolation:isolate; overflow:hidden; min-height:230px; padding:38px 46px; gap:30px; border-color:rgba(255,73,87,.4); border-radius:28px; background:radial-gradient(ellipse at 95% 0,rgba(255,55,71,.18),transparent 65%),linear-gradient(120deg,#151827,#101118); }
.update-banner::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:#ff4957; }
.update-banner-copy { display:block; flex:1; }
.update-banner-copy .update-kicker { display:block; color:#ff969f; font-size:.65rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; margin-bottom:16px; }
.update-banner-copy > strong { display:flex; flex-wrap:wrap; align-items:center; gap:8px 22px; font-size:clamp(2.2rem,4.4vw,4.5rem); line-height:1; letter-spacing:-.055em; }
.update-alpha { display:inline-flex; align-items:center; gap:12px; color:#ff4957; }
.alpha-dot { width:11px; height:11px; background:currentColor; border-radius:50%; box-shadow:0 0 0 6px rgba(255,73,87,.1); }
.update-banner-copy .update-description { display:block; margin-top:19px; font-size:.9rem; line-height:1.6; }
.update-release { display:flex; align-items:center; gap:20px; padding-left:32px; border-left:1px solid rgba(255,255,255,.13); color:var(--muted); font-size:.8rem; }
.update-release strong { display:block; margin:5px 0 10px; font-size:1.5rem; color:var(--paper); letter-spacing:-.04em; white-space:nowrap; }
.update-release small { font-size:.58rem; letter-spacing:.13em; font-weight:800; color:#ff969f; }
.release-orbit { color:#ff4957; font-size:4rem; line-height:1; }
.alpha-chip { color:#ff969f; border-color:rgba(255,73,87,.35); background:rgba(255,73,87,.08); }
.alpha-chip i { background:#ff4957; }
.scene-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.scene-card { grid-column:span 2; }
.scene-card:nth-child(4) { grid-column:2/span 2; }
.supersplat-brand { display:inline-flex; align-items:center; gap:.16em; margin-top:.14em; max-width:100%; text-decoration:none; color:var(--paper); font-family:Arial,sans-serif; font-weight:700; letter-spacing:-.055em; font-size:.88em; }
.supersplat-brand img { width:.95em; height:.95em; flex:none; }
.supersplat-brand .brand-arrow { color:#f26722; font-size:.55em; margin-left:.15em; }
.supersplat-brand:hover { color:#f26722; }
.compatibility-details { gap:22px; }
.support-group { padding:22px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.025); }
.support-group > .compatibility-label { margin-bottom:24px; }
.support-brands { display:grid; gap:15px; }
.support-brands.systems { grid-template-columns:repeat(2,minmax(0,1fr)); }
.support-brands.gpus { grid-template-columns:repeat(3,minmax(0,1fr)); }
.support-brand { display:flex; align-items:center; flex-direction:column; gap:10px; min-width:0; text-align:center; }
.support-brand img { width:70px; height:48px; object-fit:contain; margin:4px 0 7px; }
.support-brand > span { font-size:.9rem; font-weight:700; }
.support-brand small { color:var(--muted); font-size:.65rem; line-height:1.5; }
.support-brand i { display:inline-block; width:5px; height:5px; background:var(--lime); border-radius:50%; margin-right:4px; vertical-align:middle; }
@media(max-width:1200px) {
  .depth-equation { grid-template-columns:1fr; }
  .equation-arrow { margin:auto; }
  .equation-arrow span { transform:rotate(90deg); }
  .depth-result { max-width:850px; width:100%; margin:auto; }
  .output-equation { grid-template-columns:1fr; }
  .output-plus { margin:auto; }
  .section-heading { grid-template-columns:1fr 1fr; }
  .compatibility { gap:30px; }
  .compatibility-row { padding:20px; gap:14px; }
}
@media(max-width:1000px) {
  .scene-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
  .scene-card,.scene-card:nth-child(4) { grid-column:auto; }
  .scene-card:last-child { grid-column:1/-1; width:calc((100% - 15px)/2); justify-self:center; }
  .compatibility { grid-template-columns:1fr; }
  .compatibility-details { grid-template-columns:1fr; }
  .compatibility-note { grid-column:1/-1; }
}
@media(max-width:850px) {
  .hero { gap:30px; }
  .section-heading { grid-template-columns:1fr; }
  .nav-links { display:flex; flex-wrap:wrap; justify-content:center; font-size:.78rem; }
  .update-banner { gap:28px; padding:30px; flex-wrap:wrap; }
  .update-banner-copy { flex-basis:100%; }
  .update-release { border-left:0; border-top:1px solid var(--line); padding:22px 0 0; width:100%; }
  .release-orbit { font-size:3rem; }
  .future-data { grid-template-columns:auto 1fr; }
  .future-data-badge { grid-column:2; justify-self:start; }
}
@media(max-width:550px) {
  .scene-grid { grid-template-columns:1fr; }
  .scene-card:last-child { width:100%; }
  .scene-card,.scene-card:nth-child(4) { grid-column:1/-1; }
  .compatibility-details { grid-template-columns:1fr; }
  .update-banner { flex-wrap:wrap; }
  .update-banner > .alpha-chip { margin-left:64px; }
  .update-banner { padding:28px 22px; }
  .update-banner-copy > strong { gap:12px 16px; }
  .support-group { padding:20px 12px; }
  .support-brand img { width:52px; height:42px; }
  .support-brand small { font-size:.57rem; }
}
@media(max-width:470px) {
  h1 { font-size:clamp(2.75rem,12.5vw,4.8rem); }
  h2 { font-size:clamp(2rem,10.5vw,3rem); overflow-wrap:break-word; }
  .hero-copy { font-size:.95rem; }
  .launch-offer { padding:26px 19px; }
  .launch-offer h2 { font-size:clamp(2rem,11vw,3rem); }
  .scene-card h3 { padding:17px 19px; font-size:1.25rem; }
  .gallery-heading { margin-bottom:25px; }
  .live-showcase-head { align-items:flex-start; flex-direction:column; padding:16px; }
  .live-showcase-head h3 { font-size:1.7rem; }
  .live-showcase-head span { white-space:normal; }
  .live-viewer-note,.live-showcase-cta { padding:16px; }
  .output-block { padding:14px; }
  .output-block-head { flex-wrap:wrap; gap:8px; }
  .file-meta { left:2px; right:2px; }
  .file-meta b { font-size:.46rem; padding:5px 0; }
  .file-icon { width:55px; height:75px; }
  .text-files { gap:5px; }
  .future-data { grid-template-columns:1fr; padding:18px; }
  .future-data-badge { grid-column:auto; max-width:100%; }
  .price-card { padding:20px 16px; }
  .price-card .edition-name { font-size:1.8rem; margin-top:36px; }
  .price-card .button { width:100%; padding:10px; font-size:.8rem; }
  .feature-table { min-width:0; table-layout:fixed; }
  .feature-table th,.feature-table td { padding:12px 7px; font-size:.69rem; overflow-wrap:anywhere; }
  .feature-table th:first-child { width:52%; }
  .feature-table th:nth-child(2),.feature-table th:nth-child(3) { width:24%; }
  .status { font-size:.6rem; padding:4px; min-width:24px; }
  .compatibility h2 { font-size:clamp(2.3rem,11vw,3.5rem); }
  .compatibility-row { padding:18px 15px; gap:12px; }
  .compatibility-icon { width:36px; height:36px; flex-basis:36px; }
  .faq summary { padding-right:15px; position:relative; }
  .faq summary::after { position:absolute; top:4px; right:0; }
}
/* Fourth design pass: centered release, closer scenes, compact dataset. */
.word-style { transition-duration:.06s; }
.update-banner { display:flex; flex-direction:column; gap:18px; text-align:center; padding:34px 28px; min-height:0; background:radial-gradient(ellipse at 50% 0,rgba(255,55,71,.18),transparent 75%),#10131b; }
.update-banner::before { inset:0 25% auto; width:auto; height:2px; background:linear-gradient(90deg,transparent,#ff4957,transparent); }
.update-banner-copy { flex:auto; }
.update-banner-copy > strong { justify-content:center; }
.update-banner-copy .update-kicker { margin-bottom:14px; }
.update-banner-copy .update-description { margin-top:14px; }
.update-release { justify-content:center; gap:12px; border:0; padding:0; width:auto; }
.update-release strong { display:inline; margin-left:5px; font-size:1.15rem; }
.release-orbit { font-size:1.8rem; }
.alpha-download { display:inline-flex; align-items:center; justify-content:center; gap:20px; max-width:100%; padding:13px 22px; border-radius:10px; background:#ff4957; color:#fff; font-size:.85rem; font-weight:750; transition:background .2s,transform .2s; }
.alpha-download:hover { background:#e43745; transform:translateY(-2px); }
.official-builds { color:var(--muted); font-size:.64rem; margin-top:-9px; }
.hero::before { background:none; }
.hero > .hero-ambience { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.hero-ambience > span { position:absolute; width:85%; height:85%; border-radius:50%; will-change:transform; }
.ambient-blue { left:25%; top:20%; background:radial-gradient(ellipse,rgba(36,81,255,.23),transparent 65%); }
.ambient-lime { left:35%; top:-25%; background:radial-gradient(ellipse,rgba(216,255,0,.14),transparent 65%); }
.ambient-orange { left:-30%; top:25%; background:radial-gradient(ellipse,rgba(255,91,10,.12),transparent 65%); }
.scene-media,.scene-media video { aspect-ratio:3/2; }
.scene-card h3 { padding:15px 20px; }
.gpu-heading { display:flex; align-items:center; gap:14px; margin:0 0 26px; }
.gpu-heading h3 { margin:0; font-size:clamp(1.5rem,2.4vw,2.1rem); letter-spacing:-.04em; line-height:1.1; }
.gpu-heading h3 small { display:block; margin-top:8px; color:var(--muted); font-size:.6rem; letter-spacing:.12em; }
.gpu-symbol { display:grid; place-items:center; width:46px; height:46px; border:1px solid rgba(216,255,0,.28); border-radius:12px; color:var(--lime); font-size:2rem; background:rgba(216,255,0,.06); }
.support-brand .coming-soon { color:#ffb570; }
.data-output { padding:clamp(24px,3.5vw,52px); }
.dataset-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:26px; }
.dataset-heading .eyebrow { font-size:.61rem; display:block; margin-bottom:13px; }
.dataset-heading h2 { font-size:clamp(2rem,3.6vw,3.7rem); }
.dataset-heading h2 em { color:var(--lime); }
.dataset-heading p { margin:0; color:var(--muted); font-size:.88rem; line-height:1.6; }
.dataset-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; max-width:1100px; margin-inline:auto; align-items:start; }
.dataset-card { --data-accent:var(--orange); margin:0; min-width:0; padding:6px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); }
.dataset-card.mask-data { --data-accent:var(--lime); }
.dataset-card.depth-data { --data-accent:#6688ff; }
.dataset-card.normal-data { --data-accent:#c695ff; }
.dataset-card img { display:block; width:100%; height:auto; border-radius:10px; background:#040609; }
.dataset-card figcaption { padding:12px 7px 7px; text-align:center; }
.dataset-card strong { display:block; color:var(--data-accent); font-size:.93rem; }
.dataset-card figcaption span { display:block; color:var(--muted); font-size:.69rem; margin-top:5px; }
.dataset-files { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:18px; color:var(--muted); font-size:.73rem; }
.dataset-files > div { display:flex; flex-wrap:wrap; gap:8px; }
.dataset-files code { padding:6px 9px; border:1px solid var(--line); border-radius:6px; font-size:.66rem; color:#c3c9db; }
#workflow { padding:clamp(24px,3.5vw,52px); }
.depth-story-heading { margin-bottom:24px; }
.depth-story-heading h2 { font-size:clamp(1.85rem,3.6vw,3.7rem); }
.depth-equation { grid-template-columns:minmax(0,.85fr) 35px minmax(0,1.2fr); gap:16px; }
.depth-input-pair { grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr); gap:7px; }
.depth-input img { height:180px; object-fit:contain; }
.depth-plus { width:26px; height:26px; font-size:1.3rem; }
.equation-arrow { width:35px; }
.equation-arrow span { font-size:2.7rem; transform:none; }
.equation-arrow small { display:none; }
.depth-result .comparison { min-height:0; height:310px; }
@media(max-width:1000px) {
  .dataset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dataset-heading p { max-width:240px; }
  .depth-input img { height:145px; }
  .depth-result .comparison { height:280px; }
}
@media(max-width:600px) {
  .update-banner { padding:28px 20px; }
  .alpha-download { padding:12px 15px; font-size:.75rem; gap:12px; }
  .dataset-heading { align-items:flex-start; flex-direction:column; gap:14px; margin-bottom:20px; }
  .dataset-heading p { max-width:none; font-size:.8rem; }
  .dataset-grid { gap:12px; }
  .dataset-card { padding:4px; border-radius:12px; }
  .dataset-card img { border-radius:8px; }
  .dataset-card figcaption { padding:10px 3px 6px; }
  .dataset-card strong { font-size:.79rem; }
  .dataset-card figcaption span { font-size:.6rem; }
  .dataset-files { gap:9px; }
  .dataset-files > div { gap:5px; }
  .dataset-files code { padding:5px 6px; font-size:.57rem; }
  .depth-equation { grid-template-columns:1fr; gap:14px; }
  .equation-arrow { display:none; }
  .depth-input img { height:120px; }
  .depth-input figcaption { left:5px; bottom:5px; padding:5px; font-size:.52rem; }
  .depth-result .comparison { height:250px; }
}
/* Centered feature groups and the original training-frame ratio. */
.gallery-heading { text-align:center; }
.gallery-heading h2 { max-width:none; }
.gallery-heading p { margin:18px 0 0; color:var(--muted); font-size:1rem; }
.smart-kicker { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
.new-badge { display:inline-block; padding:5px 9px; border:1px solid rgba(255,73,87,.4); border-radius:6px; color:#ff6976; background:rgba(255,73,87,.1); font-size:.65rem; font-weight:850; letter-spacing:.08em; }
.scene-media,.scene-media video { aspect-ratio:16/13; }
.scene-card h3 { text-align:center; }
.scene-card:nth-child(4) { grid-column:span 2; }
.pipeline-heading { display:flex; justify-content:center; align-items:center; gap:20px; margin:35px 0 23px; color:var(--muted); font-size:.7rem; font-weight:750; text-transform:uppercase; letter-spacing:.13em; text-align:center; }
.pipeline-heading::before,.pipeline-heading::after { content:""; height:1px; background:var(--line); flex:1; max-width:160px; }
.live-showcase > .section-heading { display:flex; flex-direction:column; align-items:center; gap:24px; text-align:center; }
.live-showcase > .section-heading h2 { max-width:100%; font-size:clamp(2.2rem,4.7vw,4.8rem); }
.live-showcase > .section-heading p { max-width:680px; margin:0; }
.supersplat-brand { justify-content:center; margin-top:.22em; padding:.12em .35em; border:1px solid rgba(242,103,34,.25); border-radius:14px; background:rgba(242,103,34,.05); }
.dataset-heading { flex-direction:column; align-items:center; text-align:center; gap:16px; }
.dataset-heading h2 { max-width:none; }
.dataset-heading p { max-width:none; }
.compatibility { grid-template-columns:1fr; gap:32px; text-align:center; }
.compatibility-intro .alpha-chip { margin:0 auto 24px; }
.compatibility-intro h2 { max-width:none; }
.compatibility-details { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); width:100%; max-width:1000px; margin:auto; }
.compatibility-note { grid-column:1/-1; }
.gpu-heading { justify-content:center; text-align:left; }
.gpu-symbol svg { width:37px; height:32px; }
.gpu-support { display:flex; flex-direction:column; }
.gpu-support .support-brands { margin-top:auto; }
.comparison-image { object-fit:contain; object-position:center; }
.depth-result .comparison { background:#000; }
.pricing > .eyebrow,.pricing > h2 { text-align:center; max-width:none; }
.edition-badge { position:absolute; top:18px; right:18px; padding:6px 9px; border-radius:100px; background:var(--lime); color:var(--ink); font-size:.62rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.standard-price strong { color:var(--lime); }
.price-card { display:flex; flex-direction:column; }
.edition-cta { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:auto; padding-top:22px; border-top:1px solid var(--line); text-align:left; }
.edition-cta small { display:block; color:var(--muted); font-size:.56rem; letter-spacing:.11em; margin-bottom:7px; }
.edition-cta strong { font-size:clamp(1rem,1.7vw,1.4rem); color:var(--paper); letter-spacing:-.03em; }
.cta-arrow { display:grid; place-items:center; width:42px; height:42px; flex:none; border:1px solid var(--line); border-radius:50%; font-size:1.45rem; color:var(--lime); transition:transform .2s,background .2s; }
.pro .cta-arrow { color:var(--orange); }
.edition-cta:hover .cta-arrow { transform:translate(2px,-2px); background:rgba(255,255,255,.08); }
.edition-cta:hover strong { text-decoration:underline; text-underline-offset:5px; }
@media(max-width:1000px) {
  .scene-card:nth-child(4) { grid-column:auto; }
}
@media(max-width:700px) {
  .compatibility-details { grid-template-columns:1fr; }
}
@media(max-width:550px) {
  .scene-card:nth-child(4) { grid-column:1/-1; }
  .gallery-heading h2 { font-size:clamp(2rem,9.5vw,3rem); }
  .gallery-heading p { font-size:.86rem; }
  .pipeline-heading { font-size:.6rem; gap:10px; }
  .supersplat-brand { padding:.13em .2em; }
}
/* Full-width feature previews, and a Blender-style illustration of the single action. */
.scene-gallery .scene-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
.scene-gallery .scene-card { grid-column:1/-1; width:100%; justify-self:stretch; }
/* A centered single-action graphic in the site's own palette. */
.camera-action-demo { max-width:410px; margin:30px auto 0; text-align:center; }
.one-click-button { position:relative; display:flex; align-items:center; justify-content:center; width:300px; max-width:100%; min-height:82px; margin:auto; border:1px solid #e8ff83; border-radius:16px; background:var(--lime); color:#10131b; box-shadow:0 6px 0 #758d00,0 16px 40px #d8ff0014; }
.one-click-button strong { font-size:clamp(1.55rem,4vw,2rem); font-weight:950; letter-spacing:-.05em; }
.one-click-button svg { position:absolute; right:-11px; bottom:-17px; width:39px; height:39px; fill:var(--orange); stroke:#0b0e15; stroke-width:1.7; stroke-linejoin:round; filter:drop-shadow(0 3px 0 #0b0e15); }
.one-click-button { animation:camera-click-press 3.2s ease-in-out infinite; }
.one-click-button svg { z-index:1; animation:camera-click-cursor 3.2s ease-in-out infinite; }
.one-click-button::after { content:""; position:absolute; right:8px; bottom:8px; width:26px; height:26px; border:3px solid var(--orange); border-radius:50%; opacity:0; pointer-events:none; animation:camera-click-ring 3.2s ease-out infinite; }
.camera-action-demo:not(.is-motion-active) *, .camera-action-demo:not(.is-motion-active) *::after { animation-play-state:paused!important; }
@keyframes camera-click-press {
  0%,32%,48%,100% { transform:translateY(0); box-shadow:0 6px 0 #758d00,0 16px 40px #d8ff0014; }
  38%,42% { transform:translateY(4px); box-shadow:0 2px 0 #758d00,0 8px 24px #d8ff0026; }
}
@keyframes camera-click-cursor {
  0%,12%,72%,100% { transform:translate(8px,9px); }
  30%,52% { transform:translate(-10px,-10px); }
  38%,42% { transform:translate(-10px,-10px) scale(.88); }
}
@keyframes camera-click-ring {
  0%,36% { opacity:0; transform:scale(.3); }
  39% { opacity:.9; transform:scale(.5); }
  57%,100% { opacity:0; transform:scale(2.2); }
}
.camera-action-demo p { margin:23px 0 9px; color:var(--paper); font-size:.92rem; line-height:1.5; }
.camera-action-modes { color:var(--muted); font-size:.76rem; }
.camera-action-modes i { margin:0 10px; color:var(--orange); font-style:normal; }
.export-section { background:radial-gradient(ellipse at 0 20%,#244dff17,transparent 60%),#0c1018; border:1px solid #344064; padding:clamp(24px,4vw,56px); }
.export-heading { text-align:center; }
.export-heading h2 { max-width:none; font-size:clamp(2.5rem,5vw,4.5rem); }
.export-heading h2 em { color:var(--lime); }
.export-heading > p { color:var(--muted); font-size:.9rem; line-height:1.6; margin:20px 0 32px; }
.export-pro { color:#fff; background:var(--blue); border-radius:5px; padding:5px 9px; font-size:.6rem; font-weight:850; letter-spacing:.09em; }
.export-journey { display:grid; grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr); align-items:stretch; max-width:1060px; margin:auto; }
.export-origin,.export-destination { min-width:0; padding:22px; border:1px solid #303747; border-radius:20px; background:#111622; }
.journey-step { display:flex; align-items:center; gap:10px; color:#a6b1c9; font-size:.62rem; font-weight:750; letter-spacing:.1em; }
.journey-step b { color:var(--lime); font-size:.7rem; font-variant-numeric:tabular-nums; }
.format-pair { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:22px; }
.format-card { --format-color:#7797ff; display:flex; flex-direction:column; align-items:center; padding:20px 9px; border:1px solid #345ac4; border-radius:12px; background:linear-gradient(150deg,#244dff23,#244dff05); animation:format-lift 6s ease-in-out infinite; }
.format-sog { --format-color:#ff934b; border-color:#8f4526; background:linear-gradient(150deg,#ff5b0a1c,#ff5b0a04); animation-delay:.25s; }
.format-card svg { width:32px; height:38px; fill:none; stroke:var(--format-color); stroke-width:1.5; stroke-linejoin:round; margin-bottom:16px; }
.format-card strong { color:var(--format-color); font-size:1.6rem; letter-spacing:-.04em; }
.format-card > span { margin-top:5px; color:var(--muted); font-size:.65rem; }
.transfer-lane { position:relative; min-width:0; display:flex; align-items:center; justify-content:center; }
.transfer-caption { position:absolute; top:calc(50% - 27px); color:#8b98b5; font-size:.48rem; font-weight:800; letter-spacing:.06em; white-space:nowrap; }
.transfer-track { position:relative; width:100%; height:2px; background:#304066; }
.transfer-track i { position:absolute; top:-3px; left:0; width:8px; height:8px; background:var(--lime); border-radius:50%; opacity:0; box-shadow:0 0 12px #d8ff0080; animation:export-transit 6s ease-in-out infinite; }
.transfer-track i:nth-child(2) { animation-delay:.18s; background:var(--orange); }
.transfer-track i:nth-child(3) { animation-delay:.36s; background:#6386ff; }
.export-destination { display:flex; flex-direction:column; animation:destination-receive 6s ease-in-out infinite; }
.destination-body { display:flex; flex-direction:column; align-items:center; gap:16px; margin:auto 0; padding:23px 0; text-align:center; }
.destination-logo { position:relative; }
.destination-logo img { display:block; width:64px; height:64px; }
.destination-check { position:absolute; right:-8px; bottom:-4px; display:grid; place-items:center; width:23px; height:23px; border:3px solid #111622; border-radius:50%; color:#111622; background:var(--lime); font-size:.7rem; font-weight:900; animation:export-check 6s ease-in-out infinite; }
.destination-body h3 { margin:0 0 6px; color:var(--paper); font-size:1.75rem; letter-spacing:-.04em; }
.destination-body p { margin:0; color:var(--muted); font-size:.75rem; }
.destination-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; }
.destination-actions span { color:#b7c3db; font-size:.64rem; padding:6px 9px; border:1px solid #303747; border-radius:6px; }
.export-footer { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 24px; margin:24px auto 0; text-align:center; color:var(--muted); font-size:.68rem; }
.export-footer b { margin-left:7px; color:#d7deec; }
.export-footer p { flex-basis:100%; margin:4px 0 0; font-size:.75rem; line-height:1.5; }
.export-journey:not(.is-motion-active) * { animation-play-state:paused!important; }
@keyframes format-lift { 0%,12%,45%,100% { transform:translateY(0); } 22%,32% { transform:translateY(-6px); border-color:var(--format-color); } }
@keyframes export-transit { 0%,28% { opacity:0; left:0; } 32% { opacity:1; } 58% { opacity:1; left:calc(100% - 8px); } 64%,100% { opacity:0; left:calc(100% - 8px); } }
@keyframes destination-receive { 0%,50%,86%,100% { border-color:#303747; box-shadow:none; } 62%,72% { border-color:#799423; box-shadow:0 0 26px #d8ff0010; } }
@keyframes export-check { 0%,48% { opacity:0; transform:scale(.5); } 60%,85% { opacity:1; transform:scale(1); } 95%,100% { opacity:0; transform:scale(.8); } }
@media(max-width:760px) {
  .export-journey { grid-template-columns:minmax(0,1fr); }
  .export-origin,.export-destination { padding:20px; }
  .format-pair { margin-top:16px; }
  .format-card { padding:16px 9px; }
  .format-card svg { margin-bottom:10px; }
  .transfer-lane { height:64px; }
  .transfer-caption { top:25px; left:calc(50% + 16px); }
  .transfer-track { height:100%; width:2px; }
  .transfer-track i { top:0; left:-3px; animation-name:export-transit-vertical; }
  .destination-body { flex-direction:row; justify-content:center; text-align:left; padding:20px 0; gap:20px; }
  .destination-logo img { width:54px; height:54px; }
  .destination-actions { justify-content:center; }
}
@keyframes export-transit-vertical { 0%,28% { opacity:0; top:0; } 32% { opacity:1; } 58% { opacity:1; top:calc(100% - 8px); } 64%,100% { opacity:0; top:calc(100% - 8px); } }
@media(max-width:380px) {
  .one-click-button { width:230px; min-height:72px; }
  .camera-action-demo p { font-size:.8rem; }
  .export-origin,.export-destination { padding:15px; }
  .format-pair { gap:8px; }
  .format-card > span { font-size:.56rem; }
  .destination-body { gap:12px; }
  .destination-body h3 { font-size:1.35rem; }
  .destination-body p { font-size:.65rem; }
  .destination-logo img { width:42px; height:42px; }
}
/* Stronger primary hero line, sized against its actual column. */
.hero-message { container-type:inline-size; width:100%; }
.hero-message h1 { font-size:clamp(2rem,16cqi,7rem); line-height:1; }
.hero-title-primary,.hero-title-secondary { display:block; white-space:nowrap; }
.hero-title-primary .word-splats { width:3.05em; height:1em; vertical-align:-.08em; }
.hero-title-secondary { margin-top:.06em; font-size:.72em; letter-spacing:-.075em; }
/* RGB and depth sit together above their centered comparison. */
#workflow .depth-equation { grid-template-columns:minmax(0,1fr); justify-items:center; gap:18px; }
#workflow .depth-input-pair { width:100%; max-width:620px; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr); gap:12px; }
#workflow .depth-input img { height:clamp(120px,26vw,220px); object-fit:contain; }
#workflow .equation-arrow { display:grid; width:auto; margin:0; }
#workflow .equation-arrow span { display:block; transform:rotate(90deg); font-size:2.4rem; }
#workflow .depth-result { width:100%; max-width:760px; margin:0 auto; }
#workflow .depth-result .comparison { height:auto; min-height:0; aspect-ratio:4240/3433; }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}