/* Three physical states, with one continuous library and untouched Apple bezels. */
.duo-chapter{background:#e8ecf6}.duo-chapter>.site-wrap{grid-template-columns:.8fr 1.2fr;gap:25px}.duo-copy h2 em{color:#546bea}.duo-copy .eyebrow,.duo-copy p{color:#63708f}.duo-content-switch{gap:8px}.duo-content-switch button{border-color:#c0c8df;color:#55617b}.duo-content-switch button[aria-pressed=true]{color:#3c56c5}.duo-display{position:relative;height:580px;overflow:visible}.duo-world{position:absolute;width:1000px;height:760px;left:50%;top:47%;transform:translate(-50%,-50%) scale(var(--duo-scale,.65))}.duo-orbit{position:absolute;inset:60px 170px;border:1px solid #bdc7e4;border-radius:50%;transform:rotate(-24deg);background:radial-gradient(ellipse,#ffffff70,transparent 65%)}.duo-outer-hardware,.duo-inner-hardware{position:absolute;left:50%;top:50%;transition:transform 1.5s cubic-bezier(.2,.75,.2,1),opacity .7s;will-change:transform,opacity}.duo-outer-hardware{width:440px;transform:translate(-50%,-50%);opacity:1;z-index:2}.duo-inner-hardware{opacity:0;pointer-events:none}.duo-portrait-hardware{width:595.7px;transform:translate(-50%,-50%) scale(.57)}.duo-landscape-hardware{width:820px;transform:translate(-50%,-50%) rotate(-90deg) scale(.57)}.duo-inner-hardware .real-device{width:100%}.duo-chapter:not([data-duo-state=outer]) .duo-outer-hardware{transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none}.duo-chapter[data-duo-state=portrait] .duo-portrait-hardware{opacity:1;transform:translate(-50%,-50%) scale(.86)}.duo-chapter[data-duo-state=portrait] .duo-landscape-hardware{transform:translate(-50%,-50%) rotate(-90deg) scale(.86)}.duo-chapter[data-duo-state=landscape] .duo-portrait-hardware{transform:translate(-50%,-50%) rotate(90deg) scale(1)}.duo-chapter[data-duo-state=landscape] .duo-landscape-hardware{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.device-duo-portrait .real-screen{left:5.296%;top:3.847%;width:89.408%;height:92.306%;border-radius:7.4% / 5.2%}.device-duo-portrait .real-bezel{inset:auto;left:50%;top:50%;width:137.65%;max-width:none;height:72.647%;transform:translate(-50%,-50%) rotate(-90deg)}.duo-world .native-preview{container-type:normal}.duo-world .np-canvas{isolation:auto}.duo-world .np-chrome{padding-inline:22px}
.duo-state-caption{position:absolute;bottom:0;left:0;right:0;font-size:14px;text-align:center;color:#65708b}.duo-playback{display:block;border:0;background:transparent;color:#677696;font:inherit;font-size:12px;margin-top:16px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.duo-note{color:#717c98;line-height:1.6;margin-top:5px}.duo-world .native-preview{pointer-events:none}
/* A wider shelf communicates breadth without turning it into a list of claims. */
.cover-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 6px;min-height:370px;padding:18px 0;align-content:center}.cover-gallery figure{transform:none!important;translate:none!important;transition:opacity .3s,transform .35s!important}.cover-gallery figure:hover{transform:translateY(-8px) rotate(-3deg)!important}.cover-gallery img{height:110px!important}.cover-gallery figcaption{display:none}.library-scene .scene-caption{max-width:420px;margin-inline:auto;line-height:1.6}.cover-gallery[data-filter=two],.cover-gallery[data-filter=quick]{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-gallery[data-filter=two] img,.cover-gallery[data-filter=quick] img{height:150px!important}
.table-turn-alert{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:min(90%,350px);z-index:5;border:1px solid #ffffff88;background:#fffdf5;box-shadow:0 18px 42px #18276020;border-radius:18px;padding:13px 16px;display:flex;align-items:center;gap:12px;text-align:left;color:#243554;animation:turn-arrival .6s cubic-bezier(.18,1.3,.4,1)}.table-turn-alert[hidden]{display:none}.table-turn-alert>img{width:31px;height:43px;object-fit:contain}.table-turn-alert>span{display:grid;gap:3px;flex:1}.table-turn-alert small{font-size:11px;font-weight:600;color:#69718b}.table-turn-alert b{font-size:16px}.table-turn-alert>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#4564e8;color:#fff;font-style:normal}.table-dock button.is-notifying{animation:turn-pulse 1.6s infinite}.tables-scene .scene-caption{display:block;line-height:1.5}.table-playback{border:0;background:transparent;color:#687c82;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:10px 18px}.table-alert-note{display:none}@keyframes turn-arrival{from{opacity:0;translate:0 -22px;scale:.92}to{opacity:1;translate:0 0;scale:1}}@keyframes turn-pulse{50%{box-shadow:0 0 0 8px #4867e91f;translate:0 -4px}}
@media(max-width:1050px){.duo-display{height:480px}.cover-gallery{gap:14px 5px;min-height:320px}.cover-gallery img{height:88px!important}}
@media(max-width:760px){.duo-chapter>.site-wrap{gap:10px}.duo-copy h2 br{display:none}.duo-copy h2{font-size:45px;line-height:1.15}.duo-copy h2 br:after{content:' '}.duo-display{height:480px}.duo-copy .duo-content-switch{max-width:100%}.duo-state-caption{bottom:10px;font-size:12px}.duo-note{margin-top:0}.duo-world{top:45%}.cover-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 4px;min-height:310px}.cover-gallery img{height:88px!important}.table-turn-alert{top:4px}}
@media(max-width:440px){.duo-copy h2{font-size:40px}.duo-display{height:350px}.cover-gallery{min-height:265px}.cover-gallery img{height:76px!important}.cover-gallery[data-filter=two] img,.cover-gallery[data-filter=quick] img{height:115px!important}}
@media(prefers-reduced-motion:reduce){.duo-world *,.table-turn-alert,.table-dock button{animation:none!important;transition:none!important}}
.invite-demo{margin:17px 0;padding-top:16px;border-top:1px solid #e3e7ed}.invite-demo label{font-size:12px;font-weight:650;display:block;margin-bottom:8px}.invite-demo>div{display:flex;gap:6px}.invite-demo input{font:inherit;font-size:11px;border:1px solid #d8ddeb;background:#f9faff;border-radius:10px;padding:11px;min-width:0;flex:1;color:#33436a}.invite-demo button{font:inherit;font-size:11px;border:0;background:#e9eefe;color:#365ed2;border-radius:10px;padding:9px;min-height:40px}.invite-demo p{font-size:11px;color:#7c8899;margin-top:8px;min-height:1.5em}.invite-demo p.invite-found{color:#386ed0;font-weight:700}
.hero-orbit{position:absolute;inset:0 2%;z-index:auto;pointer-events:none;contain:style}.orbit-path{position:absolute;left:5%;right:5%;top:17%;bottom:18%;transform:rotate(-9deg);border:1px solid #9faee140;border-radius:50%;box-shadow:0 0 0 28px #5367c403,0 0 0 55px #5367c402}.orbit-game{position:absolute;width:clamp(48px,6.5vw,90px);aspect-ratio:.74;will-change:transform;filter:drop-shadow(0 12px 7px #23376926);backface-visibility:hidden}.orbit-game img{height:100%;width:100%;object-fit:contain}.unboxing-stage{height:550px;max-width:1440px;margin-inline:auto;overflow:hidden}.hero-play{z-index:3;width:min(780px,66%)}.turn-bubble{z-index:6}.stage-halo{opacity:.65}.stage-word{opacity:.4}.orbit-toggle{border:1px solid #d4dacd;border-radius:50%;background:transparent;width:34px;height:34px;flex:none;color:#657665;font-size:13px;display:grid;place-items:center}.reveal-controls{position:relative}.hero-phone{box-shadow:0 24px 60px #2c387f26}.unboxed-hero[data-room=closed] .hero-play{z-index:3}
@media(min-width:761px) and (max-height:850px){.unboxing-stage{height:390px;margin-top:12px}.hero-play{width:min(640px,65%)}.orbit-game{width:68px}.hero-heading h1{font-size:clamp(64px,9vw,128px)}}
@media(max-width:760px){.unboxing-stage{height:390px}.hero-play{width:83%}.orbit-game{width:48px}.hero-orbit{inset:0 1%}.orbit-path{left:2%;right:2%;top:12%;bottom:13%}.orbit-toggle{position:absolute;right:0;bottom:20px}.reveal-controls .platform-note{padding-right:45px}.turn-bubble{bottom:18px}.hero-subline{font-size:15px}}
@media(max-width:440px){.unboxing-stage{height:310px}.orbit-game{width:40px}.turn-bubble{bottom:8px}}
