/* Interactive financial scene. */
.hero.interactive-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:32px;align-items:center;min-height:710px;padding:75px max(6%,calc((100vw - 1250px)/2)) 95px;background:#fff url('/assets/paper-grain.svg');overflow:hidden;isolation:isolate}.interactive-hero:before{display:none}.hero.interactive-hero .hero-copy{max-width:650px;color:#15151e;z-index:2}.hero.interactive-hero h1{font-size:clamp(40px,4.4vw,66px);line-height:1.14;letter-spacing:-.04em;margin-block:24px}.hero.interactive-hero .hero-copy>p{font-size:17px;max-width:490px;line-height:1.8}.interactive-hero .hero-actions{gap:22px;margin-top:30px;flex-wrap:wrap}.interactive-hero .hero-actions .button{font-size:14px;min-height:50px;padding:17px 22px}.interactive-hero .hero-actions .text-link{font-size:14px;min-height:48px;color:#183746}.hero-financial-scene{position:relative;min-width:0;width:100%;height:490px;perspective:1200px;isolation:isolate;align-self:center}.hero-financial-scene:before{content:'';position:absolute;inset:12% -10% 4% 0;background:radial-gradient(ellipse,#b6ebff75,transparent 68%);pointer-events:none;z-index:-1}.hero-financial-scene:after{content:'';position:absolute;right:4%;top:6%;width:145px;height:145px;background:radial-gradient(#193b4c55 1px,transparent 1.3px) 0 0/7px 7px;mask-image:radial-gradient(ellipse,black,transparent 70%);pointer-events:none;z-index:-1}.financial-scene-layers{position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(0,var(--scene-y,0px),0) rotateX(var(--scene-x,0deg)) rotateY(var(--scene-rotate,0deg));will-change:transform}.financial-scene-image{position:absolute;left:-3%;top:16%;width:110%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:drop-shadow(0 22px 14px #112b3b16);transform:rotate(-5deg);animation:scene-image-in .85s ease-out both}.finance-card{position:absolute;background:#fff url('/assets/paper-grain.svg');border:1px solid #d6e7ef;box-shadow:0 15px 28px -12px #163c5435;border-radius:9px;padding:17px;transform-style:preserve-3d;animation:finance-card-in .8s cubic-bezier(.16,.8,.2,1) both}.finance-card-title{font:600 11px var(--font);letter-spacing:.08em;color:#23637b;display:block}.finance-chart-card{left:0;bottom:42px;width:190px;transform:rotate(-6deg) translateZ(35px);animation-delay:.12s}.finance-chart-card svg{display:block;width:100%;height:83px;margin-top:15px}.finance-checklist{top:34px;right:2%;width:192px;transform:rotate(6deg) translateZ(45px);animation-delay:.25s}.finance-checklist ul{margin:13px 0 0;padding:0;list-style:none;display:grid;gap:11px}.finance-checklist li{display:flex;align-items:center;gap:8px;font:500 12px var(--font);color:#354957}.finance-checklist li:before{content:'✓';width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#dff6ff;color:#007697;font-size:11px;flex-shrink:0}.finance-clarity{right:1%;bottom:30px;background:#00aeef url('/assets/paper-grain.svg');color:#092b3b;width:auto;display:flex;align-items:center;gap:12px;transform:rotate(3deg) translateZ(55px);animation-delay:.36s;font:650 15px var(--font);padding:16px 19px;border:4px solid white;outline:1px solid #d6e7ef}.finance-clarity svg{width:26px;height:26px;flex-shrink:0}.interactive-hero .eyebrow{font-size:10px;color:#006e96}@keyframes finance-card-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes scene-image-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@media(max-width:1100px) and (min-width:761px){.hero.interactive-hero{gap:25px;padding-block:65px 80px;min-height:650px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.hero.interactive-hero h1{font-size:clamp(36px,4.6vw,49px)}.hero-financial-scene{height:420px}.finance-checklist{right:0;top:20px;width:165px;padding:14px}.finance-checklist li{font-size:11px}.finance-chart-card{width:155px;padding:14px;bottom:36px}.finance-clarity{right:0;bottom:12px;font-size:12px;gap:8px;padding:12px}.financial-scene-image{top:24%}.hero.interactive-hero .hero-copy>p{font-size:16px}.interactive-hero .hero-actions{gap:10px}.interactive-hero .hero-actions .button,.interactive-hero .hero-actions .text-link{font-size:13px}}
@media(max-width:760px){.hero.interactive-hero{grid-template-columns:1fr;gap:12px;min-height:0;padding:38px 6% 48px;overflow:hidden}.hero.interactive-hero h1{font-size:clamp(34px,8.5vw,53px);line-height:1.17;letter-spacing:-.04em;margin-block:20px}.hero.interactive-hero .hero-copy>p{font-size:16px;line-height:1.8}.interactive-hero .hero-actions{gap:13px;margin-top:25px}.interactive-hero .hero-actions .button,.interactive-hero .hero-actions .text-link{font-size:13px}.hero-financial-scene{height:365px;max-width:500px;margin:14px auto 0}.financial-scene-layers{transform:none;will-change:auto}.financial-scene-image{left:-5%;top:20%;width:112%}.finance-checklist{top:8px;right:1%;width:155px;padding:13px}.finance-checklist li{font-size:10px;gap:6px}.finance-checklist ul{gap:9px;margin-top:10px}.finance-card-title{font-size:9px}.finance-chart-card{left:0;bottom:35px;width:145px;padding:13px}.finance-chart-card svg{height:65px;margin-top:10px}.finance-clarity{bottom:13px;right:0;font-size:11px;gap:7px;padding:12px;border-width:3px}.finance-clarity svg{width:21px;height:21px}}
@media(max-width:360px){.hero-financial-scene{height:325px}.finance-checklist{width:142px}.finance-chart-card{width:127px;bottom:29px}.finance-clarity{font-size:10px;padding:10px;bottom:7px}.financial-scene-image{top:24%}.hero.interactive-hero .hero-actions{gap:8px}.interactive-hero .hero-actions .button{padding:15px 18px}}
@media(prefers-reduced-motion:reduce){.financial-scene-layers{transform:none!important;will-change:auto}.financial-scene-image,.finance-card{animation:none!important}}
.hero.interactive-hero .hero-copy:before{display:none}
.hero.interactive-hero h1>span{color:#0088b5}
/* Full-screen editorial hero with a dimensional financial stage. */
.hero.interactive-hero{min-height:calc(100svh - 88px);grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:0;padding:64px max(5%,calc((100vw - 1380px)/2)) 85px;position:relative;background-color:#fbfcfc}
.hero.interactive-hero:before{display:block;content:'';position:absolute;inset:0 0 0 54%;background:linear-gradient(135deg,#00b7ef,#009fd5);clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);z-index:-1}
.hero.interactive-hero:after{content:'';position:absolute;inset:auto 0 0;height:12px;background:url('/assets/paper-grain.svg');pointer-events:none}
.hero.interactive-hero .hero-copy{max-width:790px;padding-block:30px}
.hero.interactive-hero h1{font-family:var(--font),sans-serif;font-size:clamp(54px,5.5vw,88px);font-weight:800;line-height:1.035;letter-spacing:-.065em;margin:27px 0 30px;text-wrap:balance}
.hero.interactive-hero h1>span{font-style:normal;color:#007fa8;display:inline-block}
.hero.interactive-hero .hero-copy>p{max-width:490px;font-size:17px;line-height:1.75}
.interactive-hero .hero-actions{margin-top:34px;gap:25px}.interactive-hero .hero-actions .button{background:#102a38;color:white;box-shadow:0 12px 25px #102a3820;min-height:56px;padding:18px 25px}
.hero-financial-scene{height:570px;perspective:1000px;margin-left:5%;width:100%}
.hero-financial-scene:before{inset:65% 0 0;background:radial-gradient(ellipse,#06344c70,transparent 65%);filter:blur(15px);transform:rotate(-12deg)}
.hero-financial-scene:after{width:290px;height:290px;right:0;top:3%;border:1px solid #ffffff65;border-radius:50%;background:none;mask-image:none;box-shadow:0 0 0 50px #ffffff12,0 0 0 100px #ffffff0a}
.financial-scene-image{left:-9%;top:18%;width:118%;border:9px solid #fff;border-radius:8px;transform:rotateY(-17deg) rotateX(8deg) rotateZ(-8deg) translateZ(0);box-shadow:10px 12px 0 #d9e4e9,16px 19px 0 #aacbd9,22px 40px 45px #07384b50;filter:none}
.finance-card{border-radius:13px;border:1px solid #fff;box-shadow:4px 6px 0 #cbdfe7,10px 22px 30px #06334c38}
.finance-chart-card{left:-9%;bottom:15px;width:220px;padding:22px;transform:rotateY(-12deg) rotateZ(-11deg) translateZ(85px)}
.finance-chart-card svg{height:108px}.finance-card-title{font-size:11px;color:#18516a;font-weight:750}
.finance-checklist{right:0;top:0;width:210px;padding:22px;transform:rotateY(-14deg) rotateZ(9deg) translateZ(100px)}
.finance-checklist li{font-size:12px;line-height:1.5}.finance-checklist ul{gap:12px}
.finance-clarity{bottom:0;right:-1%;color:#fff;background:#102e40;border:3px solid #fff;outline:0;transform:rotateY(-12deg) rotateZ(5deg) translateZ(120px);font-size:16px;padding:20px;box-shadow:5px 7px 0 #0b6d90,12px 24px 35px #07354d40}
@media(min-width:1600px){.hero-financial-scene{height:640px}}
@media(min-width:761px) and (max-width:1100px){.hero.interactive-hero{min-height:calc(100svh - 80px);padding:55px 5% 75px;grid-template-columns:1.15fr 1fr;gap:10px}.hero.interactive-hero h1{font-size:clamp(46px,5.8vw,63px)}.hero-financial-scene{height:430px;margin-left:0}.finance-checklist{width:175px;padding:16px;right:0;top:0}.finance-chart-card{width:166px;padding:16px;bottom:0}.finance-chart-card svg{height:80px}.finance-clarity{font-size:12px;padding:14px;bottom:-16px;right:0}.financial-scene-image{top:24%}.interactive-hero .hero-actions{gap:15px}.hero.interactive-hero .hero-copy>p{font-size:15px}}
@media(max-width:760px){.hero.interactive-hero{min-height:calc(100svh - 72px);grid-template-columns:1fr;padding:30px 6% 55px;gap:25px}.hero.interactive-hero:before{inset:54% 0 0;clip-path:polygon(0 16%,100% 0,100% 100%,0 100%)}.hero.interactive-hero .hero-copy{padding:0}.hero.interactive-hero h1{font-size:clamp(40px,10vw,67px);line-height:1.05;margin:20px 0 24px}.hero.interactive-hero .hero-copy>p{font-size:15px;line-height:1.7;max-width:480px}.interactive-hero .hero-actions{gap:15px;margin-top:25px}.interactive-hero .hero-actions .button{padding:16px 19px;font-size:12px}.interactive-hero .hero-actions .text-link{font-size:12px}.hero-financial-scene{height:365px;width:100%;max-width:460px;margin:15px auto 0}.financial-scene-image{left:0;top:23%;width:100%;border-width:6px;transform:rotateY(-12deg) rotateX(6deg) rotateZ(-7deg);box-shadow:6px 8px 0 #d9e4e9,10px 13px 0 #aacbd9,16px 25px 30px #07384b40}.finance-checklist{width:155px;padding:13px;top:0;right:0}.finance-checklist li{font-size:10px}.finance-card-title{font-size:9px}.finance-chart-card{width:145px;left:0;bottom:9px;padding:13px}.finance-chart-card svg{height:65px}.finance-clarity{font-size:11px;padding:12px;bottom:0;right:0}.hero-financial-scene:after{width:180px;height:180px;top:10%}.finance-checklist ul{gap:8px}}
@media(max-width:360px){.hero-financial-scene{height:315px}.finance-checklist{width:140px}.finance-chart-card{width:123px}.finance-clarity{font-size:10px;padding:10px}.hero.interactive-hero h1{font-size:39px}.interactive-hero .hero-actions{gap:10px}}
@media(max-width:760px){.finance-chart-card{left:8px;transform:rotate(-7deg)}.finance-checklist{right:8px;transform:rotate(6deg)}.finance-clarity{right:8px;transform:rotate(3deg)}}
/* Photo-led full-screen hero. */
.hero.interactive-hero{display:flex;align-items:center;min-height:calc(100svh - 88px);background:#fff url('/assets/finance-hero-v4.jpg') center right/cover no-repeat;padding:65px max(5%,calc((100vw - 1380px)/2)) 85px}
.hero.interactive-hero:before{display:block;content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffffffa 0%,#fffffff5 28%,#ffffffdb 44%,#ffffff5c 65%,#ffffff0a 100%);clip-path:none;z-index:0;pointer-events:none}
.hero.interactive-hero:after{display:none}.hero.interactive-hero .hero-copy{position:relative;max-width:740px;z-index:1}.hero.interactive-hero h1{font-size:clamp(52px,5.3vw,84px)}
@media(max-width:1100px) and (min-width:761px){.hero.interactive-hero{min-height:calc(100svh - 80px);padding:55px 5% 75px}.hero.interactive-hero .hero-copy{max-width:600px}.hero.interactive-hero h1{font-size:clamp(46px,5.8vw,63px)}}
@media(max-width:760px){.hero.interactive-hero{min-height:calc(100svh - 72px);padding:45px 6% 240px;align-items:flex-start;background-position:66% bottom;background-size:auto 62%;background-color:#fff}.hero.interactive-hero:before{inset:0;background:linear-gradient(180deg,#fff 0%,#fffffff7 37%,#ffffffc9 53%,#ffffff16 80%)}.hero.interactive-hero h1{font-size:clamp(39px,10vw,67px)}.hero.interactive-hero .hero-copy{padding:0}}
.mobile-hero-photo{display:none}
@media(max-width:760px){.hero.interactive-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0 0 48px;gap:0;background:#fff url('/assets/paper-grain.svg');overflow:hidden}.hero.interactive-hero:before{display:none}.mobile-hero-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;flex-shrink:0}.hero.interactive-hero .hero-copy{padding:20px 6% 0;max-width:none}.hero.interactive-hero h1{margin-top:20px}.hero.interactive-hero .hero-copy>p{max-width:520px}}
