/* Real source-rendered product captures, with readable mobile alternatives. */
.product-capture{margin:0;min-width:0;width:100%;align-self:center}.capture-open{display:block;position:relative;overflow:hidden;border:1px solid #33303e;border-radius:14px;background:#0a0a0b;color:white;box-shadow:0 24px 70px #100b2420}.capture-open img{width:100%;height:auto;display:block}.capture-open picture{display:block}.capture-enlarge{display:block;padding:11px 16px;background:#19171f;color:#e3def8;font-size:14px;text-align:right}.product-capture figcaption{font-size:14px;line-height:1.6;color:var(--text-secondary,#777);margin-top:12px;text-align:center}.capture-open:hover{border-color:#8971fc}.capture-open:focus-visible{outline:3px solid #7866ff;outline-offset:5px}.authentic-stage.product-stage{min-height:0;padding:0;transform:none;isolation:auto}.authentic-stage:before,.authentic-stage:after{display:none}.launch-hero-grid{align-items:center}.platform-ui .platform-panel{padding:0;background:transparent;border:0}.platform-ui .product-capture{max-width:none}.product-family-grid{align-items:start}.product-family-grid .product-capture{margin:28px auto 0;max-width:370px}.product-family-grid .cloud-product-card .product-capture{max-width:100%}.capture-phone{max-width:350px;margin-left:auto;margin-right:auto}.mobile-product-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,390px);gap:80px;align-items:center}.mobile-product-grid h2{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.04em}.mobile-product-grid p{font-size:17px;line-height:1.75;margin:22px 0;color:var(--text-secondary,#737179)}.phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start}.reading-width{max-width:1000px}.reading-width p,.reading-width li{font-size:17px;line-height:1.8}.reading-width p{margin:16px 0}.reading-width h3{margin-top:28px}.steps-readable{padding-left:24px}.steps-readable li{margin:18px 0}.product-scope-note{padding:20px 24px;margin-top:24px;margin-bottom:24px;border:1px solid #7866ff35;background:#7866ff08;border-radius:12px;font-size:16px;line-height:1.7}.product-scope-note a{color:#7866ff}.table-scroll{overflow:auto;width:100%;margin:25px 0}.product-comparison{border-collapse:collapse;width:100%;font-size:16px;text-align:left}.product-comparison th,.product-comparison td{border-bottom:1px solid #8883;padding:18px;min-width:150px;vertical-align:top}.product-comparison thead{background:#7866ff10}.policy-summary{padding:24px;border:1px solid #7866ff40;background:#7866ff08;border-radius:12px;margin:24px 0}.policy-summary p{margin-bottom:0}.document-body h3{font-size:21px;margin-top:28px}.capture-dialog{max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);width:1480px;padding:0;background:#0a0a0b;color:white;border:1px solid #625973;border-radius:16px}.capture-dialog::backdrop{background:#08060ce8}.capture-dialog header{display:flex;gap:18px;justify-content:space-between;align-items:center;position:sticky;top:0;padding:16px 22px;background:#16131e;z-index:1}.capture-dialog h2{font-size:17px;margin:0}.capture-dialog button{border:1px solid #817293;border-radius:7px;background:#30283d;color:white;padding:8px 14px;font:inherit;cursor:pointer}.capture-dialog img{display:block;width:100%;height:auto}.capture-dialog a{color:#c1afff;font-size:14px}.capture-dialog-body{overflow:auto}.capture-dialog img.is-phone{max-width:500px;margin:auto}.capture-dialog-open{overflow:hidden}.library-hero h1{white-space:pre-line}.guide-product-context{padding:16px 24px;border-bottom:1px solid #8883;background:#7866ff08;font-size:15px;line-height:1.7;text-align:center}.guide-product-context a{color:#7866ff}.source-note{font-size:14px!important;color:var(--text-secondary,#777)}
@media(min-width:1100px){.launch-hero-grid{grid-template-columns:.75fr 1.25fr;gap:44px}.authentic-stage{margin-right:0}.feature-band-grid:has(.product-capture){grid-template-columns:.65fr 1.35fr}.feature-band-grid.reverse:has(.product-capture){grid-template-columns:.65fr 1.35fr}.feature-band-grid.reverse>.product-capture{order:initial}}
@media(max-width:800px){.mobile-product-grid{grid-template-columns:1fr;gap:35px}.phone-gallery{grid-template-columns:1fr;gap:40px}.phone-gallery .product-capture{max-width:390px}.feature-band-grid,.feature-band-grid.reverse{grid-template-columns:1fr}.product-capture{max-width:100%}.mobile-product-grid .capture-phone{max-width:350px}.capture-dialog header{flex-wrap:wrap;gap:10px}.capture-dialog h2{max-width:70%}.product-comparison th,.product-comparison td{padding:13px}}
@media(max-width:640px){.authentic-stage .product-capture,.platform-ui .product-capture,.feature-band-grid>.product-capture{max-width:390px;margin:auto}.launch-hero-grid{gap:36px}.product-family-grid .product-capture{max-width:320px}.capture-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.capture-dialog header{padding:12px}.capture-open{border-radius:12px}.library-section{overflow-wrap:anywhere}}

/* Give the actual screens the full reading width of their section. */
.platform-canvas { grid-template-columns: 1fr; }
.platform-copy { display: grid; grid-template-columns: 1fr 1fr; column-gap: 54px; padding: 32px; border-right: 0; border-bottom: 1px solid #29292f; }
.platform-copy > span { grid-column: 1 / -1; font-size: 12px; }
.platform-copy h3 { grid-column: 1; grid-row: 2 / 4; max-width: 480px; }
.platform-copy > p { grid-column: 2; grid-row: 2; font-size: 16px; }
.platform-copy ul { grid-column: 2; grid-row: 3; margin-top: 20px; }
.platform-copy li { font-size: 14px; }
.platform-ui { padding: 28px; }
.feature-band-grid:has(> .product-capture), .feature-band-grid.reverse:has(> .product-capture) { grid-template-columns: 1fr; gap: 36px; }
.feature-band-grid:has(> .product-capture) > .feature-band-copy { grid-column: 1; grid-row: 1; display: grid; grid-template-columns: 1fr 1fr; column-gap: 56px; }
.feature-band-grid:has(> .product-capture) .feature-number { grid-column: 1 / -1; }
.feature-band-grid:has(> .product-capture) .feature-band-copy h2 { grid-column: 1; grid-row: 2 / 4; font-size: clamp(30px, 3.2vw, 44px); }
.feature-band-grid:has(> .product-capture) .feature-band-copy > p { grid-column: 2; grid-row: 2; font-size: 16px; }
.feature-band-grid:has(> .product-capture) .feature-band-copy ul { grid-column: 2; grid-row: 3; }
.feature-band-grid:has(> .product-capture) > .product-capture { grid-column: 1; grid-row: 2; }
.capture-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
.capture-toolbar { flex: 0 0 auto; display: grid !important; grid-template-columns: 1fr auto; position: static !important; }
.capture-toolbar p { margin: 5px 0 0; color: #b8aec8; font-size: 13px; }
.capture-controls { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.capture-devices { display: flex; gap: 4px; padding: 3px; background: #09080d; border-radius: 9px; }
.capture-devices[hidden], .capture-dialog img[hidden], .capture-load-status[hidden] { display: none; }
.capture-devices button { border-color: transparent; background: transparent; }
.capture-devices button[aria-pressed="true"] { background: #6e5ef2; border-color: #a69aff; }
.capture-dialog-body { min-height: 0; flex: 1 1 auto; overscroll-behavior: contain; }
.capture-dialog-body:focus-visible { outline: 2px solid #a99aff; outline-offset: -3px; }
.capture-dialog-body img { margin-inline: auto; }
.capture-at-size .capture-dialog-body img { width: var(--capture-width); max-width: none; }
.capture-load-status { padding: 40px; text-align: center; color: #c9bfda; }
.capture-original { margin-left: auto; }
@media(max-width: 720px) {
 .platform-copy, .feature-band-grid:has(> .product-capture) > .feature-band-copy { display: block; padding: 24px; }
 .feature-band-grid:has(> .product-capture) > .feature-band-copy { padding: 0; }
 .platform-ui { padding: 14px; }
 .capture-toolbar h2 { max-width: none; font-size: 15px; }
 .capture-controls { gap: 8px; }
 .capture-controls button { font-size: 13px; padding: 8px 10px; min-height: 40px; }
 .capture-original { font-size: 13px; }
}
.capture-dialog { margin: auto; }
@media(max-width: 360px) {
 .site-public .topbar .brand-text { display: none; }
 .site-public .topbar-inner { gap: 8px; }
 .site-public main .btn { max-width: 100%; white-space: normal; height: auto; text-align: center; }
}