@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#0057ff;--blue-deep:#003bb5;--blue-bright:#1f78ff;--orange:#ff6500;--orange-hot:#ff8a00;--ink:#10284a;--black:#08111f;--muted:#52677f;--paper:#fff;--soft:#f4f8fc;--line:#d9e4ef;--shadow:0 24px 65px rgba(0,64,170,.16);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1260px,calc(100% - 52px));margin:auto}.topline{height:6px;background:linear-gradient(90deg,var(--blue) 0 67%,var(--orange) 67%)}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,59,115,.11);transition:box-shadow .3s}.nav{height:88px;display:flex;align-items:center;gap:28px}.logo{width:226px;height:auto;display:block}.navlinks{display:flex;align-items:center;justify-content:center;gap:30px;flex:1;font-size:17px;font-weight:900;text-transform:uppercase}.navlinks a{position:relative;white-space:nowrap}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:3px;background:var(--orange);transition:right .25s}.navlinks a:hover:after{right:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:0 23px;border-radius:9px;font-size:14px;font-weight:900;letter-spacing:.02em;transition:transform .3s,box-shadow .3s,background .3s,color .3s;border:2px solid transparent;white-space:nowrap}.btn span{font-size:21px;line-height:0;transition:transform .3s}.btn:hover{transform:translateY(-3px)}.btn:hover span{transform:translateX(7px)}.btn-orange{color:#fff;background:linear-gradient(135deg,var(--orange),#ff8d25);box-shadow:0 12px 25px rgba(244,119,33,.25)}.btn-orange:hover{box-shadow:0 18px 34px rgba(244,119,33,.34)}.btn-outline{border-color:var(--blue);color:var(--blue);background:#fff}.btn-outline:hover{background:var(--blue);color:#fff;box-shadow:0 15px 30px rgba(7,89,199,.18)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(7,89,199,.22)}
.hero{padding:68px 0 86px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(0,87,255,.08),transparent 34%),radial-gradient(circle at 18% 65%,rgba(255,101,0,.07),transparent 28%),linear-gradient(180deg,#fff 0%,#fbfdff 72%,#f1f6ff 100%)}.hero:before{content:"";position:absolute;width:430px;height:430px;left:-260px;top:120px;border:2px solid rgba(7,89,199,.08);border-radius:50%;box-shadow:0 0 0 26px rgba(244,119,33,.035),0 0 0 52px rgba(7,89,199,.025);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(540px,1.07fr);gap:56px;align-items:center}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:15px}.hero .eyebrow{display:inline-flex;align-items:center;background:var(--blue);color:#fff;padding:8px 15px 7px;font-family:'Barlow Condensed';font-style:italic;font-size:19px;line-height:1;text-transform:uppercase;letter-spacing:.05em;transform:skew(-8deg);box-shadow:7px 7px 0 var(--orange);margin-bottom:24px}.hero .eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;margin-right:9px}.hero h1{position:relative;font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:900;font-size:clamp(78px,8.1vw,118px);line-height:.86;letter-spacing:-.018em;text-transform:uppercase;margin:0 0 28px;max-width:670px}.hero h1 span{color:var(--orange);text-shadow:0 5px 22px rgba(255,101,0,.22)}.hero-copy{font-size:22px;line-height:1.62;color:#36526e;max-width:690px;margin:0 0 23px}.trustline{display:flex;flex-wrap:wrap;gap:9px 22px;margin-bottom:27px;font-size:13px;font-weight:800;color:#31516f}.trustline span{position:relative;padding-left:17px}.trustline span:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero-art{position:relative;min-height:620px;isolation:isolate}.photo{position:absolute;inset:18px 22px 0 30px;border-radius:34px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 30px 80px rgba(0,49,120,.25),0 0 0 1px rgba(0,87,255,.18);transition:transform .45s ease}.photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,24,48,.03),rgba(4,24,48,.14))}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease,filter .6s}.hero-art:hover .photo img{transform:scale(1.035);filter:saturate(1.08) contrast(1.03)}.frame{position:absolute;inset:0 8px 18px 8px;border:4px solid var(--blue);border-radius:38px;transform:rotate(-2deg);z-index:-1}.frame:after{content:"";position:absolute;inset:7px;border:2px solid rgba(244,119,33,.8);border-radius:31px;transform:rotate(1deg)}.orange-corner{position:absolute;right:-5px;top:34px;width:112px;height:112px;border-radius:22px;background:linear-gradient(145deg,#ff9a39,var(--orange));box-shadow:0 0 0 2px rgba(255,101,0,.15),0 18px 35px rgba(255,101,0,.32),0 0 35px rgba(255,101,0,.18);transform:rotate(7deg);display:grid;place-items:center;z-index:5}.orange-corner:after{content:"→";font-family:'Barlow Condensed';font-size:56px;font-weight:900;color:#fff}.badge{position:absolute;left:-8px;bottom:40px;width:246px;height:246px;border-radius:50%;background:#fff;border:9px solid var(--blue);box-shadow:0 0 0 4px var(--orange),0 20px 45px rgba(7,89,199,.28);display:grid;place-items:center;text-align:center;z-index:8;transform:translateZ(0);animation:badgeFloat 5s ease-in-out infinite}.badge:before,.badge:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.badge:before{inset:-22px;border:2px dashed rgba(7,89,199,.38);animation:ring 13s linear infinite}.badge:after{inset:-34px;border:2px solid rgba(244,119,33,.22);border-left-color:transparent;border-bottom-color:transparent;animation:ring 9s linear infinite reverse}.badge small{display:block;font-size:14px;letter-spacing:.14em;font-weight:900;color:var(--blue)}.badge strong{display:block;font-family:'Barlow Condensed';font-size:82px;line-height:.72;font-weight:900;color:var(--blue);letter-spacing:-.02em;text-shadow:0 0 24px rgba(0,87,255,.18)}.badge em{display:block;font-style:normal;font-size:13px;text-transform:uppercase;font-weight:900;color:var(--orange);margin-top:7px}.badge .shine{position:absolute;inset:8px;border-radius:50%;background:linear-gradient(125deg,transparent 38%,rgba(255,255,255,.85) 48%,transparent 58%);transform:translateX(-130%);opacity:.6}.hero-art:hover .badge .shine{animation:badgeShine 1.1s ease}.hero-art:hover .badge{box-shadow:0 0 0 4px var(--orange),0 25px 58px rgba(7,89,199,.34)}
.section{padding:96px 0}.section.soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.section-head h2{font-family:'Barlow Condensed';font-style:italic;font-size:clamp(55px,5.4vw,82px);font-weight:900;line-height:.82;text-transform:uppercase;margin:0;letter-spacing:-.015em}.section-head h2 span{color:var(--orange)}.section-head>p{max-width:430px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}.fund-card{position:relative;min-width:0;height:540px;border:2px solid #d5e1ed;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 14px 36px rgba(0,55,125,.10);transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s,opacity .45s,filter .45s;isolation:isolate}.cards:has(.fund-card:hover) .fund-card:not(:hover){transform:scale(.975);opacity:.62;filter:saturate(.68) brightness(.98)}.fund-card:hover{transform:translateY(-12px) scale(1.045);box-shadow:0 36px 80px rgba(0,87,255,.25),0 0 0 2px rgba(255,101,0,.28);z-index:10}.card-img{height:270px;position:relative;overflow:hidden;background:#dfe9f4}.card-img img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .75s ease,filter .55s}.fund-card:hover .card-img img{transform:scale(1.07);filter:brightness(1.08) saturate(1.1)}.card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,29,58,.04) 20%,rgba(5,29,58,.58) 100%)}.card-num{position:absolute;left:18px;bottom:13px;z-index:3;font-family:'Barlow Condensed';font-style:italic;font-size:78px;line-height:.78;font-weight:900;color:#fff;letter-spacing:-.025em;text-shadow:0 6px 20px rgba(0,0,0,.3)}.card-num.orange{color:var(--orange)}.card-body{height:268px;padding:21px 22px 18px;display:flex;flex-direction:column;position:relative;background:#fff}.badge-mini{align-self:flex-start;display:inline-flex;align-items:center;min-height:29px;padding:4px 10px;border-radius:6px;background:var(--orange);color:#fff;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px}.fund-card h3{font-family:'Barlow Condensed';font-style:italic;font-size:42px;line-height:.9;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 11px;color:var(--ink)}.fund-card p{font-size:15px;line-height:1.5;color:#5a6d82;margin:0;max-width:95%}.card-cta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:2px solid #edf2f7;color:var(--blue);font-size:17px;font-weight:900;letter-spacing:.01em}.card-cta .arrow{font-size:27px;color:var(--orange);transition:transform .3s}.fund-card:hover .card-cta .arrow{transform:translateX(9px)}.gloss{position:absolute;top:-30%;left:-70%;width:46%;height:160%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);pointer-events:none;z-index:12;opacity:0}.fund-card:hover .gloss{animation:gloss .85s ease}.trace{position:absolute;inset:0;border-radius:20px;overflow:hidden;pointer-events:none;z-index:13;opacity:0}.trace:after{content:"";position:absolute;inset:-1px;border-radius:20px;padding:2px;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,255,255,.95) 76%,var(--orange) 79%,transparent 84%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:trace 1.8s linear infinite}.fund-card:hover .trace{opacity:1}.card-ribbon{position:absolute;top:17px;right:-34px;z-index:4;background:var(--orange);color:#fff;padding:7px 42px;font-family:'Barlow Condensed';font-size:14px;font-weight:900;font-style:italic;transform:rotate(7deg);text-transform:uppercase;box-shadow:0 7px 20px rgba(244,119,33,.28)}
.card-num.small{font-size:54px;letter-spacing:.02em}.card-img:before{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--blue),var(--blue-bright) 62%,var(--orange));z-index:4;box-shadow:0 0 18px rgba(0,87,255,.55)}.fund-card:hover .card-img:before{box-shadow:0 0 26px rgba(0,87,255,.75),0 0 18px rgba(255,101,0,.45)}.fund-card:after{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(0,87,255,.25),transparent 45%,rgba(255,101,0,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:11}.section-head h2{font-size:clamp(54px,5.2vw,82px);line-height:.88}.eyebrow{font-size:14px}.section-head p{font-size:18px;line-height:1.6}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:6px solid var(--blue);box-shadow:var(--shadow)}.stat{padding:30px 27px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-family:'Barlow Condensed';font-style:italic;font-size:62px;line-height:.8;color:var(--blue)}.stat b{display:block;margin-top:12px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.stat p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.story{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center}.story-img{position:relative;min-height:560px;overflow:hidden;border-radius:22px;border:3px solid var(--blue);box-shadow:var(--shadow);transform:rotate(-1deg)}.story-img:after{content:"";position:absolute;inset:14px;border:2px solid var(--orange);pointer-events:none}.story-img img{width:100%;height:100%;display:block;object-fit:cover}.story-img .label{position:absolute;left:18px;bottom:18px;z-index:2;background:var(--orange);color:#fff;padding:12px 17px;font-family:'Barlow Condensed';font-style:italic;font-size:22px;font-weight:900;text-transform:uppercase}.story h2{font-family:'Barlow Condensed';font-style:italic;font-size:clamp(54px,5.4vw,82px);font-weight:900;line-height:.82;text-transform:uppercase;margin:0 0 24px}.story h2 span{color:var(--orange)}.story p{font-size:18px;line-height:1.7;color:var(--muted)}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-item{background:#fff;padding:28px 25px;border-top:6px solid var(--blue);position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}.why-item:hover{transform:translateY(-8px);border-color:var(--orange);box-shadow:var(--shadow)}.why-item .n{font-family:'Barlow Condensed';font-style:italic;font-size:76px;line-height:.72;font-weight:900;color:var(--blue);transition:color .3s}.why-item:hover .n{color:var(--orange)}.why-item h3{font-family:'Barlow Condensed';font-style:italic;text-transform:uppercase;font-size:29px;line-height:.95;margin:23px 0 10px}.why-item p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.product-hero{padding:55px 0 80px;background:linear-gradient(180deg,#fff,#f5f9fd)}.product-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:start}.product-copy h1{font-family:'Barlow Condensed';font-style:italic;font-weight:900;font-size:clamp(72px,7.6vw,108px);line-height:.8;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 25px}.product-copy h1 span{color:var(--orange)}.product-copy .lead{font-size:20px;line-height:1.65;color:#3f5a75;max-width:770px}.best{margin:31px 0}.best h3,.glance h3{font-family:'Barlow Condensed';font-style:italic;font-weight:900;font-size:32px;text-transform:uppercase;margin:0 0 12px}.best ul{padding-left:21px;color:#4a6077;line-height:1.9;font-size:16px}.glance{border-top:6px solid var(--blue);padding-top:17px}.glance-grid{display:grid;grid-template-columns:1fr 1.35fr;border:1px solid var(--line);background:#fff}.glance-grid div{padding:14px 16px;border-bottom:1px solid var(--line);font-size:14px}.glance-grid div:nth-child(odd){font-weight:900;background:#f4f8fc}.glance-grid div:nth-last-child(-n+2){border-bottom:0}.quote-panel{position:sticky;top:110px;padding:33px;border-radius:20px;background:linear-gradient(145deg,var(--blue-deep),var(--blue));color:#fff;box-shadow:0 28px 70px rgba(7,89,199,.26);overflow:hidden;border:2px solid rgba(244,119,33,.5)}.quote-panel:before{content:"SBA";position:absolute;right:-35px;top:8px;font-family:'Barlow Condensed';font-style:italic;font-size:190px;line-height:.8;font-weight:900;color:rgba(255,255,255,.05)}.quote-panel h2{font-family:'Barlow Condensed';font-style:italic;font-size:55px;line-height:.82;text-transform:uppercase;margin:0 0 13px;position:relative}.quote-panel h2 span{color:#ffad69}.quote-panel p{font-size:13px;line-height:1.6;color:rgba(255,255,255,.82)}.ghl{background:#fff;color:#4d6177;min-height:360px;padding:25px;margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed rgba(7,89,199,.32)}.ghl strong{font-family:'Barlow Condensed';font-style:italic;font-size:34px;text-transform:uppercase;color:var(--blue)}.ghl span{margin-top:8px;font-size:12px}.ghl code{font-family:Manrope;font-size:11px;background:#eef4fa;padding:10px 12px;margin-top:13px}
.product-extra{padding:90px 0;background:var(--soft)}footer{background:#071a32;color:#fff;padding:55px 0 42px;border-top:7px solid var(--orange)}.footer-grid{display:flex;justify-content:space-between;align-items:end;gap:30px}.footer-logo{width:225px;filter:brightness(0) invert(1)}.footer p{font-size:13px;color:rgba(255,255,255,.68)}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;font-weight:900;text-transform:uppercase}.footer-links a:hover{color:#ff9a4d}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ring{to{transform:rotate(360deg)}}@keyframes badgeShine{from{transform:translateX(-130%)}to{transform:translateX(130%)}}@keyframes gloss{from{transform:translateX(0) rotate(18deg);opacity:0}20%{opacity:1}to{transform:translateX(520%) rotate(18deg);opacity:0}}@keyframes trace{to{transform:rotate(360deg)}}
@media(max-width:1080px){.navlinks{gap:17px;font-size:12px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:760px}.hero-art{max-width:800px;width:100%;margin:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.why{grid-template-columns:repeat(2,1fr)}.product-grid,.story{grid-template-columns:1fr}.quote-panel{position:relative;top:auto}.story-img{min-height:500px}.section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.wrap{width:min(100% - 30px,1260px)}.nav{height:72px}.logo{width:190px}.navlinks{display:none}.nav>.btn{min-height:46px;padding:0 14px;font-size:12px}.hero{padding:42px 0 58px}.hero h1{font-size:clamp(68px,18vw,96px);line-height:.82;margin-bottom:23px}.hero-copy{font-size:18px;line-height:1.55}.hero-art{min-height:470px}.photo{inset:12px 0 0 16px;border-radius:24px}.frame{inset:0 0 13px 0;border-radius:28px}.orange-corner{width:80px;height:80px;right:-2px;top:22px}.orange-corner:after{font-size:42px}.badge{width:185px;height:185px;left:-4px;bottom:25px;border-width:7px}.badge strong{font-size:62px}.badge:before{inset:-14px}.badge:after{inset:-22px}.section{padding:72px 0}.section-head h2{font-size:clamp(50px,14vw,70px)}.cards{grid-template-columns:1fr}.fund-card{height:500px}.card-img{height:250px}.fund-card h3{font-size:37px}.stats{grid-template-columns:1fr 1fr}.stat{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stat:nth-child(2n){border-right:0}.stat:nth-last-child(-n+2){border-bottom:0}.why{grid-template-columns:1fr}.product-copy h1{font-size:clamp(62px,17vw,88px)}.product-copy .lead{font-size:18px}.glance-grid{grid-template-columns:1fr}.glance-grid div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.glance-grid div:last-child{border-bottom:0}.quote-panel h2{font-size:48px}.footer-grid{flex-direction:column;align-items:flex-start}}
@media(max-width:460px){.stats{grid-template-columns:1fr}.stat{border-right:0!important}.stat:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.hero-actions .btn{width:100%}.hero-art{min-height:410px}.badge{width:165px;height:165px}.badge strong{font-size:56px}.card-num{font-size:68px}.fund-card{height:495px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* MAXOUT FINAL VISUAL FIX */
:root{--blue:#0757ff;--blue-deep:#0036b8;--orange:#ff6500;--orange-hot:#ff8a18;--ink:#082957;--muted:#365b83}
.topline{height:7px;background:linear-gradient(90deg,#004cff,#1684ff 48%,#ff6500);box-shadow:0 0 18px rgba(22,132,255,.38)}
.nav{height:96px}.logo{width:255px;filter:drop-shadow(0 0 10px rgba(7,87,255,.14))}.navlinks{font-size:18px;color:#063f9f}.navlinks a:nth-child(even){color:#e95f00}
.hero{padding:76px 0 96px;background:radial-gradient(circle at 78% 35%,rgba(7,87,255,.16),transparent 32%),radial-gradient(circle at 16% 70%,rgba(255,101,0,.09),transparent 25%),linear-gradient(180deg,#fff,#f8fbff 75%,#eef5ff)}
.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);gap:64px}.hero h1{font-size:clamp(86px,8vw,122px);line-height:.88;letter-spacing:-.012em;max-width:700px;margin-bottom:32px;color:#064fcf;text-shadow:0 4px 24px rgba(7,87,255,.12)}.hero h1 span{color:#ff6500;text-shadow:0 0 18px rgba(255,101,0,.28),0 5px 22px rgba(255,101,0,.22)}
.hero-copy{font-size:24px;line-height:1.55;color:#234f7e;max-width:720px}.trustline{font-size:15px}.hero .eyebrow{font-size:21px;background:linear-gradient(100deg,#004cff,#1684ff);box-shadow:8px 8px 0 #ff6500,0 8px 22px rgba(7,87,255,.18)}
.badge{width:260px;height:260px;background:linear-gradient(145deg,#fff,#eef6ff);border-color:#0757ff;box-shadow:0 0 0 5px #ff6500,0 0 34px rgba(7,87,255,.24),0 24px 55px rgba(0,48,140,.28)}.badge strong{font-size:88px;color:#0757ff;text-shadow:0 0 18px rgba(22,132,255,.3)}
.section{padding:104px 0}.section-head{margin-bottom:44px}.section-head h2{font-size:clamp(62px,5.8vw,90px);color:#0757ff;text-shadow:0 3px 16px rgba(7,87,255,.1)}.section-head h2 span{color:#ff6500}.section-head>p{font-size:19px;color:#365b83}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.fund-card{height:610px;border:2px solid #c8d9ef;border-radius:24px;box-shadow:0 18px 44px rgba(0,55,140,.13)}.card-img{height:285px}.card-num{font-size:86px;bottom:18px}.card-body{height:325px;padding:24px}.badge-mini{font-family:'Barlow Condensed';font-style:italic;font-size:16px;min-height:34px;padding:5px 12px;box-shadow:0 7px 17px rgba(255,101,0,.18)}.fund-card h3{font-size:46px;line-height:.96;margin:0 0 12px;color:#062d62}.fund-card p{font-size:18px;line-height:1.48;color:#355d86}.card-cta{position:absolute;left:24px;right:24px;bottom:22px;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-radius:8px;background:linear-gradient(90deg,#0057ff,#1684ff);color:#fff;font-family:Manrope,sans-serif;font-size:17px;font-weight:900;box-shadow:0 10px 24px rgba(7,87,255,.22);overflow:hidden}.card-cta .arrow{font-size:24px}.fund-card:hover .card-cta{background:linear-gradient(90deg,#0757ff,#ff6500);box-shadow:0 12px 30px rgba(7,87,255,.25),0 0 18px rgba(255,101,0,.2)}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-art{min-height:560px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fund-card{height:590px}}
@media(max-width:700px){.nav{height:82px}.logo{width:205px}.navlinks{display:none}.hero h1{font-size:clamp(70px,18vw,100px)}.hero-copy{font-size:20px}.cards{grid-template-columns:1fr}.fund-card{height:590px}.card-img{height:275px}.fund-card h3{font-size:42px}}

/* HUB UPDATE — program imagery and card-fit safeguards */
.card-img img{object-fit:cover;object-position:center center;}
.card-body{padding-bottom:92px;}
.fund-card p{max-width:100%;}
.navlinks a{font-family:Manrope,sans-serif;font-weight:800;}
.stats .stat:first-child strong,.stats .stat:nth-child(2) strong{font-family:'Barlow Condensed';font-style:italic;font-weight:900;}
@media(max-width:1080px){.navlinks{font-size:15px;gap:18px;}.card-body{padding-bottom:92px;}}


/* V5 — INTERACTIVE MAXOUT HUB POLISH */
.stat-section{padding:54px 0 92px;background:#fff;position:relative;overflow:hidden}
.stat-section:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#0757ff 0%,#1d8cff 48%,#ff6500 100%);box-shadow:0 0 26px rgba(7,87,255,.24)}
.stat-section .wrap{position:relative;z-index:1}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0}
.interactive-stat{position:relative;min-height:210px;padding:24px 24px 22px;background:linear-gradient(145deg,#ffffff 0%,#f7fbff 72%,#eef5ff 100%);border:1px solid #d7e5f5;border-radius:18px;box-shadow:0 12px 30px rgba(0,64,170,.09);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.interactive-stat:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,rgba(7,87,255,.16),transparent 34%),linear-gradient(120deg,transparent 0 58%,rgba(255,101,0,.07) 100%);opacity:.75;pointer-events:none}
.interactive-stat:after{content:"";position:absolute;right:-54px;bottom:-68px;width:150px;height:150px;border:2px solid rgba(7,87,255,.12);border-radius:50%;box-shadow:0 0 0 16px rgba(255,101,0,.035),0 0 0 32px rgba(7,87,255,.025);transition:transform .5s}
.interactive-stat:hover{transform:translateY(-9px);border-color:#6ba2ff;box-shadow:0 25px 58px rgba(0,87,255,.18),0 0 0 2px rgba(255,101,0,.12)}
.interactive-stat:hover:after{transform:scale(1.14) rotate(12deg)}
.stat-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.stat-index{font-family:'Barlow Condensed';font-size:16px;font-style:italic;font-weight:900;letter-spacing:.08em;color:#5e7894}
.stat-pulse{width:9px;height:9px;border-radius:50%;background:#ff6500;box-shadow:0 0 0 6px rgba(255,101,0,.09),0 0 18px rgba(255,101,0,.45);animation:statPulse 2s ease-in-out infinite}
.interactive-stat strong{position:relative;z-index:2;display:block;font-family:'Barlow Condensed';font-style:italic;font-weight:900;font-size:72px;line-height:.78;letter-spacing:-.02em;color:#0757ff;text-shadow:0 0 22px rgba(7,87,255,.18);margin-bottom:13px}
.interactive-stat:nth-child(2) strong,.interactive-stat:nth-child(4) strong{color:#ff6500;text-shadow:0 0 20px rgba(255,101,0,.17)}
.interactive-stat b{position:relative;z-index:2;display:block;font-family:'Barlow Condensed';font-style:italic;text-transform:uppercase;font-size:25px;line-height:.95;color:#082957;letter-spacing:.01em;margin-bottom:10px}
.interactive-stat p{position:relative;z-index:2;margin:0;max-width:310px;font-size:15px;line-height:1.5;font-weight:650;color:#496681}
.stat-line{position:absolute;left:24px;right:24px;bottom:0;height:4px;background:linear-gradient(90deg,#0757ff 0%,#1684ff 65%,#ff6500 100%);transform:scaleX(.18);transform-origin:left;transition:transform .45s ease;box-shadow:0 0 16px rgba(7,87,255,.28)}
.interactive-stat:hover .stat-line{transform:scaleX(1)}
@keyframes statPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}

/* Make the hub cards read like mini MaxOut advertisements, not tiny UI cards. */
.fund-card{display:flex;flex-direction:column;min-height:610px;height:auto}
.card-img{height:285px;flex:0 0 285px}
.card-body{height:auto;min-height:325px;flex:1;padding:25px 24px 22px;display:flex;flex-direction:column}
.badge-mini{font-size:17px;min-height:36px;padding:6px 13px;margin-bottom:12px;box-shadow:0 8px 20px rgba(255,101,0,.22)}
.fund-card h3{font-size:48px;line-height:.9;margin-bottom:14px;color:#062d62;text-shadow:0 2px 0 rgba(7,87,255,.05)}
.fund-card p{font-size:19px;line-height:1.5;font-weight:650;color:#234f7e;max-width:100%;margin:0}
.card-cta{position:static;margin-top:auto;min-height:54px;height:54px;padding:0 17px;border-radius:9px;font-size:17px;background:linear-gradient(100deg,#0757ff,#1684ff);box-shadow:0 11px 25px rgba(7,87,255,.22)}
.card-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 65%);transform:translateX(-120%);transition:transform .65s ease;pointer-events:none}
.fund-card:hover .card-cta:before{transform:translateX(120%)}
.fund-card:hover .card-cta{background:linear-gradient(100deg,#0757ff 0%,#1684ff 48%,#ff6500 100%);box-shadow:0 14px 32px rgba(7,87,255,.26),0 0 22px rgba(255,101,0,.18)}
.fund-card:hover{transform:translateY(-12px) scale(1.025)}

/* Preserve clean alignment when descriptions wrap. */
.cards{align-items:stretch}
.fund-card h3,.fund-card p{overflow-wrap:anywhere}

/* Empty quote/form area — intentionally blank until the real form is supplied. */
.ghl{min-height:360px;background:#fff;border:2px solid #e1eaf4;color:transparent;font-size:0}
.ghl:empty:before,.ghl:empty:after{display:none!important;content:none!important}

@media(max-width:1080px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-section{padding-top:48px}
  .fund-card{min-height:590px}
  .card-img{height:275px;flex-basis:275px}
  .fund-card h3{font-size:45px}
  .fund-card p{font-size:18px}
}
@media(max-width:720px){
  .stat-section{padding:42px 0 72px}
  .stats{grid-template-columns:1fr}
  .interactive-stat{min-height:185px}
  .interactive-stat strong{font-size:64px}
  .interactive-stat b{font-size:23px}
  .interactive-stat p{font-size:15px}
  .fund-card{min-height:590px}
  .card-img{height:270px;flex-basis:270px}
  .fund-card h3{font-size:42px}
  .fund-card p{font-size:18px;line-height:1.48}
}


/* =========================================================
   HERO ASSET INTEGRATION — preserve the existing V5 page,
   add supplied hero artwork as an actual image asset.
   ========================================================= */
.image-hero{padding:28px 0 34px;background:#fff;position:relative;overflow:hidden}
.image-hero-frame{position:relative;width:100%;aspect-ratio:1674/888;overflow:hidden;border-radius:24px;border:2px solid #cbdcf3;box-shadow:0 24px 65px rgba(0,63,150,.16),0 0 0 1px rgba(255,101,0,.12);background:#f7fbff}
.image-hero-frame:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,rgba(0,87,255,.04),transparent 38%,rgba(255,101,0,.045));mix-blend-mode:multiply}
.image-hero-frame img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease,filter .5s ease}
.image-hero-frame:hover img{transform:scale(1.008);filter:saturate(1.035) contrast(1.015)}
.hero-hotspot{position:absolute;z-index:5;display:block;border:2px solid transparent;border-radius:22px;cursor:pointer;transition:all .25s ease;outline:none}
.hero-hotspot:after{content:"";position:absolute;inset:-4px;border-radius:inherit;box-shadow:0 0 0 0 rgba(7,87,255,0);transition:box-shadow .25s ease}
.hero-hotspot:hover,.hero-hotspot:focus-visible{border-color:rgba(255,255,255,.88);background:rgba(7,87,255,.08)}
.hero-hotspot:hover:after,.hero-hotspot:focus-visible:after{box-shadow:0 0 0 5px rgba(7,87,255,.18),0 0 30px rgba(255,101,0,.36)}
.hero-hotspot:active{transform:scale(.985)}
.hero-hotspot-quote{left:4.1%;bottom:3.3%;width:45.2%;height:14.4%}
.hero-hotspot-programs{right:3.4%;bottom:3.3%;width:45.7%;height:14.4%}
.image-hero-landing{padding-top:22px;padding-bottom:46px}
.image-hero-landing .hero-hotspot-quote{left:2.5%;bottom:2.2%;width:39.5%;height:15.5%}
.image-hero-landing .image-hero-frame{box-shadow:0 22px 58px rgba(0,63,150,.14),0 0 0 1px rgba(255,101,0,.12)}

/* Requested circular, live proof metrics — no leading-zero labels. */
.stats{gap:22px;align-items:stretch}
.interactive-stat{min-height:270px;padding:30px 24px 25px;border-radius:28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .35s,background .35s}
.interactive-stat:before{background:radial-gradient(circle at 50% 35%,rgba(7,87,255,.14),transparent 44%),radial-gradient(circle at 75% 75%,rgba(255,101,0,.10),transparent 38%)}
.interactive-stat:after{right:auto;bottom:auto;left:50%;top:50%;width:215px;height:215px;transform:translate(-50%,-50%);border:2px solid rgba(7,87,255,.11);box-shadow:0 0 0 18px rgba(255,101,0,.035),0 0 0 36px rgba(7,87,255,.025)}
.interactive-stat:hover{transform:translateY(-12px) scale(1.035);background:linear-gradient(145deg,#0757ff 0%,#1684ff 55%,#ff6500 115%);border-color:#ff7b21;box-shadow:0 30px 70px rgba(7,87,255,.24),0 0 0 2px rgba(255,101,0,.18)}
.interactive-stat:hover:after{transform:translate(-50%,-50%) scale(1.12) rotate(14deg);border-color:rgba(255,255,255,.38);box-shadow:0 0 0 18px rgba(255,255,255,.07),0 0 0 36px rgba(255,101,0,.08)}
.stat-top{position:absolute;top:17px;left:22px;right:22px;margin:0}
.stat-index{display:none}
.stat-pulse{background:#ff6500}
.interactive-stat strong{font-size:82px;line-height:.78;margin:0 0 14px;transition:color .25s,text-shadow .25s}
.interactive-stat b{font-size:27px;line-height:.95;margin-bottom:12px;transition:color .25s}
.interactive-stat p{font-size:16px;line-height:1.48;max-width:270px;transition:color .25s}
.interactive-stat:hover strong,.interactive-stat:hover b,.interactive-stat:hover p{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.18)}
.interactive-stat:hover .stat-pulse{background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.14),0 0 20px rgba(255,255,255,.75)}
.interactive-stat:hover .stat-line{transform:scaleX(1);background:linear-gradient(90deg,#fff,#ffd4b4);box-shadow:0 0 20px rgba(255,255,255,.42)}

/* Existing funding cards stay intact: real V5 images, sizing and interaction. */
.fund-card .card-img{flex:0 0 285px}
.fund-card .card-img img{object-fit:cover;object-position:center center}
.fund-card:hover .card-img img{transform:scale(1.07);filter:brightness(1.08) saturate(1.1)}

/* Program dropdown: keep the original MaxOut logo/header styling while adding the requested hub navigation. */
.program-menu{position:relative;display:flex;align-items:center}
.program-toggle{border:0;background:transparent;color:#063f9f;font:inherit;font-weight:900;text-transform:uppercase;cursor:pointer;padding:0;white-space:nowrap}
.program-toggle span{color:var(--orange);margin-left:4px}
.program-dropdown{position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%,8px);width:290px;background:#fff;border:1px solid #d5e2f0;border-top:4px solid var(--orange);border-radius:12px;box-shadow:0 22px 48px rgba(0,48,120,.18);padding:8px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s}
.program-menu:hover .program-dropdown,.program-menu:focus-within .program-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.program-dropdown a{display:block;padding:12px 14px;border-radius:8px;color:#0a3972!important;font-size:14px!important;font-weight:900!important;text-transform:uppercase}
.program-dropdown a:hover{background:linear-gradient(90deg,#0757ff,#1684ff);color:#fff!important}

.quote-empty{padding:0 0 90px;background:#fff}
.quote-empty-box{min-height:420px;border:2px dashed transparent;border-radius:24px}

@media(max-width:1080px){
  .image-hero{padding:18px 0 26px}
  .image-hero-frame{border-radius:18px}
  .stats{gap:16px}
  .interactive-stat{min-height:250px}
  .navlinks{flex-wrap:wrap}
}
@media(max-width:720px){
  .image-hero{padding:12px 0 22px}
  .image-hero-frame{border-radius:13px}
  .hero-hotspot-quote{left:3.5%;bottom:2.8%;width:46%;height:15%}
  .hero-hotspot-programs{right:3%;bottom:2.8%;width:46%;height:15%}
  .image-hero-landing .hero-hotspot-quote{left:2%;bottom:1.8%;width:40%;height:17%}
  .interactive-stat{min-height:235px;border-radius:26px}
  .interactive-stat strong{font-size:70px}
  .interactive-stat b{font-size:25px}
  .interactive-stat p{font-size:15px}
  .program-menu{width:100%}
  .program-dropdown{position:static;transform:none;width:100%;display:none;margin-top:8px;opacity:1;visibility:visible;pointer-events:auto}
  .program-menu:hover .program-dropdown,.program-menu:focus-within .program-dropdown{display:block;transform:none}
}

/* SBA 7(a) HERO REVISION — supplied artwork stays isolated to the dedicated page */
.program-menu{position:relative}.program-toggle{border:0;background:transparent;font:inherit;font-size:18px;font-weight:800;text-transform:uppercase;color:#063f9f;cursor:pointer;padding:0}.program-toggle span{color:var(--orange);font-size:20px}.program-dropdown{position:absolute;top:34px;left:50%;transform:translateX(-50%) translateY(8px);width:290px;padding:10px;background:#fff;border:1px solid #d8e5f4;box-shadow:0 20px 45px rgba(0,57,150,.18);border-radius:14px;opacity:0;visibility:hidden;transition:.2s ease;z-index:120}.program-menu:hover .program-dropdown,.program-menu:focus-within .program-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.program-dropdown a{display:block!important;padding:12px 14px;color:#082957!important;font-size:15px!important;border-radius:9px}.program-dropdown a:hover{background:linear-gradient(90deg,#eef5ff,#fff2e9);color:#0757ff!important}
.stats{gap:24px}.interactive-stat{min-height:250px;aspect-ratio:1/1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:32px 30px}.interactive-stat:after{right:-28px;bottom:-30px;width:140px;height:140px}.stat-top{width:100%;margin-bottom:4px}.stat-index{font-size:17px}.interactive-stat strong{font-size:76px;line-height:.82;margin-bottom:14px}.interactive-stat b{font-size:24px}.interactive-stat p{font-size:14px;line-height:1.42;margin:0 auto;max-width:210px}.stat-line{left:28%;right:28%;bottom:22px;border-radius:99px;transform:scaleX(.25)}.interactive-stat:hover{transform:translateY(-10px) scale(1.035);background:radial-gradient(circle at 28% 18%,rgba(31,120,255,.14),transparent 32%),linear-gradient(145deg,#fff,#eef5ff 55%,#fff2e9)}.interactive-stat:nth-child(2):hover,.interactive-stat:nth-child(4):hover{background:radial-gradient(circle at 72% 22%,rgba(255,101,0,.17),transparent 32%),linear-gradient(145deg,#fff,#fff5ed 55%,#eef5ff)}
.quote-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;background:#fff;border:1px solid #d6e3f1;box-shadow:0 18px 48px rgba(0,55,140,.12);border-radius:20px}.quote-strip h2{margin:8px 0;font-family:'Barlow Condensed';font-size:clamp(44px,5vw,76px);line-height:.9;color:#0757ff}.quote-strip h2 span{color:var(--orange)}.quote-strip p{font-size:18px;color:#365b83;margin:0}
.sba-product-hero{padding:34px 0 86px;background:linear-gradient(180deg,#fff 0%,#f5f9ff 70%,#fff 100%)}.product-hero-art{position:relative;width:100%;border:2px solid #d5e2f2;box-shadow:0 26px 70px rgba(0,55,140,.18);background:#fff;overflow:hidden}.product-hero-art:after{content:"";position:absolute;inset:auto 0 0;height:7px;background:linear-gradient(90deg,#0757ff,#1684ff 48%,#ff6500)}.product-hero-art img{display:block;width:100%;height:auto}.product-under{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:38px;align-items:start;margin-top:42px}.product-under .product-copy{padding:8px 0}.product-under .product-copy h1{font-size:clamp(54px,5.6vw,86px);line-height:.9;color:#0757ff}.product-under .product-copy h1 span{color:var(--orange)}.product-under .hero-copy{font-size:21px;line-height:1.5}.product-under .quote-panel{position:sticky;top:118px}.sba-product-hero .ghl{min-height:340px;background:#fff;border:2px solid #e1eaf4}.sba-product-hero .quote-panel p{font-size:15px;font-weight:800;color:#45617c}
@media(max-width:1080px){.stats{grid-template-columns:repeat(2,1fr)}.interactive-stat{max-width:360px;margin:auto;width:100%}.product-under{grid-template-columns:1fr}.product-under .quote-panel{position:relative;top:auto}}
@media(max-width:720px){.program-menu{display:none}.stats{grid-template-columns:1fr}.interactive-stat{max-width:340px}.quote-strip{flex-direction:column;align-items:flex-start;padding:28px}.product-under{gap:28px}.product-under .product-copy h1{font-size:58px}.product-under .hero-copy{font-size:19px}}
.sba-hero-hotspot{position:absolute;left:3.5%;top:76%;width:38%;height:11%;z-index:3;border-radius:16px;cursor:pointer;outline:0}.sba-hero-hotspot:after{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:0 0 0 0 rgba(255,101,0,0);transition:.25s ease}.sba-hero-hotspot:hover:after,.sba-hero-hotspot:focus-visible:after{box-shadow:0 0 0 5px rgba(255,101,0,.28),0 0 28px rgba(255,101,0,.42);background:rgba(255,101,0,.06)}.sba-hero-hotspot:active:after{transform:scale(.985);box-shadow:0 0 0 7px rgba(7,87,255,.24),0 0 34px rgba(7,87,255,.35)}


/* =========================================================
   PRECISION POLISH — preserve the existing page; only fix
   requested scale, typography, navigation and interactions.
   ========================================================= */
:root{
  --maxout-gradient:linear-gradient(110deg,#0057ff 0%,#1684ff 48%,#ff6500 100%);
  --maxout-blue-glow:rgba(0,87,255,.42);
  --maxout-orange-glow:rgba(255,101,0,.42);
}
html,body{max-width:100%;overflow-x:hidden}
.wrap{width:min(1260px,calc(100% - 40px))}
header{overflow:visible}
.nav{height:92px;gap:20px;min-width:0}
.logo{width:260px;max-width:260px;height:auto;flex:0 0 auto;filter:drop-shadow(0 5px 14px rgba(0,87,255,.16))}
.navlinks{gap:18px;min-width:0;font-size:15px;flex:1}
.navlinks a,.program-toggle{font-family:'Barlow Condensed',Arial,sans-serif;font-style:italic;font-weight:900;letter-spacing:.025em}
.navlinks a:nth-child(even){color:#063f9f}
.navlinks a:after{height:4px;bottom:-8px;background:var(--orange)}
.nav>.btn{flex:0 0 auto;font-family:'Barlow Condensed',Arial,sans-serif;font-style:italic;font-size:17px;letter-spacing:.035em;min-height:50px;padding:0 18px}
.program-menu{flex:0 0 auto}
.program-toggle{font-size:18px;color:#063f9f}
.program-dropdown{z-index:300}
.program-menu.open .program-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}

/* The supplied artwork is the visual hero; do not recreate or duplicate it. */
.image-hero-frame,.product-hero-art{max-width:100%;margin-left:auto;margin-right:auto}
.image-hero-frame img,.product-hero-art img{max-width:100%;height:auto}
.hero-hotspot,.sba-hero-hotspot{background:transparent}
.hero-hotspot:before,.sba-hero-hotspot:before{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.85) 47%,transparent 56%);transform:translateX(-125%);opacity:0}
.hero-hotspot:hover:before,.hero-hotspot:focus-visible:before,.sba-hero-hotspot:hover:before,.sba-hero-hotspot:focus-visible:before{opacity:1;animation:ctaSparkSweep 1s ease-out forwards}
.hero-hotspot:hover:after,.hero-hotspot:focus-visible:after,.sba-hero-hotspot:hover:after,.sba-hero-hotspot:focus-visible:after{box-shadow:0 0 0 4px rgba(255,255,255,.3),0 0 22px var(--maxout-blue-glow),0 0 42px var(--maxout-orange-glow)}
@keyframes ctaSparkSweep{0%{transform:translateX(-125%)}100%{transform:translateX(125%)}}

/* Match the supplied hero typography: condensed, italic, heavy, blue/orange. */
.product-copy h1,.product-under .product-copy h1,.section-head h2,.story h2,.quote-panel h2,.best h3,.glance h3,
.fund-card h3,.why-item h3{font-family:'Barlow Condensed',Arial,sans-serif;font-style:italic;font-weight:900}
.product-under .product-copy h1,.product-copy h1{font-size:clamp(64px,6.1vw,96px);line-height:.86;letter-spacing:-.02em;color:#0757ff;text-shadow:0 3px 0 rgba(7,87,255,.08)}
.product-under .product-copy h1 span,.product-copy h1 span,.section-head h2 span,.story h2 span{color:#ff4f12;text-shadow:0 4px 18px rgba(255,79,18,.18)}
.product-under .hero-copy,.product-copy .lead{font-size:22px;line-height:1.48;font-weight:700;color:#173d69;max-width:850px}
.best{margin:34px 0 30px}
.best h3,.glance h3{font-size:38px;line-height:.9;color:#0757ff;text-shadow:0 2px 0 rgba(7,87,255,.08);margin-bottom:15px}
.best ul{font-size:19px;line-height:1.62;font-weight:700;color:#244d77;padding-left:25px}
.best li::marker{color:#ff6500}
.glance{border-top:7px solid transparent;border-image:var(--maxout-gradient) 1;padding-top:18px}
.glance-grid{border:2px solid #cbdced;border-radius:14px;overflow:hidden;box-shadow:0 14px 35px rgba(0,67,155,.10)}
.glance-grid div{padding:17px 18px;font-size:17px;line-height:1.35;font-weight:650}
.glance-grid div:nth-child(odd){font-size:18px;font-weight:900;color:#073b83;background:linear-gradient(90deg,#eef5ff,#fff)}
.glance-grid div:nth-child(even){font-size:18px;font-weight:800;color:#193f6b}
.quote-panel{border-radius:24px;padding:36px;background:linear-gradient(145deg,#003bb5 0%,#0757ff 54%,#ff6500 155%);border:2px solid rgba(255,101,0,.68);box-shadow:0 30px 75px rgba(0,70,180,.24),0 0 35px rgba(255,101,0,.10)}
.quote-panel h2{font-size:clamp(58px,5.3vw,82px);line-height:.82;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.08)}
.quote-panel p{font-size:16px;line-height:1.55;font-weight:750;color:rgba(255,255,255,.94)}
.sba-product-hero .quote-panel{top:108px}
.ghl{min-height:340px;border-radius:14px}

/* Funding cards: keep the existing photos; make supporting text readable and hero-matched. */
.fund-card{min-width:0;overflow:hidden}
.card-img{overflow:hidden;min-width:0}
.card-img img{width:100%;height:100%;display:block;object-fit:cover}
.card-body{padding:25px 24px 24px;min-width:0}
.badge-mini{font-family:'Barlow Condensed',Arial,sans-serif;font-style:italic;font-weight:900;font-size:19px;letter-spacing:.025em;text-transform:uppercase}
.fund-card h3{font-size:50px;line-height:.88;color:#063f9f;margin-bottom:15px}
.fund-card p{font-family:Manrope,Arial,sans-serif;font-size:19px!important;line-height:1.5!important;font-weight:750!important;color:#214f7d!important}
.card-cta{font-family:'Barlow Condensed',Arial,sans-serif;font-style:italic;font-weight:900;font-size:20px;letter-spacing:.035em}

/* Circular metrics: hover to blue/orange gradient, preserve contrast, add travelling sparkle. */
.interactive-stat{position:relative;isolation:isolate;overflow:hidden;border:2px solid rgba(7,87,255,.13);background:radial-gradient(circle at 32% 25%,rgba(0,87,255,.10),transparent 30%),radial-gradient(circle at 75% 78%,rgba(255,101,0,.10),transparent 34%),#fff}
.interactive-stat:before{content:"";position:absolute;inset:5px;border-radius:50%;z-index:-1;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(238,245,255,.55));opacity:.9}
.interactive-stat:hover{background:var(--maxout-gradient);transform:translateY(-12px) scale(1.055);border-color:#ff8a00;box-shadow:0 28px 70px rgba(0,87,255,.30),0 0 0 3px rgba(255,101,0,.16),0 0 36px rgba(255,101,0,.20)}
.interactive-stat:hover:before{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,rgba(0,87,255,.18),rgba(255,101,0,.18))}
.interactive-stat:after{z-index:-1;pointer-events:none}
.interactive-stat:hover:after{border-color:rgba(255,255,255,.46);box-shadow:0 0 0 16px rgba(255,255,255,.08),0 0 0 34px rgba(255,101,0,.10),0 0 28px rgba(255,255,255,.28)}
.interactive-stat:focus-within{outline:3px solid rgba(255,101,0,.35);outline-offset:5px}
.interactive-stat strong,.interactive-stat b,.interactive-stat p{transition:color .25s ease,text-shadow .25s ease}
.interactive-stat:hover strong,.interactive-stat:hover b,.interactive-stat:hover p{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.28)}
.interactive-stat:hover .stat-pulse{background:#fff!important;box-shadow:0 0 0 6px rgba(255,255,255,.14),0 0 24px rgba(255,255,255,.9)}
.interactive-stat:hover .stat-line{background:linear-gradient(90deg,#fff,#ffd5bd)!important;box-shadow:0 0 22px rgba(255,255,255,.62)}
.interactive-stat .stat-line:after{content:"";position:absolute;top:-4px;left:0;width:22px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff,0 0 28px #1684ff;opacity:0}
.interactive-stat:hover .stat-line:after{opacity:1;animation:metricSpark 1.2s linear infinite}
@keyframes metricSpark{0%{left:0;transform:scale(.7)}50%{transform:scale(1.2)}100%{left:calc(100% - 22px);transform:scale(.7)}}

/* No accidental viewport-wide overflow from tables/cards/panels. */
.product-hero,.sba-product-hero,.product-extra,.section{overflow:hidden}
.product-grid,.product-under,.story,.cards,.stats{min-width:0}

@media(max-width:1180px){
  .nav{gap:14px}.logo{width:220px}.navlinks{gap:13px;font-size:14px}.nav>.btn{font-size:15px;padding:0 14px}
}
@media(max-width:980px){
  .nav{height:84px}.logo{width:205px}.navlinks{gap:10px;font-size:13px}.nav>.btn{font-size:14px;min-height:46px}
  .product-under{grid-template-columns:1fr}.product-under .quote-panel{position:relative;top:auto}
}
@media(max-width:720px){
  .wrap{width:min(100% - 28px,1260px)}.logo{width:190px}.nav{height:76px}.nav>.btn{font-size:13px;padding:0 11px}
  .product-under .product-copy h1,.product-copy h1{font-size:clamp(56px,16vw,82px)}
  .product-under .hero-copy,.product-copy .lead{font-size:19px;line-height:1.5}
  .best h3,.glance h3{font-size:34px}.best ul{font-size:17px}.glance-grid div,.glance-grid div:nth-child(odd),.glance-grid div:nth-child(even){font-size:16px}
  .fund-card h3{font-size:43px}.fund-card p{font-size:18px!important}
  .interactive-stat{max-width:340px}.interactive-stat p{font-size:15px}
}


/* FINAL INTERACTION POLISH — clean hover states, no square overlays. */
.hero-hotspot,.sba-hero-hotspot{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}
.hero-hotspot:hover,.hero-hotspot:focus-visible,.sba-hero-hotspot:hover,.sba-hero-hotspot:focus-visible{border:0!important;background:transparent!important;outline:0!important}
.hero-hotspot:after,.sba-hero-hotspot:after{inset:-6px!important;border:0!important;box-shadow:none!important;background:transparent!important}
.hero-hotspot:before,.sba-hero-hotspot:before{inset:-2px!important;border-radius:inherit!important;background:linear-gradient(115deg,transparent 0 37%,rgba(255,255,255,0) 43%,rgba(255,255,255,.98) 49%,rgba(255,255,255,0) 55%,transparent 61%)!important;filter:blur(.3px);transform:translateX(-135%) skewX(-12deg)!important}
.hero-hotspot:hover:before,.hero-hotspot:focus-visible:before,.sba-hero-hotspot:hover:before,.sba-hero-hotspot:focus-visible:before{opacity:1!important;animation:ctaSparkSweep 1.05s ease-out forwards!important}
.hero-hotspot:hover:after,.hero-hotspot:focus-visible:after,.sba-hero-hotspot:hover:after,.sba-hero-hotspot:focus-visible:after{box-shadow:0 0 18px rgba(255,255,255,.22),0 0 32px rgba(0,87,255,.28),0 0 46px rgba(255,101,0,.18)!important}
.hero-hotspot:active,.sba-hero-hotspot:active{transform:scale(.985)!important}

/* Circular metrics: vivid hover, readable white type, no white wash. */
.interactive-stat{cursor:pointer}
.interactive-stat:hover{background:linear-gradient(135deg,#0757ff 0%,#1684ff 48%,#ff6500 100%)!important;color:#fff;box-shadow:0 30px 72px rgba(0,87,255,.28),0 0 0 2px rgba(255,101,0,.34),0 0 38px rgba(255,101,0,.18)!important}
.interactive-stat:hover:before{background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.25),transparent 30%),radial-gradient(circle at 78% 80%,rgba(255,101,0,.28),transparent 34%)!important}
.interactive-stat:hover strong,.interactive-stat:hover b,.interactive-stat:hover p{color:#fff!important;text-shadow:0 2px 16px rgba(0,25,70,.34)!important}
.interactive-stat:hover:after{border-color:rgba(255,255,255,.52)!important;box-shadow:0 0 0 16px rgba(255,255,255,.09),0 0 0 34px rgba(255,101,0,.12),0 0 32px rgba(255,255,255,.32)!important}
.interactive-stat:hover .stat-pulse{background:#fff!important;box-shadow:0 0 0 6px rgba(255,255,255,.18),0 0 24px rgba(255,255,255,.95)!important}

/* The funding cards keep their photography. The 504 card gets a fresh real-world construction image. */
.fund-card:nth-child(2) .card-img img{object-position:center 54%!important}
.fund-card:nth-child(2):hover .card-img img{transform:scale(1.045)!important}
.fund-card:nth-child(3) .card-img img{object-position:center center!important}

/* Exact colored MaxOut logo on a light footer — no inversion/filtering. */
footer{background:linear-gradient(180deg,#f7fbff 0%,#eef5ff 100%)!important;color:#082957!important;border-top:7px solid transparent!important;border-image:linear-gradient(90deg,#0757ff,#1684ff 48%,#ff6500) 1!important}
.footer-logo{width:260px!important;height:auto!important;filter:none!important;display:block!important}
.footer p{color:#365b83!important;font-size:15px!important;font-weight:700!important}
.footer-links a{color:#0a3972!important}
.footer-links a:hover{color:#ff6500!important}

/* FINAL CTA GLOSS POLISH — no rectangular hover box. Only the artwork's CTA gets a moving gloss + travelling edge spark. */
.hero-hotspot,.sba-hero-hotspot{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:visible!important;
}
.hero-hotspot:before,.sba-hero-hotspot:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,0) 43%,rgba(255,255,255,.95) 49%,rgba(255,255,255,0) 55%,transparent 62%);
  transform:translateX(-125%) skewX(-10deg);
  opacity:0;
  z-index:2;
  mix-blend-mode:screen;
}
.hero-hotspot:after,.sba-hero-hotspot:after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:inherit;
  padding:2px;
  pointer-events:none;
  opacity:0;
  background:conic-gradient(from 0deg,transparent 0 73%,rgba(255,255,255,.98) 76%,#1684ff 78%,#ff6500 80%,rgba(255,255,255,.98) 82%,transparent 85%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 14px rgba(255,101,0,.42));
  z-index:3;
}
.hero-hotspot:hover:before,.hero-hotspot:focus-visible:before,
.sba-hero-hotspot:hover:before,.sba-hero-hotspot:focus-visible:before{
  opacity:1!important;
  animation:ctaGlossSweep 1.05s ease-out forwards!important;
}
.hero-hotspot:hover:after,.hero-hotspot:focus-visible:after,
.sba-hero-hotspot:hover:after,.sba-hero-hotspot:focus-visible:after{
  opacity:1!important;
  animation:ctaEdgeSpark 1.35s linear infinite!important;
  box-shadow:none!important;
  background:conic-gradient(from 0deg,transparent 0 73%,rgba(255,255,255,.98) 76%,#1684ff 78%,#ff6500 80%,rgba(255,255,255,.98) 82%,transparent 85%)!important;
}
.hero-hotspot:active,.sba-hero-hotspot:active{transform:scale(.985)!important}
@keyframes ctaGlossSweep{0%{transform:translateX(-125%) skewX(-10deg)}100%{transform:translateX(125%) skewX(-10deg)}}
@keyframes ctaEdgeSpark{to{transform:rotate(360deg)}}

/* The supplied Business Term Loans artwork is 3:2, so never force it into the 1674:888 crop. */
.image-hero-landing .image-hero-frame{
  aspect-ratio:auto!important;
  height:auto!important;
}
.image-hero-landing .image-hero-frame img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}

/* Apply the same premium gloss + edge sparkle to every real HTML CTA. */
.btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.btn:before{
  content:"";
  position:absolute;
  inset:-20%;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,0) 43%,rgba(255,255,255,.72) 49%,rgba(255,255,255,0) 55%,transparent 62%);
  transform:translateX(-125%) skewX(-10deg);
  opacity:0;
  pointer-events:none;
  z-index:0;
  mix-blend-mode:screen;
}
.btn:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background:conic-gradient(from 0deg,transparent 0 73%,rgba(255,255,255,.98) 76%,#1684ff 78%,#ff6500 80%,rgba(255,255,255,.98) 82%,transparent 85%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  pointer-events:none;
  z-index:1;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.9));
}
.btn>*{position:relative;z-index:2}
.btn:hover:before,.btn:focus-visible:before{opacity:1;animation:ctaGlossSweep 1.05s ease-out forwards}
.btn:hover:after,.btn:focus-visible:after{opacity:1;animation:ctaEdgeSpark 1.35s linear infinite}


/* LAST REQUEST — ONLY CTA GLOSS / SPARK + NO DUPLICATE HEADER CTA */
/* Keep the supplied hero artwork intact; let only the invisible CTA hotspot
   extend beyond the artwork frame so the gloss/spark is never clipped. */
.image-hero-frame{overflow:visible!important;}
.image-hero-frame>img{border-radius:22px;clip-path:inset(0 round 22px);}
.image-hero-frame:before{border-radius:22px;overflow:hidden;}
.product-hero-art{overflow:visible!important;}
.product-hero-art>img{border-radius:inherit;}
.hero-hotspot,.sba-hero-hotspot{overflow:visible!important;transform-origin:center;}
.hero-hotspot:hover,.hero-hotspot:focus-visible,.sba-hero-hotspot:hover,.sba-hero-hotspot:focus-visible{transform:scale(1.018)!important;}
.hero-hotspot:before,.sba-hero-hotspot:before{
  inset:-7px!important;
  border-radius:inherit;
  background:linear-gradient(105deg,transparent 0%,transparent 36%,rgba(255,255,255,0) 43%,rgba(255,255,255,.98) 49%,rgba(255,255,255,0) 55%,transparent 63%)!important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 16px rgba(0,87,255,.32));
}
.hero-hotspot:after,.sba-hero-hotspot:after{
  inset:-7px!important;
  border-radius:inherit;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.95)) drop-shadow(0 0 15px rgba(255,101,0,.45));
}

/* FINAL SURGICAL HERO CTA PATCH — transparent hit target + clipped instant gloss */
.image-hero-landing .hero-hotspot-quote{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.image-hero-landing .hero-hotspot-quote:before{
  content:"";
  position:absolute;
  inset:-18%;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 0%,transparent 39%,rgba(255,255,255,0) 44%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 56%,transparent 61%);
  transform:translateX(-115%) skewX(-10deg);
  opacity:0;
  z-index:1;
  mix-blend-mode:screen;
}
.image-hero-landing .hero-hotspot-quote:hover:before,
.image-hero-landing .hero-hotspot-quote:focus-visible:before{
  opacity:1;
  animation:heroCtaGloss .72s cubic-bezier(.2,.7,.25,1) 1 forwards;
}
.image-hero-landing .hero-hotspot-quote:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  pointer-events:none;
  opacity:0;
  background:conic-gradient(from 0deg,transparent 0 72%,rgba(255,255,255,.95) 76%,#1684ff 79%,#ff6500 82%,transparent 86%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.8)) drop-shadow(0 0 11px rgba(255,101,0,.35));
}
.image-hero-landing .hero-hotspot-quote:hover:after,
.image-hero-landing .hero-hotspot-quote:focus-visible:after{
  opacity:1;
  animation:heroCtaEdge .9s linear 1 forwards;
}
.image-hero-landing .hero-hotspot-quote:active{transform:scale(.985)!important}

/* CTA hit areas matched to the supplied artwork, using percentages so they scale with the image. */
.image-hero-landing .hero-hotspot-mca{left:2.7%;bottom:3.2%;width:45.2%;height:13.0%}
.image-hero-landing .hero-hotspot-equipment{left:3.6%;bottom:3.0%;width:45.0%;height:12.5%}
.image-hero-landing .hero-hotspot-line{left:2.3%;bottom:3.4%;width:44.8%;height:13.0%}
.image-hero-landing .hero-hotspot-sba504{left:2.2%;bottom:4.0%;width:47.8%;height:10.5%}

@keyframes heroCtaGloss{
  0%{transform:translateX(-115%) skewX(-10deg);opacity:0}
  12%{opacity:1}
  100%{transform:translateX(115%) skewX(-10deg);opacity:0}
}
@keyframes heroCtaEdge{
  from{transform:rotate(0deg);opacity:.95}
  to{transform:rotate(360deg);opacity:0}
}

/* The supplied logo is the source-of-truth asset; keep it as a normal external image. */
.logo,.footer-logo{height:auto}

/* Same surgical CTA treatment for the already-existing hero artwork on the home/SBA 7(a) pages. */
.image-hero-main .hero-hotspot-quote,
.sba-hero-hotspot{
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:18px!important;
}
.image-hero-main .hero-hotspot-quote:before,
.sba-hero-hotspot:before{
  content:"";
  position:absolute;
  inset:-18%;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 0%,transparent 39%,rgba(255,255,255,0) 44%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 56%,transparent 61%);
  transform:translateX(-115%) skewX(-10deg);
  opacity:0;
  z-index:1;
  mix-blend-mode:screen;
}
.image-hero-main .hero-hotspot-quote:hover:before,
.image-hero-main .hero-hotspot-quote:focus-visible:before,
.sba-hero-hotspot:hover:before,
.sba-hero-hotspot:focus-visible:before{
  opacity:1!important;
  animation:heroCtaGloss .72s cubic-bezier(.2,.7,.25,1) 1 forwards!important;
}
.image-hero-main .hero-hotspot-quote:after,
.sba-hero-hotspot:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  pointer-events:none;
  opacity:0;
  background:conic-gradient(from 0deg,transparent 0 72%,rgba(255,255,255,.95) 76%,#1684ff 79%,#ff6500 82%,transparent 86%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.8)) drop-shadow(0 0 11px rgba(255,101,0,.35));
}
.image-hero-main .hero-hotspot-quote:hover:after,
.image-hero-main .hero-hotspot-quote:focus-visible:after,
.sba-hero-hotspot:hover:after,
.sba-hero-hotspot:focus-visible:after{
  opacity:1!important;
  animation:heroCtaEdge .9s linear 1 forwards!important;
  box-shadow:none!important;
}


/* FINAL SURGICAL PATCH — viewport-fit hero sizing + CTA gloss only + extracted logo */
/* The supplied hero artwork remains unchanged; the frame scales proportionally to the device viewport. */
@supports (height: 100svh){
  .image-hero-landing .image-hero-frame{
    width:min(100%, calc((100svh - 150px) * 1.5))!important;
    height:min(calc(100svh - 150px), 78svh)!important;
    aspect-ratio:3 / 2!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .image-hero-landing .image-hero-frame > img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
}
@media (max-width:720px){
  .image-hero-landing .image-hero-frame{
    width:100%!important;
    height:auto!important;
    aspect-ratio:auto!important;
  }
  .image-hero-landing .image-hero-frame > img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}
/* SBA 7(a) artwork gets the same device-aware viewport treatment. */
@supports (height:100svh){
  .sba-product-hero .product-hero-art{
    width:min(100%, calc((100svh - 150px) * 1.711))!important;
    max-height:min(calc(100svh - 150px),78svh)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .sba-product-hero .product-hero-art > img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* CTA: invisible hit target; glossy sweep only. NO frame, ring, border, glow-box or spark outline. */
.hero-hotspot,.sba-hero-hotspot{
  border:0!important;
  outline:none!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.hero-hotspot:after,.sba-hero-hotspot:after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  animation:none!important;
  box-shadow:none!important;
  border:0!important;
  background:none!important;
}
.hero-hotspot:before,.sba-hero-hotspot:before{
  content:""!important;
  position:absolute!important;
  inset:-4%!important;
  border:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(105deg,transparent 0%,transparent 40%,rgba(255,255,255,0) 45%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 55%,transparent 60%)!important;
  transform:translateX(-125%) skewX(-10deg)!important;
  opacity:0!important;
  mix-blend-mode:screen!important;
  filter:blur(.25px)!important;
  z-index:2!important;
  animation:none!important;
}
.hero-hotspot:hover:before,.hero-hotspot:focus-visible:before,
.sba-hero-hotspot:hover:before,.sba-hero-hotspot:focus-visible:before{
  opacity:1!important;
  animation:instantHeroCtaGloss .68s cubic-bezier(.18,.72,.22,1) 0s 1 forwards!important;
}
@keyframes instantHeroCtaGloss{
  0%{transform:translateX(-125%) skewX(-10deg);opacity:0}
  8%{opacity:1}
  100%{transform:translateX(125%) skewX(-10deg);opacity:0}
}
/* Extracted/cropped logo uses the supplied exact artwork without the gray/white surrounding canvas. */
.logo,.footer-logo{filter:none!important;object-fit:contain!important;object-position:center!important}
.logo{width:260px!important}
.footer-logo{width:260px!important}
/* FINAL SURGICAL FIX — HERO SCALE + CTA GLOSS/SPARK
   Only affects the supplied image heroes and their invisible CTA hotspots. */

/* Make the full hero artwork large enough to read, while fitting inside one viewport.
   Preserve the artwork's complete aspect ratio: no crop, no stretch, no distortion. */
.image-hero-landing{
  padding-top:12px!important;
  padding-bottom:20px!important;
}
.image-hero-landing .image-hero-frame{
  width:auto!important;
  height:min(calc(100svh - 115px), 74svh)!important;
  max-width:100%!important;
  aspect-ratio:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
}
.image-hero-landing .image-hero-frame > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* SBA 7(a): same principle — full artwork, substantially larger than the previous patch,
   but constrained by the actual viewport so the hero does not become a scrolling block. */
.sba-product-hero{
  padding-top:12px!important;
  padding-bottom:30px!important;
}
.sba-product-hero .product-hero-art{
  width:auto!important;
  height:min(calc(100svh - 115px), 74svh)!important;
  max-width:100%!important;
  max-height:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
}
.sba-product-hero .product-hero-art > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* Invisible CTA target. No static border, box, rectangle, background or outline. */
.image-hero-landing .hero-hotspot-quote,
.image-hero-main .hero-hotspot-quote,
.sba-hero-hotspot{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* Immediate glossy sweep clipped to the exact CTA hit area. */
.image-hero-landing .hero-hotspot-quote::before,
.image-hero-main .hero-hotspot-quote::before,
.sba-hero-hotspot::before{
  content:""!important;
  position:absolute!important;
  inset:-25%!important;
  border:0!important;
  border-radius:inherit!important;
  background:linear-gradient(105deg,
    transparent 35%,
    rgba(255,255,255,0) 43%,
    rgba(255,255,255,.95) 50%,
    rgba(255,255,255,0) 57%,
    transparent 65%)!important;
  transform:translateX(-125%) skewX(-10deg)!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:2!important;
  mix-blend-mode:screen!important;
  filter:blur(.2px)!important;
}
.image-hero-landing .hero-hotspot-quote:hover::before,
.image-hero-landing .hero-hotspot-quote:focus-visible::before,
.image-hero-main .hero-hotspot-quote:hover::before,
.image-hero-main .hero-hotspot-quote:focus-visible::before,
.sba-hero-hotspot:hover::before,
.sba-hero-hotspot:focus-visible::before{
  opacity:1!important;
  animation:maxoutCtaGloss .52s cubic-bezier(.18,.72,.28,1) 1!important;
  animation-delay:0s!important;
}

/* A moving sparkle travels around the CTA perimeter.
   Only the moving segment is visible; there is NO permanent frame. */
.image-hero-landing .hero-hotspot-quote::after,
.image-hero-main .hero-hotspot-quote::after,
.sba-hero-hotspot::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:2px!important;
  background:conic-gradient(from 0deg,
    transparent 0deg 286deg,
    rgba(255,255,255,0) 286deg,
    rgba(255,255,255,.98) 292deg,
    #1684ff 297deg,
    #ff6500 302deg,
    rgba(255,255,255,.98) 308deg,
    transparent 314deg 360deg)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:3!important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.95)) drop-shadow(0 0 9px rgba(0,87,255,.75)) drop-shadow(0 0 11px rgba(255,101,0,.55))!important;
}
.image-hero-landing .hero-hotspot-quote:hover::after,
.image-hero-landing .hero-hotspot-quote:focus-visible::after,
.image-hero-main .hero-hotspot-quote:hover::after,
.image-hero-main .hero-hotspot-quote:focus-visible::after,
.sba-hero-hotspot:hover::after,
.sba-hero-hotspot:focus-visible::after{
  opacity:1!important;
  animation:maxoutCtaSpark .72s linear infinite!important;
  animation-delay:0s!important;
}

@keyframes maxoutCtaGloss{
  0%{transform:translateX(-125%) skewX(-10deg);opacity:0}
  10%{opacity:1}
  100%{transform:translateX(125%) skewX(-10deg);opacity:0}
}
@keyframes maxoutCtaSpark{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

/* Keep mobile responsive without forcing a tiny desktop-style box. */
@media (max-width:720px){
  .image-hero-landing{
    padding-top:8px!important;
    padding-bottom:14px!important;
  }
  .image-hero-landing .image-hero-frame,
  .sba-product-hero .product-hero-art{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
  .image-hero-landing .image-hero-frame > img,
  .sba-product-hero .product-hero-art > img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* USER-REQUESTED FINAL HERO CORRECTION ONLY
   Match the landing-page hero presentation to the main website hero:
   full-width, one-viewport hero frame, no internal white side bars. */
header{position:sticky!important;top:0!important;z-index:1000!important;}
.image-hero-landing{padding:0!important;overflow:hidden!important;}
.image-hero-landing .wrap{width:min(1260px,100%)!important;}
.image-hero-landing .image-hero-frame{
  width:100%!important;
  height:clamp(560px,calc(100svh - 92px),720px)!important;
  max-width:none!important;
  aspect-ratio:1674 / 888!important;
  margin:0!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  background:#fff!important;
  overflow:hidden!important;
}
.image-hero-landing .image-hero-frame > img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
  clip-path:none!important;
}
/* Keep the supplied CTA artwork visible near the lower portion of the cropped hero. */
.image-hero-landing .hero-hotspot-quote{
  border-radius:18px!important;
  overflow:hidden!important;
}
@media(max-width:720px){
  .image-hero-landing .image-hero-frame{
    width:100%!important;
    height:calc(100svh - 76px)!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1674 / 888!important;
  }
  .image-hero-landing .image-hero-frame > img{object-fit:cover!important;object-position:center center!important;}
}

/* Restore the same one-screen treatment for the dedicated SBA 7(a) artwork. */
.sba-product-hero{padding:0!important;overflow:hidden!important;}
.sba-product-hero > .wrap{width:min(1260px,100%)!important;}
.sba-product-hero .product-hero-art{
  width:100%!important;
  height:clamp(560px,calc(100svh - 92px),720px)!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1674 / 888!important;
  margin:0!important;
  overflow:hidden!important;
}
.sba-product-hero .product-hero-art > img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:720px){
  .sba-product-hero .product-hero-art{
    width:100%!important;
    height:calc(100svh - 76px)!important;
    aspect-ratio:1674 / 888!important;
  }
  .sba-product-hero .product-hero-art > img{object-fit:cover!important;object-position:center center!important;}
}

/* CTA hover: immediate glossy sweep + a moving sparkle around the actual CTA shape.
   No permanent frame or rectangular hover box. */
.image-hero-landing .hero-hotspot-quote,
.image-hero-main .hero-hotspot-quote,
.sba-hero-hotspot{cursor:pointer!important;}
.image-hero-landing .hero-hotspot-quote::before,
.image-hero-main .hero-hotspot-quote::before,
.sba-hero-hotspot::before{
  inset:-20%!important;
  border-radius:inherit!important;
  opacity:0!important;
  animation:none!important;
}
.image-hero-landing .hero-hotspot-quote:hover::before,
.image-hero-main .hero-hotspot-quote:hover::before,
.sba-hero-hotspot:hover::before,
.image-hero-landing .hero-hotspot-quote:focus-visible::before,
.image-hero-main .hero-hotspot-quote:focus-visible::before,
.sba-hero-hotspot:focus-visible::before{
  opacity:1!important;
  animation:maxoutCtaGloss .55s cubic-bezier(.18,.72,.28,1) 0s 1!important;
}
.image-hero-landing .hero-hotspot-quote::after,
.image-hero-main .hero-hotspot-quote::after,
.sba-hero-hotspot::after{
  display:block!important;
  content:""!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:2px!important;
  opacity:0!important;
  background:conic-gradient(from 0deg,transparent 0 286deg,rgba(255,255,255,.98) 292deg,#1684ff 297deg,#ff6500 302deg,rgba(255,255,255,.98) 308deg,transparent 314deg 360deg)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.95)) drop-shadow(0 0 9px rgba(0,87,255,.75)) drop-shadow(0 0 11px rgba(255,101,0,.55))!important;
}
.image-hero-landing .hero-hotspot-quote:hover::after,
.image-hero-main .hero-hotspot-quote:hover::after,
.sba-hero-hotspot:hover::after,
.image-hero-landing .hero-hotspot-quote:focus-visible::after,
.image-hero-main .hero-hotspot-quote:focus-visible::after,
.sba-hero-hotspot:focus-visible::after{
  opacity:1!important;
  animation:maxoutCtaSpark .72s linear infinite!important;
}

/* =========================================================
   FINAL SURGICAL FIX — HERO FIT + FIXED PANEL + CTA EFFECTS
   Do not alter cards, story images, copy, or other sections.
   ========================================================= */

/* Keep the website panel permanently visible while scrolling. */
html{scroll-padding-top:103px!important;}
.topline{
  position:fixed!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  z-index:1002!important;
}
header{
  position:fixed!important;
  top:7px!important;
  left:0!important;
  width:100%!important;
  z-index:1001!important;
}
body{padding-top:103px!important;}

/* The supplied landing-page artwork is the complete hero.
   Scale the COMPLETE artwork to the available one-screen hero frame.
   No contain box, no white bars, no cropping, no hidden CTA. */
.image-hero-landing{
  padding:0!important;
  margin:0!important;
  height:calc(100svh - 103px)!important;
  min-height:0!important;
  max-height:calc(100svh - 103px)!important;
  overflow:hidden!important;
  background:#fff!important;
}
.image-hero-landing .wrap{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
}
.image-hero-landing .image-hero-frame{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.image-hero-landing .image-hero-frame > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:fill!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
}

/* Same one-screen treatment for SBA 7(a), which uses its own hero wrapper. */
.sba-product-hero{
  padding:0!important;
  margin:0!important;
  height:calc(100svh - 103px)!important;
  min-height:0!important;
  max-height:calc(100svh - 103px)!important;
  overflow:hidden!important;
}
.sba-product-hero > .wrap{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
}
.sba-product-hero .product-hero-art{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.sba-product-hero .product-hero-art > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  object-position:center center!important;
}

/* CTA hotspot: invisible at rest; hover effect is clipped to the CTA itself. */
.image-hero .hero-hotspot,
.sba-hero-hotspot{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform:none!important;
}
.image-hero .hero-hotspot:hover,
.image-hero .hero-hotspot:focus-visible,
.sba-hero-hotspot:hover,
.sba-hero-hotspot:focus-visible{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Immediate glossy sweep — zero delay. */
.image-hero .hero-hotspot::before,
.sba-hero-hotspot::before{
  content:""!important;
  position:absolute!important;
  inset:-25%!important;
  border:0!important;
  border-radius:inherit!important;
  background:linear-gradient(108deg,
    transparent 36%,
    rgba(255,255,255,0) 42%,
    rgba(255,255,255,.92) 49%,
    rgba(255,255,255,0) 56%,
    transparent 64%)!important;
  opacity:0!important;
  transform:translateX(-125%) skewX(-10deg)!important;
  pointer-events:none!important;
  z-index:20!important;
  animation:none!important;
}
.image-hero .hero-hotspot:hover::before,
.image-hero .hero-hotspot:focus-visible::before,
.sba-hero-hotspot:hover::before,
.sba-hero-hotspot:focus-visible::before{
  opacity:1!important;
  animation:maxoutCtaGloss .55s cubic-bezier(.18,.72,.28,1) 0s 1!important;
}

/* Travelling sparkle follows the actual rounded CTA perimeter — no box/frame. */
.image-hero .hero-hotspot::after,
.sba-hero-hotspot::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border:0!important;
  border-radius:inherit!important;
  padding:2px!important;
  background:conic-gradient(from 0deg,
    transparent 0 72%,
    rgba(255,255,255,.98) 74%,
    #1684ff 76%,
    #fff 78%,
    #ff6500 80%,
    rgba(255,255,255,.98) 82%,
    transparent 85% 100%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:21!important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.95)) drop-shadow(0 0 9px rgba(0,87,255,.75)) drop-shadow(0 0 11px rgba(255,101,0,.55))!important;
}
.image-hero .hero-hotspot:hover::after,
.image-hero .hero-hotspot:focus-visible::after,
.sba-hero-hotspot:hover::after,
.sba-hero-hotspot:focus-visible::after{
  opacity:1!important;
  animation:maxoutCtaSpark .72s linear infinite!important;
}

/* Remove any animation delay inherited from earlier rules. */
.image-hero .hero-hotspot:hover::before,
.image-hero .hero-hotspot:hover::after,
.sba-hero-hotspot:hover::before,
.sba-hero-hotspot:hover::after{
  animation-delay:0s!important;
}

@media(max-width:720px){
  html{scroll-padding-top:83px!important;}
  body{padding-top:83px!important;}
  header{top:7px!important;}
  .image-hero-landing{
    height:calc(100svh - 83px)!important;
    max-height:calc(100svh - 83px)!important;
  }
  .sba-product-hero{
    height:calc(100svh - 83px)!important;
    max-height:calc(100svh - 83px)!important;
  }
}

/* =========================================================
   SURGICAL PATCH — STORY IMAGE/CONTENT BALANCE + HOVER POLISH
   Only spacing, sizing, and requested hover behavior.
   Do not replace or modify any image assets.
   ========================================================= */

/* Keep every landing-page story image the same height as the content beside it.
   The image itself is unchanged; only its displayed container is constrained to
   the natural height of the two-column row. */
@media (min-width:1081px){
  .section:has(.story){padding-top:76px!important;padding-bottom:76px!important;}
  .story{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:56px!important;
    align-items:stretch!important;
  }
  .story-img{
    min-height:0!important;
    height:auto!important;
    align-self:stretch!important;
  }
  .story-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* At tablet/mobile, keep the image moderate rather than allowing a tall source
   image to create a second unnecessary screen of scrolling. */
@media (max-width:1080px){
  .section:has(.story){padding-top:72px!important;padding-bottom:72px!important;}
  .story{gap:42px!important;align-items:start!important;}
  .story-img{min-height:0!important;height:clamp(320px,55vw,500px)!important;}
  .story-img img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;}
}
@media (max-width:720px){
  .section:has(.story){padding-top:58px!important;padding-bottom:58px!important;}
  .story{gap:34px!important;}
  .story-img{height:clamp(280px,72vw,430px)!important;}
}

/* Match the premium circular-metric hover language on the funding cards:
   lift + blue/orange energy + glossy sweep + moving edge spark.
   Existing card photography, text, order and dimensions remain unchanged. */
.fund-card{transition:transform .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s,opacity .42s,filter .42s,border-color .3s!important;}
.fund-card:hover{
  border-color:rgba(255,101,0,.48)!important;
  box-shadow:0 36px 80px rgba(0,87,255,.25),0 0 0 2px rgba(255,101,0,.24),0 0 34px rgba(0,87,255,.14)!important;
}
.fund-card:hover .card-body{
  background:radial-gradient(circle at 18% 10%,rgba(0,87,255,.055),transparent 34%),radial-gradient(circle at 88% 88%,rgba(255,101,0,.055),transparent 34%),#fff!important;
}
.fund-card:hover h3{color:#0757ff!important;text-shadow:0 2px 12px rgba(0,87,255,.10);}
.fund-card:hover .badge-mini{background:linear-gradient(135deg,#0757ff 0%,#1684ff 52%,#ff6500 100%)!important;box-shadow:0 7px 20px rgba(0,87,255,.18);}

/* The existing .gloss/.trace elements provide the card sweep and travelling
   spark. Make them immediate, like the requested circle hover interaction. */
.fund-card:hover .gloss{animation:gloss .62s ease-out 0s 1!important;}
.fund-card:hover .trace{opacity:1!important;}

/* All CTA glossy sweeps begin immediately — no animation delay. */
.btn:hover:before,.btn:focus-visible:before{
  animation:ctaGlossSweep .58s cubic-bezier(.18,.72,.28,1) 0s 1!important;
}
.btn:hover:after,.btn:focus-visible:after{
  animation:ctaEdgeSpark .85s linear 0s 1!important;
}

/* Hero artwork CTA: immediate gloss + travelling sparkle, clipped to the
   invisible CTA hit area so no square/frame is visible. */
.image-hero-landing .hero-hotspot-quote:hover::before,
.image-hero-landing .hero-hotspot-quote:focus-visible::before,
.image-hero-main .hero-hotspot-quote:hover::before,
.image-hero-main .hero-hotspot-quote:focus-visible::before,
.sba-hero-hotspot:hover::before,
.sba-hero-hotspot:focus-visible::before{
  animation:maxoutCtaGloss .55s cubic-bezier(.18,.72,.28,1) 0s 1!important;
  animation-delay:0s!important;
}
.image-hero-landing .hero-hotspot-quote:hover::after,
.image-hero-landing .hero-hotspot-quote:focus-visible::after,
.image-hero-main .hero-hotspot-quote:hover::after,
.image-hero-main .hero-hotspot-quote:focus-visible::after,
.sba-hero-hotspot:hover::after,
.sba-hero-hotspot:focus-visible::after{
  animation:maxoutCtaSpark .72s linear 0s 1!important;
  animation-delay:0s!important;
}

/* =========================================================
   FORM / APPLICATION SECTION — LIGHT MAXOUT CONVERSION TREATMENT
   Keep the existing section, routes, artwork and page structure.
   ========================================================= */

/* Keep the site's light financial-services background language. */
body{background:#f7f9fc!important;}
.image-hero,.image-hero-landing,.sba-product-hero,.hero{background:#fff!important;}

/* Existing application/quote panel becomes the premium conversion object. */
.quote-panel{
  position:sticky!important;
  top:118px!important;
  padding:30px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbff 72%,#eef5ff 100%)!important;
  color:var(--ink)!important;
  border:1px solid #d8e6f5!important;
  box-shadow:0 24px 65px rgba(0,64,170,.14),0 0 0 1px rgba(0,87,255,.05)!important;
  overflow:hidden!important;
}
.quote-panel:before{content:""!important;position:absolute!important;inset:0!important;right:auto!important;top:auto!important;width:100%!important;height:4px!important;background:linear-gradient(90deg,var(--blue),#1684ff 52%,var(--orange))!important;opacity:1!important;}
.quote-panel:after{content:""!important;position:absolute!important;right:-90px!important;top:-90px!important;width:220px!important;height:220px!important;border-radius:50%!important;border:2px solid rgba(0,87,255,.07)!important;box-shadow:0 0 0 20px rgba(255,101,0,.025),0 0 0 42px rgba(0,87,255,.02)!important;pointer-events:none!important;}
.quote-panel .eyebrow{position:relative!important;z-index:2!important;color:var(--blue)!important;margin-bottom:10px!important;}
.quote-panel h2{position:relative!important;z-index:2!important;font-family:'Barlow Condensed',sans-serif!important;font-style:italic!important;font-weight:900!important;font-size:clamp(44px,4.1vw,66px)!important;line-height:.86!important;color:#082957!important;text-shadow:none!important;margin:0 0 18px!important;text-transform:uppercase!important;}
.quote-panel p{position:relative!important;z-index:2!important;font-family:Manrope,Arial,sans-serif!important;font-size:14px!important;line-height:1.55!important;font-weight:650!important;color:#52677f!important;}

/* Existing empty GHL/form area: clean premium container and future-field styling. */
.quote-panel .ghl{
  position:relative!important;
  z-index:2!important;
  min-height:300px!important;
  margin-top:18px!important;
  padding:24px!important;
  border:1px solid #d7e5f5!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 12px 30px rgba(0,64,170,.07)!important;
  color:#52677f!important;
  font-size:15px!important;
}
.quote-panel .ghl input,
.quote-panel .ghl select,
.quote-panel .ghl textarea{
  width:100%!important;
  min-height:52px!important;
  padding:13px 15px!important;
  border:1px solid #cbdbea!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#173d69!important;
  font:600 15px Manrope,Arial,sans-serif!important;
  outline:0!important;
  transition:border-color .22s,box-shadow .22s!important;
}
.quote-panel .ghl input:focus,
.quote-panel .ghl select:focus,
.quote-panel .ghl textarea:focus{
  border-color:var(--blue)!important;
  box-shadow:0 0 0 3px rgba(0,87,255,.10),0 0 18px rgba(255,101,0,.06)!important;
}
.quote-panel .ghl label{font:800 13px Manrope,Arial,sans-serif!important;color:#173d69!important;}

/* If the real form is inserted later, its primary button inherits MaxOut behavior. */
.quote-panel .ghl button,
.quote-panel .ghl input[type="submit"]{
  min-height:54px!important;
  border:0!important;
  border-radius:10px!important;
  padding:0 24px!important;
  background:linear-gradient(135deg,var(--orange),#ff8d25)!important;
  color:#fff!important;
  font:900 15px Manrope,Arial,sans-serif!important;
  box-shadow:0 12px 28px rgba(244,119,33,.24)!important;
  cursor:pointer!important;
  transition:transform .25s,box-shadow .25s!important;
}
.quote-panel .ghl button:hover,
.quote-panel .ghl input[type="submit"]:hover{transform:translateY(-3px)!important;box-shadow:0 18px 34px rgba(244,119,33,.34)!important;}

/* CTA language remains the same site-wide: orange, immediate gloss, no frame. */
.quote-panel .btn,
.quote-panel .form-submit{position:relative!important;overflow:hidden!important;isolation:isolate!important;}
.quote-panel .btn:before,
.quote-panel .form-submit:before{content:"";position:absolute;inset:-30%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.82) 50%,transparent 60%);transform:translateX(-120%) skewX(-10deg);opacity:0;pointer-events:none;z-index:0;}
.quote-panel .btn:hover:before,
.quote-panel .form-submit:hover:before{opacity:1;animation:ctaGlossSweep .58s cubic-bezier(.18,.72,.28,1) 0s 1;}
.quote-panel .btn>*{position:relative;z-index:1;}

/* =========================================================
   SBA 7(a) — restore the intended page order.
   The hero artwork is one screen; the program information + form
   must remain visible below it; the story picture follows them.
   ========================================================= */
.sba-product-hero{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0 0 62px!important;
  background:#fff!important;
}
.sba-product-hero > .wrap{
  width:min(1260px,calc(100% - 52px))!important;
  height:auto!important;
  max-width:1260px!important;
}
.sba-product-hero .product-hero-art{
  width:100%!important;
  height:clamp(560px,calc(100svh - 103px),720px)!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
}
.sba-product-hero .product-hero-art > img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.sba-product-hero .product-under{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)!important;
  gap:38px!important;
  align-items:start!important;
  margin-top:42px!important;
}
.sba-product-hero .product-under .quote-panel{
  position:sticky!important;
  top:118px!important;
}

/* Moderate the whitespace below the circular metrics without removing the section. */
.stat-section{padding-bottom:58px!important;}

@media(max-width:1080px){
  .sba-product-hero{padding-bottom:52px!important;}
  .sba-product-hero > .wrap{width:min(100% - 30px,1260px)!important;}
  .sba-product-hero .product-hero-art{height:auto!important;aspect-ratio:1674 / 888!important;}
  .sba-product-hero .product-hero-art > img{height:auto!important;object-fit:contain!important;}
  .sba-product-hero .product-under{grid-template-columns:1fr!important;}
  .sba-product-hero .product-under .quote-panel{position:relative!important;top:auto!important;}
  .quote-panel{position:relative!important;top:auto!important;}
}
@media(max-width:720px){
  .stat-section{padding-bottom:48px!important;}
  .sba-product-hero{padding-bottom:42px!important;}
  .quote-panel{padding:24px!important;border-radius:20px!important;}
  .quote-panel h2{font-size:48px!important;}
}

/* Visual application fields for the existing quote/form area. No new section or route. */
.maxout-form-shell{min-height:0!important;padding:20px!important;}
.maxout-form{position:relative;z-index:2;width:100%;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-grid label{display:flex;flex-direction:column;gap:7px;font:800 12px Manrope,Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#173d69;}
.form-grid label.full{grid-column:1/-1;}
.form-grid input,.form-grid select{width:100%;min-height:50px;padding:12px 13px;border:1px solid #cbdbea;border-radius:10px;background:#fff;color:#173d69;font:600 14px Manrope,Arial,sans-serif;outline:0;transition:border-color .22s,box-shadow .22s,transform .22s;}
.form-grid input::placeholder{color:#8aa0b5;}
.form-grid input:focus,.form-grid select:focus{border-color:#0057ff;box-shadow:0 0 0 3px rgba(0,87,255,.10),0 0 18px rgba(255,101,0,.06);}
.maxout-form-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin-top:16px;border:0;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#ff6500,#ff8d25);color:#fff;font:900 15px Manrope,Arial,sans-serif;cursor:pointer;box-shadow:0 14px 30px rgba(244,119,33,.24);transition:transform .25s,box-shadow .25s;isolation:isolate;}
.maxout-form-submit:before{content:"";position:absolute;inset:-35%;background:linear-gradient(105deg,transparent 39%,rgba(255,255,255,.84) 50%,transparent 61%);transform:translateX(-120%) skewX(-10deg);opacity:0;pointer-events:none;z-index:-1;}
.maxout-form-submit:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(244,119,33,.34);}
.maxout-form-submit:hover:before{opacity:1;animation:ctaGlossSweep .58s cubic-bezier(.18,.72,.28,1) 0s 1;}
.maxout-form-submit span{font-size:22px;transition:transform .25s;}
.maxout-form-submit:hover span{transform:translateX(8px);}
@media(max-width:720px){.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.maxout-form-shell{padding:16px!important;}}


/* =========================================================
   USER-SPECIFIC FINAL SURGICAL PATCH
   1) Restore landing-page quote holders to blue + EMPTY GHL-ready area.
   2) Align landing quote holder lower with the At-a-Glance block.
   3) Fix ONLY SBA 7(a) hero: show the COMPLETE supplied artwork, no crop.
   4) Style ONLY the main website's bottom application section.
   ========================================================= */

/* Landing-page quote holder: restore the approved blue holder. The actual GHL
   form is intentionally absent/empty so it can be inserted later. */
.product-grid > .quote-panel,
.product-under > .quote-panel{
  align-self:end!important;
  position:sticky!important;
  top:118px!important;
  padding:30px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#003bb5 0%,#0757ff 56%,#ff6500 155%)!important;
  color:#fff!important;
  border:2px solid rgba(255,101,0,.68)!important;
  box-shadow:0 30px 75px rgba(0,70,180,.24),0 0 35px rgba(255,101,0,.10)!important;
  overflow:hidden!important;
}
.product-grid > .quote-panel .eyebrow,
.product-under > .quote-panel .eyebrow{
  color:#ffb16e!important;
}
.product-grid > .quote-panel h2,
.product-under > .quote-panel h2{
  color:#fff!important;
  text-shadow:0 3px 0 rgba(0,0,0,.08)!important;
}
.product-grid > .quote-panel .ghl,
.product-under > .quote-panel .ghl{
  min-height:300px!important;
  margin-top:20px!important;
  padding:0!important;
  background:#fff!important;
  border:2px solid rgba(255,255,255,.78)!important;
  border-radius:14px!important;
  box-shadow:0 14px 34px rgba(0,40,120,.14)!important;
  display:block!important;
}
.product-grid > .quote-panel > p,
.product-under > .quote-panel > p{display:none!important;}

/* SBA 7(a) ONLY: use the artwork's actual 1600:935 ratio so the complete
   image is visible. No object-cover crop and no artificial viewport-height crop. */
.sba-product-hero .product-hero-art{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1600 / 935!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.sba-product-hero .product-hero-art > img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media(min-width:1081px){
  .sba-product-hero .product-hero-art{max-width:1260px!important;margin-left:auto!important;margin-right:auto!important;}
}
@media(max-width:1080px){
  .sba-product-hero .product-hero-art{width:100%!important;height:auto!important;aspect-ratio:1600 / 935!important;}
  .sba-product-hero .product-hero-art > img{width:100%!important;height:auto!important;object-fit:contain!important;}
}

/* Main website ONLY: premium light bottom application section.
   The right-hand form holder is intentionally empty for GHL insertion. */
.maxout-bottom-application{
  padding:86px 0 96px!important;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important;
  overflow:hidden!important;
}
.maxout-application-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)!important;
  gap:64px!important;
  align-items:center!important;
}
.maxout-application-copy{min-width:0!important;}
.maxout-application-copy .eyebrow{
  display:inline-block!important;
  margin:0 0 16px!important;
  color:#0757ff!important;
  font:900 18px/1 'Barlow Condensed',Arial,sans-serif!important;
  font-style:italic!important;
  letter-spacing:.035em!important;
}
.maxout-application-copy h2{
  margin:0 0 22px!important;
  font:900 clamp(60px,6vw,92px)/.84 'Barlow Condensed',Arial,sans-serif!important;
  font-style:italic!important;
  letter-spacing:-.02em!important;
  color:#082957!important;
}
.maxout-application-copy h2 span{color:#ff6500!important;}
.maxout-application-copy > p{
  max-width:700px!important;
  margin:0 0 30px!important;
  font:600 clamp(18px,1.55vw,22px)/1.55 Manrope,Arial,sans-serif!important;
  color:#365b83!important;
}
.maxout-trust-list{display:grid!important;gap:18px!important;max-width:760px!important;}
.maxout-trust-item{
  padding:18px 20px!important;
  border-left:5px solid #0757ff!important;
  background:linear-gradient(90deg,#eef5ff,#fff)!important;
  box-shadow:0 12px 28px rgba(0,64,170,.07)!important;
}
.maxout-trust-item:nth-child(2){border-left-color:#ff6500!important;}
.maxout-trust-item strong{
  display:block!important;
  margin-bottom:6px!important;
  font:900 22px/1 'Barlow Condensed',Arial,sans-serif!important;
  font-style:italic!important;
  color:#082957!important;
}
.maxout-trust-item span{
  display:block!important;
  font:650 15px/1.5 Manrope,Arial,sans-serif!important;
  color:#496681!important;
}
.maxout-bottom-form-holder{
  position:relative!important;
  min-height:500px!important;
  padding:26px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#003bb5 0%,#0757ff 56%,#ff6500 155%)!important;
  border:2px solid rgba(255,101,0,.68)!important;
  box-shadow:0 30px 75px rgba(0,70,180,.22),0 0 35px rgba(255,101,0,.10)!important;
  overflow:hidden!important;
}
.maxout-bottom-form-holder:before{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;
  height:5px!important;
  background:linear-gradient(90deg,#1684ff,#fff,#ff6500)!important;
  opacity:.9!important;
}
.maxout-bottom-form-blank{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-height:448px!important;
  height:100%!important;
  border-radius:16px!important;
  background:#fff!important;
  border:2px solid rgba(255,255,255,.85)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 34px rgba(0,40,120,.14)!important;
}
@media(max-width:1080px){
  .product-grid > .quote-panel,
  .product-under > .quote-panel{position:relative!important;top:auto!important;}
  .maxout-application-grid{grid-template-columns:1fr!important;gap:42px!important;}
  .maxout-bottom-form-holder{min-height:430px!important;}
  .maxout-bottom-form-blank{min-height:378px!important;}
}
@media(max-width:720px){
  .maxout-bottom-application{padding:62px 0 70px!important;}
  .maxout-application-grid{gap:32px!important;}
  .maxout-application-copy h2{font-size:clamp(54px,15vw,76px)!important;}
  .maxout-bottom-form-holder{min-height:360px!important;padding:18px!important;border-radius:20px!important;}
  .maxout-bottom-form-blank{min-height:324px!important;border-radius:13px!important;}
}


/* =========================================================
   FINAL USER-SPECIFIC SURGICAL FIX — DO NOT ALTER OTHER SECTIONS
   - Restore SBA 7(a) hero to full-width natural artwork (no crop, no forced viewport box).
   - Keep landing-page quote holders blue with their existing heading/label.
   - Main website hero is intentionally NOT modified.
   - Add only the requested heading inside the MAIN site's bottom blue form holder.
   ========================================================= */

/* SBA 7(a): the supplied artwork controls its own height. Never shrink it into
   a narrow viewport-sized box and never use object-cover cropping. */
.sba-product-hero{
  padding:10px 0 28px!important;
}
.sba-product-hero .product-hero-art{
  width:100%!important;
  max-width:1260px!important;
  height:auto!important;
  aspect-ratio:auto!important;
  max-height:none!important;
  min-height:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.sba-product-hero .product-hero-art > img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* Keep the landing-page quote holder itself blue and preserve the existing
   heading/eyebrow. The white GHL area remains completely empty. */
.product-under > .quote-panel,
.product-grid > .quote-panel{
  background:linear-gradient(145deg,#003bb5 0%,#0757ff 56%,#ff6500 155%)!important;
  color:#fff!important;
}
.product-under > .quote-panel .eyebrow,
.product-grid > .quote-panel .eyebrow{
  color:#ffb16e!important;
}
.product-under > .quote-panel h2,
.product-grid > .quote-panel h2{
  color:#fff!important;
}
.product-under > .quote-panel .ghl,
.product-grid > .quote-panel .ghl{
  background:#fff!important;
  min-height:300px!important;
  padding:0!important;
  border:2px solid rgba(255,255,255,.78)!important;
}

/* Main website bottom form holder: keep the actual form area EMPTY, but restore
   the same simple white-on-blue form heading language used by the landing pages. */
.maxout-bottom-form-holder{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:16px!important;
  padding:30px!important;
}
.maxout-bottom-form-holder::after{
  content:"NEXT MOVE\A GET MY FREE QUOTE"!important;
  white-space:pre!important;
  display:block!important;
  position:relative!important;
  z-index:3!important;
  order:-1!important;
  font:900 clamp(38px,3.4vw,54px)/.84 'Barlow Condensed',Arial,sans-serif!important;
  font-style:italic!important;
  text-transform:uppercase!important;
  color:#fff!important;
  text-shadow:0 3px 0 rgba(0,0,0,.08)!important;
  pointer-events:none!important;
}
.maxout-bottom-form-blank{
  flex:1 1 auto!important;
  min-height:390px!important;
  height:auto!important;
}
@media(max-width:1080px){
  .maxout-bottom-form-holder{padding:26px!important;}
  .maxout-bottom-form-holder::after{font-size:48px!important;}
  .maxout-bottom-form-blank{min-height:330px!important;}
}
@media(max-width:720px){
  .sba-product-hero{padding:6px 0 22px!important;}
  .maxout-bottom-form-holder{padding:22px!important;}
  .maxout-bottom-form-holder::after{font-size:42px!important;}
  .maxout-bottom-form-blank{min-height:290px!important;}
}

/* =========================================================
   FINAL SURGICAL CORRECTION — USER'S LAST REQUEST
   ONLY:
   1) restore full-width hero presentation without side white bars/cropping
   2) keep SBA 7(a) artwork complete and naturally scaled
   3) keep landing-page quote holders empty/blue
   4) restyle ONLY the main-site bottom application copy in radiant blue/orange
   5) keep story image/content heights matched
   ========================================================= */

/* Main website hero: use the supplied artwork as the complete hero, edge-to-edge.
   Do not create a smaller centered picture or crop the artwork. */
.image-hero-main{
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
.image-hero-main .wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.image-hero-main .image-hero-frame{
  width:100%!important;
  max-width:none!important;
  height:calc(100svh - 103px)!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  overflow:hidden!important;
  aspect-ratio:auto!important;
}
.image-hero-main .image-hero-frame > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:fill!important;
  object-position:center center!important;
  transform:none!important;
  border-radius:0!important;
}

/* Dedicated SBA 7(a): full supplied artwork, no crop and no white side gutter. */
.sba-product-hero{
  padding:0 0 42px!important;
  margin:0!important;
  background:#fff!important;
  overflow:visible!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
.sba-product-hero > .wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.sba-product-hero .product-hero-art{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.sba-product-hero .product-hero-art > img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.sba-product-hero .product-under{
  width:min(1260px,calc(100% - 52px))!important;
  margin:42px auto 0!important;
}

/* Every landing-page quote holder: blue outer holder + empty white GHL area.
   No fake form, no placeholder wording inside the white area. */
.product-under > .quote-panel,
.product-grid > .quote-panel{
  background:linear-gradient(145deg,#003bb5 0%,#0757ff 56%,#ff6500 155%)!important;
  color:#fff!important;
}
.product-under > .quote-panel .eyebrow,
.product-grid > .quote-panel .eyebrow{color:#ffb16e!important;}
.product-under > .quote-panel h2,
.product-grid > .quote-panel h2{color:#fff!important;}
.product-under > .quote-panel .ghl,
.product-grid > .quote-panel .ghl{
  background:#fff!important;
  min-height:300px!important;
  padding:0!important;
  border:2px solid rgba(255,255,255,.78)!important;
}

/* Main website bottom application copy: no duplicate eyebrow; strong editorial
   MaxOut blue/orange hierarchy matching the rest of the site. */
.maxout-application-copy h2{
  margin:0 0 22px!important;
  font-family:'Barlow Condensed',Arial,sans-serif!important;
  font-style:italic!important;
  font-weight:900!important;
  font-size:clamp(58px,6vw,92px)!important;
  line-height:.84!important;
  letter-spacing:-.02em!important;
  text-transform:uppercase!important;
  color:#0757ff!important;
  text-shadow:none!important;
}
.maxout-application-copy h2 span{
  color:#ff6500!important;
  text-shadow:0 3px 14px rgba(255,101,0,.12)!important;
}
.maxout-application-copy > p{
  max-width:720px!important;
  margin:0 0 30px!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:clamp(18px,1.45vw,21px)!important;
  line-height:1.55!important;
  font-weight:650!important;
  color:#365b83!important;
}
.maxout-trust-item strong{color:#0757ff!important;}
.maxout-trust-item:nth-child(2) strong{color:#ff6500!important;}
.maxout-trust-item span{color:#365b83!important;}

/* Keep the image/content rows visually ordered: the displayed picture follows
   the natural height of the content beside it rather than creating a taller card. */
@media(min-width:1081px){
  .section:has(.story) .story{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:56px!important;
  }
  .section:has(.story) .story-img{
    min-height:0!important;
    height:auto!important;
    align-self:stretch!important;
  }
  .section:has(.story) .story-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

@media(max-width:720px){
  .image-hero-main .image-hero-frame{
    height:calc(100svh - 83px)!important;
  }
  .sba-product-hero .product-under{
    width:calc(100% - 30px)!important;
    margin-top:28px!important;
  }
  .maxout-application-copy h2{font-size:clamp(54px,15vw,76px)!important;}
}

/* =========================================================
   LATEST USER REQUEST — ONLY TWO SURGICAL CHANGES
   1) Replace the generic bottom trust rows with MaxOut-style
      interactive circular feature medallions.
   2) Scale ONLY the SBA 7(a) hero to a single viewport while
      keeping the supplied artwork full-width and uncropped.
   ========================================================= */

/* 1) Bottom application trust/value points — circular, editorial,
      visually consistent with the interactive circles under the hero. */
.maxout-trust-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:22px!important;
  max-width:760px!important;
  align-items:stretch!important;
}
.maxout-trust-item{
  position:relative!important;
  flex:1 1 280px!important;
  min-width:250px!important;
  min-height:250px!important;
  padding:34px 30px 30px!important;
  border:1px solid #d7e5f5!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 34%,#ffffff 0%,#f7fbff 60%,#eaf3ff 100%)!important;
  box-shadow:0 16px 38px rgba(0,64,170,.10),inset 0 0 0 1px rgba(255,255,255,.9)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .35s,background .35s!important;
}
.maxout-trust-item:before{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border:2px solid rgba(7,87,255,.10)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 13px rgba(255,101,0,.025),0 0 0 27px rgba(7,87,255,.018)!important;
  pointer-events:none!important;
  transition:transform .5s ease,border-color .35s,box-shadow .35s!important;
}
.maxout-trust-item:after{
  content:""!important;
  position:absolute!important;
  top:-35%!important;
  left:-75%!important;
  width:42%!important;
  height:170%!important;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.9) 50%,transparent 80%)!important;
  transform:rotate(18deg) translateX(-120%)!important;
  opacity:0!important;
  pointer-events:none!important;
}
.maxout-trust-item:hover{
  transform:translateY(-10px) scale(1.035)!important;
  border-color:#6ba2ff!important;
  background:linear-gradient(145deg,#0757ff 0%,#1684ff 56%,#ff6500 118%)!important;
  box-shadow:0 30px 70px rgba(7,87,255,.24),0 0 0 2px rgba(255,101,0,.15)!important;
}
.maxout-trust-item:hover:before{
  transform:scale(1.08) rotate(10deg)!important;
  border-color:rgba(255,255,255,.36)!important;
  box-shadow:0 0 0 13px rgba(255,255,255,.055),0 0 0 27px rgba(255,101,0,.07)!important;
}
.maxout-trust-item:hover:after{
  opacity:1!important;
  animation:maxoutTrustGloss .7s cubic-bezier(.18,.72,.28,1) 1!important;
}
.maxout-trust-item strong{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  margin:0 0 10px!important;
  font:900 clamp(21px,1.65vw,28px)/.92 'Barlow Condensed',Arial,sans-serif!important;
  font-style:italic!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  color:#0757ff!important;
  transition:color .25s,text-shadow .25s!important;
}
.maxout-trust-item:nth-child(2) strong{color:#ff6500!important;}
.maxout-trust-item span{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  max-width:205px!important;
  font:650 14px/1.45 Manrope,Arial,sans-serif!important;
  color:#365b83!important;
  transition:color .25s!important;
}
.maxout-trust-item:hover strong,
.maxout-trust-item:hover:nth-child(2) strong,
.maxout-trust-item:hover span{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.06)!important;}
@keyframes maxoutTrustGloss{
  0%{transform:rotate(18deg) translateX(-150%);opacity:0}
  12%{opacity:1}
  100%{transform:rotate(18deg) translateX(520%);opacity:0}
}

/* 2) SBA 7(a) hero — one-screen presentation, no side gutter and no crop.
      The supplied artwork is stretched only enough to occupy the viewport;
      no image replacement or content change is made. */
@media(min-width:1081px){
  .sba-product-hero{
    padding:0!important;
    overflow:hidden!important;
  }
  .sba-product-hero .product-hero-art{
    width:100%!important;
    max-width:none!important;
    height:clamp(500px,calc(100svh - 96px),680px)!important;
    margin:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  .sba-product-hero .product-hero-art > img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:fill!important;
    object-position:center center!important;
  }
}
@media(max-width:1080px) and (min-width:721px){
  .sba-product-hero{
    padding:0!important;
    overflow:hidden!important;
  }
  .sba-product-hero .product-hero-art{
    width:100%!important;
    height:calc(100svh - 88px)!important;
    max-height:620px!important;
    min-height:470px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  .sba-product-hero .product-hero-art > img{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
  }
}
@media(max-width:720px){
  .maxout-trust-list{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;}
  .maxout-trust-item{
    min-width:0!important;
    min-height:220px!important;
    width:min(250px,100%)!important;
    margin:0 auto!important;
  }
  .sba-product-hero{
    padding:0!important;
  }
  .sba-product-hero .product-hero-art{
    width:100%!important;
    height:calc(100svh - 76px)!important;
    min-height:0!important;
    max-height:560px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  .sba-product-hero .product-hero-art > img{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
  }
}


/* USER SURGICAL UPDATE — replace the two circular trust points with large editorial sub-heads only. */
.maxout-trust-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  max-width:760px!important;
  margin-top:28px!important;
}
.maxout-trust-item{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:14px 18px 16px 24px!important;
  border:0!important;
  border-left:5px solid #0757ff!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(7,87,255,.055),rgba(255,255,255,0))!important;
  box-shadow:none!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:transform .35s ease,background .35s ease,border-color .3s ease,box-shadow .35s ease!important;
}
.maxout-trust-item:nth-child(2){border-left-color:#ff6500!important;background:linear-gradient(90deg,rgba(255,101,0,.055),rgba(255,255,255,0))!important;}
.maxout-trust-item:before{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  width:100%!important;
  height:2px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#0757ff,rgba(7,87,255,0))!important;
  box-shadow:none!important;
  transform:none!important;
  pointer-events:none!important;
  transition:background .35s ease!important;
}
.maxout-trust-item:nth-child(2):before{background:linear-gradient(90deg,#ff6500,rgba(255,101,0,0))!important;}
.maxout-trust-item:after{
  content:""!important;
  position:absolute!important;
  top:-80%!important;
  left:-35%!important;
  width:22%!important;
  height:260%!important;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.82) 50%,transparent 80%)!important;
  transform:rotate(16deg) translateX(-180%)!important;
  opacity:0!important;
  pointer-events:none!important;
}
.maxout-trust-item:hover{
  transform:translateX(6px)!important;
  border-left-color:#ff6500!important;
  background:linear-gradient(90deg,rgba(7,87,255,.12),rgba(255,101,0,.035),rgba(255,255,255,0))!important;
  box-shadow:0 10px 26px rgba(7,87,255,.08)!important;
}
.maxout-trust-item:nth-child(2):hover{
  border-left-color:#0757ff!important;
  background:linear-gradient(90deg,rgba(255,101,0,.12),rgba(7,87,255,.035),rgba(255,255,255,0))!important;
  box-shadow:0 10px 26px rgba(255,101,0,.08)!important;
}
.maxout-trust-item:hover:after{
  opacity:1!important;
  animation:maxoutTrustTextGloss .72s cubic-bezier(.18,.72,.28,1) 1!important;
}
.maxout-trust-item strong{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  margin:0!important;
  font:900 clamp(34px,3.4vw,54px)/.9 'Barlow Condensed',Arial,sans-serif!important;
  font-style:italic!important;
  letter-spacing:.005em!important;
  text-transform:uppercase!important;
  color:#0757ff!important;
  transition:color .3s ease,text-shadow .3s ease!important;
}
.maxout-trust-item:nth-child(2) strong{color:#ff6500!important;}
.maxout-trust-item:hover strong{color:#ff6500!important;text-shadow:0 0 18px rgba(255,101,0,.18)!important;}
.maxout-trust-item:nth-child(2):hover strong{color:#0757ff!important;text-shadow:0 0 18px rgba(7,87,255,.18)!important;}
.maxout-trust-item span{display:none!important;}
@keyframes maxoutTrustTextGloss{
  0%{transform:rotate(16deg) translateX(-180%);opacity:0}
  12%{opacity:1}
  100%{transform:rotate(16deg) translateX(720%);opacity:0}
}
@media(max-width:720px){
  .maxout-trust-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:22px!important;}
  .maxout-trust-item{padding:12px 14px 14px 18px!important;}
  .maxout-trust-item strong{font-size:clamp(30px,10vw,44px)!important;}
}


/* =========================================================
   SURGICAL USER UPDATE — STORY IMAGE BALANCE + CLEAN TRUST HOVER
   Only the requested program-section image sizing and trust-item hover
   interaction are changed. Existing copy, hero, forms and CTA wording stay intact.
   ========================================================= */

/* Program/story rows: make the image and adjacent content share the same
   grid-row height instead of letting the photo create an oversized card. */
@media (min-width:1081px){
  .section:has(.story) .story{
    align-items:stretch!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:48px!important;
  }
  .section:has(.story) .story-img{
    min-height:0!important;
    height:100%!important;
    align-self:stretch!important;
    transform:none!important;
  }
  .section:has(.story) .story-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* Trust/value items: remove the old underline/scratch-style treatment.
   Keep the blue/orange hover swap and lift, but add only a clean gloss sweep
   plus one travelling light along the actual perimeter. */
.maxout-trust-item:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:inherit!important;
  background:conic-gradient(from 0deg,transparent 0 74%,rgba(255,255,255,.98) 77%,#1684ff 79%,#ff6500 81%,rgba(255,255,255,.98) 83%,transparent 86%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  padding:2px!important;
  opacity:0!important;
  transform:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:3!important;
}
.maxout-trust-item:after{
  content:""!important;
  position:absolute!important;
  top:-80%!important;
  left:-38%!important;
  width:22%!important;
  height:260%!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.82) 50%,transparent 80%)!important;
  transform:rotate(16deg) translateX(-180%)!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:2!important;
}
.maxout-trust-item:hover{
  transform:translateY(-5px)!important;
}
.maxout-trust-item:hover:before{
  opacity:1!important;
  animation:maxoutTrustEdgeSpark .9s linear infinite!important;
}
.maxout-trust-item:hover:after{
  opacity:1!important;
  animation:maxoutTrustTextGloss .72s cubic-bezier(.18,.72,.28,1) 1!important;
}
@keyframes maxoutTrustEdgeSpark{to{transform:rotate(360deg)}}

@media (max-width:1080px){
  .section:has(.story) .story-img{
    transform:none!important;
  }
}


/* =========================================================
   FINAL LOCKED EDIT — EQUIPMENT FINANCING PROGRAM SECTION ONLY
   Scope: this section on equipment-financing.html only.
   No other page/section is changed.
   ========================================================= */
@media (min-width:1081px){
  .equipment-program-section{
    padding-top:72px!important;
    padding-bottom:72px!important;
  }
  .equipment-program-section .story{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:48px!important;
    align-items:stretch!important;
  }
  .equipment-program-section .story-img{
    min-height:0!important;
    height:auto!important;
    align-self:stretch!important;
    transform:none!important;
  }
  .equipment-program-section .story-img img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* Remove scratch/underline-style hover artifacts from the two bottom
   trust items while retaining the requested color swap + gloss + spark. */
.maxout-trust-item:before{
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:inherit!important;
  background:conic-gradient(from 0deg,transparent 0 78%,rgba(255,255,255,.98) 79%,rgba(255,255,255,.98) 80%,transparent 82%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  padding:2px!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:none!important;
}
.maxout-trust-item:after{
  top:-80%!important;
  left:-38%!important;
  width:22%!important;
  height:260%!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.82) 50%,transparent 80%)!important;
  transform:rotate(16deg) translateX(-180%)!important;
  opacity:0!important;
}
.maxout-trust-item:hover:before{
  opacity:1!important;
  animation:maxoutTrustEdgeSpark .9s linear infinite!important;
}
.maxout-trust-item:hover:after{
  opacity:1!important;
  animation:maxoutTrustTextGloss .72s cubic-bezier(.18,.72,.28,1) 1!important;
}


/* =========================================================
   FINAL SURGICAL FIX — EQUIPMENT PROGRAM + TRUST HOVER ONLY
   Everything else remains locked.
   ========================================================= */
@media (min-width:1081px){
  /* Equipment Financing program: compact, balanced image beside copy. */
  .equipment-program-section .story{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:48px!important;
    align-items:center!important;
  }
  .equipment-program-section .story-img{
    height:440px!important;
    min-height:0!important;
    align-self:center!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .equipment-program-section .story-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}

/* Trust items: NO scratch/underline treatment. Keep only a small travelling
   sparkle dot on the real perimeter + the glossy sweep + existing color swap. */
.maxout-trust-item:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:8px!important;
  height:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.65),0 0 12px 4px currentColor!important;
  opacity:0!important;
  transform:translate(0,0)!important;
  -webkit-mask:none!important;
  mask:none!important;
  pointer-events:none!important;
  z-index:5!important;
}
.maxout-trust-item:nth-child(1):before{color:#0757ff!important;}
.maxout-trust-item:nth-child(2):before{color:#ff6500!important;}
.maxout-trust-item:after{
  top:-80%!important;
  left:-38%!important;
  width:22%!important;
  height:260%!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.82) 50%,transparent 80%)!important;
  transform:rotate(16deg) translateX(-180%)!important;
  opacity:0!important;
  z-index:4!important;
}
.maxout-trust-item:hover:before{
  opacity:1!important;
  animation:none!important;
}
.maxout-trust-item:hover:after{
  opacity:1!important;
  animation:maxoutTrustTextGloss .72s cubic-bezier(.18,.72,.28,1) 1!important;
}
/* Perimeter sparkle: four clean sides, no scratch ring/frame. */
.maxout-trust-item:hover:before{
  animation:maxoutTrustSparkle 1.35s linear infinite!important;
}
@keyframes maxoutTrustSparkle{
  0%{left:0%;top:0%;}
  24%{left:calc(100% - 8px);top:0%;}
  25%{left:calc(100% - 8px);top:0%;}
  49%{left:calc(100% - 8px);top:calc(100% - 8px);}
  50%{left:calc(100% - 8px);top:calc(100% - 8px);}
  74%{left:0%;top:calc(100% - 8px);}
  75%{left:0%;top:calc(100% - 8px);}
  100%{left:0%;top:0%;}
}

@media (max-width:1080px){
  .equipment-program-section .story-img{
    height:clamp(320px,55vw,430px)!important;
    min-height:0!important;
    transform:none!important;
  }
  .equipment-program-section .story-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

/* USER-REQUESTED FINAL TOUCH — FUNDING CARDS + THE RIGHT CAPITAL / THE RIGHT MOVE ONLY.
   No other card systems, images, typography, hero sections, forms, or page sections are changed. */

/* Funding cards: keep the existing card design, but do not turn the headline blue on hover. */
.fund-card:hover h3{
  color:#ff6500!important;
  background:linear-gradient(135deg,#ff7a18 0%,#ff4f00 52%,#ff9a3d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 18px rgba(255,101,0,.16)!important;
}

/* ONLY the step cards under THE RIGHT CAPITAL. THE RIGHT MOVE.
   Keep their content and layout, but give them the same premium interactive
   language as the circular metrics: lift, 3D depth, radiant hover color,
   glossy sweep and a moving perimeter sparkle — with readable contrast. */
.product-extra .why-item{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:2px solid #cbdcf2!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbff 68%,#eef5ff 100%)!important;
  box-shadow:0 14px 32px rgba(0,64,170,.11),inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:translateY(0) perspective(900px) rotateX(0deg)!important;
  transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s,border-color .35s,background .42s!important;
}
.product-extra .why-item:before{
  content:"";
  position:absolute!important;
  inset:-30% -55%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.82) 49%,transparent 60%)!important;
  transform:rotate(15deg) translateX(-75%)!important;
  opacity:0!important;
}
.product-extra .why-item:after{
  content:"";
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  border-radius:16px!important;
  padding:2px!important;
  background:conic-gradient(from 0deg,transparent 0 68%,rgba(255,255,255,.95) 73%,#ff6500 76%,#1684ff 79%,transparent 84%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  opacity:0!important;
  transform:rotate(0deg)!important;
}
.product-extra .why-item > *{
  position:relative;
  z-index:2;
}
.product-extra .why-item .n{
  color:#0757ff!important;
  text-shadow:0 0 20px rgba(7,87,255,.16)!important;
  transition:color .35s,text-shadow .35s,transform .35s!important;
}
.product-extra .why-item h3,
.product-extra .why-item p{
  transition:color .35s,text-shadow .35s!important;
}
.product-extra .why-item:hover{
  transform:translateY(-11px) perspective(900px) rotateX(2deg) scale(1.025)!important;
  border-color:#ff8a32!important;
  background:radial-gradient(circle at 25% 12%,rgba(255,255,255,.18),transparent 30%),linear-gradient(145deg,#ff7a18 0%,#ff5a0a 48%,#e84600 100%)!important;
  box-shadow:0 30px 58px rgba(255,101,0,.24),0 0 0 2px rgba(255,101,0,.16),inset 0 2px 0 rgba(255,255,255,.32),inset 0 -14px 30px rgba(113,30,0,.13)!important;
}
.product-extra .why-item:hover .n,
.product-extra .why-item:hover h3,
.product-extra .why-item:hover p{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,35,80,.20)!important;
}
.product-extra .why-item:hover .n{
  transform:translateY(-2px) scale(1.035)!important;
}
.product-extra .why-item:hover:before{
  opacity:1!important;
  animation:productExtraGloss .72s cubic-bezier(.18,.72,.28,1) 1!important;
}
.product-extra .why-item:hover:after{
  opacity:1!important;
  animation:productExtraSpark 1.15s linear infinite!important;
}
@keyframes productExtraGloss{
  0%{transform:rotate(15deg) translateX(-75%)}
  100%{transform:rotate(15deg) translateX(75%)}
}
@keyframes productExtraSpark{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}

@media(max-width:700px){
  .product-extra .why-item:hover{transform:translateY(-7px) scale(1.015)!important;}
}

/* USER REQUEST — SURGICAL CARD/PROGRAM-MENU/IMAGE-HERO CTA PATCH
   Do not alter card photography, card layout, or existing hover motion. */

/* Funding-card CTA: never switch the CTA lettering to blue on card hover.
   Keep the existing card hover effects; use a premium radiant orange CTA state. */
.fund-card:hover .card-cta,
.fund-card:hover .card-cta:visited,
.fund-card:hover .card-cta span,
.fund-card:hover .card-cta .arrow{
  color:#fff!important;
}
.fund-card:hover .card-cta{
  background:linear-gradient(105deg,#ff7a18 0%,#ff5a0a 48%,#ff8a2b 100%)!important;
  box-shadow:0 14px 34px rgba(255,101,0,.28),0 0 22px rgba(255,101,0,.20)!important;
}

/* Keep the square step cards in the same interactive family as the circles.
   This applies to every existing step-card instance without touching content. */
.product-extra .why-item{
  cursor:pointer!important;
  transform-style:preserve-3d!important;
}
.product-extra .why-item:hover{
  background:linear-gradient(145deg,#ff7a18 0%,#ff5a0a 52%,#ff8a2b 100%)!important;
  color:#fff!important;
}
.product-extra .why-item:hover h3,
.product-extra .why-item:hover p,
.product-extra .why-item:hover .n{color:#fff!important;}

/* Loan Programs dropdown: click opens it, click outside / Escape / navigation
   closes it. Prevent a stale .open state when returning with browser Back. */
.program-menu.open .program-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}

/* Image-hero CTA: glossy sweep + perimeter sparkle, with no square/transparent
   hover frame. Keep the effect attached to the actual CTA hit area. */
.image-hero .hero-hotspot-quote,
.image-hero-landing .hero-hotspot-quote,
.sba-hero-hotspot{
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.image-hero .hero-hotspot-quote::before,
.image-hero-landing .hero-hotspot-quote::before,
.sba-hero-hotspot::before{
  content:""!important;
  position:absolute!important;
  inset:-10%!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:0!important;
  z-index:20!important;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,0) 42%,rgba(255,255,255,.96) 50%,rgba(255,255,255,0) 58%,transparent 75%)!important;
  transform:translateX(-125%) skewX(-12deg)!important;
  filter:blur(.2px)!important;
}
.image-hero .hero-hotspot-quote:hover::before,
.image-hero .hero-hotspot-quote:focus-visible::before,
.image-hero-landing .hero-hotspot-quote:hover::before,
.image-hero-landing .hero-hotspot-quote:focus-visible::before,
.sba-hero-hotspot:hover::before,
.sba-hero-hotspot:focus-visible::before{
  opacity:1!important;
  animation:maxoutHeroGloss .72s cubic-bezier(.18,.72,.25,1) 1!important;
}
.image-hero .hero-hotspot-quote::after,
.image-hero-landing .hero-hotspot-quote::after,
.sba-hero-hotspot::after{
  content:""!important;
  position:absolute!important;
  inset:-6%!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:21!important;
  opacity:0!important;
  background:conic-gradient(from 0deg,transparent 0 72%,rgba(255,255,255,.98) 75%,#ff6500 77%,#1684ff 79%,transparent 83%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  padding:2px!important;
}
.image-hero .hero-hotspot-quote:hover::after,
.image-hero .hero-hotspot-quote:focus-visible::after,
.image-hero-landing .hero-hotspot-quote:hover::after,
.image-hero-landing .hero-hotspot-quote:focus-visible::after,
.sba-hero-hotspot:hover::after,
.sba-hero-hotspot:focus-visible::after{
  opacity:1!important;
  animation:maxoutHeroSpark .95s linear infinite!important;
}
@keyframes maxoutHeroGloss{
  0%{transform:translateX(-125%) skewX(-12deg)}
  100%{transform:translateX(125%) skewX(-12deg)}
}
@keyframes maxoutHeroSpark{
  to{transform:rotate(360deg)}
}

/* =========================================================
   FOOTER SOCIAL + LEGAL ADDITIONS — links are embedded in the icons.
   No changes to the existing page/card/hero interaction system.
   ========================================================= */
.social-icons{display:flex;align-items:center;gap:10px;margin-top:14px}
.social-icon{width:40px;height:40px;border:1px solid rgba(7,87,255,.24);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.78);box-shadow:0 8px 20px rgba(7,87,255,.10);transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.social-icon svg{width:20px;height:20px;fill:none;stroke:#0757ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s ease,fill .25s ease,transform .25s ease}
.social-icon svg path{fill:#0757ff;stroke:none}.social-icon svg .fill{fill:#0757ff;stroke:none}
.social-icon:hover,.social-icon:focus-visible{transform:translateY(-3px);background:linear-gradient(135deg,#0757ff,#1684ff 58%,#ff6500);border-color:#ff6500;box-shadow:0 14px 30px rgba(7,87,255,.20),0 0 18px rgba(255,101,0,.18);outline:none}
.social-icon:hover svg,.social-icon:focus-visible svg{stroke:#fff;fill:none;transform:scale(1.06)}
.social-icon:hover svg path,.social-icon:focus-visible svg path,.social-icon:hover svg .fill,.social-icon:focus-visible svg .fill{fill:#fff}
.footer-links{row-gap:12px}
.legal-page{padding-top:76px;padding-bottom:90px;background:#fff}
.legal-page h1{max-width:1050px;font-size:clamp(58px,7vw,96px);line-height:.9;margin:14px 0 18px;color:#082957}
.legal-page h1 span{color:#ff6500}
.legal-effective{font-size:16px;color:#234f7e;margin-bottom:42px}
.legal-content{max-width:940px;font-size:17px;line-height:1.7;color:#234f7e}
.legal-content h2{font-size:34px;line-height:1;margin:48px 0 14px;color:#082957;font-weight:900}
.legal-content h3{font-size:24px;line-height:1.1;margin:30px 0 10px;color:#0a3972;font-weight:900}
.legal-content p{margin:0 0 16px}
.legal-content ul{margin:0 0 18px;padding-left:24px}
.legal-content li{margin:5px 0}
.legal-content a{color:#0757ff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.legal-copyright{margin-top:48px;padding-top:24px;border-top:2px solid #dce8f6;font-size:14px}
@media(max-width:720px){.social-icon{width:38px;height:38px}.legal-page{padding-top:54px}.legal-page h1{font-size:clamp(50px,15vw,78px)}.legal-content{font-size:16px}.legal-content h2{font-size:30px}}


/* =========================================================
   FINAL USER-REQUESTED POLISH — NO LAYOUT/IMAGE/CONTENT CHANGES
   1) Funding-card CTA hover lettering stays readable; radiant orange only.
   2) Step cards use a clean 3D/gloss/spark interaction without a rotating wheel.
   3) Hero artwork CTAs use a real travelling highlight + perimeter sparkle,
      with NO permanent square/frame and NO clock/wheel animation.
   4) Footer contains contact information + one Privacy & Disclosures link;
      no loan-program links and no Website Disclaimer footer link.
   ========================================================= */

/* Funding cards: keep the existing card hover, photography and layout.
   Only correct the CTA hover color/contrast. */
.fund-card:hover .card-cta,
.fund-card:hover .card-cta:visited,
.fund-card:hover .card-cta span,
.fund-card:hover .card-cta .arrow{
  color:#fff!important;
}
.fund-card:hover .card-cta{
  background:linear-gradient(105deg,#ff7a18 0%,#ff5a0a 48%,#ff8a2b 100%)!important;
  box-shadow:0 14px 34px rgba(255,101,0,.30),0 0 24px rgba(255,101,0,.20)!important;
}

/* Step cards: clean premium 3D lift + orange radiant surface. */
.product-extra .why-item{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform-style:preserve-3d!important;
}
.product-extra .why-item::before{
  content:""!important;
  position:absolute!important;
  top:-35%!important;
  left:-70%!important;
  width:42%!important;
  height:170%!important;
  z-index:4!important;
  pointer-events:none!important;
  opacity:0!important;
  background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.98) 50%,transparent 78%)!important;
  transform:rotate(15deg) translateX(-120%)!important;
  filter:blur(.2px)!important;
}
.product-extra .why-item::after{
  content:""!important;
  position:absolute!important;
  width:34px!important;
  height:5px!important;
  left:4%!important;
  top:-3px!important;
  z-index:6!important;
  pointer-events:none!important;
  opacity:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#fff 28%,#fff 55%,#ff6500 78%,transparent)!important;
  box-shadow:0 0 7px rgba(255,255,255,.95),0 0 13px rgba(255,101,0,.70)!important;
  transform:rotate(0deg)!important;
}
.product-extra .why-item:hover{
  transform:translateY(-11px) perspective(900px) rotateX(2deg) scale(1.025)!important;
  border-color:#ff8a32!important;
  background:radial-gradient(circle at 25% 12%,rgba(255,255,255,.18),transparent 30%),linear-gradient(145deg,#ff7a18 0%,#ff5a0a 48%,#e84600 100%)!important;
  box-shadow:0 30px 58px rgba(255,101,0,.26),0 0 0 2px rgba(255,101,0,.15),inset 0 2px 0 rgba(255,255,255,.34),inset 0 -14px 30px rgba(113,30,0,.13)!important;
}
.product-extra .why-item:hover::before{
  opacity:1!important;
  animation:maxoutStepGloss .72s cubic-bezier(.18,.72,.28,1) 0s 1!important;
}
.product-extra .why-item:hover::after{
  opacity:1!important;
  animation:maxoutStepSpark 1.15s linear infinite!important;
}
@keyframes maxoutStepGloss{
  0%{transform:rotate(15deg) translateX(-120%);opacity:0}
  12%{opacity:1}
  100%{transform:rotate(15deg) translateX(560%);opacity:0}
}
@keyframes maxoutStepSpark{
  0%{left:4%;top:-3px;transform:rotate(0deg)}
  24%{left:calc(100% - 31px);top:-3px;transform:rotate(0deg)}
  25%{left:calc(100% - 3px);top:4%;transform:rotate(90deg)}
  49%{left:calc(100% - 3px);top:calc(100% - 31px);transform:rotate(90deg)}
  50%{left:calc(100% - 31px);top:calc(100% - 3px);transform:rotate(180deg)}
  74%{left:4%;top:calc(100% - 3px);transform:rotate(180deg)}
  75%{left:-3px;top:calc(100% - 31px);transform:rotate(270deg)}
  99%{left:-3px;top:4%;transform:rotate(270deg)}
  100%{left:4%;top:-3px;transform:rotate(360deg)}
}

/* Hero artwork CTA hit areas: no visible box at rest. */
.image-hero .hero-hotspot,
.image-hero-landing .hero-hotspot,
.image-hero-main .hero-hotspot,
.sba-hero-hotspot{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.image-hero .hero-hotspot:hover,
.image-hero .hero-hotspot:focus-visible,
.image-hero-landing .hero-hotspot:hover,
.image-hero-landing .hero-hotspot:focus-visible,
.image-hero-main .hero-hotspot:hover,
.image-hero-main .hero-hotspot:focus-visible,
.sba-hero-hotspot:hover,
.sba-hero-hotspot:focus-visible{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Glossy reflection: a single clean diagonal shine crosses the CTA immediately. */
.image-hero .hero-hotspot::before,
.image-hero-landing .hero-hotspot::before,
.image-hero-main .hero-hotspot::before,
.sba-hero-hotspot::before{
  content:""!important;
  position:absolute!important;
  top:-30%!important;
  left:-65%!important;
  width:36%!important;
  height:160%!important;
  border:0!important;
  border-radius:inherit!important;
  background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.98) 50%,transparent 82%)!important;
  transform:translateX(-120%) skewX(-12deg)!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:20!important;
  mix-blend-mode:screen!important;
  filter:blur(.2px)!important;
}
.image-hero .hero-hotspot:hover::before,
.image-hero .hero-hotspot:focus-visible::before,
.image-hero-landing .hero-hotspot:hover::before,
.image-hero-landing .hero-hotspot:focus-visible::before,
.image-hero-main .hero-hotspot:hover::before,
.image-hero-main .hero-hotspot:focus-visible::before,
.sba-hero-hotspot:hover::before,
.sba-hero-hotspot:focus-visible::before{
  opacity:1!important;
  animation:maxoutHeroGlossClean .62s cubic-bezier(.18,.72,.28,1) 0s 1!important;
}
@keyframes maxoutHeroGlossClean{
  0%{transform:translateX(-120%) skewX(-12deg);opacity:0}
  12%{opacity:1}
  100%{transform:translateX(540%) skewX(-12deg);opacity:0}
}

/* Perimeter sparkle: a small travelling highlight, NOT a rotating border/wheel.
   Nothing is permanently drawn around the CTA. */
.image-hero .hero-hotspot::after,
.image-hero-landing .hero-hotspot::after,
.image-hero-main .hero-hotspot::after,
.sba-hero-hotspot::after{
  content:""!important;
  position:absolute!important;
  width:30px!important;
  height:5px!important;
  left:4%!important;
  top:-3px!important;
  inset:auto!important;
  border:0!important;
  border-radius:999px!important;
  padding:0!important;
  background:linear-gradient(90deg,transparent,#fff 28%,#fff 55%,#ff6500 78%,transparent)!important;
  box-shadow:0 0 7px rgba(255,255,255,.98),0 0 13px rgba(255,101,0,.72),0 0 18px rgba(0,87,255,.48)!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:21!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:none!important;
}
.image-hero .hero-hotspot:hover::after,
.image-hero .hero-hotspot:focus-visible::after,
.image-hero-landing .hero-hotspot:hover::after,
.image-hero-landing .hero-hotspot:focus-visible::after,
.image-hero-main .hero-hotspot:hover::after,
.image-hero-main .hero-hotspot:focus-visible::after,
.sba-hero-hotspot:hover::after,
.sba-hero-hotspot:focus-visible::after{
  opacity:1!important;
  animation:maxoutHeroPerimeterSpark 1.15s linear infinite!important;
}
@keyframes maxoutHeroPerimeterSpark{
  0%{left:4%;top:-3px;transform:rotate(0deg)}
  24%{left:calc(100% - 31px);top:-3px;transform:rotate(0deg)}
  25%{left:calc(100% - 3px);top:4%;transform:rotate(90deg)}
  49%{left:calc(100% - 3px);top:calc(100% - 31px);transform:rotate(90deg)}
  50%{left:calc(100% - 31px);top:calc(100% - 3px);transform:rotate(180deg)}
  74%{left:4%;top:calc(100% - 3px);transform:rotate(180deg)}
  75%{left:-3px;top:calc(100% - 31px);transform:rotate(270deg)}
  99%{left:-3px;top:4%;transform:rotate(270deg)}
  100%{left:4%;top:-3px;transform:rotate(360deg)}
}

/* Footer: contact information lives here; program links and Website Disclaimer
   are intentionally not shown in the footer. */
.footer-grid{
  display:grid!important;
  grid-template-columns:minmax(240px,1.2fr) minmax(220px,.9fr) auto!important;
  align-items:start!important;
  gap:42px!important;
}
.footer-brand,.footer-contact,.footer-links{min-width:0}
.footer-contact{font-size:14px;line-height:1.55;color:#234f7e!important}
.footer-kicker{font-family:'Barlow Condensed',Arial,sans-serif;font-style:italic;font-weight:900;letter-spacing:.08em;font-size:17px;color:#0757ff;margin-bottom:10px}
.footer-contact p{margin:0 0 10px!important;color:#365b83!important;font-size:14px!important;font-weight:600!important}
.footer-contact a{color:#0757ff!important;font-weight:800!important;text-decoration:none}
.footer-contact a:hover{color:#ff6500!important}
.footer-links{display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;gap:18px!important;flex-wrap:wrap!important;font-size:13px!important;font-weight:900!important;text-transform:uppercase!important}
.footer-links a{color:#0a3972!important}
.footer-links a:hover{color:#ff6500!important}
.footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid rgba(8,57,114,.14);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;color:#5c7590}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr!important}.footer-links{justify-content:flex-start!important}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:5px}}
@media(max-width:720px){.footer-grid{grid-template-columns:1fr!important;gap:26px!important}.footer-links{justify-content:flex-start!important}.footer-bottom{margin-top:22px}}


/* =========================================================
   FINAL USER-REQUESTED INTERACTION FIX
   - Hero CTA: clean glossy sweep + ONE small travelling sparkle.
   - No conic ring, no rotating wheel, no permanent frame.
   - Step cards: same clean gloss/spark family.
   - Footer: separate Privacy / Disclosures / Disclaimer links.
   ========================================================= */

/* Hero artwork CTA hotspot: invisible at rest. */
.image-hero .hero-hotspot,
.image-hero-landing .hero-hotspot,
.image-hero-main .hero-hotspot,
.sba-hero-hotspot{
  border:0!important; outline:0!important; background:transparent!important;
  box-shadow:none!important; overflow:visible!important; transform:none!important;
}
.image-hero .hero-hotspot:hover,
.image-hero .hero-hotspot:focus-visible,
.image-hero-landing .hero-hotspot:hover,
.image-hero-landing .hero-hotspot:focus-visible,
.image-hero-main .hero-hotspot:hover,
.image-hero-main .hero-hotspot:focus-visible,
.sba-hero-hotspot:hover,
.sba-hero-hotspot:focus-visible{
  border:0!important; outline:0!important; background:transparent!important; box-shadow:none!important;
}

/* The gloss is a real light reflection crossing the CTA, not a border. */
.image-hero .hero-hotspot::before,
.image-hero-landing .hero-hotspot::before,
.image-hero-main .hero-hotspot::before,
.sba-hero-hotspot::before{
  content:""!important; position:absolute!important;
  top:-25%!important; left:-55%!important; width:32%!important; height:150%!important;
  border:0!important; border-radius:inherit!important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,.96) 50%,rgba(255,255,255,0) 72%,transparent 100%)!important;
  opacity:0!important; transform:translateX(-120%) skewX(-12deg)!important;
  pointer-events:none!important; z-index:20!important; filter:blur(.15px)!important;
  animation:none!important;
}
.image-hero .hero-hotspot:hover::before,
.image-hero .hero-hotspot:focus-visible::before,
.image-hero-landing .hero-hotspot:hover::before,
.image-hero-landing .hero-hotspot:focus-visible::before,
.image-hero-main .hero-hotspot:hover::before,
.image-hero-main .hero-hotspot:focus-visible::before,
.sba-hero-hotspot:hover::before,
.sba-hero-hotspot:focus-visible::before{
  opacity:1!important; animation:maxoutCleanGloss .62s cubic-bezier(.18,.72,.28,1) 0s 1!important;
}
@keyframes maxoutCleanGloss{
  0%{transform:translateX(-120%) skewX(-12deg);opacity:0}
  12%{opacity:1}
  100%{transform:translateX(520%) skewX(-12deg);opacity:0}
}

/* One bright sparkle dot travels around the actual CTA perimeter.
   It is a dot, never a ring or wheel. */
.image-hero .hero-hotspot::after,
.image-hero-landing .hero-hotspot::after,
.image-hero-main .hero-hotspot::after,
.sba-hero-hotspot::after{
  content:""!important; position:absolute!important;
  width:9px!important; height:9px!important; left:4%!important; top:-4px!important;
  inset-inline:auto!important; border:0!important; padding:0!important; border-radius:50%!important;
  background:#fff!important; opacity:0!important; pointer-events:none!important; z-index:21!important;
  -webkit-mask:none!important; mask:none!important;
  box-shadow:0 0 5px #fff,0 0 11px rgba(255,255,255,.95),0 0 18px rgba(255,101,0,.8)!important;
  transform:none!important; animation:none!important;
}
.image-hero .hero-hotspot:hover::after,
.image-hero .hero-hotspot:focus-visible::after,
.image-hero-landing .hero-hotspot:hover::after,
.image-hero-landing .hero-hotspot:focus-visible::after,
.image-hero-main .hero-hotspot:hover::after,
.image-hero-main .hero-hotspot:focus-visible::after,
.sba-hero-hotspot:hover::after,
.sba-hero-hotspot:focus-visible::after{
  opacity:1!important; animation:maxoutPerimeterSpark 1.15s linear infinite!important;
}
@keyframes maxoutPerimeterSpark{
  0%{left:4%;top:-4px}
  24%{left:calc(100% - 13px);top:-4px}
  25%{left:calc(100% - 5px);top:4%}
  49%{left:calc(100% - 5px);top:calc(100% - 13px)}
  50%{left:calc(100% - 13px);top:calc(100% - 5px)}
  74%{left:4%;top:calc(100% - 5px)}
  75%{left:-4px;top:calc(100% - 13px)}
  99%{left:-4px;top:4%}
  100%{left:4%;top:-4px}
}

/* Step cards: same premium hover family, without a rotating ring. */
.product-extra .why-item::before{
  content:""!important; position:absolute!important; top:-35%!important; left:-70%!important;
  width:38%!important; height:170%!important; opacity:0!important; pointer-events:none!important; z-index:4!important;
  background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.92) 50%,transparent 82%)!important;
  transform:rotate(15deg) translateX(-120%)!important;
}
.product-extra .why-item::after{
  content:""!important; position:absolute!important; width:9px!important; height:9px!important;
  left:5%!important; top:-4px!important; border:0!important; border-radius:50%!important;
  background:#fff!important; opacity:0!important; pointer-events:none!important; z-index:6!important;
  box-shadow:0 0 5px #fff,0 0 12px rgba(255,255,255,.95),0 0 18px rgba(255,101,0,.8)!important;
}
.product-extra .why-item:hover::before{opacity:1!important;animation:maxoutStepGlossClean .68s cubic-bezier(.18,.72,.28,1) 0s 1!important}
.product-extra .why-item:hover::after{opacity:1!important;animation:maxoutStepSparkClean 1.15s linear infinite!important}
@keyframes maxoutStepGlossClean{0%{transform:rotate(15deg) translateX(-120%);opacity:0}12%{opacity:1}100%{transform:rotate(15deg) translateX(560%);opacity:0}}
@keyframes maxoutStepSparkClean{0%{left:5%;top:-4px}24%{left:calc(100% - 13px);top:-4px}25%{left:calc(100% - 5px);top:5%}49%{left:calc(100% - 5px);top:calc(100% - 13px)}50%{left:calc(100% - 13px);top:calc(100% - 5px)}74%{left:5%;top:calc(100% - 5px)}75%{left:-4px;top:calc(100% - 13px)}99%{left:-4px;top:5%}100%{left:5%;top:-4px}}

/* Footer legal navigation: no combined Privacy & Disclosures label. */
.footer-links{display:flex!important;gap:18px!important;flex-wrap:wrap!important}
.footer-links a{color:#0a3972!important}
.footer-links a:hover{color:#ff6500!important}


/* =========================================================
   FINAL SURGICAL FIX — ONLY REQUESTED INTERACTIONS / FOOTER
   No card photography, card layout, hero artwork, or page copy changes.
   ========================================================= */

/* Minimal footer: MaxOut logo + three linked social icons only. */
.footer-minimal{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:120px!important;gap:28px!important}
.footer-minimal .footer-brand{display:flex!important;align-items:center!important;gap:34px!important;min-width:0!important}
.footer-minimal .footer-logo{width:225px!important;margin:0!important}
.footer-minimal .social-icons{margin-top:0!important;display:flex!important;align-items:center!important;gap:10px!important}
.footer-minimal .social-icon{flex:0 0 auto!important}
@media(max-width:720px){.footer-minimal{justify-content:flex-start!important}.footer-minimal .footer-brand{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}}

/* Four-reason / step cards: keep their exact content and dimensions,
   but give them the requested premium 3D/radiant hover. No circle, wheel,
   ring, or floating particle is created. Blue cards turn radiant orange;
   orange cards turn radiant blue. */
.product-extra .why-item,
#reasons .why-item{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform-style:preserve-3d!important;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,
             background .32s ease,border-color .32s ease,color .22s ease!important;
}
.product-extra .why-item::before,
#reasons .why-item::before{
  content:""!important;
  position:absolute!important;
  top:-35%!important;
  left:-62%!important;
  width:34%!important;
  height:170%!important;
  z-index:5!important;
  pointer-events:none!important;
  opacity:0!important;
  background:linear-gradient(105deg,transparent 16%,rgba(255,255,255,.92) 50%,transparent 84%)!important;
  transform:rotate(15deg) translateX(-120%)!important;
  filter:blur(.15px)!important;
}
.product-extra .why-item::after,
#reasons .why-item::after{
  content:none!important;
  display:none!important;
}
.product-extra .why-item:hover,
#reasons .why-item:hover{
  transform:translateY(-12px) perspective(900px) rotateX(2deg) scale(1.025)!important;
  z-index:8!important;
  color:#fff!important;
}
/* Existing alternating visual language: blue-number cards -> orange hover. */
.product-extra .why-item:nth-child(odd):hover,
#reasons .why-item:nth-child(odd):hover{
  background:linear-gradient(145deg,#ff7a18 0%,#ff5a0a 52%,#ff8a2b 100%)!important;
  border-color:#ff8a32!important;
  box-shadow:0 28px 60px rgba(255,101,0,.28),0 0 0 2px rgba(255,101,0,.16),inset 0 2px 0 rgba(255,255,255,.30),inset 0 -14px 28px rgba(110,30,0,.12)!important;
}
/* Existing orange-accent card -> radiant blue hover. */
.product-extra .why-item:nth-child(even):hover,
#reasons .why-item:nth-child(even):hover{
  background:linear-gradient(145deg,#0757ff 0%,#1684ff 55%,#4ca1ff 100%)!important;
  border-color:#63a9ff!important;
  box-shadow:0 28px 60px rgba(7,87,255,.30),0 0 0 2px rgba(7,87,255,.18),inset 0 2px 0 rgba(255,255,255,.30),inset 0 -14px 28px rgba(0,35,110,.12)!important;
}
.product-extra .why-item:hover h3,
.product-extra .why-item:hover p,
.product-extra .why-item:hover .n,
#reasons .why-item:hover h3,
#reasons .why-item:hover p,
#reasons .why-item:hover .n{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,25,70,.18)!important;
}
.product-extra .why-item:hover::before,
#reasons .why-item:hover::before{
  opacity:1!important;
  animation:maxoutStepGlossFinal .66s cubic-bezier(.18,.72,.28,1) 1!important;
}
@keyframes maxoutStepGlossFinal{
  0%{transform:rotate(15deg) translateX(-120%);opacity:0}
  12%{opacity:1}
  100%{transform:rotate(15deg) translateX(560%);opacity:0}
}

/* Hero artwork CTAs: invisible at rest; on hover a clean immediate glossy
   reflection plus ONE tiny perimeter sparkle. Never a rotating wheel/ring. */
.image-hero .hero-hotspot,
.image-hero-landing .hero-hotspot,
.image-hero-main .hero-hotspot,
.sba-hero-hotspot{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:none!important;
  overflow:visible!important;
}
.image-hero .hero-hotspot:hover,
.image-hero .hero-hotspot:focus-visible,
.image-hero-landing .hero-hotspot:hover,
.image-hero-landing .hero-hotspot:focus-visible,
.image-hero-main .hero-hotspot:hover,
.image-hero-main .hero-hotspot:focus-visible,
.sba-hero-hotspot:hover,
.sba-hero-hotspot:focus-visible{
  border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
}
.image-hero .hero-hotspot::before,
.image-hero-landing .hero-hotspot::before,
.image-hero-main .hero-hotspot::before,
.sba-hero-hotspot::before{
  content:""!important;
  position:absolute!important;
  top:-22%!important;
  left:-58%!important;
  width:31%!important;
  height:144%!important;
  border:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:20!important;
  opacity:0!important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,.98) 50%,rgba(255,255,255,0) 72%,transparent 100%)!important;
  transform:translateX(-120%) skewX(-12deg)!important;
  filter:blur(.1px)!important;
  animation:none!important;
}
.image-hero .hero-hotspot:hover::before,
.image-hero .hero-hotspot:focus-visible::before,
.image-hero-landing .hero-hotspot:hover::before,
.image-hero-landing .hero-hotspot:focus-visible::before,
.image-hero-main .hero-hotspot:hover::before,
.image-hero-main .hero-hotspot:focus-visible::before,
.sba-hero-hotspot:hover::before,
.sba-hero-hotspot:focus-visible::before{
  opacity:1!important;
  animation:maxoutHeroGlossFinal .58s cubic-bezier(.18,.72,.28,1) 1!important;
}
@keyframes maxoutHeroGlossFinal{
  0%{transform:translateX(-120%) skewX(-12deg);opacity:0}
  10%{opacity:1}
  100%{transform:translateX(540%) skewX(-12deg);opacity:0}
}
.image-hero .hero-hotspot::after,
.image-hero-landing .hero-hotspot::after,
.image-hero-main .hero-hotspot::after,
.sba-hero-hotspot::after{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:8px!important;
  left:4%!important;
  top:-4px!important;
  border:0!important;
  padding:0!important;
  border-radius:50%!important;
  pointer-events:none!important;
  z-index:21!important;
  opacity:0!important;
  background:#fff!important;
  box-shadow:0 0 5px #fff,0 0 11px rgba(255,255,255,.98),0 0 17px rgba(255,101,0,.78)!important;
  transform:none!important;
  animation:none!important;
}
.image-hero .hero-hotspot:hover::after,
.image-hero .hero-hotspot:focus-visible::after,
.image-hero-landing .hero-hotspot:hover::after,
.image-hero-landing .hero-hotspot:focus-visible::after,
.image-hero-main .hero-hotspot:hover::after,
.image-hero-main .hero-hotspot:focus-visible::after,
.sba-hero-hotspot:hover::after,
.sba-hero-hotspot:focus-visible::after{
  opacity:1!important;
  animation:maxoutHeroSparkFinal 1.05s linear infinite!important;
}
@keyframes maxoutHeroSparkFinal{
  0%{left:4%;top:-4px}
  24%{left:calc(100% - 12px);top:-4px}
  25%{left:calc(100% - 4px);top:4%}
  49%{left:calc(100% - 4px);top:calc(100% - 12px)}
  50%{left:calc(100% - 12px);top:calc(100% - 4px)}
  74%{left:4%;top:calc(100% - 4px)}
  75%{left:-4px;top:calc(100% - 12px)}
  99%{left:-4px;top:4%}
  100%{left:4%;top:-4px}
}

/* Funding-card CTA hover: radiant orange and readable white text; preserve
   all existing card photography, sizing, and hover effects. */
.fund-card:hover .card-cta,
.fund-card:hover .card-cta:visited,
.fund-card:hover .card-cta span,
.fund-card:hover .card-cta .arrow{
  color:#fff!important;
}
.fund-card:hover .card-cta{
  background:linear-gradient(105deg,#ff7a18 0%,#ff5a0a 48%,#ff8a2b 100%)!important;
  box-shadow:0 14px 34px rgba(255,101,0,.30),0 0 24px rgba(255,101,0,.20)!important;
}

/* FINAL USER-REQUESTED SURGICAL PATCH — STEP / REASON CARDS + PANEL WHITESPACE
   Do not alter hero artwork, funding-card photography, card content, typography
   structure, navigation, or any other page section. */

/* Four square step/reason cards: alternating blue/orange accent at rest.
   Hover reverses the accent into a radiant opposite-color 3D card. */
.product-extra .why-item,
#reasons .why-item{
  border:2px solid #d6e2ef!important;
  border-top:6px solid #0757ff!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f9fcff 72%,#f1f6fc 100%)!important;
  box-shadow:0 12px 0 rgba(7,87,255,.055),0 18px 34px rgba(0,55,125,.12),inset 0 1px 0 rgba(255,255,255,.98)!important;
  transform-style:preserve-3d!important;
}
.product-extra .why-item:nth-child(even),
#reasons .why-item:nth-child(even){
  border-top-color:#ff6500!important;
  box-shadow:0 12px 0 rgba(255,101,0,.055),0 18px 34px rgba(125,55,0,.10),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.product-extra .why-item .n,
#reasons .why-item .n{
  color:#0757ff!important;
  text-shadow:0 0 18px rgba(7,87,255,.15)!important;
}
.product-extra .why-item:nth-child(even) .n,
#reasons .why-item:nth-child(even) .n{
  color:#ff6500!important;
  text-shadow:0 0 18px rgba(255,101,0,.15)!important;
}

/* No circle, ring, wheel, or floating marker on these cards. */
.product-extra .why-item::after,
#reasons .why-item::after{
  content:none!important;
  display:none!important;
}

/* Blue-accent cards -> radiant orange hover. */
.product-extra .why-item:nth-child(odd):hover,
#reasons .why-item:nth-child(odd):hover{
  border-top-color:#ff6500!important;
  background:linear-gradient(145deg,#ff8a2b 0%,#ff6500 52%,#e94800 100%)!important;
  box-shadow:0 16px 0 rgba(171,48,0,.16),0 30px 62px rgba(255,101,0,.30),inset 0 2px 0 rgba(255,255,255,.34),inset 0 -18px 30px rgba(120,27,0,.14)!important;
  transform:translateY(-10px) perspective(900px) rotateX(3deg) scale(1.018)!important;
}
/* Orange-accent cards -> radiant blue hover. */
.product-extra .why-item:nth-child(even):hover,
#reasons .why-item:nth-child(even):hover{
  border-top-color:#0757ff!important;
  background:linear-gradient(145deg,#1684ff 0%,#0757ff 55%,#0045c7 100%)!important;
  box-shadow:0 16px 0 rgba(0,47,142,.18),0 30px 62px rgba(7,87,255,.30),inset 0 2px 0 rgba(255,255,255,.34),inset 0 -18px 30px rgba(0,28,100,.16)!important;
  transform:translateY(-10px) perspective(900px) rotateX(3deg) scale(1.018)!important;
}
.product-extra .why-item:hover .n,
.product-extra .why-item:hover h3,
.product-extra .why-item:hover p,
#reasons .why-item:hover .n,
#reasons .why-item:hover h3,
#reasons .why-item:hover p{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 14px rgba(0,25,70,.22)!important;
}

/* One clean glossy sweep on hover; no rotating border effect. */
.product-extra .why-item::before,
#reasons .why-item::before{
  content:""!important;
  position:absolute!important;
  top:-35%!important;
  left:-70%!important;
  width:34%!important;
  height:170%!important;
  z-index:5!important;
  pointer-events:none!important;
  opacity:0!important;
  background:linear-gradient(105deg,transparent 16%,rgba(255,255,255,.92) 50%,transparent 84%)!important;
  transform:rotate(15deg) translateX(-120%)!important;
}
.product-extra .why-item:hover::before,
#reasons .why-item:hover::before{
  opacity:1!important;
  animation:maxoutStepGlossFinalClean .62s cubic-bezier(.18,.72,.28,1) 0s 1!important;
}
@keyframes maxoutStepGlossFinalClean{
  0%{transform:rotate(15deg) translateX(-120%);opacity:0}
  12%{opacity:1}
  100%{transform:rotate(15deg) translateX(560%);opacity:0}
}

/* Tighten only the unused vertical space inside the program quote panel.
   Existing heading/form/control sizes remain unchanged. */
.product-under .quote-panel,
.product-grid .quote-panel{
  padding-top:28px!important;
  padding-bottom:24px!important;
}
.product-under .quote-panel .ghl,
.product-grid .quote-panel .ghl{
  margin-top:12px!important;
  min-height:300px!important;
  padding:16px!important;
}


/* FINAL USER-REQUESTED INTERACTION PATCH — 2026-08-16
   1) Hero artwork CTAs: glossy sweep + ONE travelling sparkle, never a rotating wheel.
   2) MaxOut bottom trust cards: 3D hover treatment matching the landing-page card language.
   3) No decorative corner circles/dots on these trust cards.
*/
.hero-hotspot,
.sba-hero-hotspot{overflow:visible!important;}

/* Remove every previous rotating/conic-ring treatment from hero artwork CTAs. */
.hero-hotspot:after,
.sba-hero-hotspot:after{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  min-height:8px!important;
  inset:auto!important;
  top:-6px!important;
  left:-6px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#fff 0 28%,#fff8e8 30% 48%,#ff6500 52% 70%,transparent 72%)!important;
  box-shadow:0 0 7px rgba(255,255,255,.98),0 0 15px rgba(255,101,0,.72),0 0 25px rgba(7,87,255,.38)!important;
  opacity:0!important;
  transform:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:none!important;
  z-index:8!important;
  pointer-events:none!important;
  offset-path:inset(-6px round 18px)!important;
  offset-distance:0%!important;
  offset-rotate:0deg!important;
}
.hero-hotspot:hover:after,
.hero-hotspot:focus-visible:after,
.sba-hero-hotspot:hover:after,
.sba-hero-hotspot:focus-visible:after{
  opacity:1!important;
  animation:heroCtaSparkTravel 1.55s linear infinite!important;
  box-shadow:0 0 7px rgba(255,255,255,.98),0 0 15px rgba(255,101,0,.72),0 0 25px rgba(7,87,255,.38)!important;
}
@keyframes heroCtaSparkTravel{
  from{offset-distance:0%;}
  to{offset-distance:100%;}
}

/* The gloss is a single reflection that sweeps across the CTA once per hover. */
.hero-hotspot:before,
.sba-hero-hotspot:before{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  border:0!important;
  border-radius:inherit!important;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,0) 43%,rgba(255,255,255,.95) 49%,rgba(255,255,255,0) 55%,transparent 63%)!important;
  transform:translateX(-125%) skewX(-10deg)!important;
  opacity:0!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.9))!important;
  z-index:7!important;
  pointer-events:none!important;
}
.hero-hotspot:hover:before,
.hero-hotspot:focus-visible:before,
.sba-hero-hotspot:hover:before,
.sba-hero-hotspot:focus-visible:before{
  opacity:1!important;
  animation:heroCtaGloss 1.05s ease-out forwards!important;
}
@keyframes heroCtaGloss{
  0%{transform:translateX(-125%) skewX(-10deg);}
  100%{transform:translateX(125%) skewX(-10deg);}
}

/* Remove the old circular/wheel interaction from normal HTML CTAs too. */
.btn:after{
  content:""!important;
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  min-height:7px!important;
  inset:auto!important;
  top:-5px!important;
  left:-5px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#fff 0 30%,#fff8e8 32% 48%,#ff6500 52% 70%,transparent 72%)!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:none!important;
  opacity:0!important;
  z-index:3!important;
  offset-path:inset(-5px round 9px)!important;
  offset-distance:0%!important;
  offset-rotate:0deg!important;
  pointer-events:none!important;
}
.btn:hover:after,.btn:focus-visible:after{
  opacity:1!important;
  animation:buttonSparkTravel 1.55s linear infinite!important;
}
@keyframes buttonSparkTravel{
  from{offset-distance:0%;}
  to{offset-distance:100%;}
}

/* MAXOUT OPPORTUNITY CARDS — preserve their content and original blue/orange identity. */
.maxout-trust-list{overflow:visible!important;}
.maxout-trust-item{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  transform-style:preserve-3d!important;
  transform:translateZ(0)!important;
  transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease,border-color .25s ease,background .35s ease!important;
  box-shadow:0 10px 24px rgba(0,55,125,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.maxout-trust-item:before{
  content:""!important;
  position:absolute!important;
  inset:-35%!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:0!important;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,0) 44%,rgba(255,255,255,.82) 50%,rgba(255,255,255,0) 56%,transparent 63%)!important;
  transform:translateX(-125%) skewX(-10deg)!important;
}
.maxout-trust-item:after{
  content:""!important;
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  top:-5px!important;
  left:-5px!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#fff 0 30%,#fff8e8 32% 48%,#ff6500 52% 70%,transparent 72%)!important;
  box-shadow:0 0 7px rgba(255,255,255,.95),0 0 15px rgba(255,101,0,.68)!important;
  opacity:0!important;
  z-index:3!important;
  pointer-events:none!important;
  offset-path:inset(-5px round 10px)!important;
  offset-distance:0%!important;
}
.maxout-trust-item strong{position:relative!important;z-index:4!important;}
.maxout-trust-item:hover{
  transform:translateY(-8px) translateZ(0) scale(1.025)!important;
  box-shadow:0 24px 50px rgba(0,55,125,.20),0 0 0 2px rgba(255,255,255,.72),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.maxout-trust-item:hover:before{
  opacity:1!important;
  animation:maxoutCardGloss 1.05s ease-out forwards!important;
}
.maxout-trust-item:hover:after{
  opacity:1!important;
  animation:maxoutCardSpark 1.55s linear infinite!important;
}
.maxout-trust-item:nth-child(1):hover{
  background:linear-gradient(135deg,#0757ff 0%,#1684ff 48%,#ff6500 100%)!important;
}
.maxout-trust-item:nth-child(2):hover{
  background:linear-gradient(135deg,#ff6500 0%,#ff8428 48%,#0757ff 100%)!important;
}
.maxout-trust-item:hover strong,
.maxout-trust-item:nth-child(2):hover strong{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,25,70,.28)!important;
}
@keyframes maxoutCardGloss{
  0%{transform:translateX(-125%) skewX(-10deg);}
  100%{transform:translateX(125%) skewX(-10deg);}
}
@keyframes maxoutCardSpark{
  from{offset-distance:0%;}
  to{offset-distance:100%;}
}

/* USER FINAL REQUEST — REMOVE ONLY HERO-CTA HOVER EFFECT
   Do not replace it with another animation. All other website hover effects remain untouched. */
.image-hero-landing .hero-hotspot-quote::before,
.image-hero-landing .hero-hotspot-quote::after,
.image-hero-main .hero-hotspot-quote::before,
.image-hero-main .hero-hotspot-quote::after,
.sba-hero-hotspot::before,
.sba-hero-hotspot::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  animation:none!important;
  transform:none!important;
  background:none!important;
  box-shadow:none!important;
  border:0!important;
}
.image-hero-landing .hero-hotspot-quote:hover::before,
.image-hero-landing .hero-hotspot-quote:hover::after,
.image-hero-landing .hero-hotspot-quote:focus-visible::before,
.image-hero-landing .hero-hotspot-quote:focus-visible::after,
.image-hero-main .hero-hotspot-quote:hover::before,
.image-hero-main .hero-hotspot-quote:hover::after,
.image-hero-main .hero-hotspot-quote:focus-visible::before,
.image-hero-main .hero-hotspot-quote:focus-visible::after,
.sba-hero-hotspot:hover::before,
.sba-hero-hotspot:hover::after,
.sba-hero-hotspot:focus-visible::before,
.sba-hero-hotspot:focus-visible::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  animation:none!important;
  transform:none!important;
}

/* FINAL REQUEST — STANDALONE BODY CTA HOVER ONLY
   Loan-program cards remain untouched. Hero-image CTA hotspots remain untouched.
   Blue standalone CTAs swap to radiant orange; orange standalone CTAs swap to radiant blue.
   Existing gloss/spark interaction is preserved. */
.product-hero .btn.btn-blue:hover,
.product-hero .btn.btn-blue:focus-visible,
.section .btn.btn-blue:hover,
.section .btn.btn-blue:focus-visible,
.product-extra .btn.btn-blue:hover,
.product-extra .btn.btn-blue:focus-visible{
  background:linear-gradient(105deg,#ff6500 0%,#ff7a18 52%,#ff9b3d 100%)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(255,101,0,.28),0 0 24px rgba(255,101,0,.22)!important;
}
.product-hero .btn.btn-orange:hover,
.product-hero .btn.btn-orange:focus-visible,
.section .btn.btn-orange:hover,
.section .btn.btn-orange:focus-visible,
.product-extra .btn.btn-orange:hover,
.product-extra .btn.btn-orange:focus-visible{
  background:linear-gradient(105deg,#0057ff 0%,#1684ff 52%,#4b9cff 100%)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(0,87,255,.28),0 0 24px rgba(0,87,255,.22)!important;
}


/* FINAL SURGICAL FIX — bottom conversion section only */
.maxout-bottom-application{padding:42px 0 50px!important;}
.maxout-application-grid{gap:44px!important;}
.maxout-bottom-form-holder{min-height:400px!important;padding:22px!important;}
.maxout-bottom-form-blank{min-height:356px!important;}
.maxout-bottom-cta{display:inline-flex!important;margin-top:20px!important;}
/* Standalone CTA in the bottom conversion section: blue/orange language only. */
.maxout-bottom-cta.btn-orange:hover,.maxout-bottom-cta.btn-orange:focus-visible{
  background:linear-gradient(135deg,#0757ff 0%,#1684ff 52%,#0757ff 100%)!important;
  box-shadow:0 18px 38px rgba(7,87,255,.30)!important;
}
.maxout-bottom-cta.btn-orange:hover span,.maxout-bottom-cta.btn-orange:focus-visible span{transform:translateX(7px)!important;}


/* FINAL SURGICAL FIX — requested final pass only.
   1) Remove the bottom conversion CTA (the form area already handles the quote action).
   2) Tighten only the vertical whitespace of that bottom panel; do not resize its cards or other page elements.
   3) Keep hero-image CTA hotspots clickable but completely inert on hover.
   4) Orange standalone/header CTAs swap to radiant blue on hover; existing gloss/spark remains.
*/
.maxout-bottom-application{
  padding:24px 0 32px!important;
}
.maxout-application-grid{
  gap:28px!important;
}
.maxout-bottom-cta{display:none!important;}

/* Hero CTA hotspots: no visual hover effect whatsoever. */
.image-hero .hero-hotspot:hover,
.image-hero .hero-hotspot:focus-visible,
.sba-hero-hotspot:hover,
.sba-hero-hotspot:focus-visible{
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
.image-hero .hero-hotspot::before,
.image-hero .hero-hotspot::after,
.sba-hero-hotspot::before,
.sba-hero-hotspot::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  animation:none!important;
}

/* Orange standalone CTAs: radiant blue hover, with the existing glossy sweep/spark. */
.nav > .btn.btn-orange:hover,
.nav > .btn.btn-orange:focus-visible{
  background:linear-gradient(105deg,#0057ff 0%,#1684ff 52%,#4b9cff 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(0,87,255,.30),0 0 24px rgba(0,87,255,.20)!important;
}

/* FINAL HEADER GAP FIX — ONLY
   Reduce the unused vertical white space in the fixed header.
   Preserve logo, navigation, CTA, typography, colors, and all page content. */
.nav{height:80px!important;}
html{scroll-padding-top:87px!important;}
body{padding-top:87px!important;}
@media(max-width:720px){
  .nav{height:72px!important;}
  html{scroll-padding-top:79px!important;}
  body{padding-top:79px!important;}
}

/* =========================================================
   COMPREHENSIVE FOOTER — dark navy with cream-white text.
   Preserves existing social icons. Adds navigation, contact,
   legal links, and the requested bottom bar.
   ========================================================= */

footer {
  background: #f7f9fc !important;
  color: #082957 !important;
  padding: 55px 0 0 !important;
  border-top: 7px solid var(--orange) !important;
}

.footer-main {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: start !important;
  gap: 40px !important;
}

.footer-left {
  grid-column: 1 !important;
  justify-self: start !important;
}

.footer-right {
  grid-column: 2 !important;
  justify-self: center !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 28px !important;
  flex-wrap: wrap !important;
  align-items: start !important;
}

.footer-nav-group,
.footer-contact,
.footer-legal {
  min-width: 0 !important;
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.footer-logo {
  width: 260px;
  height: auto;
  display: block;
}

.footer-desc {
  font-size: 15px;
  line-height: 1.6;
  color: #365b83;
  max-width: 280px;
  margin: 0;
}

.footer-kicker {
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-style: italic;
  font-weight: 900;
  letter-spacing: .08em;
  font-size: 17px;
  color: #0757ff;
  margin: 0 0 12px;
}

.footer-nav-group a,
.footer-contact a,
.footer-legal a {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #0a3972;
  text-decoration: none;
  margin-bottom: 8px;
  transition: color .25s;
}

.footer-nav-group a:hover,
.footer-contact a:hover,
.footer-legal a:hover {
  color: #ff6500;
}

.footer-contact p {
  font-size: 13px;
  color: #365b83;
  margin: 0 0 8px;
  line-height: 1.5;
}

.footer-social .social-icon {
  border-color: rgba(7, 87, 255, .2);
  background: rgba(7, 87, 255, .06);
}

.footer-social .social-icon svg {
  stroke: #0757ff;
}

.footer-social .social-icon svg path {
  fill: #0757ff;
}

.footer-social .social-icon .fill {
  fill: #0757ff;
}

.footer-social .social-icon:hover {
  background: rgba(7, 87, 255, .14);
  border-color: rgba(7, 87, 255, .4);
}

.footer-bottom-bar {
  border-top: 1px solid rgba(7, 87, 255, .12);
  padding: 24px 0;
  margin-top: 48px;
}

.footer-bottom-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.footer-copy {
  font-size: 12px;
  color: #52677f;
  text-align: center;
  margin: 0;
}

.made-by-link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.made-by-text {
  font-size: 14px;
  font-weight: 700;
  color: #365b83;
}

.made-by-logo {
  height: 24px;
  width: auto;
  display: block;
}

@media (min-width: 640px) {
  .footer-bottom-inner {
    flex-direction: row;
  }
}

@media (max-width: 1080px) {
  .footer-right {
    gap: 20px !important;
  }
}

@media (max-width: 720px) {
  .footer-main {
    flex-direction: column !important;
    gap: 24px !important;
  }
  .footer-left {
    max-width: 100% !important;
  }
  .footer-right {
    gap: 20px !important;
  }
  .footer-logo {
    width: 220px !important;
  }
}