/* User's September11 revision. Existing film and contact rules stay inherited. */
.h7-track{width:calc(100% - 64px);max-width:1200px;margin-inline:auto}
.h7-stage{padding:48px 0 64px;background:none}
.h7-stage:before{left:50%;right:auto;top:0;bottom:auto;width:var(--h8-backdrop-width,100%);height:var(--h8-backdrop-height,100%);transform:translateX(-50%);border-radius:36px;background:radial-gradient(ellipse at 18% 4%,#c5ddf5 0%,transparent 55%),radial-gradient(ellipse at 87% 24%,#9ac9e3 0%,transparent 70%),radial-gradient(ellipse at 20% 94%,#ebdfc4,transparent 55%),#c8e0e9;will-change:width,height}
.h7-stage-inner{max-width:996px;width:calc(100% - 64px)}
.h7-stage-footer p>span{display:block}
.h7-stage-footer .h8-scope-label{font-size:10px}
.h7-skip{right:calc((100% - var(--h8-backdrop-width,100%))/2 + 18px)}
@media(min-width:901px){.js-ready .h7-stage{max-height:none;height:calc(100svh - 48px)}.h7-panel{padding:40px;gap:40px;grid-template-columns:minmax(260px,.8fr) minmax(0,1.3fr)}.h7-panel-copy h2{font-size:36px}.h7-art{min-height:350px}.h7-paper h3{font-size:23px}.h7-response h3{font-size:19px}.h7-product-label{font-size:13px}}
@media(min-width:1500px){.h7-intro{padding-top:64px}.h7-panel{min-height:458px}.h7-art{min-height:350px}.h7-stage{padding-inline:0}}
/* Four connected cards, with one active state. Clear illustrations replace filler rows. */
.h8-workflow{max-width:1200px;width:calc(100% - 96px);margin:0 auto;padding:115px 0 100px;scroll-margin-top:20px}
.h8-workflow .h7-section-heading{max-width:780px;margin-bottom:56px}
.h8-workflow-grid{display:flex;gap:24px;align-items:stretch;position:relative;isolation:isolate}
.h8-work-card{width:calc((100% - 456px)/3);flex:none;position:relative;border-radius:28px;background:#f7f8f5;color:#102438;min-height:526px;overflow:visible;transition:width .5s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:flex;flex-direction:column;isolation:isolate}
.h8-work-card.is-current{width:384px;box-shadow:0 18px 32px -26px #426a9370}
.h8-work-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:#fff;z-index:-1}
.h8-work-card:not(:last-child):after{content:'';position:absolute;top:70px;right:-28px;height:24px;width:32px;border-radius:12px;background:#fff;z-index:-1}
.h8-work-select{display:flex;justify-content:space-between;align-items:center;padding:30px 32px 10px;border:0;border-radius:28px 28px 0 0;background:transparent;color:#102438;text-align:left;font-size:28px;font-weight:550;letter-spacing:-.03em;cursor:pointer;width:100%;gap:12px;line-height:1.2}
.h8-work-select svg{width:18px;height:18px;opacity:0;flex:none;transition:opacity .2s,transform .3s}
.h8-work-select:hover svg,.h8-work-select:focus-visible svg{opacity:1;transform:translateX(3px)}
.h8-work-content{padding:0 32px;position:relative;min-height:198px}
.h8-work-short{font-size:14px;line-height:1.5;color:#637487;max-width:200px}
.h8-work-detail{font-size:14px;line-height:1.55;color:#617184;width:320px;max-width:100%}
.h8-work-detail>p{margin-bottom:17px;line-height:1.6}
.h8-work-detail ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.h8-work-detail li{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.4}
.h8-work-detail li svg{width:17px;height:17px;flex:none;background:#e4edf7;color:#2a62b6;border-radius:5px;padding:2px}
.h8-work-art{height:260px;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:auto;border-radius:0 0 28px 28px;background:radial-gradient(ellipse at 18% 0%,#eaf0dc,transparent 60%),radial-gradient(ellipse at 80% 90%,#e2effa,transparent 75%),#fdfdfb}
.h8-work-card.is-current .h8-work-art{background:radial-gradient(ellipse at 30% 70%,#b9d1e8,transparent 75%),radial-gradient(ellipse at 94% 100%,#dbe9d9,transparent 50%),#f8fafb}
.h8-work-card[data-step="1"].is-current .h8-work-art{background:radial-gradient(ellipse at 40% 80%,#dce7d0,transparent 70%),#f8faf5}
.h8-work-card[data-step="2"].is-current .h8-work-art{background:radial-gradient(ellipse at 35% 80%,#efdfb9,transparent 80%),#f8f8f4}
.h8-idle-mark{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;transition:opacity .3s}
.h8-idle-mark svg{width:380px;height:380px;max-width:none;opacity:.55;stroke:#fff;stroke-width:1.25;transform:rotate(-15deg) translate(-30px,45px)}
.h8-active-art{width:320px;max-width:calc(100% - 48px);position:relative;transition:opacity .25s .18s,transform .45s .08s;z-index:1}
.h8-work-ready .h8-work-card:not(.is-current) .h8-active-art{opacity:0;transform:translateY(22px);pointer-events:none}
.h8-work-ready .h8-work-card.is-current .h8-idle-mark{opacity:0}
.h8-work-ready .h8-work-card:not(.is-current) .h8-work-detail{position:absolute;opacity:0;pointer-events:none;visibility:hidden}
.h8-work-ready .h8-work-card.is-current .h8-work-short{display:none}
.h8-work-card.is-current .h8-work-detail{animation:h7-arrive .4s .18s both}
.h8-workflow-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#6c7c8b;margin:22px 2px 0}
.h8-work-play{display:none;background:none;border:0;font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#617487;cursor:pointer;padding:5px}
.h8-work-ready .h8-work-play{display:inline-block}
.h8-connections{display:grid;grid-template-columns:repeat(3,1fr);gap:0 5px;font-size:9px;text-align:center;align-items:start}
.h8-connections>span{padding:12px 3px;background:#fff;border:1px solid #d4dfea;border-radius:8px;box-shadow:0 4px 12px -7px #41678150;white-space:nowrap;color:#46617c}
.h8-connection-lines{grid-column:1/-1;display:flex;justify-content:space-around;height:46px;margin-inline:45px}
.h8-connection-lines i{display:block;width:35%;height:31px;border-bottom:1.5px solid #93afca;border-left:1.5px solid #93afca;border-radius:0 0 0 9px}
.h8-connection-lines i:nth-child(2){height:46px;width:0;border-radius:0}
.h8-connection-lines i:last-child{border-left:0;border-right:1.5px solid #93afca;border-radius:0 0 9px 0}
.h8-pulse-destination{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #d6e0e9;border-radius:13px;padding:15px 10px;box-shadow:0 10px 22px -15px #2c527855}
.h8-pulse-destination svg{width:30px;height:30px;color:#c98f24;margin-bottom:6px}
.h8-pulse-destination b{font-size:19px;font-weight:600;letter-spacing:-.025em}
.h8-pulse-destination small{font-size:9px;margin-top:4px;color:#64768a}
.h8-mini-report,.h8-mini-finding,.h8-mini-chat{border:1px solid #dbe3e9;border-radius:13px;padding:18px;background:#fff;box-shadow:0 12px 24px -16px #345b8050;font-size:11px}
.h8-mini-report>div{display:flex;align-items:center;gap:7px;font-size:11px;color:#344e67;padding-bottom:12px;border-bottom:1px solid #e9eef1}
.h8-mini-report svg{width:16px;height:16px;color:#aa7a24}
.h8-mini-report small{font-size:8px;margin-left:auto;color:#778590;white-space:nowrap}
.h8-mini-report>p{font-size:14px;letter-spacing:-.01em;line-height:1.4;margin:13px 0;color:#243d55}
.h8-mini-report ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.h8-mini-report li{display:flex;align-items:center;gap:7px;font-size:10px}
.h8-mini-report li i{width:5px;height:5px;border-radius:50%}
.h8-mini-report li i.red{background:#c0392b}.h8-mini-report li i.amber{background:#b7791f}.h8-mini-report li i.green{background:#157f4f}
.h8-mini-report li b{margin-left:auto;font-weight:550}
.h8-mini-report>span{display:block;font-size:8px;color:#87939f;margin-top:15px}
.h8-mini-finding h4{font-size:23px;font-weight:550;letter-spacing:-.03em;line-height:1.15;margin:0 0 15px}
.h8-mini-bars{display:flex;flex-direction:column;gap:8px}
.h8-mini-bars i{display:block;width:calc(100% * var(--amount));height:11px;border-radius:3px;background:#2a62b6}
.h8-mini-bars i:last-child{background:#c98f24}
.h8-mini-finding>p{display:flex;flex-direction:column;gap:6px;font-size:10px;margin-top:14px;color:#64758a}
.h8-mini-finding>p span{display:flex;justify-content:space-between}.h8-mini-finding b{font-weight:550;color:#344d64}
.h8-mini-finding small{font-size:8px;color:#8a96a2;display:block;margin-top:14px}
.h8-mini-chat>p{margin-left:auto;width:fit-content;background:#edf3fb;border:1px solid #e1eaf6;border-radius:9px 9px 2px 9px;padding:8px 11px;color:#365774;font-size:10px}
.h8-mini-chat>div:not(.h8-mini-chart){display:flex;gap:8px;font-size:12px;line-height:1.4;margin-top:16px;align-items:flex-start;font-weight:550}
.h8-mini-chat svg{width:16px;height:16px;color:#c98f24;flex:none}
.h8-mini-chart{display:flex;gap:5px;align-items:end;height:88px;border-bottom:1px solid #e6e9ed;margin:9px 2px 0;padding:0 3px}
.h8-mini-chart i{height:var(--h);background:#2a62b6;flex:1;border-radius:2px 2px 0 0}
.h8-mini-chat>span{font-size:7px;color:#8493a1;display:block;margin-top:9px}
/* Saved report uses source text and original scope. */
.h8-saved-report .story-shop .chip{margin-left:7px}
.h8-summary-context{font-size:12px;color:#697b8e;margin:0 0 5px;font-weight:500}
.h8-saved-report .story-sum{font-size:23px}
.h7-full-report .h8-saved-report .tp{font-size:12px;line-height:1.6;min-height:170px}
.h7-full-report .h8-saved-report .tile-top{min-height:88px}
.h7-full-report .h8-saved-report .tv{margin-top:12px}
.h8-saved-report .neutral{color:#758292;background:#f2f4f6}
/* Two native Ask Pulse panels form one continuous conversation. */
.h8-conversation{align-items:start;gap:86px;padding-top:118px;padding-bottom:60px}
.h8-conversation .h7-feature-copy{position:sticky;top:80px;padding-top:55px}
.h8-conversation .h7-feature-copy h2{font-size:48px}
.h8-chat-answer h3{font-size:25px;font-weight:550;line-height:1.2;letter-spacing:-.025em;margin-bottom:13px;color:#1d344b}
.h8-chat-answer>p{font-size:14px;line-height:1.75;color:#5b6b7d}
.h8-chat-answer strong{font-weight:600;color:#263b52}
.h8-conversation .h7-answer-demo{box-shadow:0 20px 45px -30px #214d7433}
.h8-chat-context{font-size:10px;line-height:1.5;color:#8090a0;margin-bottom:16px;padding-left:10px;border-left:2px solid #dce6ef}
.h8-person-chart .chart{height:235px}
.h8-person-chart .pc-legend{gap:7px 10px}
.h8-person-chart .pc-legend button{font-size:9px}
.h8-chat-replay{display:none;align-items:center;gap:6px;color:#758698;font-size:10px;border:0;background:none;margin-top:17px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:3px}
.h8-chat-replay svg{width:12px;height:12px}
.js-ready .h8-chat-replay{display:inline-flex}
.h8-chat-connection{max-width:1184px;width:calc(100% - 96px);margin:0 auto 8px;display:flex;align-items:center;justify-content:flex-end;gap:20px;color:#738a9f;padding-right:20%;height:112px}
.h8-chat-connection>svg{width:100px;height:92px;color:#a2b8cd}
.h8-chat-connection>span{font-size:12px}
.h8-followup .h7-feature{padding-top:85px;padding-bottom:95px}
@media(prefers-reduced-motion:no-preference){
 .h8-chat-sequence.is-chat-waiting :is(.h8-chat-question,.h8-chat-answer,.h8-chat-chart,.h8-chat-detail){opacity:0;transform:translateY(14px);pointer-events:none}
}
.h8-chat-sequence.is-chat-playing .h8-chat-question{animation:h7-arrive .5s .1s both}
.h8-chat-sequence.is-chat-playing .h8-chat-answer{animation:h7-arrive .6s .6s both}
.h8-chat-sequence.is-chat-playing .h8-chat-chart{animation:h7-arrive .65s 1.05s both}
.h8-chat-sequence.is-chat-playing .h8-chat-detail{animation:h7-arrive .6s 1.4s both}
body:not(.h8-work-ready) .h8-workflow-grid{display:grid;grid-template-columns:repeat(2,1fr)}
body:not(.h8-work-ready) .h8-work-card{width:auto}
body:not(.h8-work-ready) .h8-work-short{display:none}
body:not(.h8-work-ready) .h8-idle-mark{display:none}
@media(max-width:1200px){.h8-work-select{padding-inline:24px}.h8-work-content{padding-inline:24px}.h8-work-card{width:calc((100% - 408px)/3)}.h8-work-card.is-current{width:336px}.h8-work-detail{font-size:13px}.h8-work-detail li{font-size:11px}.h8-work-short{font-size:13px}.h8-work-card{min-height:540px}.h8-work-content{min-height:220px}.h8-conversation{gap:45px}.h8-conversation .h7-feature-copy h2{font-size:42px}}
@media(max-width:1100px){
 .h8-workflow{width:calc(100% - 64px);padding:85px 0}.h8-workflow-grid{display:flex;flex-direction:column;gap:14px}.h8-work-card,.h8-work-card.is-current{width:100%;min-height:0;border:1px solid #e3e9ed;display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;box-shadow:none}
 .h8-work-select{font-size:26px;padding:24px 27px 12px;grid-column:1;position:relative;z-index:1}.h8-work-select svg{opacity:1;transform:rotate(90deg);width:17px}.h8-work-card.is-current .h8-work-select svg{transform:rotate(-90deg)}.h8-work-content{grid-column:1;padding:0 27px 26px;min-height:0}.h8-work-detail{width:auto;max-width:none}.h8-work-detail li{font-size:12px}.h8-work-short{font-size:14px}
 .h8-work-art{grid-column:2;grid-row:1/3;height:100%;min-height:300px;border-radius:0}.h8-work-card:not(:last-child):after{display:none}.h8-work-ready .h8-work-card:not(.is-current){grid-template-columns:1fr}.h8-work-ready .h8-work-card:not(.is-current) .h8-work-art{display:none}.h8-work-ready .h8-work-card:not(.is-current) .h8-work-select{padding-bottom:7px}.h8-work-ready .h8-work-card:not(.is-current) .h8-work-content{padding-bottom:21px}.h8-work-short{max-width:none}
 .h8-conversation{padding-top:85px;padding-bottom:30px;gap:30px}.h8-conversation .h7-feature-copy{position:static;padding-top:0}.h8-chat-connection{height:90px;margin-top:10px;padding-right:15%}
 .h7-full-report .h8-saved-report .tp{min-height:150px}
 body:not(.h8-work-ready) .h8-workflow-grid{grid-template-columns:1fr}
}
@media(max-width:900px){.h7-stage{padding:40px 0}.h7-stage-inner{width:calc(100% - 56px)}.h7-stage:before{width:100%;height:100%}.h7-skip{right:18px}.h7-track{width:calc(100% - 48px)}}
@media(max-width:600px){
 .h7-track{width:calc(100% - 24px)}.h7-stage{padding:22px 0 18px}.h7-stage-inner{width:calc(100% - 24px)}.h7-stage:before{border-radius:22px}.h7-stage-footer .h8-scope-label{font-size:8px}.h7-stage-footer .h8-scope-week{display:block;font-size:8px}
 .h8-workflow{width:calc(100% - 40px);padding:73px 0}.h8-workflow .h7-section-heading{margin-bottom:34px}.h8-workflow .h7-section-heading>p:last-child{font-size:16px;max-width:320px}.h8-workflow-grid{gap:12px}.h8-work-card,.h8-work-card.is-current{display:flex;flex-direction:column;border-radius:20px}.h8-work-select{padding:24px 23px 11px;font-size:26px}.h8-work-content{padding:0 23px 23px}.h8-work-detail{font-size:14px;line-height:1.6}.h8-work-detail li{font-size:12px}.h8-work-art{height:240px;min-height:240px;width:100%;border-radius:0 0 20px 20px}.h8-active-art{max-width:calc(100% - 44px)}.h8-workflow-footer{font-size:10px;gap:12px;margin-top:16px}.h8-work-play{font-size:10px;white-space:nowrap}.h8-work-ready .h8-work-card:not(.is-current) .h8-work-select{padding:20px 23px 8px}.h8-work-ready .h8-work-card:not(.is-current) .h8-work-content{padding:0 23px 18px}.h8-work-short{font-size:13px}
 .h7-full-report .h8-saved-report .tp{font-size:12px;line-height:1.65;min-height:0}.h7-full-report .h8-saved-report .tile-top{min-height:0}.h8-saved-report .story-shop .chip{display:inline-block;margin-top:10px}.h8-saved-report .story-sum{font-size:21px}.h8-summary-context{font-size:11px}
 .h8-conversation,.h8-followup .h7-feature{padding-top:73px;padding-bottom:40px;gap:30px}.h8-conversation .h7-feature-copy h2{font-size:35px}.h8-chat-answer h3{font-size:23px}.h8-chat-answer>p{font-size:13px}.h8-person-chart .chart{height:190px}.h8-person-chart .pc-legend button{font-size:8px}.h8-person-chart .pc-legend{gap:5px 7px}.h8-chat-context{font-size:9px}.h8-chat-connection{width:calc(100% - 40px);padding:0 15px;margin:0 auto 15px;justify-content:center;gap:10px;height:85px}.h8-chat-connection>svg{width:55px;height:78px}.h8-chat-connection>span{font-size:10px}.h8-conversation .h7-appbar>span:last-child{font-size:8px}.h8-conversation .h7-answer-demo .h7-appbar{padding-inline:16px}
 body:not(.h8-work-ready) .h8-workflow-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.h8-work-card,.h8-active-art,.h8-work-select svg{transition:none!important}.h8-work-detail,.h8-chat-sequence *{animation:none!important}.h8-chat-replay,.h8-work-play{display:none!important}.h7-stage:before{width:100%!important;height:100%!important;will-change:auto}.h8-conversation .h7-feature-copy{position:static}}
@media(max-width:1100px){.h8-work-play{display:none!important}}

/* A warm surrounding surface makes the linked white cards legible, as in the reference. */
.h8-workflow{max-width:none;width:100%;padding-left:48px;padding-right:48px;background:#f6f5f1;margin-top:56px}
.h8-workflow-grid,.h8-workflow-footer{max-width:1200px;margin-left:auto;margin-right:auto}
@media(max-width:1100px){.h8-workflow{width:100%;padding-left:32px;padding-right:32px;margin-top:36px}}
@media(max-width:600px){.h8-workflow{width:100%;padding-left:20px;padding-right:20px;margin-top:28px}}

.h8-saved-report .story-shop{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.h8-report-counts{display:inline-flex;gap:7px}.h8-saved-report .story-shop .chip{margin:0}
@media(max-width:600px){.h8-shop-name{flex-basis:100%}}