.destination-page { --destination-tint: #edf4ff; --destination-ink: #3160a7; }
.destination-theme-mint { --destination-tint: #eef8f3; --destination-ink: #34715d; }
.destination-theme-peach { --destination-tint: #fff3eb; --destination-ink: #a15532; }
.destination-theme-lilac { --destination-tint: #f3effb; --destination-ink: #7952a6; }
.destination-breadcrumb { display: flex; gap: 12px; padding-top: 26px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.destination-breadcrumb a:hover { color: var(--purple); }
.destination-hero { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 72px; padding-block: 64px 88px; }
.destination-hero > * { min-width: 0; }
.destination-hero h1 { font-size: clamp(38px, 4.3vw, 58px); line-height: 1.045; letter-spacing: -.042em; font-weight: 700; text-wrap: balance; margin: 0 0 26px; }
.destination-hero-copy > p { font-size: 20px; line-height: 1.5; letter-spacing: -.016em; color: var(--muted); text-wrap: pretty; }
.destination-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.destination-actions .button { white-space: normal; text-align: center; max-width: 100%; }
.destination-visual { margin: 0; background: linear-gradient(145deg, var(--destination-tint), #fff); border-radius: 30px; padding: 32px; box-shadow: inset 0 0 0 1px #00000003; overflow: hidden; }
.destination-artwork { width: calc(100% + 64px); max-width: none; margin: -32px -32px 26px; height: 230px; object-fit: cover; object-position: top; }
.destination-visual-top { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--destination-ink); }
.destination-visual-top > img:not(.logo) { width: 52px; height: 52px; object-fit: contain; }
.destination-visual-top .logo { width: 90px; height: auto; }
.destination-visual figcaption > strong { display: block; font-size: 23px; line-height: 1.16; font-weight: 600; letter-spacing: -.03em; text-wrap: balance; }
.destination-example-label { display: block; font-size: 11px; color: var(--muted); margin-bottom: 9px; }
.destination-visual-items { list-style: none; padding: 0; margin: 25px 0 0; display: grid; gap: 19px; }
.destination-visual-items li { display: flex; gap: 13px; align-items: flex-start; }
.destination-item-mark { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 auto; background: white; border-radius: 10px; color: var(--destination-ink); }
.destination-visual-items strong { font-size: 14px; font-weight: 600; line-height: 1.35; display: block; }
.destination-visual-items small { display: block; font-size: 13px; color: var(--muted); line-height: 1.45; margin-top: 4px; }
.destination-swatch { display: block; width: 19px; height: 19px; border-radius: 50%; background: #6458a9; }
.destination-swatch.swatch-1 { background: #c7bbed; }.destination-swatch.swatch-2 { background: #f2b6a6; }
.destination-hero-desktop { grid-template-columns: .85fr 1.2fr; gap: 42px; }
.destination-hero-desktop .distribution-hero { width: 100%; }
.destination-section-heading { max-width: 720px; margin-bottom: 30px; }
.destination-section-heading h2, .destination-connection h2 { font-size: clamp(30px, 3.1vw, 40px); line-height: 1.1; letter-spacing: -.035em; text-wrap: balance; }
.destination-section-heading p { margin-top: 18px; color: var(--muted); font-size: 18px; line-height: 1.6; }
.integration-catalogue > section { padding: 56px 0; scroll-margin-top: 90px; }
.integration-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.integration-card { min-width: 0; background: #f5f5f7; border-radius: 22px; padding: 30px; display: flex; flex-direction: column; align-items: flex-start; transition: background .2s; }
.integration-card:hover { background: #efebf6; }
.integration-card img { object-fit: contain; object-position: left; width: auto; max-width: 132px; height: 42px; margin-bottom: 26px; }
.integration-lettermark { width: 42px; height: 42px; display: grid; place-items: center; background: white; font-size: 24px; font-weight: 600; border-radius: 12px; margin-bottom: 26px; }
.integration-card h3 { font-size: 22px; font-weight: 600; letter-spacing: -.025em; line-height: 1.2; margin: 0 0 12px; }
.integration-card p { color: var(--muted); font-size: 15px; line-height: 1.55; margin: 0 0 24px; }
.integration-card > svg { margin-top: auto; color: var(--purple); }
.destination-connection { padding-block: 30px 60px; }
.destination-connection dl { margin: 32px 0 0; padding: 16px 30px; background: var(--destination-tint); border-radius: 24px; }
.destination-connection dl > div { display: grid; grid-template-columns: 220px 1fr; gap: 30px; padding: 18px 0; }
.destination-connection dt { font-weight: 500; font-size: 15px; line-height: 1.55; }
.destination-connection dd { margin: 0; font-size: 16px; line-height: 1.6; color: var(--muted); }
.destination-chapter { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; padding-block: 48px; scroll-margin-top: 90px; }
.destination-chapter h2 { font-size: clamp(28px, 3vw, 37px); line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; margin: 10px 0 0; }
.destination-chapter-number { color: var(--destination-ink); font-weight: 500; font-size: 13px; }
.destination-chapter p { color: var(--muted); font-size: 18px; line-height: 1.65; margin: 0 0 18px; text-wrap: pretty; }
.destination-inline-links { display: flex; flex-wrap: wrap; gap: 14px 26px; margin-top: 24px; }
.destination-bullets { list-style: none; padding: 0; margin: 24px 0; }
.destination-bullets li { display: flex; gap: 12px; font-size: 16px; line-height: 1.6; margin-block: 12px; }
.destination-bullets svg { flex-shrink: 0; margin-top: 4px; color: var(--destination-ink); }
.destination-steps-band { background: linear-gradient(120deg, var(--destination-tint), #f8f9fc); padding-block: 64px; margin-top: 52px; }
.destination-steps { padding: 0; margin: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.destination-steps > li { min-width: 0; }
.destination-steps > li > span { font-size: 34px; font-weight: 500; color: var(--destination-ink); letter-spacing: -.04em; }
.destination-steps h3 { font-size: 23px; line-height: 1.15; letter-spacing: -.025em; font-weight: 600; margin: 20px 0 14px; }
.destination-steps p { font-size: 16px; color: var(--muted); line-height: 1.6; }
.destination-proof { display: grid; grid-template-columns: .65fr 1.35fr; gap: 64px; padding-block: 88px; }
.destination-proof h2 { font-size: 38px; letter-spacing: -.035em; line-height: 1.1; }
.destination-proof p { font-size: 24px; line-height: 1.4; letter-spacing: -.025em; margin: 0 0 24px; }
.destination-faq { display: grid; grid-template-columns: .75fr 1.25fr; gap: 72px; padding-block: 64px; }
.destination-faq h2 { font-size: 30px; line-height: 1.15; letter-spacing: -.025em; }
.destination-faq details { border-bottom: 1px solid var(--line); }
.destination-faq summary { list-style: none; display: flex; justify-content: space-between; gap: 24px; padding-block: 22px; cursor: pointer; font-size: 17px; line-height: 1.5; font-weight: 500; }
.destination-faq summary::-webkit-details-marker { display: none; }
.destination-faq summary svg { flex-shrink: 0; margin-top: 4px; }
.destination-faq details[open] summary svg { transform: rotate(180deg); }
.destination-faq p { color: var(--muted); font-size: 16px; line-height: 1.65; margin: 0 0 25px; }
.destination-related { padding-block: 40px 80px; }
.destination-related > div { display: flex; flex-wrap: wrap; gap: 22px 36px; }
.destination-page :is(h1,h2,h3) { overflow-wrap: break-word; hyphens: auto; }
@media(max-width:1000px) {
 .destination-hero { gap: 38px; }
 .destination-chapter { gap: 48px; }
 .destination-hero h1 { font-size: 44px; }
 .destination-hero-desktop { grid-template-columns: 1fr; }
 .destination-hero-desktop .destination-hero-copy { max-width: 700px; }
 .destination-hero-desktop .distribution-hero { max-width: 720px; justify-self: center; }
}
@media(max-width:760px) {
 .destination-breadcrumb { padding-top: 20px; }
 .destination-hero { grid-template-columns: 1fr; padding-block: 40px 56px; gap: 36px; }
 .destination-hero h1 { font-size: clamp(36px, 7vw, 48px); }
 .destination-hero-copy > p { font-size: 18px; }
 .destination-visual { max-width: 560px; width: 100%; justify-self: center; }
 .destination-chapter, .destination-proof, .destination-faq { grid-template-columns: 1fr; gap: 24px; padding-block: 32px; }
 .destination-chapter p { font-size: 17px; }
 .destination-connection dl > div { grid-template-columns: 1fr; gap: 8px; }
 .destination-connection dl { padding: 12px 24px; }
 .integration-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .integration-card { padding: 24px; }
 .destination-steps { grid-template-columns: 1fr; gap: 30px; }
 .destination-steps h3 { margin-top: 8px; }
 .destination-proof p { font-size: 22px; }
 .destination-related { padding-block: 32px 60px; }
}
@media(max-width:480px) {
 .integration-cards { grid-template-columns: 1fr; }
 .destination-visual { padding: 24px; }
 .destination-artwork { width: calc(100% + 48px); margin: -24px -24px 24px; height: 205px; }
 .destination-actions { align-items: flex-start; flex-direction: column; }
 .destination-actions .button { min-height: 44px; }
 .destination-related > div { flex-direction: column; gap: 20px; }
}
.detail-value-grid.detail-distribution-routes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.detail-distribution-routes .eyebrow { margin-top: 20px; margin-bottom: 12px; }
.destination-product-evidence, .destination-migration-checklist { padding-block: 20px 52px; }
.destination-product-evidence { max-width: 950px; }
.destination-page .detail-distribution-opening { padding-block: 32px 72px; }
@media(max-width:700px) {
 .detail-value-grid.detail-distribution-routes { grid-template-columns: 1fr; }
 .detail-value-grid .destination-inline-links { grid-column: 2; }
 .detail-distribution-routes article > .eyebrow { grid-column: 2; margin-top: 0; }
 .detail-distribution-routes article > :is(h3,p) { grid-column: 2; }
}

/* Illustrated editorial chapters: one idea, one visual, room to explore. */
.editorial-section { --scene-tint:#eee8fa; padding-block:104px; }
.editorial-tone-mint { --scene-tint:#e4f1eb; }
.editorial-tone-blue { --scene-tint:#e5eefb; }
.editorial-tone-peach { --scene-tint:#f8e8dd; }
.editorial-section-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:96px; align-items:center; }
.editorial-copy { max-width:500px; min-width:0; }
.editorial-copy h2 { font-size:clamp(32px,3.5vw,46px); line-height:1.1; letter-spacing:-.038em; text-wrap:balance; margin:0 0 26px; font-weight:650; }
.editorial-copy > p { font-size:19px; line-height:1.65; color:var(--muted); margin:0 0 28px; text-wrap:pretty; }
.editorial-copy .text-link { margin-top:12px; }
.editorial-flip .editorial-copy { order:2; }
.editorial-points { list-style:none; padding:0; margin:30px 0 0; display:grid; gap:20px; }
.editorial-points li { color:var(--muted); font-size:16px; line-height:1.6; }
.editorial-points strong { color:var(--ink); font-weight:550; }
.product-illustration { margin:0; min-width:0; border-radius:36px; padding:30px; background:radial-gradient(ellipse at 12% 0%,#ffffffa8,transparent 60%),linear-gradient(145deg,var(--scene-tint,var(--destination-tint,#eee8fa)),#f8f8fb); overflow:hidden; }
.product-illustration-stage { min-height:420px; display:grid; place-items:center; position:relative; isolation:isolate; }
.product-illustration figcaption { text-align:center; color:#77767e; font-size:11px; line-height:1.5; margin-top:20px; }
.product-illustration-stage > div { width:100%; max-width:430px; position:relative; }
.product-illustration img { object-fit:cover; max-width:100%; }
.product-illustration :is(strong,span,small,label) { line-height:1.4; }
.scene-content { height:380px; }
.scene-content > div { position:absolute; background:white; border-radius:14px; overflow:hidden; box-shadow:0 18px 40px #3d295b12; }
.scene-content-photo { width:66%; left:0; top:35px; transform:rotate(-7deg); }
.scene-content-photo > img { width:100%; height:230px; }
.scene-content-photo > span,.scene-content-slide > span { display:block; padding:14px 17px; font-size:12px; }
.scene-content-guide { width:46%; right:0; top:0; padding:26px 20px; transform:rotate(7deg); }
.scene-content-guide > img { width:84px; height:auto; object-fit:contain; }
.scene-content-guide > div { display:flex; gap:6px; margin-block:28px; }
.scene-content-guide i { width:27px; height:32px; border-radius:6px; background:#6716d8; }
.scene-content-guide i:nth-child(2) { background:#d5c3f4; }.scene-content-guide i:nth-child(3) { background:#f5c0a7; }
.scene-content-guide > span { font-size:11px; }
.scene-content-slide { width:62%; bottom:0; right:0; transform:rotate(5deg); }
.scene-content-slide > img { width:100%; aspect-ratio:16/9; }
.scene-account { padding:18px; background:white; border-radius:15px; display:flex; gap:14px; align-items:center; box-shadow:0 10px 30px #44355408; }
.scene-account img { width:30px; height:30px; }.scene-account span { flex:1; font-size:14px; font-weight:550; }.scene-account > svg { color:#798283; }
.scene-content-pair { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:16px 16px 0; }
.scene-content-pair > img { width:100%; height:140px; border-radius:12px; }
.scene-content-pair > div { padding:20px; border-radius:12px; background:white; display:grid; gap:10px; }
.scene-content-pair span { font-size:12px; }.scene-content-pair i { height:4px; background:#ebe8f2; width:90%; border-radius:5px; }.scene-content-pair i:last-child { width:62%; }
.scene-link-line { display:flex; flex-direction:column; align-items:center; gap:5px; color:#9c87c6; margin-block:10px; }
.scene-link-line span { width:1px; height:20px; background:#c9b9e2; }
.scene-assistant-apps { background:#ffffffc9; border-radius:16px; padding:19px; display:flex; gap:17px; align-items:center; }
.scene-assistant-apps img { width:32px; height:32px; object-fit:contain; }.scene-assistant-apps span { font-size:13px; color:#55515e; margin-left:auto; }
.scene-guidelines { display:grid; grid-template-columns:1fr 1fr; gap:16px; transform:rotate(-3deg); }
.scene-guidelines > div { background:white; border-radius:16px; padding:25px; box-shadow:0 12px 25px #40345608; }
.scene-logo-sheet { display:flex; flex-direction:column; justify-content:center; gap:32px; }.scene-logo-sheet img { object-fit:contain; width:130px; }.scene-logo-sheet small { font-size:11px; color:var(--muted); }
.scene-color-sheet > span { font-size:12px; }.scene-color-sheet > div { display:flex; margin:22px 0 16px; }.scene-color-sheet i { width:25%; height:56px; background:#6716d8; }.scene-color-sheet i:nth-child(2) { background:#b69be6; }.scene-color-sheet i:nth-child(3) { background:#eadffb; }.scene-color-sheet i:nth-child(4) { background:#f6b998; }.scene-color-sheet small { font-size:11px; color:var(--muted); }
.scene-font-sheet { grid-column:1/-1; display:flex; align-items:center; gap:30px; }.scene-font-sheet > span { font-size:80px; letter-spacing:-.06em; font-weight:550; line-height:1; }.scene-font-sheet strong { display:block; font-size:16px; font-weight:500; }.scene-font-sheet small { display:block; font-size:11px; color:var(--muted); margin-top:8px; }
.scene-slides { height:350px; }.scene-slides > img { position:absolute; width:80%; border:6px solid white; border-radius:12px; box-shadow:0 20px 40px #68513412; }.scene-slides > img:first-child { left:0; top:0; transform:rotate(-8deg); }.scene-slides > img:nth-child(2) { right:0; top:90px; transform:rotate(5deg); }
.scene-slide-choice { position:absolute; bottom:0; left:5%; width:90%; border-radius:14px; background:white; padding:20px; box-shadow:0 10px 30px #65544415; }.scene-slide-choice > span { font-size:12px; font-weight:550; }.scene-slide-choice > div { display:flex; gap:8px; margin-top:12px; }.scene-slide-choice i { font-size:10px; font-style:normal; background:#f3f1f7; padding:8px; border-radius:8px; display:flex; gap:5px; align-items:center; }.scene-slide-choice i:first-child { color:#6547a2; background:#eee5fd; }
.scene-connection { display:flex; align-items:center; gap:20px; }.scene-provider,.scene-pickit { min-width:0; flex:1; text-align:center; display:grid; justify-items:center; gap:20px; }.scene-provider > img,.scene-pickit > img { width:62px; height:62px; object-fit:contain; background:white; padding:12px; border-radius:17px; box-shadow:0 15px 25px #50445910; }.scene-connection span { font-size:12px; }.scene-transfer { color:#a39ab4; display:grid; justify-items:center; gap:24px; width:90px; }.scene-transfer > div { width:90px; height:85px; position:relative; }.scene-transfer img { width:66px; height:66px; border:4px solid white; border-radius:9px; transform:rotate(-12deg); }.scene-transfer div > svg { background:white; padding:7px; box-sizing:content-box; border-radius:8px; position:absolute; right:0; bottom:0; color:#7d6e91; transform:rotate(8deg); }.scene-connection.is-outbound { flex-direction:row-reverse; }
.scene-search-pill { display:flex; align-items:center; gap:12px; padding:16px 20px; background:white; border-radius:13px; font-size:12px; color:#81798b; }.scene-search-pill > span { flex:1; }
.scene-request .scene-search-pill { margin:0 15px 26px; opacity:.75; }.scene-form { padding:30px; background:white; border-radius:20px; box-shadow:0 25px 45px #59416713; transform:rotate(-2deg); }.scene-kicker { display:flex; align-items:center; gap:12px; font-size:14px; font-weight:550; margin-bottom:25px; }.scene-kicker svg { color:#876db1; }.scene-form label { display:block; font-size:10px; color:#888; margin-block:20px; }.scene-form label > span { display:block; padding:12px; margin-top:8px; border:1px solid #eeedf2; border-radius:7px; color:#555; font-size:12px; }.scene-form-action { width:max-content; max-width:100%; background:#eee7f8; color:#6947a1; display:flex; align-items:center; gap:8px; padding:10px 15px; font-size:11px; border-radius:20px; }
.scene-asset-review { height:365px; }.scene-photo-sheet { width:78%; overflow:hidden; border-radius:15px; background:white; box-shadow:0 15px 35px #4b354f10; transform:rotate(-5deg); }.scene-photo-sheet > img { width:100%; height:210px; }.scene-photo-sheet > span { font-size:11px; padding:15px; display:block; }.scene-review-sheet { width:72%; position:absolute; right:0; bottom:0; background:white; padding:25px; border-radius:15px; box-shadow:0 18px 35px #4b354f15; transform:rotate(3deg); }.scene-review-sheet .scene-kicker { font-size:13px; margin-bottom:16px; }.scene-review-row { display:flex; justify-content:space-between; gap:10px; font-size:11px; padding-block:11px; color:#686371; border-top:1px solid #f1eef4; }.scene-approved { display:flex; gap:7px; align-items:center; width:max-content; font-size:11px; background:#e8f3ec; color:#478266; padding:8px 14px; border-radius:20px; margin-top:7px; }
.scene-activity-categories { padding:15px 20px; background:white; border-radius:14px; margin-top:15px; }.scene-activity-categories > div { display:flex; align-items:center; gap:12px; padding:14px 0; }.scene-activity-categories strong { font-size:12px; font-weight:500; flex:1; }.scene-activity-categories svg { color:#b5adb9; }.scene-activity-dot { width:9px; height:9px; background:#a797c5; border-radius:50%; }.scene-activity-dot.dot-1 { background:#bbd5ce; }.scene-activity-dot.dot-2 { background:#b2c7e6; }.scene-activity-dot.dot-3 { background:#edc7b2; }.scene-analytics-assets { display:flex; gap:12px; margin-top:17px; }.scene-analytics-assets img { width:calc((100% - 24px)/3); height:75px; border-radius:10px; }
.scene-processing { height:340px; }.scene-processing-source { width:68%; height:255px; background:white; border-radius:16px; padding:30px; transform:rotate(-6deg); box-shadow:0 20px 40px #6d52730c; }.scene-processing-source > i { display:block; width:90%; height:6px; background:#e9e6ee; border-radius:3px; margin-top:20px; }.scene-processing-source > i:last-child { width:55%; }.scene-processing-source:has(>img) { padding:7px; }.scene-processing-source > img { width:100%; height:100%; border-radius:11px; }.scene-processing-result { position:absolute; bottom:0; right:0; width:70%; padding:25px; border-radius:15px; background:white; box-shadow:0 20px 40px #6d527318; transform:rotate(4deg); }.scene-processing-result > svg { color:#9773c0; margin-bottom:15px; }.scene-processing-result > strong { display:block; font-size:12px; font-weight:550; margin-bottom:20px; }.scene-text-lines { display:grid; gap:12px; }.scene-text-lines > i { height:5px; width:100%; background:#e6e1ef; border-radius:5px; }.scene-text-lines > i:nth-child(2) { width:80%; }.scene-text-lines > i:last-child { width:60%; }.scene-tag-pills { display:flex; gap:8px; flex-wrap:wrap; }.scene-tag-pills span { background:#f0ebf7; color:#8b71a5; padding:6px 9px; border-radius:6px; font-size:10px; }.scene-waveform { display:flex; align-items:center; justify-content:space-between; gap:3px; margin-top:20px; }.scene-waveform i { width:3px; background:#d1bcde; border-radius:5px; }
.scene-variants { height:340px; }.scene-variants > div { position:absolute; padding:7px; border-radius:12px; background:white; box-shadow:0 15px 35px #6f52561a; width:60%; }.scene-variants img { width:100%; height:100%; border-radius:7px; }.scene-variants span { display:block; font-size:10px; padding:9px; }.scene-variants > div:first-child { left:0; top:0; transform:rotate(-7deg); }.scene-variants > div:first-child img { height:195px; }.scene-variants > div:nth-child(2) { right:0; bottom:0; transform:rotate(5deg); width:68%; }.scene-variants > div:nth-child(2) img { height:115px; }.scene-variants > div:nth-child(3) { right:0; top:0; transform:rotate(8deg); width:40%; }.scene-variants > div:nth-child(3) img { aspect-ratio:1; }
.scene-history { height:350px; }.scene-history-list { position:absolute; right:0; bottom:0; background:white; padding:24px; border-radius:15px; width:76%; box-shadow:0 15px 35px #6f525610; }.scene-history-list > strong { font-size:13px; }.scene-history-list > div { display:flex; align-items:center; gap:10px; font-size:11px; margin-top:24px; }.scene-history-list small { margin-left:auto; color:#886aad; }.scene-history-dot { width:7px; height:7px; border-radius:50%; background:#c9b5e3; }
.scene-portal { background:white; border-radius:16px; padding:17px; box-shadow:0 18px 40px #654b5610; transform:rotate(-2deg); }.scene-portal-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:17px; }.scene-portal-nav > img { width:56px; height:auto; }.scene-portal-nav > span { font-size:9px; color:#847b8b; }.scene-portal > img { width:100%; height:150px; border-radius:8px; }.scene-portal-title { font-size:19px; font-weight:550; letter-spacing:-.025em; padding:20px 0; }.scene-portal-thumbs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.scene-portal-thumbs > img { width:100%; height:82px; border-radius:7px; }.scene-portal-thumbs > div { display:grid; place-content:center; gap:7px; background:#f5f1f8; border-radius:7px; padding:10px; }.scene-portal-thumbs span { font-size:8px; }
.scene-library { background:white; padding:18px; border-radius:16px; box-shadow:0 20px 40px #654b5610; transform:rotate(-2deg); }.scene-library .scene-search-pill { background:#f6f4f8; padding:13px; font-size:11px; }.scene-library-tabs { display:flex; gap:18px; font-size:10px; color:#85798b; padding-block:20px; }.scene-library-tabs span:first-child { color:#67459b; }.scene-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.scene-library-grid > div { position:relative; }.scene-library-grid img { width:100%; height:100px; border-radius:8px; }.scene-library-grid svg { position:absolute; right:5px; top:5px; background:white; padding:3px; box-sizing:content-box; border-radius:50%; color:#775395; }
.ai-editorial-connection { background:linear-gradient(120deg,#f5f1fa,#f2f6fb); margin-block:32px; }
.ai-editorial-connection .product-illustration { background:transparent; padding:0; }
.ai-editorial-connection .product-illustration-stage { min-height:450px; }
.ai-editorial-connection .editorial-points { counter-reset:connection; gap:22px; }
.ai-editorial-connection .editorial-points li { position:relative; padding-left:38px; }
.ai-editorial-connection .editorial-points li:before { counter-increment:connection; content:counter(connection,decimal-leading-zero); position:absolute; left:0; top:0; color:#a493b7; font-size:12px; font-weight:550; }
.ai-editorial-connection .editorial-points strong { display:block; margin-bottom:5px; }
.ai-page .detail-faq { padding-block:100px; }
@media(max-width:1000px) {
 .editorial-section-grid { gap:48px; }
 .product-illustration { padding:23px; border-radius:28px; }
 .product-illustration-stage { min-height:360px; }
 .scene-content { height:335px; }.scene-content-photo > img { height:200px; }
 .scene-assistant-apps { flex-wrap:wrap; }.scene-assistant-apps span { width:100%; margin:0; }
}
@media(max-width:760px) {
 .editorial-section { padding-block:64px; }
 .editorial-section-grid { grid-template-columns:1fr; gap:36px; }
 .editorial-copy { max-width:600px; }.editorial-flip .editorial-copy { order:0; }
 .editorial-copy h2 { font-size:36px; }.editorial-copy > p { font-size:18px; }
 .product-illustration { width:100%; max-width:600px; justify-self:center; padding:32px; }
 .product-illustration-stage { min-height:380px; }
 .scene-assistant-apps { flex-wrap:nowrap; }.scene-assistant-apps span { width:auto; margin-left:auto; }
 .ai-page .detail-faq { padding-block:64px; }
}
@media(max-width:420px) {
 .product-illustration { padding:20px; border-radius:24px; }
 .product-illustration-stage { min-height:320px; }
 .editorial-copy h2 { font-size:32px; }
 .scene-content { height:300px; }.scene-content-photo > img { height:170px; }.scene-content-guide { padding:20px 15px; }.scene-content-guide > div { margin-block:20px; }
 .scene-guidelines { gap:10px; }.scene-guidelines > div { padding:18px; }.scene-font-sheet { gap:20px; }.scene-font-sheet > span { font-size:64px; }
 .scene-content-pair > img { height:125px; }.scene-content-pair > div { padding:15px; }
 .scene-assistant-apps { gap:13px; }.scene-assistant-apps img { width:26px; height:26px; }.scene-assistant-apps span { font-size:11px; }
 .scene-slides { height:295px; }.scene-slide-choice { padding:15px; }.scene-slide-choice > div { flex-wrap:wrap; }
 .scene-form { padding:22px; }.scene-asset-review { height:325px; }.scene-photo-sheet > img { height:180px; }.scene-review-sheet { width:80%; padding:19px; }
 .scene-processing-result { width:78%; padding:20px; }.scene-transfer { width:65px; }.scene-transfer > div { width:65px; }.scene-connection { gap:12px; }.scene-provider > img,.scene-pickit > img { width:52px; height:52px; }
 .scene-library-grid img { height:80px; }.scene-library-tabs { gap:12px; font-size:9px; }.scene-portal-thumbs > img { height:65px; }.scene-portal-title { font-size:17px; }
}

/* Expandable details keep a feature-rich page light on first reading. */
.feature-chapters { padding-block:104px; scroll-margin-top:90px; }
.feature-chapters-heading { max-width:750px; margin-bottom:54px; }
.feature-chapters-heading h2 { font-size:clamp(32px,3.4vw,44px); line-height:1.12; letter-spacing:-.036em; font-weight:650; text-wrap:balance; margin:0; }
.feature-chapters-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.06fr); gap:88px; align-items:start; }
.feature-chapter { border-bottom:1px solid #eae7ef; position:relative; scroll-margin-top:110px; }
.feature-chapter:first-child { border-top:1px solid #eae7ef; }
.feature-chapter summary { display:flex; align-items:center; justify-content:space-between; gap:25px; list-style:none; cursor:pointer; padding-block:25px; }
.feature-chapter summary::-webkit-details-marker { display:none; }
.feature-chapter summary .feature-chapter-title { font-size:22px; font-weight:550; line-height:1.3; letter-spacing:-.026em; margin:0; text-wrap:pretty; }
.feature-chapter summary > svg { flex-shrink:0; color:#978aa5; transition:transform .2s; }
.feature-chapter[open] summary > svg { transform:rotate(180deg); }
.feature-chapter[open] summary .feature-chapter-title { color:var(--destination-ink,#72549b); }
.feature-chapter-body { padding-bottom:28px; }
.feature-chapter-body > p, .feature-subtopics p { font-size:16px; line-height:1.65; color:var(--muted); text-wrap:pretty; margin:0 0 18px; }
.feature-chapter-body > p:last-child { margin-bottom:0; }
.feature-chapter-body .text-link { font-size:14px; }
.feature-subtopics { display:grid; gap:20px; margin-block:22px; }
.feature-subtopics > div { scroll-margin-top:110px; }
.feature-subtopics h3 { font-size:16px; line-height:1.5; font-weight:550; margin:0 0 6px; }
.feature-subtopics p { margin:0; font-size:15px; }
.feature-chapter-visual { position:sticky; top:120px; min-width:0; }
.feature-chapter-visual .product-illustration { animation:illustration-appear .32s ease-out; }
.chapter-anchor { position:absolute; top:0; scroll-margin-top:110px; }
.connection-summary { padding-block:28px 36px; }
.connection-summary > h2 { font-size:16px; font-weight:550; letter-spacing:-.015em; color:var(--muted); }
.connection-summary > dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; padding:32px 36px; margin-top:20px; background:#f7f6f9; }
.connection-summary > dl > div { display:block; padding:0; }
.connection-summary dt { font-size:13px; margin-bottom:12px; color:var(--destination-ink); }
.connection-summary dd { font-size:15px; line-height:1.6; }
.connection-summary > details { margin-top:18px; }
.connection-summary > details > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; padding:16px 5px; font-size:14px; font-weight:500; color:var(--muted); }
.connection-summary > details > summary::-webkit-details-marker { display:none; }
.connection-summary > details[open] > summary svg { transform:rotate(180deg); }
.connection-summary > details dl { margin-top:10px; background:#faf9fc; }
.destination-steps-band { padding-block:72px; margin-top:16px; }
.destination-steps h3 { font-size:21px; font-weight:550; }
.destination-steps > li > span { font-size:24px; opacity:.75; }
.destination-faq { padding-block:96px 64px; }
@keyframes illustration-appear { from { opacity:.45; transform:translateY(5px); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) { .feature-chapter-visual .product-illustration { animation:none; }.feature-chapter summary > svg { transition:none; } }
@media(max-width:1000px) { .feature-chapters-grid { gap:45px; }.connection-summary > dl { gap:22px; padding:28px; } }
@media(max-width:760px) {
 .feature-chapters { padding-block:64px; }.feature-chapters-heading { margin-bottom:32px; }
 .feature-chapters-grid { grid-template-columns:1fr; gap:32px; }.feature-chapter-visual { position:static; grid-row:1; }
 .feature-chapter-visual .product-illustration-stage { min-height:320px; }.feature-chapter-visual .product-illustration { max-width:600px; margin-inline:auto; }
 .feature-chapter summary { padding-block:22px; }.feature-chapter summary .feature-chapter-title { font-size:21px; }
 .connection-summary > dl { grid-template-columns:1fr; gap:25px; }
 .connection-summary dt { margin-bottom:7px; }.connection-summary > details dl > div { gap:5px; }
 .destination-faq { padding-block:64px 40px; }
}

.platform-feature-index { padding-block:96px; scroll-margin-top:90px; }
.platform-feature-index > div:first-child { max-width:650px; margin-bottom:45px; }
.platform-feature-index h2 { font-size:clamp(32px,3.5vw,44px); line-height:1.12; letter-spacing:-.035em; margin:0 0 20px; }
.platform-feature-index > div > p { font-size:18px; line-height:1.6; color:var(--muted); }
.platform-feature-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.platform-feature-groups h3 { font-size:13px; color:var(--muted); font-weight:500; margin:0 0 14px; }
.platform-feature-groups ul { padding:0; margin:0; list-style:none; }
.platform-feature-groups a { display:grid; grid-template-columns:1fr 17px; gap:5px 12px; padding-block:18px; }
.platform-feature-groups a strong { font-size:17px; font-weight:550; line-height:1.4; letter-spacing:-.015em; }
.platform-feature-groups a span { font-size:14px; color:var(--muted); line-height:1.5; grid-row:2; }
.platform-feature-groups a svg { grid-column:2; grid-row:1; color:#a895bc; margin-top:3px; }
.platform-feature-groups a:hover strong { color:var(--purple); }
@media(max-width:760px) { .platform-feature-index { padding-block:64px; }.platform-feature-groups { grid-template-columns:1fr; gap:28px; } }