/* Portal covers and scroll-pinned feature chapters. Content is linear without JS. */
:root{--portal-nav-height:56px}
.tour-nav{margin-top:36px;z-index:40;background:var(--brand-bg);backdrop-filter:none}
.tour-nav a{padding-block:17px;font-size:13px}
.portal-chapter{position:relative}
.portal-cover.tour-step{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:30px;min-height:calc(100svh - var(--portal-nav-height));padding:75px 0 105px;border:0;border-bottom:1px solid #b5afff30;scroll-margin-top:var(--portal-nav-height);isolation:isolate;overflow:hidden}
.portal-cover-copy{position:relative;z-index:2;max-width:620px}
.portal-cover-kicker{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:.15em;color:var(--brand-secondary)}
.portal-cover-kicker>span{height:7px;width:7px;border-radius:50%;background:var(--brand-secondary);box-shadow:0 0 15px #70c9c34d}
.portal-cover.tour-step h3{font-size:clamp(52px,6.8vw,112px);line-height:.99;letter-spacing:-.065em;font-weight:550;max-width:670px;margin:30px 0 25px}
.portal-cover-promise{font-size:clamp(20px,2vw,31px);line-height:1.4;color:var(--ph-tone-10);letter-spacing:-.035em;max-width:480px}
.portal-cover.tour-step .portal-description{font-size:15px;line-height:1.85;margin-top:20px;max-width:440px}
.portal-cover-number{position:absolute;right:1%;top:0;line-height:1;font-size:clamp(230px,37vw,600px);font-weight:600;letter-spacing:-.09em;color:#b5afff06;z-index:-1;pointer-events:none}
.portal-cover-visual{width:115%;max-width:none;margin-left:-5%;position:relative;z-index:1;min-width:0}
.portal-cover.tour-step .mobile-tour-image{display:block;position:relative;inset:auto;transform:none;width:100%;max-width:none;margin:0;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}
.portal-cover-visual figcaption{display:flex;justify-content:space-between;gap:20px;padding:12px 9%;font-size:8px;letter-spacing:.06em;line-height:1.8;color:var(--brand-muted)}
.portal-cover-visual figcaption>span{font-size:7px;color:var(--ph-tone-7)}
.portal-cover-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}
.portal-cover-actions .portal-explore-link{margin:0;padding:12px 0;font-size:14px;gap:20px}
.portal-cover-actions>.text-link{font-size:12px;color:var(--brand-muted)}
.portal-cover-footer{position:absolute;bottom:30px;inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #b5afff22;padding-top:25px}
.portal-cover-footer>span{font-size:8px;letter-spacing:.11em;color:var(--brand-secondary)}
.portal-cover-footer ol{display:flex;gap:26px;list-style:none;counter-reset:portal-theme}
.portal-cover-footer li{font-size:11px;color:var(--brand-muted);counter-increment:portal-theme}
.portal-cover-footer li:before{content:'0' counter(portal-theme);font-size:8px;margin-right:9px;color:var(--ph-tone-7)}
.portal-cover-footer>a{width:37px;height:37px;border:1px solid #b5afff55;border-radius:50%;display:grid;place-items:center;color:var(--brand-highlight);font-size:19px}
.portal-feature-section{position:relative}
.portal-pin-stage{position:relative;background:var(--brand-bg);padding:0;width:100%}
.portal-scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:81px;padding:15px 0;border-bottom:1px solid #b5afff22;position:relative;z-index:10}
.portal-scene-context{min-width:0}
.portal-scene-context>span{font-size:8px;letter-spacing:.12em;color:var(--brand-secondary)}
.portal-scene-context>p{display:flex;align-items:baseline;gap:9px;margin-top:8px;font-size:13px;line-height:1.4;color:var(--ph-tone-9)}
.scene-counter{font-variant-numeric:tabular-nums;color:var(--brand-highlight)}
.scene-total{font-size:10px;color:var(--ph-tone-7);margin-right:14px}
.portal-feature-index{display:block;position:relative;flex-shrink:0;padding:0;margin:0;border:0;scroll-margin-top:100px}
.portal-feature-index>summary{display:flex;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:12px;line-height:1.8;padding:10px 0 10px 14px;color:var(--brand-highlight)}
.portal-feature-index>summary::-webkit-details-marker{display:none}
.portal-feature-index>summary>span{font-size:20px;font-weight:300}
.portal-feature-index[open]>summary>span{transform:rotate(45deg)}
.feature-index-popover{position:absolute;right:0;top:100%;width:min(490px,calc(100vw - 2 * var(--gutter)));background:var(--brand-bg-panel);border:1px solid #b5afff44;padding:25px;box-shadow:0 24px 70px #070715aa;z-index:20}
.feature-index-popover>.eyebrow{font-size:8px;color:var(--brand-secondary)}
.feature-index-popover>h4{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:500;margin-top:12px}
.portal-feature-index .feature-list{display:grid;grid-template-columns:1fr;gap:0;margin:14px 0 0}
.portal-feature-index a{padding:12px 0;font-size:13px;line-height:1.6;align-items:center}
.portal-feature-index a>span{font-size:10px;line-height:1.5}
.portal-scene-viewport{position:relative}
.portal-feature-story{padding:48px 0;min-height:0}
.feature-lead,.feature-detail{min-width:0}
.feature-name{margin-top:18px}
.portal-scene-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;padding:19px 0 18px;min-height:60px;z-index:5;border-bottom:1px solid #b5afff22}
.portal-scene-footer>p{font-size:10px;letter-spacing:.04em;color:var(--brand-muted)}
.portal-scene-footer>p>span{margin-left:15px;color:var(--brand-secondary)}
.portal-scene-footer>a{font-size:11px;line-height:1.6;color:var(--brand-highlight);display:flex;align-items:center;gap:20px}
.portal-scene-meter{position:absolute;inset:0 0 auto;height:1px;background:#b5afff22}
.portal-scene-meter>span{display:block;height:100%;background:var(--brand-secondary);transform:scaleX(0);transform-origin:left}
.is-pinned .portal-pin-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100svh - var(--portal-nav-height));max-height:calc(100svh - var(--portal-nav-height));overflow:visible}
.is-pinned .portal-scene-viewport{overflow:hidden;min-height:0;isolation:isolate}
.is-pinned .portal-feature-story{position:absolute;inset:0 0 auto;min-height:100%;border:0;padding:28px 0 30px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.35fr);gap:clamp(35px,5vw,85px);align-items:center;perspective:1400px;pointer-events:none}
.is-pinned .portal-feature-story.is-current{pointer-events:auto}
.is-pinned .feature-copy{max-width:510px}
.is-pinned .feature-mockup{width:105%;margin-left:-2%;align-self:center;transform-origin:50% 50%}
.is-pinned .feature-name{font-size:clamp(29px,2.9vw,46px)}
.is-pinned .feature-promise{font-size:19px;line-height:1.45;margin-bottom:18px}
.is-pinned .feature-description{font-size:14px;line-height:1.8}
.is-pinned .feature-capabilities{gap:16px;margin-top:21px}
.is-pinned .feature-capabilities dt,.is-pinned .feature-capabilities dd{font-size:13px;line-height:1.7}
.is-pinned .feature-value{margin-top:21px;padding:14px 17px}
.is-pinned .feature-value>p{font-size:13px;line-height:1.7}
.is-pinned .feature-actions{margin-top:19px}
.is-pinned .feature-mockup figcaption{font-size:10px}
.is-pinned .feature-mockup figcaption>span:last-child{font-size:7px}
@media(min-width:1700px){.is-pinned .feature-description{font-size:16px}.is-pinned .feature-capabilities dt,.is-pinned .feature-capabilities dd,.is-pinned .feature-value>p{font-size:15px}.is-pinned .feature-promise{font-size:22px}}
@media(max-width:1100px){.portal-cover.tour-step{grid-template-columns:1fr 1fr;gap:15px}.portal-cover.tour-step h3{font-size:clamp(48px,7vw,77px)}.portal-cover-footer ol{gap:17px}.portal-cover-footer li{font-size:10px}.portal-cover-footer>span{font-size:7px}.is-pinned .portal-feature-story{grid-template-columns:minmax(300px,.95fr) minmax(0,1.1fr);gap:30px}.is-pinned .feature-name{font-size:31px}}
@media(max-width:1000px){.portal-feature-story{grid-template-columns:1fr;gap:24px}.feature-copy{display:contents}.feature-lead{grid-row:1}.feature-mockup{grid-row:2}.feature-detail{grid-row:3}.is-pinned .portal-feature-story{grid-template-columns:1fr;align-content:start;gap:23px;padding:25px 0 35px}.is-pinned .feature-copy{display:contents}.is-pinned .feature-mockup{width:100%;margin:0 auto;max-width:650px}.is-pinned .feature-name{font-size:35px;margin-top:14px;margin-bottom:13px}.is-pinned .feature-promise{font-size:20px;margin-bottom:0}.is-pinned .feature-description{font-size:15px;line-height:1.85}.is-pinned .feature-capabilities dt,.is-pinned .feature-capabilities dd,.is-pinned .feature-value>p{font-size:14px;line-height:1.8}.portal-cover-visual figcaption{display:block}.portal-cover-visual figcaption>span{display:block;margin-top:5px}.portal-cover-actions{gap:10px 20px}}
@media(max-width:700px){.portal-cover.tour-step{grid-template-columns:1fr;gap:12px;min-height:calc(100svh - var(--portal-nav-height));padding:46px 0 105px;align-content:center}.portal-cover-copy{max-width:none}.portal-cover.tour-step h3{font-size:clamp(48px,12vw,76px);max-width:530px;margin:25px 0 19px}.portal-cover-promise{font-size:23px;max-width:470px}.portal-cover.tour-step .portal-description{font-size:14px;margin-top:17px;max-width:500px}.portal-cover-visual{width:90%;max-width:520px;margin:0 auto}.portal-cover-visual figcaption{padding-top:2px;font-size:7px;display:flex}.portal-cover-visual figcaption>span{font-size:6px;margin-top:0}.portal-cover-actions{margin-top:20px;gap:20px}.portal-cover-actions .portal-explore-link{font-size:13px}.portal-cover-actions>.text-link{font-size:11px}.portal-cover-footer{bottom:24px;padding-top:20px;gap:15px}.portal-cover-footer>span{max-width:120px;line-height:1.8}.portal-cover-footer ol{gap:9px;flex-wrap:wrap;max-width:260px}.portal-cover-footer li{font-size:9px}.portal-cover-footer li:before{display:none}.portal-cover-footer>a{width:31px;height:31px;flex-shrink:0}.portal-cover-number{font-size:60vw;top:9px}.portal-scene-toolbar{min-height:76px;gap:12px}.portal-scene-context>p{font-size:11px;gap:7px;align-items:center}.scene-total{margin-right:4px;font-size:9px}.portal-scene-context>span{font-size:8px}.portal-feature-index>summary{font-size:11px;gap:9px;padding-left:0;white-space:nowrap}.portal-feature-index>summary>span{font-size:18px}.portal-scene-footer{gap:15px;padding-block:14px;min-height:55px}.portal-scene-footer>p{font-size:9px;max-width:100px;line-height:1.7}.portal-scene-footer>p>span{margin-left:6px}.portal-scene-footer>a{font-size:10px;gap:9px;max-width:190px;justify-content:flex-end;text-align:right}.is-pinned .feature-name{font-size:31px}.is-pinned .feature-promise{font-size:19px;line-height:1.5}.is-pinned .feature-mockup{width:calc(100% + 24px);max-width:none;margin-inline:-12px}.is-pinned .feature-eyebrow{font-size:9px}.is-pinned .feature-mockup figcaption{font-size:10px}.is-pinned .feature-mockup figcaption>span:last-child{font-size:8px}.is-pinned .feature-capabilities{grid-template-columns:1fr;gap:21px}.feature-index-popover{padding:21px}.feature-index-popover>h4{font-size:23px}.portal-feature-index a{font-size:13px}}
@media(max-width:370px){.portal-cover.tour-step{padding-top:36px}.portal-cover.tour-step h3{font-size:47px}.portal-cover-promise{font-size:21px}.portal-cover-footer ol{display:none}.portal-cover-visual{width:100%}.portal-cover-kicker{font-size:9px}.portal-cover-visual figcaption{display:block}.portal-cover-visual figcaption>span{margin-top:3px}.portal-scene-context>p>[data-scene-title]{display:none}.is-pinned .feature-name{font-size:29px}.portal-scene-footer>a{max-width:175px}}
@media(prefers-reduced-motion:reduce){.portal-scene-footer>p{visibility:hidden}.portal-scene-meter{display:none}}
html.reduce-motion .portal-scene-footer>p{visibility:hidden}html.reduce-motion .portal-scene-meter{display:none}
@media print{.portal-cover.tour-step{display:block;min-height:0;padding:30px 0;break-before:page}.portal-cover.tour-step h3{font-size:52px;color:#2d2c79}.portal-cover-number,.portal-cover-actions,.portal-cover-footer,.portal-scene-toolbar,.portal-scene-footer{display:none}.portal-cover-promise,.portal-cover.tour-step .portal-description{color:#444}.portal-cover-visual{width:70%;margin:20px auto}.pin-spacer{height:auto!important;padding:0!important}.is-pinned .portal-pin-stage{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:auto!important;max-height:none!important;display:block}.is-pinned .portal-scene-viewport{overflow:visible}.is-pinned .portal-feature-story{position:relative;inset:auto;display:grid;grid-template-columns:1fr;min-height:0;opacity:1!important;visibility:visible!important;transform:none!important;break-inside:avoid}.feature-copy,.feature-lead,.feature-detail,.feature-mockup{opacity:1!important;visibility:visible!important;transform:none!important}.is-pinned .feature-copy{display:contents}.is-pinned .feature-mockup{width:70%;margin:0 auto}.is-pinned .feature-description,.is-pinned .feature-capabilities dt,.is-pinned .feature-capabilities dd,.is-pinned .feature-value>p{color:#333}.is-pinned .feature-name{color:#111}}
