/* Marketing layout only. Every software excerpt uses the native preview styles. */
.product-details{width:min(1240px,94vw);margin:0 auto;padding:50px 0 100px;display:block}
.product-details-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:auto;scrollbar-width:none;border-radius:18px;clip-path:inset(0 round 18px);isolation:isolate}
.product-details-track::-webkit-scrollbar{display:none}
.product-detail-row{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center;padding:40px;border:0;border-radius:28px;background:#fff}
.product-detail-copy{max-width:460px}


.product-detail-visual{position:relative;aspect-ratio:1;width:100%;margin:0;overflow:hidden;border:0;border-radius:16px;background:transparent;isolation:isolate}
.product-detail-visual iframe{position:absolute;left:0;top:0;display:block;width:1280px;height:960px;max-width:none;border:0;transform-origin:0 0;visibility:hidden;pointer-events:none}
@media(max-width:760px){.product-details{width:auto;margin:0 20px;padding:32px 0 64px}.product-detail-row{grid-template-columns:1fr;gap:28px;padding:24px;border-radius:22px}.product-detail-copy{max-width:500px}.product-detail-visual{border-radius:12px;max-width:540px}}

.product-details-navigation{display:flex;justify-content:flex-start;align-items:center;gap:24px;margin:0 0 18px}
.product-details-footer{display:flex;justify-content:center;margin-top:18px}

.product-details-selectors{display:flex;gap:5px;flex-wrap:wrap}
.product-details-selectors button{border:0;border-radius:8px;padding:9px 13px;background:transparent;color:#9ca3af;font:500 13px/1.25 SproutGeist,var(--sans)}
.product-details-selectors button[aria-pressed=true]{background:#efefef;color:#374151}
.product-details-arrows{display:flex;gap:8px;flex-shrink:0}
.product-details-arrows button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#f3f3f1;color:#6b7280;font-size:20px}
.product-details-arrows button:disabled{opacity:.35;cursor:default}
.product-details-track:focus-visible{outline:2px solid #939eb0;outline-offset:-3px;border-radius:18px}
.product-details-navigation button:focus-visible{outline:2px solid #939eb0;outline-offset:3px}
@media(max-width:600px){.product-details-navigation{gap:10px;margin:0 0 14px}.product-details-footer{margin-top:14px}.product-details-selectors{gap:0}.product-details-selectors button{padding:8px;font-size:11px}.product-details-arrows{gap:5px}.product-details-arrows button{width:30px;height:30px;font-size:17px}}

/* Every close-up fills the right half of its card with the same framing. */
.product-detail-row{gap:0;align-items:stretch;padding:0;overflow:hidden}
.product-detail-row .product-detail-copy{max-width:540px;align-self:center;padding:40px}
.product-detail-row .product-detail-visual{height:100%;margin-inline:auto;border-radius:0;justify-self:center}
@media(max-width:760px){
 .product-detail-row{gap:0;padding:0}
 .product-detail-row .product-detail-copy{padding:24px}
 .product-detail-row .product-detail-visual{height:auto;max-width:none}
}

.product-detail-summary{margin:0;color:#374151;font:500 clamp(27px,3.1vw,38px)/1.3 SproutGeist,var(--sans);letter-spacing:-.035em;text-wrap:pretty}
@media(max-width:760px){.product-detail-summary{font-size:clamp(25px,5vw,34px)}}

/* A lighter canvas keeps the native white content surfaces distinct. */
.product-detail-row[data-detail-view],
.product-detail-row[data-detail-view] .product-detail-visual{background:#fafaf9}

/* One fixed rounded viewport clips the straight slide edges during swipes. */
.product-detail-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;align-items:center;padding:clamp(24px,4.8vw,60px);border-radius:0;background:var(--detail-backdrop)}
.product-detail-slide[data-detail-backdrop="overview"]{--detail-backdrop:#dff2e9}
.product-detail-slide[data-detail-backdrop="board"]{--detail-backdrop:#fcf4d4}
.product-detail-slide[data-detail-backdrop="timeline"]{--detail-backdrop:#d8f2f7}
.product-detail-slide[data-detail-backdrop="history"]{--detail-backdrop:#e2e5f7}
.product-detail-slide>.product-detail-row{width:100%;scroll-snap-align:none;box-shadow:0 4px 14px rgba(23,35,29,.09)}
@media(max-width:760px){.product-detail-slide{padding:20px;border-radius:0}}
@media(max-width:460px){.product-detail-slide{padding:16px}}


/* Vertical gestures always continue through to the page; horizontal swipes stay available. */
.product-details-track{overscroll-behavior-y:auto;touch-action:pan-x pan-y pinch-zoom}

/* Keep pointer and touch gestures on the page, above every decorative iframe. */
.product-detail-scroll-surface{position:absolute;inset:0;z-index:1;pointer-events:auto;touch-action:pan-x pan-y pinch-zoom}

.product-detail-row[data-detail-view="history"] .product-detail-visual,
.product-detail-row[data-detail-view="timeline"] .product-detail-visual{border-top-right-radius:28px}

/* Round the visible crop where the native panel starts, below its top padding. */
.product-detail-row[data-detail-view="history"] .product-detail-visual,
.product-detail-row[data-detail-view="timeline"] .product-detail-visual{clip-path:inset(calc(24px * var(--detail-render-scale,1)) 0 0 0 round 28px 0 0 0)}