html{scrollbar-gutter:stable;overflow-anchor:none}.feature-details-open{overflow:hidden}.highlight-intro{font-size:17px;color:#7a7f88;line-height:1.5;max-width:240px}.highlight{cursor:default}.highlight-open{position:absolute;inset:0;border:0;background:transparent;padding:0;width:100%;height:100%;cursor:pointer;border-radius:inherit;z-index:5}.highlight-open:focus-visible{outline:3px solid #0071e3;outline-offset:-5px}.highlight-open .circle-arrow{font-size:28px;font-weight:300;background:#f4f6fbe8;transition:background .25s,transform .3s}.highlight-open:hover .circle-arrow{background:#fff;transform:rotate(90deg)}.highlight-dock-art{position:absolute;left:18px;right:18px;top:225px;text-align:center}.highlight-dock-preview{display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 8px;border:1px solid #fff;border-radius:40px;background:linear-gradient(#d8e0ed,#c0cddd);box-shadow:0 20px 35px #31507325;transform:rotate(-7deg);min-height:65px}.highlight-dock-preview>span{display:grid;place-items:center;width:38px;height:38px;color:#617a99;border-radius:50%}.highlight-dock-preview>span.active{background:#0071e3;color:white}.highlight-dock-preview svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.highlight-dock-art>span{display:block;margin-top:28px;font-size:13px;color:#7b8ba1}
/* Feature cards expand into a native modal surface. The original live section is reused. */
.feature-dialog{width:min(1100px,calc(100vw - 64px));max-width:none;height:min(900px,calc(100svh - 64px));max-height:none;padding:0;border:1px solid #ffffff55;border-radius:28px;background:#fff;color:#1d1d1f;box-shadow:0 35px 110px #0005;overflow:hidden}.feature-dialog[open]{display:flex;flex-direction:column}.feature-dialog::backdrop{background:#10162299;backdrop-filter:blur(15px);animation:feature-backdrop .25s ease-out}.feature-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 25px;border-bottom:1px solid #e5e8ee;background:#ffffffeb;flex:none;z-index:5}.feature-dialog-header>p{font-size:15px;font-weight:550;letter-spacing:-.015em}.feature-dialog-close{border:0;border-radius:50%;width:36px;height:36px;background:#e9edf3;color:#6c7b8f;font-size:25px;line-height:1;display:grid;place-items:center}.feature-dialog-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:auto}.feature-dialog-footer{display:flex;justify-content:center;align-items:center;gap:23px;padding:12px 25px;border-top:1px solid #e4e8ef;background:#f8fafc;flex:none}.feature-dialog-footer>button{border:0;width:34px;height:34px;background:#e7edf4;border-radius:50%;color:#708298;font-size:17px}.feature-pagination{display:flex;gap:11px;align-items:center}.feature-pagination button{width:10px;height:10px;border:0;padding:0;border-radius:50%;background:#c4cedb;cursor:pointer}.feature-pagination button[aria-current=true]{background:#5e83ad;width:27px;border-radius:10px}.feature-pagination button:focus-visible{outline-offset:4px}.feature-dialog .wrap{width:calc(100% - 64px)}.feature-dialog .section{padding:40px 0}.feature-dialog .section h2{font-size:44px}.feature-dialog .feature-triptych{display:none}.feature-dialog .section .kicker{font-size:13px}.feature-dialog .section .center-heading>p:last-child{font-size:18px}.feature-dialog .reveal{opacity:1!important;transform:none!important}.feature-dialog[data-feature=watch]{background:#080a0d;color:#f3f5f8;border-color:#ffffff1a}.feature-dialog[data-feature=watch] .feature-dialog-header{background:#151a21;border-color:#ffffff13}.feature-dialog[data-feature=watch] .feature-dialog-close{background:#ffffff15;color:#e1e6ed}.feature-dialog[data-feature=watch] .feature-dialog-footer{background:#111821;border-color:#ffffff14}.feature-dialog[data-feature=watch] .feature-dialog-footer>button{background:#ffffff13;color:#c3d2e2}.feature-dialog[data-feature=watch] .feature-pagination button{background:#566479}.feature-dialog[data-feature=watch] .feature-pagination button[aria-current=true]{background:#c3d9f2}.feature-dialog #watch .watch-intro{padding:32px 0 15px}.feature-dialog #watch .watch-intro h2{font-size:44px;letter-spacing:-.045em}.feature-dialog #watch .watch-intro>.kicker{margin-bottom:17px}.feature-dialog #watch .watch-intro>p:last-child{display:none}.feature-dialog #watch .watch-scroll{height:470px;min-height:0;--scene:1}.feature-dialog #watch .watch-sticky{position:relative;top:0;height:470px;min-height:0}.feature-dialog #watch .watch-webgl{inset:0 0 20%}.feature-dialog #watch .watch-canvas{max-width:84%;width:750px}.feature-dialog #watch .watch-caption{font-size:16px;top:1%;opacity:0}.feature-dialog #watch[data-watch-mode=workspace] .watch-caption{opacity:1}.feature-dialog #watch .watch-caption p{font-size:17px}.feature-dialog #watch .transport{bottom:18px;min-width:0;max-width:94%;width:max-content}.feature-dialog #watch .watch-features{padding:17px 0 35px;grid-template-columns:1fr 1fr;gap:32px}.feature-dialog #watch .watch-features h3{font-size:26px}.feature-dialog #watch .watch-features>p{font-size:16px}.feature-dialog #studio{background:#fff}.feature-dialog #studio .center-heading{text-align:left}.feature-dialog #studio .center-heading h2{font-size:41px}.feature-dialog #studio .studio-stage{margin-top:30px;width:calc(100% - 44px);padding:22px}.feature-dialog #studio .studio-tabs{margin-bottom:24px}.feature-dialog #depth .depth-layout{grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center}.feature-dialog #depth .depth-copy .section-description{font-size:17px}.feature-dialog #depth h2{font-size:43px}.feature-dialog #depth .depth-visual{aspect-ratio:1;max-height:520px}.feature-dialog #depth .depth-copy .tiny{font-size:11px!important}.feature-dialog #depth .depth-settings{margin-bottom:15px}.feature-dialog #depth .depth-options{margin-bottom:15px}.feature-dialog .dock-experience{padding:6px}.feature-dialog .dock-editor-heading h3{font-size:28px}.feature-dialog .dock-options{gap:12px}
@keyframes feature-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.highlight-intro{font-size:15px}.editorial-home .highlights .section-top{align-items:flex-start}.highlight-dock-art{top:215px}.editorial-home .studio-stage{padding:20px 15px}.feature-dialog{width:calc(100vw - 20px);height:calc(100svh - 28px);border-radius:23px}.feature-dialog-header{padding:13px 17px}.feature-dialog-header>p{font-size:14px}.feature-dialog-footer{padding:11px 18px}.feature-dialog .wrap{width:calc(100% - 36px)}.feature-dialog .section{padding:27px 0}.feature-dialog #watch .watch-intro{padding:24px 0 10px}.feature-dialog #watch .watch-intro h2{font-size:35px}.feature-dialog #watch .watch-intro>.kicker{font-size:11px}.feature-dialog #watch .watch-scroll,.feature-dialog #watch .watch-sticky{height:330px;min-height:0}.feature-dialog #watch .watch-webgl{inset:0 -8% 21%}.feature-dialog #watch .transport{gap:6px;padding:7px;bottom:12px;max-width:96%}.feature-dialog #watch .transport-title{display:none}.feature-dialog #watch .transport a,.feature-dialog #watch .leave-watch{font-size:11px}.feature-dialog #watch .watch-features{grid-template-columns:1fr;gap:16px;padding:16px 0 30px}.feature-dialog #watch .watch-features h3{font-size:26px}.feature-dialog #watch .watch-features>p{font-size:16px}.feature-dialog #studio .center-heading h2{font-size:32px}.feature-dialog #studio .center-heading>p:last-child{font-size:16px}.feature-dialog #studio .studio-stage{width:calc(100% - 22px);padding:17px 12px}.feature-dialog #depth .depth-layout{grid-template-columns:1fr;gap:8px}.feature-dialog #depth h2{font-size:36px}.feature-dialog #depth .depth-copy .section-description{font-size:17px}.feature-dialog #depth .depth-visual{width:100%;margin:0;max-height:none;aspect-ratio:1.12}.feature-dialog #depth .depth-copy .tiny{font-size:12px!important}.feature-dialog .dock-options{grid-template-columns:1fr 1fr}.feature-dialog .dock-editor-heading h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.feature-dialog::backdrop{animation:none}.highlight-open .circle-arrow{transition:none}}
/* Graphic content previews return; the inaccurate free-floating placement mode stays removed. */
.editorial-home .studio-stage{background:radial-gradient(ellipse at 50% 40%,#d2dae99c,transparent 72%),linear-gradient(145deg,#edf0f6,#f6f7fa);overflow:hidden}.editorial-home .widget-stage{perspective:none}.feature-dialog #studio .widget-stage{height:360px}.feature-dialog #studio .widget-selector{max-width:100%}.feature-dialog #studio .widget-customize{margin-top:18px}.feature-dialog #studio .widget-more{font-size:12px}.feature-dialog #studio .studio-scene-heading{padding:0 4px}.feature-dialog #studio .control-dock{transform:scale(.86);margin-bottom:18px}.feature-dialog #studio .widget-stage .widget{max-width:calc(100% - 30px)}
@media(max-width:760px){.editorial-home .studio-stage{padding:20px 12px}.feature-dialog #studio .widget-stage{height:330px}.feature-dialog #studio .control-dock{transform:scale(.74);margin-left:-10px;margin-right:-10px}.feature-dialog #studio .widget-selector{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.feature-dialog #studio .widget-selector button{font-size:11px;white-space:normal;padding:7px 3px;min-height:42px}.feature-dialog #studio .widget-customize{margin-top:18px}}
.feature-dialog #studio .widget-stage{height:420px}@media(max-width:760px){.feature-dialog #studio .widget-stage{height:390px}}
/* Keep widget choices and the selected preview together inside the details surface. */
#widget-experience>.widget-selector{margin:20px auto 6px}.feature-dialog #studio>.center-heading{display:none}.feature-dialog #studio{padding:18px 0}.feature-dialog #studio .studio-stage{margin-top:0;padding:18px}.feature-dialog #studio .studio-tabs{padding-bottom:15px;margin-bottom:16px}.feature-dialog #studio .studio-scene-heading{display:none}.feature-dialog #studio #widget-experience>.widget-selector{margin:0 auto 8px}.feature-dialog #studio .widget-stage{height:330px}.feature-dialog #studio .widget-stage .widget{transform:translate3d(calc(-50% + var(--widget-x,0px)),calc(var(--widget-y,86px) - 60px),0) rotate(var(--widget-angle,0deg)) scale(var(--widget-scale,.76))}.feature-dialog #studio #widget-experience>.control-dock{display:none}.feature-dialog #studio .widget-customize{margin-top:7px}.feature-dialog #studio .widget-preview-status{margin-top:15px}.feature-dialog #studio .widget-more,.feature-dialog #studio #widget-experience>.tiny{display:none}
@media(max-width:760px){.feature-dialog #studio{padding:12px 0}.feature-dialog #studio .studio-stage{padding:14px 10px}.feature-dialog #studio .widget-stage{height:310px}.feature-dialog #studio .widget-selector{margin-bottom:14px}.feature-dialog #studio .widget-customize{margin-top:0}.feature-dialog #studio .widget-preview-status{font-size:11px;margin-top:12px}}