/* Second section: a full-width, layered product story. */
.workflow .section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:38px}
.workflow .section-heading .section-label{padding-top:12px;min-width:185px}
.workflow .section-heading h2{font-size:clamp(46px,5.3vw,76px);width:76%}
.workflow-sticky,.js .workflow-sticky{display:flex;flex-direction:column;gap:24px;align-items:stretch;padding-top:0;padding-bottom:30px;min-height:0}
.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%}
.workflow-step{grid-template-columns:36px 1fr;gap:12px;padding:19px 0 0;align-content:start}
.workflow-step .step-number{font-size:27px;line-height:1.2}
.workflow-step strong{font-size:23px;margin-top:0;line-height:1.2}
.workflow-step .step-description,.js .workflow-step:not(.is-active) .step-description{display:block;font-size:12px;line-height:1.65;max-width:330px;padding-top:9px;color:#536a84}
.workflow-step:not(.is-active){color:#71839a}
.workflow-step:not(.is-active) .step-description{opacity:.75}
.workflow-stage{min-height:0;height:clamp(440px,53vh,565px);border-radius:22px;border:1px solid #6e9bc75c;isolation:isolate;background:radial-gradient(ellipse at 55% 80%,#174b88 0,#102849 38%,#061126 85%);box-shadow:0 30px 60px #12376126,inset 0 1px 0 #ffffff1a}
.workflow-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#9dcfff44 .8px,transparent .8px);background-size:24px 24px;opacity:.35;pointer-events:none;z-index:-1}
.showcase-orbit{position:absolute;inset:-80px -60px;background:url("/assets/astra/signal-contours.svg") center/cover no-repeat;opacity:.2;pointer-events:none;z-index:-1}
.showcase-label,.showcase-sample{position:absolute;top:23px;font-size:9px;letter-spacing:.12em;color:#8eaed0;z-index:2}
.showcase-label{left:28px}.showcase-sample{right:28px;letter-spacing:.02em;display:flex;align-items:center;gap:7px}
.showcase-sample::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan)}
.workflow-scene{min-height:0;height:100%;padding:59px 6% 55px;position:relative}
.workflow .stage-caption{bottom:18px;color:#b6cce5;font-size:11px;left:20px;right:20px}
.workflow .stage-caption span{color:#57cddc}
.workflow .mini-window{border:1px solid #5a87b552;box-shadow:0 18px 50px #0004;background:linear-gradient(130deg,#142d4c,#0a1b33);border-radius:13px}
.workflow .import-composition{grid-template-columns:.8fr 42px 1.5fr;gap:22px;max-width:1040px;width:100%;margin:auto;transform:none}
.workflow .import-window{padding:22px;transform:rotate(-3deg)}
.workflow .window-dots{display:flex;margin-bottom:18px}
.workflow .window-kicker{font-size:10px;line-height:1.4;color:#93b5d7;margin-bottom:9px}
.workflow .import-window h3{font-size:23px}
.workflow .file-stack{gap:10px;margin-top:21px}
.workflow .file-row{padding:12px 9px;background:#a3d4ff07}
.workflow .file-row b{font-size:12px}.workflow .file-row small{font-size:9px}
.workflow .file-icon{height:36px;width:29px;font-size:8px}
.workflow .flow-arrow{display:block;color:#54d5e4;font-size:40px}
.workflow .portfolio{display:block;padding:25px 28px;transform:rotate(1.5deg)}
.portfolio-top{display:flex;justify-content:space-between;gap:15px;align-items:start}
.portfolio-status{font-size:9px;color:#9bdde7;background:#13bdd21a;padding:5px 10px;border:1px solid #13bdd22b;border-radius:20px}
.workflow .portfolio h3{font-size:30px}
.portfolio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:21px 0 15px}
.workflow .portfolio-line{display:block;margin:0;border-left:1px solid #8dbbdf33;padding-left:12px}
.workflow .portfolio-line span{display:block;font-size:10px;margin-bottom:5px}
.workflow .portfolio-line b{font-size:26px}
.workflow .portfolio svg{height:110px;width:100%}
.workflow .platform-dots{font-size:9px;margin-top:13px;gap:21px}
.workspace-summary{position:absolute;bottom:-19px;right:22px;background:#eafaff;color:#153352;padding:12px 18px;border:1px solid #fff;border-radius:9px;font-size:12px;box-shadow:0 9px 22px #0003;transform:rotate(-1.5deg)}
.workspace-summary>span{margin-right:8px;color:#087e90}
.analysis-composition{display:grid;grid-template-columns:1.25fr .85fr;gap:35px;max-width:1030px;width:100%;margin:auto;align-items:center}
.workflow .insights-window{padding:25px 30px;max-width:none;transform:rotate(-1deg)}
.workflow .insights-window h3{font-size:29px;max-width:none}
.workflow .goal-row{margin:19px 0 9px;font-size:11px;padding:11px 0}
.workflow .insight-row{padding:10px 0}.workflow .insight-row h4{font-size:13px}.workflow .insight-row p{font-size:11px}
.workflow .ai-prompt{font-size:11px;padding:12px;margin-top:9px}
.focus-card{padding:30px;border:1px solid #77b9ea50;border-radius:15px;background:linear-gradient(145deg,#174974ee,#102744ee);color:#fff;box-shadow:0 20px 40px #0004;transform:rotate(3deg)}
.focus-card h3{font-size:30px;font-weight:500;letter-spacing:-.03em}
.focus-metric{margin-top:23px}.focus-metric>span{font-size:11px;color:#b2cce6;display:block}.focus-metric strong{font-size:52px;line-height:1.2;letter-spacing:-.055em;font-weight:500}
.signal-chart{height:95px;width:100%;margin:8px 0 20px}.signal-chart .comparison-line{stroke:#5ce0e9;stroke-width:3}
.focus-tags{display:flex;gap:8px;flex-wrap:wrap}.focus-tags span{font-size:9px;padding:7px 10px;border:1px solid #a7d9fa33;border-radius:20px;color:#c8e7fa}
.export-composition{display:grid;grid-template-columns:.9fr 1.15fr;gap:60px;align-items:center;max-width:950px;width:100%;margin:auto}
.export-story{color:#fff}.export-story h3{font-size:clamp(35px,3.8vw,55px);line-height:1.04;font-weight:500;letter-spacing:-.04em}.export-story h3 span{color:#74d5ec}
.export-formats{display:flex;gap:9px;margin:24px 0 17px}.export-formats span{padding:8px 14px;border:1px solid #78bde555;border-radius:5px;background:#83cfff0b;font-size:11px;letter-spacing:.04em}
.export-story>p:last-child{font-size:12px;line-height:1.7;color:#aac4de}
.workflow .report-composition{width:100%;max-width:480px}.workflow .report-paper{padding:23px 27px 20px;transform:rotate(-4deg)}
.workflow .report-paper h3{font-size:31px;line-height:1;margin:10px 0 17px}.workflow .report-period{margin-top:22px;font-size:7px}.workflow .report-header img{width:106px}.workflow .report-header>span{font-size:7px}
.workflow .report-kpis b{font-size:22px}.workflow .report-kpis small{font-size:8px}.workflow .report-kpis{padding-block:10px;margin-bottom:12px}.workflow .report-bottom{font-size:7px}
.workflow .report-paper svg{height:68px;width:100%}.workflow .report-back{background:#b7daf2;inset:8px -13px 0 15px}
.js .workflow-scene.is-active .import-window,.js .workflow-scene.is-active .insights-window,.js .workflow-scene.is-active .export-story{animation:showcase-arrive .75s var(--ease) both}
.js .workflow-scene.is-active .portfolio,.js .workflow-scene.is-active .focus-card,.js .workflow-scene.is-active .report-composition{animation:showcase-arrive .9s .1s var(--ease) both}
.js .workflow-scene.is-active svg .main-line,.js .workflow-scene.is-active svg .comparison-line{stroke-dasharray:1200;animation:showcase-draw 1.8s .2s var(--ease) both}
@keyframes showcase-arrive{from{opacity:0;translate:0 28px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes showcase-draw{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
@media(min-width:761px) and (max-height:800px){.workflow-stage{height:390px}.workflow-step .step-description{font-size:11px}.workflow-scene{padding:49px 5% 43px}.workflow-sticky,.js .workflow-sticky{gap:16px}.workflow .import-window{padding:18px}.workflow .window-dots{display:none}.workflow .file-stack{margin-top:15px;gap:8px}.workflow .file-row{padding:9px}.workflow .portfolio{padding:20px 24px}.workflow .portfolio svg{height:77px}.workflow .insights-window{padding:18px 25px}.workflow .insight-row{padding:7px 0}.workflow .goal-row{margin:12px 0 7px}.focus-card{padding:22px}.focus-metric{margin-top:10px}.focus-metric strong{font-size:43px}.signal-chart{height:67px;margin-bottom:12px}.workflow .report-paper{padding:18px 24px 15px}.workflow .report-period{margin-top:16px}.workflow .report-paper h3{font-size:25px}.workflow .report-paper svg{height:50px}}
@media(min-width:761px) and (max-width:1100px){.workflow .section-heading{gap:20px}.workflow .section-heading .section-label{min-width:125px}.workflow-steps{gap:20px}.workflow-step strong{font-size:19px}.workflow-step{grid-template-columns:27px 1fr;gap:9px}.workflow-step .step-number{font-size:24px}.workflow .import-composition{grid-template-columns:1fr 26px 1.4fr;gap:12px;max-width:none}.workflow-scene{padding-inline:4%}.workflow .import-window{padding:16px}.workflow .file-row b{font-size:10px}.workflow .file-row small{font-size:8px}.workflow .portfolio{padding:20px}.workflow .portfolio-line b{font-size:21px}.workflow .portfolio h3{font-size:26px}.analysis-composition{gap:20px;grid-template-columns:1.25fr .85fr}.workflow .insights-window{padding:20px}.workflow .insights-window h3{font-size:24px}.focus-card{padding:22px}.focus-card h3{font-size:25px}.export-composition{gap:35px}.workflow .report-paper h3{font-size:26px}}
@media(max-width:760px){
 .workflow .section-heading{display:block;margin-bottom:25px}.workflow .section-heading .section-label{padding:0}.workflow .section-heading h2{width:100%;font-size:clamp(39px,8.8vw,62px)}
 .workflow-sticky,.js .workflow-sticky{gap:22px;padding-bottom:50px}.workflow-steps{gap:13px}.workflow-step{padding-top:15px;gap:8px;display:flex}.workflow-step .step-number{font-size:23px}.workflow-step strong{font-size:14px;line-height:1.2}.workflow-step .step-description,.js .workflow-step:not(.is-active) .step-description{display:none}
 .workflow-stage{height:620px;border-radius:15px;width:100%}.showcase-label{left:18px;font-size:7px;top:19px}.showcase-sample{right:18px;font-size:8px;top:19px}.workflow-scene{padding:52px 20px 65px}.workflow .stage-caption{font-size:9px;bottom:18px;line-height:1.7}
 .workflow .import-composition{display:flex;flex-direction:column;gap:22px;max-width:440px}.workflow .import-window{width:87%;padding:16px;align-self:flex-start;transform:rotate(-3deg)}.workflow .window-dots{display:none}.workflow .import-window h3{font-size:20px}.workflow .file-stack{gap:6px;margin-top:13px}.workflow .file-row{padding:7px}.workflow .file-icon{width:22px;height:27px;font-size:7px}.workflow .file-row b{font-size:10px}.workflow .file-row small{font-size:8px;margin-top:3px}.workflow .flow-arrow{display:none}
 .workflow .portfolio{width:96%;align-self:flex-end;padding:19px;transform:rotate(2deg)}.workflow .portfolio h3{font-size:23px}.workflow .window-kicker{font-size:9px}.portfolio-status{font-size:8px;padding:4px 8px}.portfolio-stats{gap:9px;margin:16px 0 10px}.workflow .portfolio-line{padding-left:7px}.workflow .portfolio-line span{font-size:8px}.workflow .portfolio-line b{font-size:20px}.workflow .portfolio svg{height:65px}.workflow .platform-dots{font-size:8px;margin-top:9px;gap:12px}.workspace-summary{font-size:9px;padding:10px 12px;right:10px;bottom:-17px}
 .analysis-composition{display:flex;flex-direction:column;gap:18px;max-width:440px}.workflow .insights-window{padding:20px;width:100%}.workflow .insights-window h3{font-size:23px}.workflow .insight-row h4{font-size:11px}.workflow .insight-row p{font-size:10px}.workflow .insight-row{padding:8px 0}.workflow .goal-row{font-size:9px;margin:14px 0 8px}.workflow .ai-prompt{font-size:9px}.focus-card{position:relative;align-self:flex-end;width:87%;padding:18px 20px;transform:rotate(3deg)}.focus-card .window-kicker{display:none}.focus-card h3{font-size:21px}.focus-metric{margin-top:10px}.focus-metric>span{font-size:9px}.focus-metric strong{font-size:34px}.signal-chart{position:absolute;right:17px;top:55px;width:40%;height:45px;margin:0}.focus-tags{margin-top:11px}.focus-tags span{font-size:8px;padding:5px 7px}
 .export-composition{display:flex;flex-direction:column;gap:20px;max-width:440px}.export-story{align-self:flex-start}.export-story h3{font-size:32px}.export-story h3 br{display:none}.export-story h3 br::after{content:" "}.export-story h3{max-width:300px}.export-story h3 span{display:block}.export-story>p:last-child{display:none}.export-formats{margin:16px 0 0;gap:8px}.export-formats span{padding:6px 11px;font-size:9px}.workflow .report-composition{width:91%;max-width:350px;margin:0 auto}.workflow .report-paper{padding:24px 21px 18px}.workflow .report-paper h3{font-size:30px}.workflow .report-period{font-size:6px}.workflow .report-header img{width:83px}.workflow .report-header>span{font-size:5px}.workflow .report-kpis b{font-size:19px}.workflow .report-paper svg{height:60px}
}
@media(max-width:370px){.workflow-stage{height:650px}.workflow-scene{padding-inline:16px}.workflow-step strong{font-size:13px}.workflow .portfolio{padding:16px}.workflow .portfolio-line b{font-size:17px}.workflow .insights-window{padding:17px}.workflow .insights-window h3{font-size:21px}.workflow .sample-label{font-size:7px}.focus-card{width:94%}.workflow .report-paper h3{font-size:26px}.export-story h3{font-size:28px}.workflow .report-kpis b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.workflow-scene *{animation:none!important;transition:none!important}.js .workflow-track{height:auto;min-height:0}}