/* The second layout only: five-frame opening directed by the supplied references. */
.finfolder-page{--intro-green:#263c36;--intro-light:#e2e2e2;--intro-header:50px;--intro-icon:clamp(40px,3.7vw,86px);--intro-large:min(40.4vw,76svh);--intro-left:4.8vw}
.finfolder-page .product-header nav{min-height:var(--intro-header);height:var(--intro-header);padding:0 4.5vw;flex-wrap:nowrap}
.finfolder-page .layout-two-main{max-width:none;padding:0}
.finfolder-page .layout-two-main>section:not(.intro-stage){max-width:1740px;margin-left:auto;margin-right:auto;padding-left:4.5vw;padding-right:4.5vw}
.finfolder-page .intro-stage{height:calc(100svh - var(--intro-header));min-height:580px;position:relative;overflow:hidden;padding:0;border:0;background:var(--intro-green);isolation:isolate}
.intro-light{position:absolute;inset:0 0 0 29.5%;background:var(--intro-light);transform:translateX(101%);animation:intro-panel .7s cubic-bezier(.65,0,.25,1) 1.65s forwards}
.intro-logo{position:absolute;inset:0;pointer-events:none;z-index:2}
.intro-square{border-radius:6%;overflow:hidden;position:absolute;top:calc(50svh - var(--intro-header));left:50%;width:var(--intro-large);height:var(--intro-large);background:var(--intro-light);transform:translate(-50%,-50%);animation:intro-square 1.55s cubic-bezier(.65,0,.25,1) both,intro-logo-move .7s cubic-bezier(.65,0,.25,1) 1.65s forwards}
.intro-f{position:absolute;width:calc(var(--intro-icon)*.34);height:calc(var(--intro-icon)*.8);object-fit:contain;opacity:0;animation:intro-letter .18s linear .25s forwards}
.intro-f-first{left:max(calc(var(--intro-icon)*.13),2.5%);bottom:max(calc(var(--intro-icon)*.1),2.5%)}
.intro-f-second{right:max(calc(var(--intro-icon)*.13),2.5%);top:max(calc(var(--intro-icon)*.1),2.5%)}
.intro-wordmark{position:absolute;top:calc(50svh - var(--intro-header));left:calc(var(--intro-left) + var(--intro-icon)*1.31);height:var(--intro-icon);width:calc(var(--intro-icon)*3.828);object-fit:contain;transform:translateY(-50%);clip-path:inset(0 0 0 100%);animation:intro-word .7s cubic-bezier(.65,0,.25,1) 1.65s forwards}
.finfolder-page .intro-how{position:absolute;left:var(--intro-left);bottom:5.5%;opacity:0;transform:translateX(-130%);animation:intro-slide .55s ease-out 2.5s forwards;font-size:clamp(12px,1vw,20px);padding:14px 24px;gap:24px}
.intro-content{position:absolute;left:35.5%;right:4.5%;top:0;height:100%;color:#050505}
.finfolder-page .intro-download{position:absolute;top:7.8%;background:var(--intro-green);color:var(--intro-light);border-color:var(--intro-green);font-size:clamp(14px,1.2vw,24px);font-family:inherit;padding:14px 26px;opacity:0;transform:translateY(-30px);animation:intro-slide .55s ease-out 2.5s forwards;cursor:default}
.finfolder-page .intro-title{position:absolute;top:31.5%;font-family:Arial,sans-serif;font-size:clamp(27px,3.7vw,80px);font-weight:700;line-height:1.2;letter-spacing:-.045em;color:#000;margin:0;opacity:0;transform:translateY(-38px);animation:intro-slide .55s ease-out 2.5s forwards}
.finfolder-page .intro-description{position:absolute;top:54%;margin:0;max-width:none;font-size:clamp(14px,1.53vw,32px);line-height:1.26;color:#000;opacity:0;transform:translateY(-26px);animation:intro-slide .5s ease-out 3.05s forwards}
.finfolder-page .intro-values{position:absolute;top:70%;left:0;right:0;padding:0;border:0;margin:0}
.intro-values-grid{display:grid;grid-template-columns:minmax(0,1fr) .25fr minmax(0,1fr) .25fr minmax(0,1fr) .25fr minmax(0,1fr);gap:1vw}
.finfolder-page .intro-values .pu-value-card{background:none;border:0;border-radius:0;padding:0;min-width:0;color:#000}
.finfolder-page .intro-values .pu-value-art{width:clamp(50px,7.5vw,156px);height:clamp(50px,5.1vw,110px);margin:0 0 22px;color:#000;opacity:0;transform:translateY(12px);animation:intro-slide .3s ease-out calc(3.7s + var(--step)*.35s) forwards}
.finfolder-page .intro-values .pu-value-art svg{stroke-width:1.2}
.finfolder-page .intro-values h3{font-size:clamp(13px,1vw,21px);line-height:1.18;font-weight:700;margin:0 0 12px;color:#000;opacity:0;transform:translateY(9px);animation:intro-slide .3s ease-out calc(3.85s + var(--step)*.35s) forwards}
.finfolder-page .intro-values p{font-size:clamp(11px,.87vw,18px);line-height:1.25;margin:0;color:#111;opacity:0;transform:translateY(9px);animation:intro-slide .3s ease-out calc(3.85s + var(--step)*.35s) forwards}
.finfolder-page .intro-values .flow-arrow{align-self:start;display:block;width:100%;margin-top:2vw;color:#000;opacity:0;transform:translateX(-8px);animation:intro-slide .3s ease-out calc(3.85s + var(--step)*.35s) forwards}
@keyframes intro-square{0%{width:2px;height:2px}14%{width:var(--intro-large);height:2px}55%,61%{width:var(--intro-large);height:var(--intro-large)}100%{width:var(--intro-icon);height:var(--intro-icon)}}
@keyframes intro-logo-move{to{left:calc(var(--intro-left) + var(--intro-icon)/2)}}
@keyframes intro-panel{to{transform:translateX(0)}}
@keyframes intro-letter{to{opacity:1}}
@keyframes intro-word{to{clip-path:inset(0)}}
@keyframes intro-slide{to{opacity:1;transform:translate(0,0)}}
@media(max-width:760px){
 .finfolder-page{--intro-icon:42px;--intro-large:min(70vw,60svh);--intro-left:6vw}
 .finfolder-page .intro-stage{height:auto;min-height:1100px}
 .intro-light{inset:190px 0 0 0;transform:translateX(101%)}
 .intro-square,.intro-wordmark{top:95px}
 .intro-content{left:6%;right:6%;top:190px;height:890px}
 .finfolder-page .intro-download{top:28px;font-size:14px;padding:10px 18px}
 .finfolder-page .intro-title{top:125px;font-size:clamp(27px,5.3vw,39px)}
 .finfolder-page .intro-description{top:240px;font-size:16px;line-height:1.4}
 .finfolder-page .intro-how{top:139px;bottom:auto;left:6%;font-size:12px;padding:8px 14px}
 .finfolder-page .intro-values{top:365px}
 .intro-values-grid{grid-template-columns:1fr 1fr;gap:28px 20px}
 .finfolder-page .intro-values .flow-arrow{display:none}
 .finfolder-page .intro-values .pu-value-art{width:64px;height:60px;margin-bottom:15px}
 .finfolder-page .intro-values h3{font-size:16px}.finfolder-page .intro-values p{font-size:13px;line-height:1.35}
}
@media(prefers-reduced-motion:reduce){.intro-stage *{animation-delay:0s!important;animation-duration:.001s!important}}
@media(max-width:760px){.finfolder-page .intro-stage{min-height:1240px}.intro-content{height:1030px}.finfolder-page .intro-description{top:285px}.finfolder-page .intro-values{top:445px}}
@media(min-width:761px){.finfolder-page .intro-values{top:68%}.finfolder-page .intro-description{font-size:clamp(14px,1.4vw,30px)}}
/* Keep each supplied icon square and align it with its text; slower lower sequence. */
.finfolder-page .intro-values .pu-value-art{width:clamp(50px,5.1vw,110px);height:clamp(50px,5.1vw,110px);margin-left:0;animation-duration:.55s;animation-delay:calc(3.7s + var(--step)*.8s)}
.finfolder-page .intro-values .pu-value-art svg{display:block;overflow:visible;transform:translateX(-12.5%)}
.finfolder-page .intro-values h3,.finfolder-page .intro-values p,.finfolder-page .intro-values .flow-arrow{animation-duration:.55s;animation-delay:calc(4s + var(--step)*.8s)}
@media(max-width:760px){.finfolder-page .intro-values .pu-value-art{width:60px;height:60px}}
.intro-values-grid{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:3vw}
.finfolder-page .intro-values .flow-arrow{position:absolute;top:0;margin:0;width:clamp(26px,3vw,48px);height:24px}
@media(max-width:760px){.intro-values-grid{grid-template-columns:1fr 1fr;column-gap:20px}}
/* Scroll frames 6–7: first keep the left column, then lift it and center the demo introduction. */
.finfolder-page .product-header{position:sticky;top:0;z-index:20}
.intro-runway{position:relative}
.finfolder-page .intro-stage{position:sticky;top:50px;animation:intro-underlay .001s 2.35s forwards}
@keyframes intro-underlay{to{background:#e2e2e2}}
.intro-sidebar{position:absolute;inset:0;z-index:2;background:linear-gradient(to right,#263c36 29.5%,transparent 29.5%);transform:translateY(var(--exit-y,0px));pointer-events:none}
.intro-sidebar .intro-how{pointer-events:auto}
.intro-content{z-index:2;left:var(--content-left,35.5%);transform:translateY(calc(-1 * var(--scroll-y,0px)))}
.intro-mask{position:absolute;top:0;left:29.5%;right:0;height:18%;background:#e2e2e2;z-index:4;transform:translateY(var(--exit-y,0px));opacity:var(--mask-opacity,1);clip-path:inset(0 0 0 0);animation:intro-mask-enter .001s 2.35s both}
@keyframes intro-mask-enter{from{visibility:hidden}to{visibility:visible}}
.finfolder-page .intro-mask .intro-download{top:43%;left:8.51%;white-space:nowrap}
.scroll-demo-heading{position:absolute;top:calc(100% + 50px);left:0;right:0;text-align:center;color:#000}
.finfolder-page .scroll-demo-heading h2{font:700 clamp(32.5px,3.5vw,80px)/1.2 Arial,sans-serif;letter-spacing:-.035em;margin:0 0 10px;color:#000;white-space:nowrap}
.finfolder-page .scroll-demo-heading p{font-size:clamp(15px,1.4vw,30px);line-height:1.35;max-width:none;margin:0;color:#000;white-space:nowrap}
.scroll-demo-arrow{display:block;width:24px;height:48px;fill:none;stroke:#111;stroke-width:1.2;margin:45px auto 0}
.mobile-demo-heading{display:none}
.finfolder-page .layout-two-main>.product-demo-full{position:relative;z-index:5;max-width:none;background:#e2e2e2;margin-top:calc(-.59 * (100svh - 50px));padding:0 4.5vw 80px;opacity:var(--demo-opacity,0)}
.finfolder-page .product-demo-full .app-preview{width:77vw;max-width:1580px;margin:0 auto}
.finfolder-page .product-demo-full figcaption{color:#53635b}
@media(max-width:760px){
 .finfolder-page .intro-stage{position:relative;top:0;animation:none}
 .intro-content{left:6%;transform:none}.intro-sidebar{transform:none}
 .intro-mask{display:none}.finfolder-page .intro-download{display:none}
 .scroll-demo-heading{display:none}.mobile-demo-heading{display:block}
 .finfolder-page .layout-two-main>.product-demo-full{opacity:1;pointer-events:auto!important;margin-top:0;padding:40px 6vw;background:#e2e2e2}
 .finfolder-page .mobile-demo-heading h2,.finfolder-page .mobile-demo-heading p{color:#000}
 .finfolder-page .product-demo-full .app-preview{width:100%}
}
@media(max-width:760px){.intro-mask{display:block;left:0;right:0;top:190px;height:95px;background:transparent;transform:none;opacity:1}.finfolder-page .intro-mask .intro-download{display:inline-flex;top:28px;left:6%}}
/* Independent scroll tracks: old content keeps its original horizontal geometry. */
@media(min-width:761px){
 .intro-content{left:35.5%;right:4.5%}
 .intro-old-content{position:absolute;inset:0;clip-path:inset(var(--old-clip,0px) 0 0 0)}
 .intro-mask{opacity:1}
 .scroll-demo-heading{left:var(--demo-heading-left,0px);right:0;transform:scale(var(--demo-heading-scale,1));transform-origin:50% 0}
}
@media(max-width:760px){.intro-old-content{position:absolute;inset:0}}
/* Captions enter downwards; icon/arrow timing and the rest of the opening stay unchanged. */
.finfolder-page .intro-values h3,.finfolder-page .intro-values p{transform:translateY(-12px)}
@media(min-width:761px){
 .intro-content{transform:none}
 .intro-old-content{transform:translateY(calc(-1 * var(--old-y,0px)))}
 .scroll-demo-heading{top:calc(100% + 50px - var(--heading-y,0px))}
 .finfolder-page .product-demo-full .app-preview{width:min(77vw,calc((.59 * (100svh - 50px) - 40px) * 1.53333333));position:sticky;top:70px}
 .finfolder-page .layout-two-main>.product-demo-full{min-height:calc(100svh - 50px)}
}
/* Match the visible heading/caption width, without limiting the demo by screen height. */
@media(min-width:761px){.finfolder-page .product-demo-full .app-preview{width:var(--demo-copy-width,77vw);max-width:91vw}}
.finfolder-page .product-demo-full .app-preview{display:flex;flex-direction:column}
.finfolder-page .product-demo-full figcaption{order:-1;margin:0 0 12px;text-align:center}
/* Narrow layout has a green top band, never a green column over the content. */
@media(max-width:760px){.intro-sidebar{background:none}.intro-light{left:0;right:0}.intro-content{left:6%;right:6%}}
@keyframes intro-square-mobile{
 0%{width:2px;height:2px;top:calc(50svh - 50px)}
 14%{width:var(--intro-large);height:2px;top:calc(50svh - 50px)}
 55%,61%{width:var(--intro-large);height:var(--intro-large);top:calc(50svh - 50px)}
 100%{width:var(--intro-icon);height:var(--intro-icon);top:95px}
}
@media(max-width:760px){.intro-square{animation-name:intro-square-mobile,intro-logo-move}}
/* Finance section entrance, bounded sticky wordmark and the larger orbit diagram. */
.finfolder-page .product-header .brand,.finfolder-page .product-header .product-nav-links a{color:#000}
.finfolder-page .intro-download:hover,.finfolder-page .intro-download:focus-visible{background:linear-gradient(#ffffff1a,#ffffff1a),#263c36;border-color:#263c36;color:#e2e2e2}
.finfolder-page .finance-showcase{position:relative;isolation:isolate}
.finance-brand-pin{position:sticky;top:64px;z-index:8;width:clamp(190px,20vw,420px);margin-left:auto;margin-top:-52px;margin-bottom:-20px;padding:12px;background:#263c36}
.finance-brand-pin img{display:block;width:100%;height:auto}
.finfolder-page .finance-chart-view{animation:none}
.finfolder-page .finance-chart-view>div:first-child{animation:finance-drop-in .85s .15s both}
.finfolder-page .finance-showcase-heading{animation:finance-drop-in .85s both}
.finfolder-page .finance-tabs{animation:finance-drop-in .85s .1s both}
.finfolder-page .finance-invoice{animation-name:finance-drop-in}
.finfolder-page .finance-visual{animation:finance-enter-right 1s .15s both}
.finance-brand-pin img{animation:finance-enter-right .9s both}
.finfolder-page .finance-scroll-ready:not(.finance-entered) .finance-showcase-heading,.finfolder-page .finance-scroll-ready:not(.finance-entered) .finance-tabs,.finfolder-page .finance-scroll-ready:not(.finance-entered) .finance-chart,.finance-scroll-ready:not(.finance-entered) .finance-brand-pin img{visibility:hidden;animation-play-state:paused}
.finfolder-page .finance-scroll-ready:not(.finance-entered) .finance-chart *{animation-play-state:paused!important}
.finfolder-page .finance-visual:has(.orbit-chart){width:125%;margin-left:-12.5%}
.finfolder-page .category-orbit{animation-name:finance-orbit-emerge;animation-duration:1.15s;animation-timing-function:cubic-bezier(.2,.7,.2,1);transform-box:view-box}
@keyframes finance-orbit-emerge{from{opacity:1;transform:translate(var(--bubble-from-x,0px),var(--bubble-from-y,0px)) scale(.35)}to{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes finance-enter-right{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:translateX(0)}}
@keyframes finance-drop-in{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.finance-brand-pin{width:190px;top:56px;margin-top:0;margin-bottom:24px}.finfolder-page .finance-visual:has(.orbit-chart){width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.finance-brand-pin img,.finfolder-page .finance-showcase-heading,.finfolder-page .finance-tabs,.finfolder-page .finance-chart-view>div:first-child,.finfolder-page .finance-visual,.finfolder-page .category-orbit{animation:none}}
.finfolder-page .product-demo-full .demo-window{aspect-ratio:1380/1060}
.finfolder-page .demo-window iframe{height:1060px}
.finfolder-page .finance-showcase{overflow-x:clip}
/* Slower, individually observed entrances, each after a half-second pause. */
.finfolder-page .finance-showcase-heading,.finfolder-page .finance-tabs,.finfolder-page .finance-chart-view>div:first-child,.finfolder-page .finance-visual,.finfolder-page .finance-invoice{animation:none}
.finfolder-page .finance-reveal-node{opacity:0;transform:translateY(-32px);transition:opacity 1.2s ease,transform 1.5s cubic-bezier(.2,.65,.2,1)}
.finfolder-page .finance-reveal-node.finance-from-right{transform:translateX(110px);transition-duration:1.5s,1.9s}
.finfolder-page .finance-reveal-node.is-motion-visible{opacity:1;transform:translate(0,0)}
.finfolder-page .finance-visual:not(.is-motion-visible) *{animation-play-state:paused!important}
.finfolder-page .category-orbit{animation-duration:1.8s}
/* The small brand follows the page after the green section, touching header and right edge. */
.finance-brand-pin{position:fixed;right:0;top:50px;z-index:19;width:clamp(95px,10vw,210px);padding:6px;margin:0;background:#000;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(105%);transition:transform 1.5s ease,opacity 1.2s ease,visibility 0s 1.5s;isolation:isolate}
.finance-brand-pin::before{content:'';position:absolute;inset:0;background:#263c36;clip-path:inset(0 0 calc(100% - var(--finance-green-height,100%)) 0);z-index:-1}
.finance-brand-pin.finance-badge-shown{opacity:1;visibility:visible;transform:translateX(0);transition-delay:0s}
.finance-brand-pin img{animation:none;visibility:visible}
/* Continue in neutral light grey through all explanations and the footer. */
.finfolder-page .finance-light-tail{background:#e2e2e2;color:#000}
.finfolder-page .finance-light-tail>section{max-width:1740px;margin:0 auto;padding-left:4.5vw;padding-right:4.5vw;border-color:#00000020}
.finfolder-page .finance-light-tail h2,.finfolder-page .finance-light-tail h3,.finfolder-page .finance-light-tail summary,.finfolder-page .finance-light-tail a{color:#000}
.finfolder-page .finance-light-tail p,.finfolder-page .finance-light-tail .review li{color:#222}
.finfolder-page .finance-light-tail .eyebrow,.finfolder-page .finance-light-tail .status,.finfolder-page .finance-light-tail .number,.finfolder-page .finance-light-tail .feature small{color:#555}
.finfolder-page .finance-light-tail .step,.finfolder-page .finance-light-tail .feature,.finfolder-page .finance-light-tail .panel{background:#eee;border-color:#bfc3c0;color:#000}
.finfolder-page footer{max-width:none;background:#e2e2e2;color:#000;border-color:#00000020}
.finfolder-page footer a{color:#000}.finfolder-page footer .draft{color:#555}
@media(max-width:760px){.finance-brand-pin{width:95px;top:50px;padding:6px;margin:0}.finfolder-page .finance-light-tail>section{padding-left:6vw;padding-right:6vw}}
@media(prefers-reduced-motion:reduce){.finfolder-page .finance-reveal-node,.finance-brand-pin{transition:none;transform:none}}
.finfolder-page .finance-reveal-node.finance-tail-reveal{transform:translateY(32px)}
.finfolder-page .finance-reveal-node.finance-tail-reveal.is-motion-visible{transform:translateY(0)}

/* Keep FAQ controls beside the questions, as in the original layout. */
.finfolder-page .finance-light-tail .faq details{max-width:850px;border-bottom:1px solid #ffffff80}

.finfolder-page .finance-light-tail>.faq{max-width:none;background:#263c36;color:#f7f7f7;padding-inline:max(4.5vw,calc((100vw - 1740px)/2 + 4.5vw));border-color:#ffffff24}
.finfolder-page .finance-light-tail .faq h2,.finfolder-page .finance-light-tail .faq summary{color:#f7f7f7}
.finfolder-page .finance-light-tail .faq p{color:#d4ded9}
.finfolder-page .finance-light-tail .faq .eyebrow{color:#baccc3}
.finfolder-page .finance-light-tail .faq details{border-color:#ffffff24}
.finfolder-page footer{background:#263c36;color:#f7f7f7;border-color:#ffffff24;padding-inline:max(4.5vw,calc((100vw - 1740px)/2 + 4.5vw))}
.finfolder-page footer a{color:#f7f7f7}
.finfolder-page footer .draft{color:#baccc3}
.finance-brand-pin::after{content:'';position:absolute;inset:0;background:#263c36;clip-path:inset(calc(100% - var(--finance-bottom-green,0px)) 0 0 0);z-index:-1}
@media(max-width:760px){.finfolder-page .finance-light-tail>.faq,.finfolder-page footer{padding-inline:6vw}}

.finfolder-page .routine-story{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}
.routine-photo{margin:0;min-width:0;background:#eee}
.routine-photo img{display:block;width:100%;height:340px;object-fit:cover}
.routine-photo figcaption{padding:16px 20px;font-size:13px;color:#444}
.routine-copy{padding:28px;background:#eee;display:flex;flex-direction:column}
.finfolder-page .routine-copy h2{margin:18px 0;font-size:clamp(28px,3vw,44px)}
.routine-bars{display:flex;align-items:end;gap:10px;height:110px;margin-top:auto}
.routine-bars span{flex:1;height:20%;background:#658066;border-radius:2px 2px 0 0}
.routine-bars span:nth-child(2){height:36%;background:#58765b}
.routine-bars span:nth-child(3){height:53%;background:#48674e}
.routine-bars span:nth-child(4){height:75%;background:#385940}
.routine-bars span:nth-child(5){height:100%;background:#263c36}
.routine-copy p{font-size:15px;margin:20px 0 0}
@media(max-width:760px){.finfolder-page .routine-story{grid-template-columns:1fr;gap:24px}.routine-photo img{height:auto}.routine-copy{min-height:330px}}

.finfolder-page .routine-story>.routine-title{grid-column:1/-1;text-align:center;font:700 clamp(31.2px,3.36vw,76.8px)/1.2 Arial,sans-serif;letter-spacing:-.035em;margin:0 0 24px;color:#000}

/* Hold the centered copy below the header while the arrow scrolls underneath. */
.demo-title-hold{position:fixed;left:0;right:0;top:50px;z-index:10;padding:16px 0 12px;text-align:center;background:#e2e2e2;color:#000;visibility:hidden;pointer-events:none}
.demo-title-hold.is-visible{visibility:visible}
.demo-title-hold h2{font:700 clamp(39px,4.2vw,96px)/1.2 Arial,sans-serif;letter-spacing:-.035em;white-space:nowrap;margin:0 0 12px;color:#000}
.demo-title-hold p{font-size:clamp(18px,1.68vw,36px);line-height:1.35;max-width:none;margin:0;color:#000;white-space:nowrap}
.scroll-demo-heading.is-heading-held h2,.scroll-demo-heading.is-heading-held p{visibility:hidden}
@media(max-width:760px){.demo-title-hold{display:none}}

.routine-photo,.routine-copy{border-radius:16px;overflow:hidden}
.routine-photo{position:relative;min-height:340px}
.routine-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.finfolder-page .routine-story>.routine-title{font-size:clamp(30px,5.55vw,94px);white-space:nowrap}
@media(max-width:760px){.routine-photo{min-height:0;aspect-ratio:1.6}.routine-photo img{height:100%}.finfolder-page .routine-story>.routine-title{font-size:clamp(30px,8vw,48px);white-space:normal}}

/* Direct interactions use a short response; Analyse retains its scroll entrance. */
.finfolder-page .finance-quick-view .finance-chart-view{animation-duration:.18s}
.finfolder-page .finance-quick-view .finance-reveal-node{transition:opacity .18s ease,transform .3s ease}
.finfolder-page .finance-quick-view .finance-bar{animation-duration:.4s;animation-delay:0s}
.finfolder-page .finance-quick-view .finance-line{animation-duration:.45s;animation-delay:0s}
.finfolder-page .finance-quick-view .finance-line-area{animation-duration:.25s;animation-delay:0s}
.finfolder-page .finance-quick-view .finance-point{animation-duration:.2s;animation-delay:.15s}

/* A single coordinated entrance: heading and growing bars, then the description. */
.finfolder-page .routine-copy h2{font-size:clamp(32px,3.8vw,60px);line-height:1.12;margin:0}
.routine-bars{height:clamp(140px,13vw,190px);flex-shrink:0;margin-top:32px}
.routine-copy p{margin-top:24px}
.routine-animation-ready h2,.routine-animation-ready p{opacity:0;transform:translateY(22px)}
.routine-animation-ready .routine-bars span{transform:scaleY(0);transform-origin:center bottom}
.routine-animation-played h2{animation:routine-copy-enter .85s ease-out both}
.routine-animation-played .routine-bars span{animation:routine-bar-grow .9s cubic-bezier(.2,.7,.2,1) both}
.routine-animation-played .routine-bars span:nth-child(2){animation-delay:.24s}
.routine-animation-played .routine-bars span:nth-child(3){animation-delay:.48s}
.routine-animation-played .routine-bars span:nth-child(4){animation-delay:.72s}
.routine-animation-played .routine-bars span:nth-child(5){animation-delay:.96s}
.routine-animation-played p{animation:routine-copy-enter .85s ease-out 1.95s both}
@keyframes routine-copy-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes routine-bar-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.routine-animation-ready h2,.routine-animation-ready p,.routine-animation-ready .routine-bars span{opacity:1;transform:none;animation:none}}

/* Larger demo heading; its measured width also sizes the interactive preview. */
@media(max-width:760px){.finfolder-page .mobile-demo-heading h2{font-size:clamp(36px,7vw,52px);line-height:1.1;letter-spacing:-.035em}}

/* Arrows show the sequence without crowding the feature cards. */
.finfolder-page #funktionen .features{gap:40px 52px}
.finfolder-page #funktionen .feature{position:relative;min-width:0}
.finfolder-page #funktionen .feature:not(:nth-child(3n))::after{content:"";position:absolute;top:50%;right:-39px;width:26px;height:20px;transform:translateY(-50%);background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20' fill='none' stroke='%23080808' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10h23M18 3l7 7-7 7'/%3E%3C/svg%3E");pointer-events:none}
@media(max-width:850px){
 .finfolder-page #funktionen .features{gap:48px}
 .finfolder-page #funktionen .feature:not(:last-child)::after{content:"";position:absolute;top:auto;bottom:-35px;right:calc(50% - 13px);width:26px;height:20px;transform:rotate(90deg);background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20' fill='none' stroke='%23080808' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10h23M18 3l7 7-7 7'/%3E%3C/svg%3E")}
}

/* Full-width alternating surfaces with both columns aligned below the eyebrow. */
.finfolder-page .finance-light-tail>.process-split{max-width:none;position:relative;isolation:isolate;overflow:hidden;padding:72px max(4.5vw,calc((100vw - 1740px)/2 + 4.5vw));background:#e2e2e2}
.section-columns{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;row-gap:18px;align-items:start}
.section-columns>.eyebrow{grid-column:1;grid-row:1}
.section-copy{grid-column:1;grid-row:2;min-width:0}
.section-side{grid-column:2;grid-row:2;min-width:0}
.finfolder-page .process-split h2,.finfolder-page .process-split h3{margin-top:0}
.finfolder-page .process-split .section-side h3{margin-bottom:24px}
.half-surface{position:absolute;z-index:0;top:0;bottom:0;width:50%;background:#263c36}
.process-split--right .half-surface{right:0}
.process-split--left .half-surface{left:0}
.finfolder-page .process-split .on-green,.finfolder-page .process-split .on-green h2,.finfolder-page .process-split .on-green h3,.finfolder-page .process-split .on-green p,.finfolder-page .process-split .on-green a{color:#fff}
.review-checklist{padding:0 0 0 24px;margin:0}
.review-checklist li{padding:0 0 18px 5px;color:#222}
.split-motion-ready [data-half-reveal] .half-surface{transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.split-motion-ready .process-split--right:not(.is-half-visible) .half-surface{transform:translateX(101%)}
.split-motion-ready .process-split--left:not(.is-half-visible) .half-surface{transform:translateX(-101%)}
.split-motion-ready [data-half-reveal] .on-green{transition:opacity .5s ease .65s,transform .5s ease .65s}
.split-motion-ready [data-half-reveal]:not(.is-half-visible) .on-green{opacity:0;transform:translateY(18px)}
@media(max-width:850px){
 .finfolder-page .finance-light-tail>.process-split{padding:48px 6vw}
 .section-columns{grid-template-columns:1fr;row-gap:18px}
 .section-side{grid-column:1;grid-row:3;margin-top:42px}
 .half-surface{width:100%;top:var(--half-surface-top,0px);height:var(--half-surface-height,50%);bottom:auto}
 .process-split--right .section-side{margin-bottom:4px}
}
@media(prefers-reduced-motion:reduce){.split-motion-ready [data-half-reveal] .half-surface,.split-motion-ready [data-half-reveal] .on-green{transition:none}}