/* One continuous product story, with original native pixels and an editable handoff. */
.product-entry{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.3fr);align-items:center;gap:42px;max-width:1600px;width:calc(100% - 96px);margin:0 auto;padding:64px 0 60px}
.product-entry .product-entry-copy{width:100%;margin:0;max-width:560px}
.product-wordmark{display:flex;gap:10px;align-items:center;font-size:1.0625rem;font-weight:600;letter-spacing:-.4px;margin-bottom:24px}
.product-wordmark img{width:32px;height:32px}.product-wordmark small{font-size:0.8125rem;font-weight:400;letter-spacing:0;color:#6e6e73;margin-left:8px}
.product-entry h1{font-size:clamp(2.5rem,4.4vw,4.0625rem);line-height:1.07;letter-spacing:-.055em;font-weight:600;margin:0}
.product-entry-copy>p{font-size:1.0625rem;line-height:1.6;max-width:480px;margin:23px 0 0;color:#55585c}
.product-entry-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:28px}
.product-entry-actions .button{gap:23px;min-height:48px;padding:12px 22px}.product-download-link{font-size:0.875rem;color:#23676d;padding:12px 0}.product-download-link span{margin-left:8px}.product-download-link:hover{text-decoration:underline}
.product-entry-copy>p.product-release-note{font-size:0.875rem;line-height:1.55;margin-top:16px;max-width:460px;color:#4d5654}
.product-entry .product-entry-scene{width:100%;margin:0;min-width:0;max-width:none}
.product-entry-scene>.product-room{border-radius:14px}
.product-entry-scene figcaption{font-size:0.6875rem;line-height:1.55;max-width:480px;text-align:center;margin:15px auto 0;color:#77787b}
.product-room{position:relative;aspect-ratio:1672/941;overflow:hidden;isolation:isolate;background:#ddd8d0}
.product-room-camera{position:absolute;inset:0;transform-origin:0 0;will-change:transform;transform:translate(-4%,-4%) scale(1.08)}
.product-room-camera>img{display:block;width:100%;height:100%;pointer-events:none}
.product-story-room{background:#d6d3ce}
.product-story-scene{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity;transition:opacity .45s cubic-bezier(.4,0,.6,1)}
.product-story-scene:first-child{opacity:1}
.product-story-scene-frame{position:absolute;inset:0;transform-origin:0 0}
.product-story-scene-pivot .product-story-scene-frame{transform:translate(-.11902%,-7.59405%) scale(1.14)}
.product-story-scene-dual .product-story-scene-frame{transform:translate(-9.15311%,-7.04888%) scale(1.14)}
.product-story-scene-ultrawide .product-story-scene-frame{transform:translate(-9.39175%,-9.22954%) scale(1.14)}
.product-story-scene-studio .product-story-scene-frame{transform:translate(-9.22129%,-9.89586%) scale(1.14)}
.product-story-scene-image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.product-display-0{left:18.77990%;top:7.33262%;width:39.71292%;height:38.78852%}
.product-display-1{left:60.16746%;top:7.33262%;width:19.07895%;height:59.08608%}
.product-display-2{left:32.35646%;top:52.39107%;width:19.43780%;height:20.40383%}
.product-display-pivot-0{left:18.77990%;top:7.33262%;width:39.71292%;height:38.78852%}
.product-display-pivot-1{left:60.16746%;top:7.33262%;width:19.07895%;height:59.08608%}
.product-display-pivot-2{left:32.35646%;top:52.39107%;width:19.43780%;height:20.40383%}
.product-display-dual-0{left:6.87799%;top:6.90755%;width:42.34450%;height:38.78852%}
.product-display-dual-1{left:50.89713%;top:6.90755%;width:44.01914%;height:38.78852%}
.product-display-dual-2{left:39.47368%;top:51.32837%;width:21.05263%;height:21.57280%}
.product-display-ultrawide-0{left:3.88756%;top:9.35175%;width:92.10526%;height:33.79384%}
.product-display-ultrawide-2{left:39.35407%;top:52.49734%;width:21.71053%;height:23.06057%}
.product-display-studio-0{left:4.06699%;top:9.35175%;width:91.74641%;height:33.15622%}
.product-display-studio-1{left:13.87560%;top:50.47821%;width:21.59091%;height:20.19129%}
.product-display-studio-2{left:39.41388%;top:53.87885%;width:21.29187%;height:21.36026%}
.product-display{position:absolute;pointer-events:none}.product-display[hidden]{display:none}
.product-room-dock{position:absolute;filter:drop-shadow(0 2px 3px #0003)}
.product-room-dock.horizontal{bottom:1.5%;left:50%;transform:translateX(-50%);line-height:0;overflow:hidden}
.product-room-dock.vertical{top:50%;right:1%;transform:translateY(-50%);line-height:0;overflow:hidden}
/* 48/resolution × CSS box factors (8.4731 long, 1.32 cross), plus fixed borders.
   Height percentages also account for each measured photo display ratio. */
.product-display-0 .product-room-dock{width:calc(21.18275% + 3px);height:calc(6.0032876712% + 2px)}
.product-display-1 .product-room-dock{width:calc(5.28% + 2px);height:calc(19.4454597122% + 3px)}
.product-display-2 .product-room-dock{width:calc(26.8987301587% + 3px);height:calc(7.0932539683% + 2px)}
.product-display-pivot-0 .product-room-dock,.product-display-dual-0 .product-room-dock,.product-display-dual-1 .product-room-dock,.product-display-studio-1 .product-room-dock{width:calc(21.18275% + 3px);height:calc(6.0032876712% + 2px)}
.product-display-pivot-1 .product-room-dock{width:calc(5.28% + 2px);height:calc(19.4454597122% + 3px)}
.product-display-ultrawide-0 .product-room-dock,.product-display-studio-0 .product-room-dock{width:calc(10.59138% + 3px);height:calc(6.0032876712% + 2px)}
.product-display-pivot-2 .product-room-dock,.product-display-dual-2 .product-room-dock,.product-display-ultrawide-2 .product-room-dock,.product-display-studio-2 .product-room-dock{width:calc(26.8987301587% + 3px);height:calc(7.0932539683% + 2px)}
.product-native{display:block;width:100%;height:auto;overflow:hidden}
.product-room .product-native{width:100%;height:100%;aspect-ratio:auto}
.hero-dock-detail{position:relative;width:76%;max-width:510px;margin:-22px auto 0;filter:drop-shadow(0 8px 15px #0002);border-radius:9px;overflow:hidden;line-height:0}
.product-journey{padding:64px 0 18px;max-width:1280px}
.product-journey-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:16px 80px;align-items:end;margin:0 0 50px}
.product-journey-intro h2{max-width:580px;font-size:clamp(1.875rem,3.3vw,2.875rem);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:0}
.product-journey-intro>p{font-size:1rem;color:#6e6e73;max-width:380px;line-height:1.6;margin:0}
.story-skip{grid-column:2;font-size:0.8125rem;color:#23676d;justify-self:start;padding:8px 0}.story-skip:hover,.product-journey-try:hover{text-decoration:underline}
.product-journey-body{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}
.product-journey-visual{position:sticky;top:110px;padding-bottom:28px;min-width:0}
.product-journey-visual figure{margin:0}.product-journey-visual .product-room{border-radius:12px}
.product-journey-visual figcaption{font-size:0.6875rem;line-height:1.6;color:#747579;margin-top:13px;min-height:1.6em}
.product-story-captions span{display:block}.product-story-captions span[hidden]{display:none}
.product-journey-note{font-size:0.875rem;line-height:1.55;color:#52565a;margin:24px 0 0}.product-journey-try{display:inline-block;font-size:0.8125rem;color:#23676d;margin-top:12px;padding:8px 0}
.product-chapter{padding:0 0 48px;margin:0 0 35px;scroll-margin-top:112px;border-bottom:1px solid #e4e4e7;min-width:0}
.product-chapter:first-child{min-height:450px;padding-top:30px}.product-chapter:last-child{border-bottom:0;margin-bottom:0}
.chapter-index{font-size:0.6875rem;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#929296;margin:0 0 14px}
.product-chapter h3{font-size:clamp(1.5625rem,2.5vw,2.125rem);font-weight:600;line-height:1.16;letter-spacing:-.04em;margin:0;max-width:480px}
.product-chapter-copy>p:not(.chapter-index){font-size:1rem;line-height:1.65;color:#5a5d62;margin:18px 0 0;max-width:490px}
.native-evidence{margin:27px 0 0;min-width:0}.native-evidence>.product-native{border-radius:7px}.native-evidence figcaption{font-size:0.6875rem;line-height:1.55;color:#777a7d;margin-top:11px;max-width:460px}
.native-evidence-group>.product-native{max-width:320px;margin:0 auto;border-radius:12px}.native-evidence-group figcaption{max-width:320px;margin:12px auto 0}
.native-evidence-windows,.native-evidence-magic{padding:15px;background:#f5f5f7;border-radius:10px}.native-evidence-windows figcaption,.native-evidence-magic figcaption{margin-top:12px}
.native-edge-pair{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:30px;max-width:440px;margin:0 auto}.native-edge-pair .product-native{border-radius:7px}.native-edge-pair>div:last-child{max-height:220px}.native-edge-pair .product-native-vertical{max-height:220px}
.product-permission{font-size:0.6875rem;line-height:1.6;color:#74777b;margin:15px 0 0;max-width:460px}
.product-handoff{padding:44px 4px 30px;border-top:1px solid #dedee2;max-width:none}
.handoff-label{font-size:0.75rem;color:#23676d;margin:0 0 13px}.product-handoff h2{font-size:clamp(2.125rem,4vw,3.375rem);line-height:1.1;letter-spacing:-.045em;margin:0;font-weight:600}.product-handoff h2:focus{outline:none}.product-handoff>p:last-child{font-size:1rem;color:#61646a;max-width:680px;line-height:1.6;margin:19px 0 0}
.workspace-demo{scroll-margin-top:96px}.workspace-demo .demo-workbench .playground-stage{aspect-ratio:1672/941}.workspace-demo .demo-workbench .camera-scene{width:100%;left:0}
/* Same final photo framing as cameraAt(1); explicit edit zoom still overrides it. */
.workspace-demo[data-setup=pivot] .camera-scene{transform:translate(-4%,-4%) scale(1.08)}
.workspace-demo .workspace-intro{padding-top:5px}.workspace-demo .demo-setups .scene-zoom{min-height:42px}.workspace-demo .setup-choice{min-height:42px}
.product-further{padding:40px 0 60px;border-top:1px solid #e4e4e7;max-width:1280px}
.product-further>h2{font-size:clamp(1.6875rem,3vw,2.375rem);font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:0 0 35px;max-width:630px}
.product-further>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}.product-further h3{font-size:1.1875rem;letter-spacing:-.02em;font-weight:600;margin:0 0 14px}.product-further p{font-size:0.875rem;line-height:1.7;color:#65686d;margin:0}.product-further a{font-size:0.75rem;display:inline-block;color:#23676d;margin-top:18px;padding:7px 0}.product-further a:hover{text-decoration:underline}
.product-editions{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:42px 0 70px;max-width:1280px;border-top:1px solid #e4e4e7}
.product-editions h2{font-size:clamp(1.6875rem,3vw,2.375rem);font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:0 0 20px}.product-editions>div>p{font-size:0.875rem;color:#65686d;line-height:1.7;margin:0}.product-editions table{border-collapse:collapse;width:100%;font-size:0.8125rem;line-height:1.65;text-align:left}.product-editions caption{font-size:0.6875rem;color:#777a7d;text-align:left;margin-bottom:15px}.product-editions th{font-weight:600}.product-editions th,.product-editions td{padding:14px 14px 14px 0;border-bottom:1px solid #e4e4e7;vertical-align:top}.product-editions th[scope=row]{width:120px}.product-editions td{color:#5a5e64}.product-editions .edition-comparison>p{font-size:0.75rem;margin-top:19px}.edition-comparison>a{display:inline-block;font-size:0.8125rem;color:#23676d;margin-top:14px;padding:8px 0}.edition-comparison>a:hover{text-decoration:underline}
@media(min-width:1650px){.product-entry{padding-top:80px;padding-bottom:80px;gap:65px}.product-entry h1{font-size:4.25rem}.product-entry-scene>.product-room{border-radius:18px}}
@media(max-width:1100px){.product-entry{gap:28px;width:calc(100% - 64px);padding-top:48px;padding-bottom:45px}.product-entry h1{font-size:2.6875rem}.product-entry-copy>p{font-size:0.9375rem}.product-wordmark{font-size:0.9375rem}.product-wordmark small{display:block;font-size:0.75rem;margin-left:0}.product-journey-body,.product-journey-intro{gap:40px}.product-journey{padding-top:45px}.product-editions{gap:50px}.product-further>div{gap:30px}.product-chapter:first-child{min-height:420px}}
@media(max-width:800px){
 html{scroll-behavior:auto}
 .product-room-camera,.workspace-demo[data-setup=pivot] .camera-scene{transform:none}
 .product-entry{display:block;width:calc(100% - 40px);padding:35px 0 30px}
 .product-entry .product-entry-copy{max-width:650px;margin:0 auto}.product-wordmark{font-size:1rem;margin-bottom:22px}.product-wordmark small{display:inline;margin-left:7px;font-size:0.75rem}
 .product-entry h1{font-size:clamp(2.1875rem,6vw,3.0625rem);max-width:650px}.product-entry-copy>p{font-size:1rem;max-width:550px;margin-top:19px}.product-entry-actions{margin-top:24px;gap:25px}.product-entry-copy>p.product-release-note{max-width:520px}
 .product-entry .product-entry-scene{margin-top:32px}.hero-dock-detail{width:72%;max-width:390px;margin-top:-14px}.product-entry-scene figcaption{max-width:430px;font-size:0.625rem}
 .product-journey{width:calc(100% - 40px);padding-top:32px}.product-journey-intro{display:block;margin-bottom:24px}.product-journey-intro h2{font-size:1.9375rem;max-width:520px}.product-journey-intro>p{font-size:0.9375rem;margin-top:18px;max-width:520px}.story-skip{display:inline-block;margin-top:12px}
 .product-journey-body{display:block}.product-journey-visual{position:static;padding-bottom:35px}.product-journey-visual .product-room-camera{transform:none!important;will-change:auto}.product-story-scene{will-change:auto}.product-journey-visual figcaption{font-size:0.625rem}.product-journey-note{font-size:0.8125rem;margin-top:16px}.product-journey-try{font-size:0.8125rem;margin-top:4px;min-height:44px}
 .product-chapter,.product-chapter:first-child{min-height:0;padding:28px 0 35px;margin:0 0 5px;border-bottom:1px solid #e4e4e7}.product-chapter h3{font-size:1.75rem;max-width:540px}.product-chapter-copy>p:not(.chapter-index){font-size:0.9375rem;max-width:600px}.chapter-index{margin-bottom:12px}.native-evidence{max-width:550px}.native-evidence-group>.product-native{max-width:280px}.native-evidence-group figcaption{max-width:280px}.native-evidence-windows,.native-evidence-magic{padding:10px}.native-edge-pair{max-width:460px;grid-template-columns:minmax(0,1fr) 30px;gap:24px}.native-edge-pair .product-native-vertical{max-height:200px}
 .product-handoff{padding:36px 2px 27px}.product-handoff h2{font-size:2.25rem}.product-handoff>p:last-child{font-size:0.9375rem;margin-top:18px}.workspace-demo{width:calc(100% - 40px);padding-bottom:45px}.workspace-demo .workspace-intro{font-size:0.75rem;align-items:start}.workspace-demo .workspace-intro>p{max-width:500px}
 .workspace-demo .setup-choice,.workspace-demo .demo-setups .scene-zoom{min-height:44px}.workspace-demo .workspace-toolbar .demo-edges button,.workspace-demo .workspace-action{min-height:44px}.workspace-demo .display-control select{height:44px}.workspace-demo .map-edge{min-width:20px;min-height:20px}.workspace-demo .settings-remove{min-height:38px}
 .product-further,.product-editions{width:calc(100% - 40px)}.product-further{padding:35px 0}.product-further>h2{font-size:1.8125rem;margin-bottom:28px}.product-further>div{grid-template-columns:1fr;gap:27px}.product-further h3{margin-bottom:10px}.product-further p{max-width:600px}.product-further a{margin-top:8px;min-height:38px}
 .product-editions{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px 0 45px}.product-editions h2{font-size:1.8125rem;max-width:480px}.product-editions th[scope=row]{width:96px}.product-editions td,.product-editions th{padding-right:10px;font-size:0.75rem;overflow-wrap:anywhere}
}
@media(max-width:400px){.product-entry h1{font-size:2.1875rem}.product-entry-copy>p{font-size:0.9375rem}.product-wordmark{margin-bottom:18px}.product-entry-actions{gap:22px}.product-handoff h2{font-size:2.0625rem}.workspace-demo .demo-counter{font-size:0.6875rem}.native-edge-pair{grid-template-columns:minmax(0,1fr) 26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.workspace-demo[data-setup=pivot] .camera-scene{transform:none}.product-room-camera{transform:none!important;will-change:auto}.product-story-scene{will-change:auto;transition:none}.product-journey-visual{position:static}.product-chapter:first-child{min-height:0}.product-chapter{padding-bottom:36px}.product-journey-body{align-items:start}.workspace-demo .camera-scene{transition:none}}
.product-recording{display:block;width:100%;height:auto;border-radius:8px;background:#0e1014;pointer-events:none;user-select:none}
.native-evidence-group>.product-recording+figcaption,.native-evidence-group>.film+figcaption{max-width:460px;margin:11px 0 0}
.product-showreel{padding:72px 0 24px}.product-showreel h2{font-size:clamp(1.875rem,4vw,3.25rem);font-weight:600;letter-spacing:-.045em;line-height:1.05;margin:0 0 28px;text-align:center}.product-showreel figure{margin:0}.product-showreel .product-recording{border-radius:18px;box-shadow:0 30px 80px -30px #1b1a3a66}.product-showreel figcaption{font-size:0.75rem;color:#777a7d;margin-top:14px;text-align:center}
.js-reveal [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js-reveal [data-reveal] .product-recording{transform:scale(.94);transition:transform 1.1s cubic-bezier(.2,.7,.2,1) .1s}
.js-reveal [data-reveal].is-visible{opacity:1;transform:none}.js-reveal [data-reveal].is-visible .product-recording{transform:none}
@media(prefers-reduced-motion:reduce){.js-reveal [data-reveal],.js-reveal [data-reveal] .product-recording{opacity:1;transform:none;transition:none}}
/* Films: picture without player controls, text cues beside the action while it plays. */
.film{position:relative}
.film-cues{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:0.875rem;line-height:1.4;color:#45484c}
.film-cues span{display:block;font-size:0.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#65686b}
.film-live .film-cues{position:absolute;left:clamp(10px,2.4%,28px);bottom:clamp(10px,4%,36px);margin:0;display:block;width:min(44%,360px);pointer-events:none}
.film-live .film-cues li{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:12px 16px 13px;border-radius:14px;background:rgba(20,20,28,.66);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px -12px rgba(0,0,0,.5);color:#fff;font-size:clamp(0.8125rem,1.3vw,1.0625rem);font-weight:500;letter-spacing:-.01em;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1)}
.film-live .film-cues span{color:#9fd3ff;margin-bottom:3px}
/* One card at a time: the old card leaves first, the new one enters after it, so two cards never overlap or show half-faded. */
.film-live .film-cues li{transition-duration:.15s,.15s;transition-delay:0s}
.film-live .film-cues li.is-active{opacity:1;transform:none;transition-duration:.3s,.3s;transition-delay:.15s,.15s}
@media(prefers-reduced-motion:reduce){.film-live .film-cues li,.film-live .film-cues li.is-active{transition:none;transform:none}}
.film-group.film-live .film-cues,.film-windows.film-live .film-cues{top:clamp(10px,4%,28px);bottom:auto;width:min(56%,340px)}
.film-windows.film-live .film-cues{left:auto;right:clamp(10px,2.4%,28px);width:min(44%,320px)}
.film-group.film-live .film-cues li,.film-windows.film-live .film-cues li{top:0;bottom:auto}
@media(max-width:700px){.film-live .film-cues,.film-group.film-live .film-cues,.film-windows.film-live .film-cues{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin-top:10px;min-height:4.6em}.film-live .film-cues li{background:#1d1d24}}
.product-reasons{padding:70px 0 60px;border-top:1px solid #e4e4e7;max-width:1280px}.product-reasons>h2{font-size:clamp(1.875rem,3.6vw,3rem);font-weight:600;letter-spacing:-.045em;line-height:1.08;margin:0}.reasons-lead{font-size:1rem;line-height:1.6;color:#65686d;margin:22px 0 40px;max-width:620px}.product-reasons>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-reasons article{background:#fff;border:1px solid #e6e6e9;border-radius:20px;padding:28px 26px 22px;display:flex;flex-direction:column}.product-reasons h3{font-size:1.25rem;letter-spacing:-.025em;font-weight:600;margin:0 0 12px;line-height:1.2}.product-reasons p{font-size:0.875rem;line-height:1.7;color:#5f6368;margin:0;flex:1}.product-reasons a{font-size:0.75rem;color:#23676d;margin-top:16px;padding:7px 0;align-self:start}.product-reasons a:hover{text-decoration:underline}.reason-edition{align-self:start;font-size:0.6875rem;font-weight:550;color:#2e6a58;background:#e3f1ea;border-radius:20px;padding:3px 10px;margin-bottom:14px}
.product-compare{padding:60px 0 70px;border-top:1px solid #e4e4e7;max-width:1280px}.compare-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:60px;align-items:end;margin-bottom:34px}.compare-head h2{font-size:clamp(1.875rem,3.6vw,3rem);font-weight:600;letter-spacing:-.045em;line-height:1.08;margin:0}.compare-head p{font-size:0.875rem;line-height:1.7;color:#65686d;margin:0}.compare-swipe{display:none}.compare-scroll{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e6e6e9;border-radius:18px;background:#fff}.compare-scroll:focus-visible{outline:3px solid #3f947c;outline-offset:3px}.product-compare table{border-collapse:separate;border-spacing:0;width:100%;min-width:860px;font-size:0.8125rem;line-height:1.45}.product-compare th,.product-compare td{padding:13px 12px;border-bottom:1px solid #eeeef0;text-align:center;vertical-align:middle}.product-compare tbody tr:last-child>*{border-bottom:0}.product-compare thead th{font-size:0.75rem;font-weight:600;color:#3d4246;vertical-align:bottom;padding-top:18px}.product-compare th[scope=row]{text-align:left;font-weight:500;color:#2b3033;position:sticky;left:0;background:#fff;min-width:200px;max-width:260px;z-index:1}.product-compare thead td{position:sticky;left:0;background:#fff;z-index:1}.product-compare .ours{color:#1d5a4b;background:#eef7f2}.product-compare tbody .ours{background:#f5faf7}.product-compare thead .ours{background:#eef7f2}.product-compare td{color:#5a5e64;min-width:96px}.product-compare .mark-yes{color:#2f8a63;font-size:1.0625rem;font-weight:600}.product-compare .mark-no{color:#a3a7ab;font-size:0.9375rem}.product-compare .mark-partly{color:#9a6a22;font-size:0.75rem}.product-compare .mark-review{color:#5f6d78;font-size:0.75rem}.product-compare .mark-unknown{color:#5b6460;font-size:0.8125rem}.product-compare abbr{text-decoration:none;cursor:help}.compare-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:18px 0 0;font-size:0.75rem;color:#6a6e73}.compare-legend span{display:inline-block;min-width:16px;text-align:center}.compare-note{font-size:0.75rem;line-height:1.7;color:#75797d;margin:14px 0 0;max-width:900px}.compare-note a{color:#23676d;text-decoration:underline}
@media(max-width:1100px){.product-reasons>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.product-reasons,.product-compare{width:calc(100% - 32px)}.product-reasons{padding:45px 0 40px}.product-reasons>div{grid-template-columns:minmax(0,1fr);gap:14px}.reasons-lead{margin-bottom:28px}.product-compare{padding:40px 0 50px}.compare-head{grid-template-columns:1fr;gap:14px}.product-compare th[scope=row]{min-width:118px;font-size:0.75rem;padding-left:10px}.product-compare td{min-width:84px;padding:12px 8px}.product-compare table{min-width:680px;font-size:0.75rem}.compare-swipe{display:block;font-size:0.75rem!important;color:#23676d!important}}

/* Hero with the showreel (16 Oct 2026): the film carries the first screen. */
.product-entry{grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr)}
.product-entry-film{margin:0;min-width:0}
.product-entry-film .film{border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #10202430,0 6px 18px #10202418}
.product-entry-film figcaption{font-size:0.6875rem;line-height:1.55;max-width:520px;text-align:center;margin:14px auto 0;color:#77787b}
.product-entry-actions{gap:12px}
.product-entry-actions .button{margin-top:0}
.button.button-quiet{background:transparent;color:var(--ink)}
.button.button-quiet:hover{background:#15302f0d}
.product-what{padding:70px 0 40px;border-top:1px solid #e4e4e7;max-width:1280px}
.product-what>h2{font-size:clamp(1.875rem,3.6vw,3rem);font-weight:600;letter-spacing:-.045em;line-height:1.08;margin:0 0 34px}
.product-what ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;list-style:none;margin:0;padding:0}
.product-what li{display:flex;flex-direction:column;gap:10px}
.what-step{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#15302f;color:#fff;font-size:0.8125rem;font-weight:600}
.product-what h3{font-size:1.3125rem;letter-spacing:-.03em;line-height:1.2;margin:4px 0 0}
.product-what p{font-size:0.9375rem;line-height:1.6;margin:0;color:#55585c}
.product-what-more{margin-top:30px!important;font-size:0.9375rem}
.product-what-more a{color:#23676d;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}
.product-what-more a:hover{text-decoration-thickness:2px}
.product-direct{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:48px;align-items:center;margin-top:30px;margin-bottom:30px;padding:54px 56px;border-radius:28px;background:linear-gradient(135deg,#0f2b2f,#1d4f45 60%,#2c6a57);color:#fff;max-width:1280px;box-sizing:border-box}
.product-direct h2{font-size:clamp(1.875rem,3.4vw,2.875rem);letter-spacing:-.045em;line-height:1.08;margin:0;color:#fff}
.product-direct .handoff-label{color:#a9e3cc}
.product-direct p{color:#d6e6e1;font-size:1rem;line-height:1.6;margin:16px 0 0}
.product-direct h3{font-size:1rem;font-weight:600;color:#fff;margin:26px 0 0}
.product-direct>div>p .text-link{color:#fff;text-decoration:underline;text-underline-offset:2px}
.product-direct ul{display:grid;grid-template-columns:1fr;gap:8px;list-style:none;margin:12px 0 0;padding:0}
.product-direct li{font-size:0.9375rem;color:#fff}
.product-direct li::before{content:"✓";margin-right:9px;color:#8fe0bd;font-weight:700}
.product-direct-cta{display:flex;flex-direction:column;align-items:center;text-align:center}
.product-direct-cta img{width:96px;height:96px;filter:drop-shadow(0 10px 20px #0005)}
.product-direct-cta .button{margin-top:20px;background:#fff;color:#0f2b2f;border-color:#fff}
.product-direct-cta .button:hover{background:#e8f4ef}
.product-direct-cta .text-link{min-height:44px;margin-top:8px;color:#fff}
.product-direct-cta a:focus-visible{outline-color:#c4edd8}
.product-direct-cta p{font-size:0.8125rem;margin-top:12px}
.sim-section{padding-bottom:40px}
/* The simulator's own styles load on demand; this reserves its stage (same box as simulator.css) so nothing jumps when they arrive. */
.sim{width:100%;aspect-ratio:16/9;min-height:520px;max-height:860px;border-radius:24px;background:#ece9e2}
.sim-section .product-handoff .button{margin-top:22px}
.sim-note{font-size:0.7188rem;line-height:1.55;color:#77787b;max-width:760px;margin:14px auto 0;text-align:center}
@media(max-width:1100px){.product-what ol{gap:24px}.product-direct{padding:40px 36px;gap:30px}}
@media(max-width:800px){.product-entry .product-entry-film{margin-top:30px}.product-what{padding:46px 0 24px}.product-what ol{grid-template-columns:1fr;gap:26px}.product-direct{grid-template-columns:minmax(0,1fr);padding:34px 24px;border-radius:22px}.product-direct ul{grid-template-columns:1fr}}
.product-entry h1{font-size:clamp(2.25rem,3.5vw,3.625rem);line-height:1.06}
.product-entry h1 span{color:#5d6a68}
.product-direct-cta .direct-price{margin:16px 0 0;font-size:0.9375rem;color:#d7ebe3}
.product-direct-cta .direct-price strong{display:block;font-size:2.125rem;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:#fff}
.product-direct-cta .direct-terms{margin-top:6px;font-size:0.875rem;color:#d7ebe3}
/* Film pause control: visible, keyboard reachable, shown by product-story.js only when the film can play. */
.film-frame{position:relative}
.film-toggle{position:absolute;right:clamp(8px,1.6%,16px);bottom:clamp(8px,2.4%,16px);z-index:2;min-height:36px;padding:7px 14px;border:1px solid rgb(255 255 255 / 28%);border-radius:999px;background:rgb(20 20 28 / 72%);color:#fff;font-size:0.8125rem;font-weight:600;line-height:1.2}
.film-toggle:hover{background:rgb(20 20 28 / 88%)}
.film-toggle:focus-visible{outline:3px solid #9fd3ff;outline-offset:3px}
/* Illustrated screen content. Glass corners come from the demo's measured geometry;
   the dock is intrinsic width, never a shrinking flex box around fixed-size icons. */
.product-journey-body{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:56px}
.story-ov{position:absolute;inset:0;container-type:size;--s:5cqw;overflow:hidden;isolation:isolate}
.story-ov-ultra{--s:2.65cqw}.story-ov-portrait{--s:9cqw}.story-ov-laptop{--s:6cqw}
.story-ov img{width:var(--s);height:var(--s);max-width:none;display:block;flex:none;object-fit:contain}
.story-ov-dock{position:absolute;z-index:2;display:flex;width:max-content;max-width:94%;box-sizing:border-box;align-items:center;gap:calc(var(--s)*.13);padding:calc(var(--s)*.17) calc(var(--s)*.2);border-radius:calc(var(--s)*.36);background:linear-gradient(155deg,rgb(234 239 248 / 37%),rgb(164 178 201 / 24%));border:calc(var(--s)*.018) solid rgb(246 250 255 / 42%);box-shadow:inset 0 calc(var(--s)*.018) 0 rgb(255 255 255 / 24%),0 calc(var(--s)*.12) calc(var(--s)*.4) rgb(0 0 0 / 24%);-webkit-backdrop-filter:blur(7px) saturate(1.2);backdrop-filter:blur(7px) saturate(1.2)}
.story-ov-bottom{left:50%;bottom:3.2cqh;transform:translateX(-50%)}
.story-ov-top{left:50%;top:4cqh;transform:translateX(-50%)}
.story-ov-left{left:2cqw;top:50%;transform:translateY(-50%);flex-direction:column;align-items:center}
.story-ov-right{right:2cqw;top:50%;transform:translateY(-50%);flex-direction:column;align-items:center}
/* Wallpapers of the illustrated screens, one set per scroll scene. */
.story-wall-aurora{background:radial-gradient(at 18% 22%,#8b6cff 0,transparent 55%),radial-gradient(at 82% 75%,#ff6fa8 0,transparent 50%),linear-gradient(135deg,#1c2150,#3b1d5e)}
.story-wall-sunset{background:linear-gradient(165deg,#ffb36b,#ff5f7e 48%,#6d3fa3)}
.story-wall-ocean{background:radial-gradient(at 75% 20%,#58d3ff 0,transparent 45%),linear-gradient(200deg,#109ad8,#1547a3 58%,#0b1c4c)}
.story-wall-mint{background:radial-gradient(circle at 28% 30%,#c6f6de,#43b98f 52%,#11695a)}
.story-wall-stripes{background:repeating-linear-gradient(125deg,#f6c95f 0 7cqw,#f2895b 7cqw 14cqw,#c0435f 14cqw 21cqw,#6b2d73 21cqw 28cqw)}
.story-wall-dots{background:radial-gradient(circle,rgba(255,255,255,.28) .3cqw,transparent .38cqw) 0 0/2.2cqw 2.2cqw,linear-gradient(135deg,#2c5a78,#4f4479)}
.story-wall-conic{background:conic-gradient(from 210deg at 62% 42%,#ff6b6b,#feca57,#48dbfb,#5f27cd,#ff6b6b)}
.story-wall-grid{background:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px) 0 0/3cqw 3cqw,linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px) 0 0/3cqw 3cqw,linear-gradient(160deg,#151f33,#2a4462)}
.story-wall-light{background:radial-gradient(at 70% 25%,#fff 0,transparent 55%),linear-gradient(180deg,#ebe6f3,#cfc7e0)}
.story-ov-dark{background:linear-gradient(150deg,rgb(36 43 56 / 86%),rgb(18 24 36 / 82%));border-color:rgb(255 255 255 / 25%)}
.story-ov-light{background:linear-gradient(155deg,rgb(248 250 255 / 88%),rgb(220 227 239 / 74%))}
.story-ov-magnify img:nth-child(2),.story-ov-magnify img:nth-child(4){transform:scale(1.18);transform-origin:50% 100%}
.story-ov-magnify img:nth-child(3){transform:scale(1.42);transform-origin:50% 100%;margin-inline:calc(var(--s)*.12)}
.story-ov-magnify{padding-top:calc(var(--s)*.65)}
.story-ov-tabs{position:absolute;left:50%;bottom:calc(2.5cqh + var(--s)*1.62);transform:translateX(-50%);display:flex;gap:calc(var(--s)*.12);padding:calc(var(--s)*.08);border-radius:999px;background:rgb(26 27 31 / 60%)}
.story-ov-tabs i{display:block;width:calc(var(--s)*.9);height:calc(var(--s)*.24);border-radius:999px;background:rgb(255 255 255 / 45%)}
.story-ov-tabs i.is-on{background:#c4edd8}
.story-ov:has(.story-ov-magnify) .story-ov-tabs{bottom:calc(3.2cqh + var(--s)*2.15)}
.story-ov-group{width:var(--s);height:var(--s);box-sizing:border-box;flex:none;display:grid;grid-template-columns:1fr 1fr;gap:4%;padding:12%;border-radius:24%;background:rgb(236 242 255 / 20%);border:calc(var(--s)*.018) solid rgb(255 255 255 / 45%)}
.story-ov-group img{width:100%;height:auto}
.story-ov-anchor{position:relative;display:block;flex:none;width:var(--s);height:var(--s)}
.story-ov-popover{position:absolute;left:50%;bottom:calc(100% + var(--s)*.7);transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,var(--s));gap:calc(var(--s)*.22);padding:calc(var(--s)*.28);border-radius:calc(var(--s)*.38);background:rgb(216 225 242 / 88%);border:calc(var(--s)*.025) solid rgb(255 255 255 / 55%);box-shadow:0 calc(var(--s)*.16) calc(var(--s)*.7) rgb(0 0 0 / 32%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.story-ov-popover::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:calc(var(--s)*.16) solid transparent;border-top-color:rgb(216 225 242 / 88%)}
.story-ov-previews{position:absolute;left:50%;bottom:calc(3.2cqh + var(--s)*1.9);transform:translateX(-50%);display:flex;gap:1cqw;width:67cqw}
.story-preview{min-width:0;flex:1;padding:.35cqw;border-radius:.7cqw;background:rgb(217 226 242 / 85%);box-shadow:0 .6cqw 1.8cqw rgb(0 0 0 / 35%)}
.story-preview:first-child{outline:.16cqw solid #90cdbf;outline-offset:.14cqw}
.story-window-content{display:block;width:100%;height:auto;overflow:hidden;border-radius:1.1%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}
.story-ov-window{position:absolute;left:50%;top:12cqh;transform:translateX(-50%);width:55cqw;border-radius:1cqw;overflow:hidden;box-shadow:0 1.4cqw 4cqw rgb(0 0 0 / 32%);border:.08cqw solid rgb(255 255 255 / 32%)}
.story-ov-ultra .story-ov-window{width:25cqw;left:31%;top:9cqh}
.story-ov-zone{position:absolute;right:7cqw;top:calc(4cqh + max(9px,calc(var(--s)*.36))*1.25 + 8px);display:grid;grid-template-columns:repeat(5,var(--s));gap:calc(var(--s)*.12);padding:calc(var(--s)*.16);border-radius:calc(var(--s)*.3);background:rgb(255 255 255 / 58%);border:max(1.5px,calc(var(--s)*.05)) dashed #3f947c}
.story-ov-rows{display:grid;grid-template-columns:repeat(6,var(--s));border:max(1.5px,calc(var(--s)*.05)) dashed #3f947c}
.story-ov-widget{width:var(--s);height:var(--s);border-radius:22%;background:#152c30;color:#fff;display:flex;align-items:center;justify-content:center}
.story-ov-widget b{font-size:calc(var(--s)*.3);font-weight:600;letter-spacing:-.02em;line-height:1}
.story-ov-volume b{width:62%;height:calc(var(--s)*.14);border-radius:999px;background:linear-gradient(90deg,#c4edd8 0 60%,rgb(255 255 255 / 28%) 60%)}
.story-ov-tag{position:absolute;left:-1px;bottom:calc(100% + 3px);font-size:max(0.5625rem,calc(var(--s)*.36));font-weight:600;line-height:1.25;color:#1d5a5f;background:#f7f7f2;padding:.1em .6em;border-radius:999px;border:1px dashed #3f947c;white-space:nowrap}
.product-journey-note{margin-bottom:12px}
/* The hold: every chapter is tall enough to keep its scene on screen for a while, also the ones without a film.
   No scroll snapping; a proximity snap pulled slow, small scroll steps back to the chapter start. */
@media(min-width:801px){.product-chapter{min-height:min(72vh,660px)}}
@media(max-width:1100px){.product-journey-body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px}}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
 .product-journey-visual{position:sticky;top:72px;z-index:3;background:#fff;padding:8px 0 10px;margin-inline:-20px;padding-inline:20px;box-shadow:0 8px 14px -12px rgb(0 0 0 / 30%)}
 .has-local-nav .product-journey-visual{top:99px}
 .product-journey-visual .product-journey-try{display:none}.product-journey-visual figcaption{margin-top:6px}
}
.product-reasons .reasons-trust{margin:28px 0 0;font-size:0.875rem;color:#4d5654}.reasons-trust a{color:#23676d;margin-left:6px}
/* Simulator below ~700 px: a card that hands the demo over to a Mac (A32). The desktop simulator is unchanged. */
.sim-mobile{display:none}
@media(max-width:700px){
  #try-dock .sim,#try-dock .sim-note,#try-dock [data-sim-launch],#try-dock .product-handoff>p:not(.handoff-label){display:none}
  .sim-mobile{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:8px;padding:18px;border-radius:24px;background:#fff;border:1px solid var(--line)}
  .sim-mobile img{width:100%;height:auto;border-radius:14px;display:block}
  .sim-mobile h3{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 8px}
  .sim-mobile p{margin:0 0 14px}
  .sim-mobile .button{margin:0}
}
/* A34 Lesbarkeit der Produktseite: Mindestgröße 12 px, kleine Texte mit Kontrast von mindestens 4,5:1, Tippziele mindestens 44 px. */
.chapter-index{font-size:0.75rem;color:#55625b}
.film-cues li span{font-size:0.75rem}
.product-entry-film figcaption,.native-evidence figcaption,.product-journey-visual figcaption,.product-entry-scene figcaption{font-size:0.75rem;color:#55625b}
.product-compare caption,.compare-note,.product-permission,.sim-note{font-size:0.75rem;color:#55625b}
.product-story-captions span,.reason-edition{font-size:0.75rem}
.film-toggle{min-height:44px;padding:10px 16px}
.product-entry h1{letter-spacing:-.03em}
.film-live .film-cues li{background:rgba(20,20,28,.82)}
.product-editions caption{font-size:0.75rem;color:#55625b}
/* Action Pad section (A36), rendered only when apps.action_pad_ready() and the real recording exist. */
.action-pad{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;padding-block:88px}
.action-pad h2{font-size:clamp(2.25rem,3.8vw,3.5rem);line-height:1.05;letter-spacing:-.03em;margin:10px 0 18px}
.action-pad-lead{font-size:1.1875rem;line-height:1.55;color:#3d4f4b;margin:0 0 28px}
.action-pad-points{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.action-pad-points li{border-top:1px solid var(--line);padding-top:14px}
.action-pad-points h3{font-size:1.0625rem;letter-spacing:-.01em;margin:0 0 6px}
.action-pad-points p{margin:0;font-size:0.9375rem;color:#55625b;line-height:1.5}
.action-pad-note{font-size:0.8125rem;color:#55625b;margin:0}
.action-pad-media{margin:0;display:grid;gap:20px;justify-items:center}
.action-pad-media img{display:block;max-width:100%;height:auto}
.action-pad-media figcaption{font-size:0.75rem;color:#55625b;text-align:center}
@media(max-width:900px){.action-pad{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:56px}.action-pad-points{grid-template-columns:minmax(0,1fr)}}
/* A205 comparison pages: the source column reads left-aligned, every link visibly underlined. */
.product-compare .compare-source{text-align:left;font-size:0.75rem;line-height:1.6;min-width:260px;color:#5a5e64}.compare-source a,.compare-extras a{color:#23676d;text-decoration:underline}
.compare-extras{margin:16px 0;padding-left:20px;font-size:0.9375rem;line-height:1.7}