/* The product is the picture: captured screens, satin hardware, purposeful depth. */
:root{--tour-ease:cubic-bezier(.16,1,.3,1)}
html{scrollbar-color:var(--control) var(--bg)}
.theme-dark{display:none}[data-theme=dark] .theme-light{display:none}[data-theme=dark] .theme-dark{display:block}
.product-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:36px;padding-top:44px;padding-bottom:44px;min-height:720px}
.product-hero h1{font-size:clamp(58px,6.5vw,86px);line-height:1.03;letter-spacing:-.04em;max-width:620px}.product-hero h1 span{color:var(--accent)}
.product-lead{max-width:480px;font-size:20px;line-height:1.6;margin-top:26px}.product-hero .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}.product-hero .button{font-size:14px;min-height:52px;padding:14px 20px;gap:12px}.product-hero .button svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.7}.product-hero .text-link{font-size:14px}.hero-facts{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.8;max-width:430px}.hero-facts>span{color:var(--control);margin-inline:5px}
.hero-chapter-copy{border-top:1px solid var(--line);margin-top:36px;padding-top:24px;max-width:430px}.hero-chapter-copy>span{font-size:12px;color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums}.hero-chapter-copy h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin-top:7px}.hero-chapter-copy p{font-size:14px;color:var(--muted);line-height:1.65;margin-top:9px;min-height:46px}
.product-stage{min-width:0}.product-stage-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:5;border-bottom:1px solid var(--line);padding-bottom:9px}.product-stage-controls>div{display:flex;gap:4px;flex:1}.product-stage-controls button{background:transparent;min-height:48px;font-size:14px;font-weight:700;padding:10px 14px;border-radius:7px;color:var(--muted);position:relative}.product-stage-controls button[aria-pressed=true]{color:var(--accent);background:var(--surface-2)}.product-stage-controls button[aria-pressed=true]:after{content:'';position:absolute;left:14px;right:14px;height:2px;bottom:4px;background:var(--accent);transform-origin:left;transform:scaleX(0);animation:screen-progress 6s linear forwards;animation-play-state:paused}.product-stage[data-playing=true] .product-stage-controls button[aria-pressed=true]:after{animation-play-state:running}.product-stage-controls #product-motion{border:1px solid var(--control);width:44px;height:44px;min-height:44px;padding:10px;border-radius:50%;color:var(--text);flex:none}.product-stage-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.device-theatre{height:550px;position:relative;perspective:1300px;isolation:isolate;overflow:hidden}.device-platform{position:absolute;width:83%;height:120px;bottom:9px;left:9%;border-radius:50%;background:var(--surface-2);transform:rotateX(65deg);box-shadow:0 20px 38px #1815120b;z-index:-1}
.tour-device{width:228px;margin:0;position:absolute;left:50%;top:22px;background:#252421;padding:7px;border-radius:30px;box-shadow:10px 24px 40px #1515152b,inset 1px 0 1px #fff8,inset -2px 0 1px #000;transform-origin:50% 60%;transition:transform 1.1s var(--tour-ease),opacity .7s,filter .7s;will-change:auto}.device-glass{border-radius:24px;overflow:hidden;background:var(--bg);aspect-ratio:1080/2520;position:relative}.device-glass img{width:100%;height:100%;object-fit:cover}.device-overview{transform:translateX(-50%) rotateY(-10deg) rotateZ(-5deg);z-index:3}.device-calendar{transform:translateX(-5%) translateY(16px) scale(.85) rotateY(-24deg) rotateZ(10deg);opacity:.35;z-index:1}.device-language{transform:translateX(-100%) translateY(28px) scale(.8) rotateY(22deg) rotateZ(-12deg);opacity:.2;z-index:0}
.product-stage[data-view="1"] .device-calendar{transform:translateX(-50%) rotateY(9deg) rotateZ(3deg);opacity:1;z-index:3}.product-stage[data-view="1"] .device-overview{transform:translateX(-103%) translateY(18px) scale(.82) rotateY(24deg) rotateZ(-11deg);opacity:.24;z-index:1}.product-stage[data-view="1"] .device-language{transform:translateX(0) translateY(20px) scale(.84) rotateY(-20deg) rotateZ(12deg);opacity:.3;z-index:0}
.product-stage[data-view="2"] .device-language{transform:translateX(-50%) rotateY(-8deg) rotateZ(-2deg);opacity:1;z-index:3}.product-stage[data-view="2"] .device-overview{transform:translateX(0) translateY(20px) scale(.83) rotateY(-22deg) rotateZ(11deg);opacity:.22;z-index:1}.product-stage[data-view="2"] .device-calendar{transform:translateX(-102%) translateY(20px) scale(.83) rotateY(22deg) rotateZ(-10deg);opacity:.28;z-index:0}
.product-stage[data-playing=true] .tour-device[aria-hidden=false] .device-glass:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 30%,#fff3 43%,transparent 54%);transform:translateX(-120%);animation:satin-pass 6s var(--tour-ease) both}
.device-caption{position:absolute;bottom:32px;left:6px;z-index:4;max-width:255px;background:var(--button);color:var(--on-button);padding:16px 20px;border-radius:10px;box-shadow:0 14px 30px #15151525;transition:transform .7s var(--tour-ease)}.device-caption strong{display:block;font-size:16px;letter-spacing:-.02em}.device-caption>span:last-child{display:block;font-size:11px;line-height:1.6;margin-top:5px}.caption-line{position:absolute;width:45px;height:1px;background:var(--control);left:100%;top:25px}.product-stage[data-view="1"] .device-caption{transform:translate(12px,-12px)}.product-stage[data-view="2"] .device-caption{transform:translate(0,0)}
.product-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:9px}.product-stage-foot button{background:none;font-weight:700;color:var(--text);font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.product-tour{scroll-margin-top:20px}.tour-player{position:relative;border-radius:16px;overflow:hidden;background:#151515;aspect-ratio:16/9}.tour-player video{width:100%;height:100%;display:block;object-fit:contain}.tour-play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;gap:18px;padding:38px;background:linear-gradient(transparent 45%,#0009);color:#fffdf8;text-align:left}.tour-play>span:last-child{font-size:22px;font-weight:800;line-height:1.4}.tour-play small{font-size:12px;font-weight:500;display:block;margin-top:5px}.tour-play-icon{display:grid;place-items:center;width:62px;height:62px;background:#fffdf8;color:#242320;border-radius:50%;transition:transform .2s}.tour-play:hover .tour-play-icon{transform:scale(1.08)}.tour-play-icon svg{width:29px;height:29px;fill:currentColor}.tour-chapters{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.tour-chapters button{background:none;min-height:70px;padding:14px 20px;color:var(--text);text-align:left;font-size:14px;font-weight:700;display:flex;align-items:center;gap:15px}.tour-chapters button+button{border-left:1px solid var(--line)}.tour-chapters span{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.tour-chapters button[aria-pressed=true]{background:var(--surface-2)}.media-note{color:var(--muted);font-size:12px;margin-top:15px;max-width:85ch}.tour-transcript{font-size:13px;color:var(--muted);margin-top:14px}.tour-transcript summary{cursor:pointer;min-height:44px;color:var(--text);font-weight:700;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}.tour-transcript p{max-width:85ch;line-height:1.8;padding-bottom:12px}
.feature-explorer{display:grid;grid-template-columns:340px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-choices{padding:14px 35px 14px 0}.feature-choices button{display:block;text-align:left;background:none;width:100%;padding:19px 17px;font-size:17px;font-weight:800;line-height:1.4;border-radius:8px;margin:4px 0;transition:background .2s}.feature-choices button span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}.feature-choices button[aria-selected=true]{background:var(--button);color:var(--on-button)}.feature-choices button[aria-selected=true] span{color:inherit}.feature-panel{padding:38px 0 38px 44px;border-left:1px solid var(--line);min-height:580px}.feature-panel h3{font-size:32px;letter-spacing:-.03em;line-height:1.25}.feature-panel>p{font-size:16px;max-width:64ch;margin-top:19px;color:var(--muted)}.feature-panel ol{list-style:none;display:grid;gap:13px;margin:24px 0;padding:0;font-size:15px}.feature-panel ol li{padding-bottom:13px;border-bottom:1px solid var(--line)}.feature-panel .feature-boundary{font-size:12px;max-width:72ch;line-height:1.8;margin:20px 0}.feature-panel .text-link{font-size:14px}.feature-scene{padding:23px;margin-top:26px;border-radius:12px;background:var(--bg);min-height:130px;overflow:hidden;position:relative}.feature-scene-label{font-size:11px;color:var(--muted);margin-bottom:16px}.feature-scene-steps{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:700}.feature-scene-steps>span{padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.feature-scene-steps>i{font-style:normal;color:var(--accent)}.feature-scene .sample-action{margin-top:20px}.feature-scene-output{font-size:14px;color:var(--accent);margin-top:12px;min-height:24px}.supply-meter{height:10px;background:var(--line);border-radius:4px;margin-block:16px;overflow:hidden}.supply-meter span{display:block;height:100%;width:80%;background:var(--accent);transition:width .6s var(--tour-ease)}.feature-scene label{display:flex;align-items:center;gap:14px;font-size:14px;min-height:44px}.feature-scene input[type=range]{width:160px;accent-color:var(--accent)}.feature-scene input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}
.workday-strip{margin-top:40px;padding-top:30px;display:grid;grid-template-columns:1fr 1.3fr;gap:22px 50px}.workday-strip h3{font-size:25px;line-height:1.4}.workday-strip p{font-size:15px;color:var(--muted);max-width:65ch}.workday-strip a{font-size:13px;grid-column:2}
.rollout-section{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.rollout-section>div>p{max-width:48ch;margin-top:25px;color:var(--muted);font-size:16px}.rollout-section .text-link{margin-top:22px;font-size:14px}.rollout-section ol{margin:0;padding:0;list-style:none}.rollout-section li{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0}.rollout-section li>span{font-size:14px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.rollout-section h3{font-size:24px;line-height:1.3;letter-spacing:-.02em}.rollout-section li p{font-size:15px;color:var(--muted);margin-top:12px;max-width:52ch}
.screen-dialog{width:min(560px,95vw);padding:27px}.screen-dialog h2{font-size:23px;margin:0 40px 20px 0}.screen-dialog img{width:min(100%,360px);margin-inline:auto;border-radius:12px}.screen-dialog p{font-size:12px;text-align:center;color:var(--muted)}
.section-heading h2,.rollout-section h2{letter-spacing:-.04em}.feature-panel.is-changing>*{animation:feature-arrival .45s var(--tour-ease) both}
@keyframes screen-progress{to{transform:scaleX(1)}}@keyframes satin-pass{0%,30%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}@keyframes feature-arrival{from{opacity:.5;clip-path:inset(0 0 12% 0);transform:translateX(8px)}to{opacity:1;clip-path:inset(0);transform:translateX(0)}}
@media(min-width:1500px){.product-hero{gap:55px}}
@media(max-width:1050px){.product-hero{gap:25px;grid-template-columns:1fr 1fr}.product-hero h1{font-size:64px}.product-lead{font-size:18px}.tour-device{width:205px}.device-theatre{height:510px}.device-caption{max-width:220px;bottom:20px;padding:13px 16px}.device-caption strong{font-size:14px}.caption-line{display:none}.product-stage-controls button{font-size:12px;padding-inline:10px}.product-stage-foot{font-size:10px}.feature-explorer{grid-template-columns:270px 1fr}.feature-panel{padding-left:30px}.feature-choices{padding-right:20px}}
@media(max-width:760px){.product-hero{display:block;min-height:0;padding-top:30px;padding-bottom:28px}.product-hero h1{font-size:clamp(43px,9vw,66px);max-width:580px}.product-lead{font-size:17px;line-height:1.55;margin-top:19px;max-width:540px}.product-hero .hero-actions{gap:20px;margin-top:21px}.product-hero .button{font-size:13px;padding:12px 16px}.product-hero .text-link{font-size:13px}.hero-facts{font-size:11px;margin-top:16px}.hero-chapter-copy{display:none}.product-stage{margin-top:25px}.product-stage-controls{padding-bottom:6px;gap:8px}.product-stage-controls button{font-size:14px;min-height:48px;padding:10px 12px}.device-theatre{height:355px;max-width:450px;margin-inline:auto}.tour-device{width:146px;top:14px;padding:5px;border-radius:21px}.device-glass{border-radius:16px}.device-platform{height:70px;bottom:3px}.device-caption{bottom:12px;left:0;max-width:195px;padding:11px 14px}.device-caption strong{font-size:13px}.device-caption>span:last-child{font-size:10px;max-width:170px}.product-stage-foot{font-size:10px;gap:8px}.product-stage-foot button{font-size:11px}.tour-player{border-radius:10px}.tour-play{padding:16px;gap:12px}.tour-play-icon{width:44px;height:44px;flex:none}.tour-play-icon svg{width:22px;height:22px}.tour-play>span:last-child{font-size:16px}.tour-play small{font-size:10px}.tour-chapters{grid-template-columns:1fr}.tour-chapters button{min-height:48px;font-size:13px;padding:10px 2px;gap:16px}.tour-chapters button+button{border-left:0;border-top:1px solid var(--line)}.media-note{font-size:11px}.feature-explorer{display:block}.feature-choices{display:flex;overflow:auto;gap:8px;padding:15px 0;scroll-snap-type:x mandatory}.feature-choices button{width:190px;min-width:190px;padding:15px;font-size:15px;scroll-snap-align:start}.feature-choices button span{font-size:11px}.feature-panel{border-left:0;border-top:1px solid var(--line);padding:28px 0;min-height:0}.feature-panel h3{font-size:28px}.feature-panel>p{font-size:15px}.feature-panel ol{font-size:14px}.feature-scene{padding:18px}.feature-scene-steps{font-size:12px}.workday-strip{display:block;margin-top:28px;padding-top:0}.workday-strip h3{font-size:24px}.workday-strip p{margin-top:18px}.workday-strip a{margin-top:18px}.rollout-section{display:block}.rollout-section>div>p{font-size:15px}.rollout-section ol{margin-top:30px}.rollout-section li{gap:18px}.rollout-section h3{font-size:23px}.rollout-section li p{font-size:14px}.screen-dialog{padding:20px}.screen-dialog h2{font-size:21px}}
@media(max-width:370px){.product-hero h1{font-size:43px}.product-stage-controls button{font-size:13px;padding-inline:9px}.product-hero .hero-actions{gap:13px}.product-hero .button{padding-inline:12px;font-size:12px}.product-hero .text-link{font-size:12px}.device-caption{max-width:173px}.device-caption>span:last-child{font-size:10px}.product-stage-foot{align-items:flex-start}.product-stage-foot>span{max-width:150px}}
@media(prefers-reduced-motion:reduce){.tour-device,.device-caption,.supply-meter span{transition:none!important}.tour-device{box-shadow:5px 10px 20px #15151520}.product-stage .device-glass:after,.product-stage-controls button:after,.feature-panel.is-changing>*{animation:none!important}.product-stage-controls button[aria-pressed=true]:after{transform:scaleX(1)}.tour-play-icon{transition:none}}