/* FINOVA V3 • Public website — editorial aurora identity */
:root{--home-ink:#20233e;--home-sub:#73788e;--home-line:#e9eaf1;--home-surface:#fff;--home-lilac:#a189ff}
body.home-body{background:#fff;color:var(--home-ink);font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65}
.public-container{max-width:1320px;padding-left:42px;padding-right:42px}
.public-topline{background:linear-gradient(100deg,#1b1c39,#302655);color:#dcd6f5;min-height:34px;padding:9px max(calc((100vw - 1236px)/2),42px);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;font-weight:760;letter-spacing:1.35px}
.public-topline span:last-child{font-weight:500;letter-spacing:.4px;color:#b2abc9}
.public-header{position:sticky;top:0;height:83px;z-index:40;border-bottom:1px solid #eceef5;background:rgba(255,255,255,.91);backdrop-filter:blur(22px) saturate(135%)}
.public-nav{gap:28px}.public-brand{font-weight:900;font-size:27px;letter-spacing:-1.45px;color:#25233e}
.public-brand-icon{height:44px;width:44px;border-radius:14px;transform:rotate(-6deg);box-shadow:inset 0 1px 0 #ffffff80,0 9px 25px color-mix(in srgb,var(--accent) 27%,transparent);font-size:26px}
.public-brand small{letter-spacing:2.25px;font-size:8px;color:#9a9aaf;margin-top:6px}
.public-links{gap:38px;margin:0 auto}.public-links a{font-size:12px;color:#6d7086}.public-links a:after{content:'';height:2px;width:0;background:var(--accent);display:block;transition:width .2s}.public-links a:hover:after{width:100%}
.public-header-actions{gap:22px}.link-login{font-size:12px;color:#32314d}.home-btn{background:var(--accent);border-color:var(--accent);border-radius:13px;min-height:47px;padding:13px 22px;font-weight:790;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 22%,transparent);letter-spacing:-.08px}
.home-btn svg{transition:transform .2s}.home-btn:hover svg{transform:translate(2px,-2px)}.home-btn-small{min-height:40px;padding:10px 17px}
.home-btn.outline{border:1px solid #dadce9;background:#fff;color:#41415d;box-shadow:0 2px 6px #19193205}.home-btn.outline:hover{border-color:var(--accent);color:var(--accent)}
/* Big hero is a custom layout - copy and illustration are both focal points. */
.public-hero{background:radial-gradient(circle at 72% 40%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 35%),linear-gradient(121deg,#fff 7%,#fbfaff 62%,#f4f3ff);overflow:hidden;isolation:isolate}
.public-hero:before{top:-260px;right:-100px;width:660px;height:660px;box-shadow:0 0 0 90px color-mix(in srgb,var(--accent) 3%,transparent),0 0 0 190px color-mix(in srgb,var(--accent) 2%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}
.public-hero:after{content:'';position:absolute;bottom:-230px;left:-170px;width:560px;height:560px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%);pointer-events:none}
.hero-inner{grid-template-columns:1.04fr .96fr;min-height:726px;padding-top:67px;padding-bottom:118px;gap:35px}
.hero-copy{position:relative;z-index:4}.hero-announcement{padding:8px 13px;border-radius:99px;margin-bottom:28px;font-size:10px;letter-spacing:.1px;background:color-mix(in srgb,var(--accent) 9%,white);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 18%,white)}
.announcement-dot{height:6px;width:6px}.hero-announcement>span:last-child{color:var(--accent);font-weight:900}
.hero-eyebrow{letter-spacing:2px;font-size:10px;font-weight:880;margin-bottom:16px}
.hero-copy h1{font-size:clamp(47px,5.3vw,77px);font-weight:900;letter-spacing:-4.1px;line-height:1.08;margin-bottom:25px;color:#20213c}
.hero-copy h1 em{display:inline-block;background:linear-gradient(108deg,var(--accent),color-mix(in srgb,var(--accent) 52%,#da83d1));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.hero-copy>p{font-size:14px;line-height:1.95;color:#73768d;max-width:478px;margin-bottom:28px}
.hero-actions{gap:13px}.hero-actions .home-btn{min-height:52px;padding:15px 22px}
.hero-trust{margin-top:37px;padding-top:25px;border-top:1px solid #eae8f2;max-width:395px;gap:14px}.hero-trust strong{font-size:11px}.hero-trust small{color:#9b9bad;font-size:10px}.trust-symbols span{border-color:#fff;box-shadow:0 4px 12px #27234c17}
.hero-visual{height:515px;position:relative;display:flex;align-items:center;justify-content:center;z-index:1}
.hero-visual:before{content:'';position:absolute;inset:4% 0;background:radial-gradient(ellipse at 50% 46%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 65%);filter:blur(30px)}
.hero-visual:after{content:'';position:absolute;width:450px;height:450px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:0 0 0 55px color-mix(in srgb,var(--accent) 4%,transparent),0 0 0 115px color-mix(in srgb,var(--accent) 2%,transparent);pointer-events:none;z-index:-1}
.visual-cross{position:absolute;color:var(--accent);font-size:28px;z-index:2;opacity:.8}.visual-cross-a{right:0;top:7%;transform:rotate(-13deg)}.visual-cross-b{left:-1%;bottom:9%;font-size:18px;opacity:.5}
.mock-app{width:460px;max-width:94%;border-radius:25px;padding:25px 27px 30px;border:1px solid #ffffff94;background:linear-gradient(180deg,#fff,#fcfbff);box-shadow:0 48px 100px #27204a25,0 12px 25px #4b36791c,0 1px 0 #fff inset;transform:perspective(1100px) rotateY(-8deg) rotateX(3deg) rotate(-3deg);transition:transform .45s,box-shadow .45s;position:relative;z-index:3}
.mock-app:hover{transform:perspective(1100px) rotateY(-2deg) rotateX(1deg) rotate(-1deg);box-shadow:0 53px 115px #27204a30,0 15px 35px #4b36791c}
.mock-top{border-bottom:1px solid #eff0f6;padding-bottom:16px}.mock-top .mock-logo{letter-spacing:-.9px}.mock-logo b{background:var(--accent);border-radius:9px}.mock-dots{letter-spacing:4px;color:#d0c9e1}
.mock-greeting{font-weight:850;letter-spacing:-.3px;color:#292843;font-size:14px;margin:18px 0 13px}.mock-greeting small{color:#a3a0af;font-weight:600;font-size:9px}
.mock-balance{border-radius:17px;background:radial-gradient(circle at 96% 9%,#ffffff35,transparent 36%),linear-gradient(125deg,#242243 3%,#3a2d68 53%,color-mix(in srgb,var(--accent) 66%,#3b2a67));box-shadow:0 12px 24px #1b1b3e1d;position:relative;overflow:hidden;padding:21px 23px;height:130px}
.mock-balance:before{content:'';position:absolute;right:-20px;bottom:-110px;height:220px;width:220px;border:1px solid #ffffff27;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 65px #ffffff07}
.mock-balance small{color:#d2cce6;font-size:10px;letter-spacing:1px}.mock-balance strong{font-size:26px;letter-spacing:-.8px;color:#fff;margin-top:9px}.mock-chip{background:#ffffff24;color:#fff;border:1px solid #ffffff20;border-radius:99px;font-size:9px}
.mock-metrics{gap:12px;margin:14px 0 17px}.mock-metrics>div{background:#f7f8fc;border:1px solid #f1f0f7;border-radius:13px;padding:14px}.mock-metrics span{color:#89879a;font-size:9px}.mock-metrics strong{color:#2b2943;font-size:13px}
.mock-chart-title{font-size:12px;color:#292840;font-weight:820}.mock-chart-title span{font-size:9px;color:#a1a2af}.mock-chart{height:100px;gap:10px;margin-top:11px}.mock-chart>div{border-radius:6px 6px 0 0;background:color-mix(in srgb,var(--accent) 25%,white)}.mock-chart i{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 77%,#b8a8fc),var(--accent));border-radius:5px 5px 0 0}.mock-chart-months{color:#a1a0ae}
.floating-chip{z-index:5;border-radius:15px;background:#fff;box-shadow:0 18px 60px #35305b27;border:1px solid #fff;font-size:11px}.chip-top{left:-4%;top:5%;transform:rotate(5deg)}.chip-bottom{right:-7%;bottom:5%;transform:rotate(6deg)}.chip-round{background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent)}
/* Benefits divider */
.benefit-ribbon{min-height:105px;margin-top:-57px;border-radius:19px;border:1px solid #f1eff8;background:#fff;box-shadow:0 17px 48px #22214414}
.benefit-ribbon>div{font-size:12px;font-weight:800;color:#575772;padding:23px 30px;gap:14px}.benefit-ribbon svg{background:color-mix(in srgb,var(--accent) 9%,white);padding:11px;width:47px;height:47px;border-radius:13px;flex-shrink:0}.benefit-ribbon>div+div{border-color:#edecf5}
/* Sections */
.home-section{padding-top:122px;padding-bottom:120px}.section-head{margin-bottom:41px}.section-head h2,.story-intro h2{font-weight:900;color:#22223e;letter-spacing:-2.2px;font-size:clamp(35px,3.6vw,49px)}
.section-head p{font-size:13px;line-height:1.85;color:#898a9b}.section-kicker{letter-spacing:2.05px;font-size:10px;font-weight:880}.section-index{font-weight:880;letter-spacing:1.3px}
.feature-grid{gap:18px}.feature-card{border:1px solid #ebecf4;border-radius:23px;padding:29px 30px;min-height:270px;background:#fff;box-shadow:0 10px 27px #21244807;transition:transform .27s,box-shadow .27s,border-color .27s;isolation:isolate}
.feature-card:hover{transform:translateY(-7px);box-shadow:0 28px 59px #28204714;border-color:color-mix(in srgb,var(--accent) 24%,white)}
.feature-card:after{width:180px;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 8%,white),transparent 70%);top:-75px;right:-65px;z-index:-1}
.feature-card:before{content:'';position:absolute;left:0;top:26px;width:3px;height:31px;background:var(--accent);border-radius:0 4px 4px 0;opacity:0;transition:opacity .2s}.feature-card:hover:before{opacity:1}
.feature-icon{border-radius:17px;width:57px;height:57px;background:color-mix(in srgb,var(--accent) 11%,white);color:var(--accent);box-shadow:inset 0 1px 0 #fff;margin-bottom:30px}
.feature-2 .feature-icon{background:#e6faf5;color:#0ca889}.feature-3 .feature-icon{background:#fff3df;color:#dd9b35}.feature-4 .feature-icon{background:#f7ecff;color:#9a6adb}.feature-5 .feature-icon{background:#fff0f4;color:#d96194}.feature-6 .feature-icon{background:#e7f4ff;color:#4a90d9}
.feature-num{color:#b3b0c5}.feature-card h3{font-size:17px;font-weight:860;letter-spacing:-.52px;color:#282841}.feature-card p{font-size:12px;color:#898b9d;line-height:1.85}.feature-arrow{color:var(--accent)}
/* Human-centered manifesto band inserted before workflow */
.home-manifesto{position:relative;padding-top:68px;padding-bottom:92px;display:grid;grid-template-columns:.33fr .67fr;gap:40px;border-top:1px solid #ededf4;overflow:hidden}
.manifesto-label{font-size:10px;font-weight:900;letter-spacing:1.5px;color:var(--accent);padding-top:12px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:9px;position:relative;z-index:1}.manifesto-label i{width:18px;height:1px;background:#d3d2dd}.manifesto-label{line-height:1.9}
.manifesto-body{position:relative;z-index:1}.manifesto-body p{font-size:13px;color:#9c9bae;margin-bottom:8px;font-weight:700}.manifesto-body h2{font-size:clamp(28px,3.2vw,46px);font-weight:900;letter-spacing:-2px;line-height:1.24;max-width:790px;margin:0 0 27px;color:#23233d}.manifesto-body h2 em{color:var(--accent);font-style:normal}.manifesto-body a{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:12px;font-weight:850;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--accent) 38%,white)}
.manifesto-ornament{position:absolute;right:17px;bottom:-125px;font-size:310px;line-height:1;color:color-mix(in srgb,var(--accent) 6%,white);pointer-events:none}
/* Workflow: a sophisticated contrast section */
.story-section{background:radial-gradient(ellipse at 90% 20%,#5c4288a1,transparent 44%),linear-gradient(124deg,#16192f,#282244 65%,#352a5c);padding:107px 0}
.story-section:after{width:730px;height:730px;right:-280px;bottom:-340px;opacity:.66}
.story-layout{gap:8vw}.story-intro h2{font-size:clamp(37px,3.9vw,53px);color:#fff}.story-intro .section-kicker{color:#c8b2ff}.story-intro p{color:#c2bed8;font-size:13px;line-height:2}
.story-link{color:#ddd0ff;border-color:#8b75bb}.step-stack{gap:14px}.step-card{padding:24px 26px;border:1px solid #ffffff2b;background:linear-gradient(125deg,#ffffff1c,#ffffff09);border-radius:17px;backdrop-filter:blur(14px);transition:transform .2s,background .2s}
.step-card:hover{transform:translateX(5px);background:#ffffff20}.step-card>span{font-size:22px;color:#c3abfa}.step-card h3{font-size:15px;color:#fff}.step-card p{font-size:11px;line-height:1.85;color:#c3bed8}.step-card>svg{color:#c7b2ff}
/* FAQ / CTA */
.faq-section{padding-bottom:104px}.faq-list{max-width:940px}.faq-item{border-bottom:1px solid #e9eaf2;padding:23px 19px;transition:background .2s;border-radius:12px}.faq-item[open]{background:#faf9ff;border-bottom-color:#ebe9fa}.faq-item summary{font-size:14px;color:#272740}.faq-item summary b{display:grid;place-items:center;height:31px;width:31px;background:color-mix(in srgb,var(--accent) 11%,white);border-radius:9px;font-size:18px}.faq-item p{font-size:12px;line-height:1.9;color:#7e8097;margin:15px 15px 4px 0}
.public-cta{border-radius:28px;background:radial-gradient(ellipse at 95% 5%,#7150c58a,transparent 42%),linear-gradient(125deg,#19192f,#302654 55%,#3e306a);box-shadow:0 25px 65px #26213d21;padding:84px 45px 88px;margin-bottom:95px}
.public-cta .section-kicker{color:#c9b6ff}.public-cta h2{font-weight:900;letter-spacing:-2.2px}.public-cta p{font-size:13px;line-height:1.9;color:#c3bdd9}.public-cta .home-btn{color:#34285d;background:#fff;border:1px solid #fff;border-radius:12px}
.public-footer{border-top:1px solid #e9e9f2;background:#f9f9fc}.footer-layout{padding-top:65px;padding-bottom:57px}.footer-layout p{font-size:12px;max-width:375px;line-height:1.8;color:#85899d}.footer-links a{font-weight:780;color:#70748a}.copyright{font-size:10px;color:#9b9caf;border-top-color:#e8e8f0}
/* Accessible motion / no hidden content without script */
.reveal-ready{transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.reveal-ready.is-seen{transform:translateY(0)}
@media(max-width:1100px){.public-container{padding-left:28px;padding-right:28px}.public-topline{padding-left:28px;padding-right:28px}.hero-inner{min-height:660px;gap:17px}.hero-copy h1{font-size:clamp(43px,5vw,63px)}.mock-app{max-width:96%;transform:rotate(-3deg)}.mock-app:hover{transform:rotate(-1deg)}.chip-top{left:-3%}.chip-bottom{right:-2%}.benefit-ribbon>div{padding:18px 17px;font-size:11px}.story-layout{gap:48px}}
@media(max-width:790px){.public-topline{display:none}.public-header{height:75px}.public-links{top:75px;margin:0}.hero-inner{min-height:unset;padding-top:80px;padding-bottom:98px;grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy h1{font-size:clamp(41px,7vw,62px)}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-trust{margin-left:auto;margin-right:auto;justify-content:center}.hero-visual{max-width:550px;width:100%;margin:48px auto 0;height:490px}.mock-app{max-width:88%;transform:rotate(-3deg)}.benefit-ribbon{margin:-49px auto 0;max-width:600px;grid-template-columns:1fr}.benefit-ribbon>div{justify-content:flex-start}.benefit-ribbon>div+div{border-left:0;border-top:1px solid #edf0f5}.home-section{padding-top:98px;padding-bottom:98px}.home-manifesto{grid-template-columns:1fr;gap:12px;padding-top:60px;padding-bottom:75px}.story-layout{grid-template-columns:1fr;gap:35px}.story-section{padding:78px 0}.step-card{max-width:620px}.footer-layout{flex-direction:column}}
@media(max-width:550px){.public-container{padding-left:19px;padding-right:19px}.public-header{height:69px}.public-links{top:69px}.public-brand{font-size:23px}.public-brand-icon{width:37px;height:37px;border-radius:12px;font-size:22px}.public-header-actions{gap:15px}.link-login{font-size:11px}.hero-inner{padding-top:57px;padding-bottom:75px}.hero-announcement{font-size:9px;max-width:100%;gap:7px;line-height:1.4;text-align:left}.hero-eyebrow{font-size:9px}.hero-copy h1{font-size:clamp(38px,10vw,52px);letter-spacing:-2.2px}.hero-copy>p{font-size:12px;line-height:1.85}.hero-actions{gap:9px}.hero-actions .home-btn{min-height:47px;padding:10px 13px;font-size:10px;gap:7px}.hero-trust{margin-top:27px}.hero-visual{height:383px;margin-top:21px}.mock-app{width:100%;max-width:94%;padding:16px 18px 19px;border-radius:20px}.mock-greeting{margin:9px 0 10px;font-size:12px}.mock-balance{height:103px;padding:14px}.mock-balance strong{font-size:19px}.mock-balance small{font-size:9px}.mock-chip{display:none}.mock-metrics{gap:8px;margin:9px 0}.mock-metrics>div{padding:9px}.mock-metrics strong{font-size:10px}.mock-chart{height:61px;gap:7px}.mock-chart-title{font-size:10px}.mock-chart-months{font-size:7px}.floating-chip{padding:8px 10px;font-size:8px;border-radius:10px}.chip-top{left:-1%;top:0}.chip-bottom{right:-1%;bottom:-4%}.chip-bottom strong{font-size:9px}.chip-bottom small{font-size:8px}.chip-round{height:30px;width:30px}.visual-cross{display:none}.benefit-ribbon{margin:-25px auto 0;border-radius:15px}.benefit-ribbon>div{padding:13px 15px;font-size:10px}.benefit-ribbon svg{height:40px;width:40px;padding:9px}.home-section{padding-top:76px;padding-bottom:78px}.section-head{margin-bottom:28px}.section-head h2,.story-intro h2{font-size:clamp(31px,8vw,40px);letter-spacing:-1.5px}.section-head p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{min-height:222px;border-radius:17px;padding:23px}.feature-icon{margin-bottom:23px}.feature-card p{font-size:11px}.home-manifesto{padding-top:50px;padding-bottom:60px}.manifesto-label{font-size:9px}.manifesto-body h2{font-size:clamp(28px,7vw,35px);letter-spacing:-1.2px}.story-section{padding:68px 0}.story-intro h2{font-size:37px}.step-card{padding:19px;gap:15px}.faq-section{padding-bottom:75px}.faq-item{padding:16px 7px}.faq-item summary{font-size:12px}.public-cta{padding:56px 21px 60px;border-radius:20px;margin-bottom:65px}.public-cta h2{font-size:31px;letter-spacing:-1.1px}.public-cta p{font-size:12px}.footer-layout{padding-top:44px;padding-bottom:43px}.footer-links{gap:16px}.copyright{padding-top:18px;padding-bottom:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
