:root { --ink: #15334f; --blue: #1466c3; --violet: #6644a4; --coral: #ec5a68; --mist: #f4f7fb; --line: #d9e3ef; --white: #fff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); font-family: "DM Sans", sans-serif; background: var(--white); }
a { color: inherit; text-decoration: none; } button { border: 0; cursor: pointer; font: inherit; } .wrap { width: min(1140px, calc(100% - 48px)); margin: 0 auto; }
.site-header { height: 82px; width: 100%; position: absolute; top: 0; z-index: 5; padding: 0 max(5vw, 48px); display: flex; align-items: center; justify-content: space-between; color: #fff; border-bottom: 1px solid rgba(255,255,255,.14); }
.brand { background: #fff; border-radius: 0 0 18px 18px; color: #245ca4; width: 180px; height: 82px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .brand img { width: 178px; height: 178px; object-fit: contain; } .brand b { color: #5b479e; } .star { font-size: 22px; color: var(--coral); transform: rotate(-12deg); margin-right: -4px; }
.desktop-nav { display: flex; gap: 26px; margin-left: auto; margin-right: 38px; font-size: 14px; font-weight: 600; } .desktop-nav a,.partner-link { white-space: nowrap; } .desktop-nav a { opacity: .9; } .header-actions { display: flex; align-items: center; gap: 18px; font-size: 13px; font-weight: 700; } .login-button { padding: 10px 18px; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.75); border-radius: 4px; } .menu-button { display: none; padding: 6px; background: transparent; } .menu-button span { display: block; width: 22px; height: 2px; margin: 4px; background: #fff; }
.hero { min-height: 680px; display: flex; align-items: center; position: relative; overflow: hidden; background: url("https://www.starpowerzdigiloans.com/assets/imgs/slider_images/home_banner_img.png") center/cover no-repeat, #305fae; } .hero-overlay { position: absolute; inset: 0; background: linear-gradient(105deg, rgba(15,87,184,.72), rgba(72,67,163,.67) 54%, rgba(176,67,140,.6)); } .hero-content { position: relative; z-index: 1; padding-top: 80px; color: #fff; }.eyebrow { margin: 0 0 15px; color: var(--coral); font-weight: 800; font-size: 11px; letter-spacing: 1.9px; }.eyebrow.light { color: #e9d9ff; }
h1,h2,h3 { font-family: Manrope, sans-serif; } h1 { margin: 0 0 32px; max-width: 800px; font-size: clamp(42px, 5.2vw, 72px); line-height: 1.08; letter-spacing: -2.6px; } h1 em { font-style: normal; color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,.98); } .search-box { width: min(750px, 100%); height: 60px; display: flex; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.26); border-radius: 7px; overflow: hidden; backdrop-filter: blur(7px); }.search-box input { flex: 1; padding: 0 24px; border: 0; outline: 0; background: transparent; color: #fff; font-size: 16px; }.search-box input::placeholder { color: rgba(255,255,255,.85); }.search-box button { width: 64px; color: #fff; background: transparent; font-size: 35px; }.hero-dots { position: absolute; bottom: 31px; left: 50%; z-index: 2; display: flex; gap: 8px; }.hero-dots i { height: 7px; width: 7px; border-radius: 50%; background: rgba(255,255,255,.55); }.hero-dots .active { width: 25px; border-radius: 10px; background: #fff; }
.intro { padding: 118px 0 92px; display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: center; }.intro h2,.section-heading h2,.process h2,.benefits h2,.app-section h2,.testimonials h2 { margin: 0 0 20px; font-size: clamp(28px, 3.2vw, 42px); line-height: 1.19; letter-spacing: -1.7px; }.intro h2 span,.section-heading h2 span,.process h2 span,.app-section h2 span,.testimonials h2 span { color: var(--coral); }.intro-copy > p:not(.eyebrow),.app-copy > p:not(.eyebrow) { color: #627287; line-height: 1.75; font-size: 15px; max-width: 510px; }.text-link { display: inline-flex; gap: 12px; align-items: center; margin-top: 13px; color: var(--blue); font-size: 14px; font-weight: 800; }.text-link b { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #fff; background: var(--coral); }.intro-art { min-height: 360px; position: relative; overflow: hidden; }.art-wash { position: absolute; right: 0; bottom: 0; width: 82%; height: 92%; background: #e4ecfb; }.person { position: absolute; object-fit: contain; }.person-back { right: 3%; bottom: 0; height: 83%; filter: saturate(.88); }.person-front { left: 0; bottom: 0; height: 97%; max-width: 68%; }
.stats { padding: 39px 0; color: #fff; background: linear-gradient(100deg, #155aaa, #68419a); }.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); }.stats-grid > div { padding: 0 30px; border-right: 1px solid rgba(255,255,255,.26); }.stats-grid > div:first-child { padding-left: 0; }.stats-grid > div:last-child { border: 0; }.stats b { display: block; font: 800 35px Manrope, sans-serif; }.stats b span,.stats small { color: #fb8b87; font: inherit; }.stats small { font-size: 20px; }.stats span:not(b span) { display: block; margin-top: 4px; font-size: 13px; opacity: .86; }
.services { padding: 105px 0; background: var(--mist); }.section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 36px; }.slider-controls,.testimonial-arrows { display: flex; gap: 9px; }.slider-controls button,.testimonial-arrows button { width: 39px; height: 39px; border: 1px solid var(--line); border-radius: 50%; color: var(--blue); background: #fff; font-size: 18px; }.slider-controls button:last-child,.testimonial-arrows button:last-child { color: #fff; border-color: var(--coral); background: var(--coral); }.service-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }.service-card { min-height: 300px; padding: 31px 24px 23px; display: flex; flex-direction: column; color: #fff; background: linear-gradient(160deg,#155fb6,#65449e); border-radius: 5px; transition: transform .25s, box-shadow .25s; }.service-card:hover { transform: translateY(-7px); box-shadow: 0 14px 23px rgba(29,61,114,.18); }.service-icon { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 37px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; font-size: 24px; }.service-card h3 { margin: 0 0 12px; font-size: 20px; }.service-card p { margin: 0; color: rgba(255,255,255,.86); font-size: 13px; line-height: 1.55; }.service-card a { margin-top: auto; padding-top: 17px; color: #fff; font-size: 12px; font-weight: 700; }.service-card a::after { content: '  →'; color: #f99895; }
.process { padding: 115px 0; }.process-title { text-align: center; }.process-title > p:last-child { max-width: 490px; margin: 0 auto; color: #627287; font-size: 15px; line-height: 1.7; }.steps { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 65px; position: relative; }.steps::before { content: ''; position: absolute; top: 27px; left: 13%; width: 72%; border-top: 1px dashed #b8c9dd; }.steps article { text-align: center; position: relative; z-index: 1; }.step-icon { width: 55px; height: 55px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 50%; color: var(--coral); background: #fff1ef; font: 800 21px Manrope; }.steps b { color: var(--coral); font-size: 13px; }.steps h3 { margin: 9px 0 0; font-size: 15px; line-height: 1.5; }
.benefits { overflow: hidden; color: #fff; background: linear-gradient(105deg,#155cae 0%,#3e559e 58%,#7b4c9e 100%); }.benefits-layout { min-height: 475px; display: grid; grid-template-columns: 42% 58%; align-items: center; gap: 8%; }.benefits-image { height: 100%; position: relative; overflow: hidden; }.benefits-image::after { content:''; position:absolute; inset:0; background: linear-gradient(90deg, transparent 65%, #225ca9); }.benefits-image img { width: 100%; height: 100%; object-fit: cover; }.benefits h2 { color: #fff; }.benefits h2 span { color: #fed694; }.benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px 35px; margin-top: 31px; }.benefit-grid > div { display: flex; align-items: center; gap: 11px; }.benefit-grid i { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; color: #fed694; font-style: normal; }.benefit-grid b { font-size: 13px; line-height: 1.25; }
.app-section { min-height: 520px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; overflow: hidden; }.store-buttons { display: flex; gap: 12px; margin-top: 29px; }.store-buttons a { min-width: 143px; height: 46px; display: flex; justify-content: center; align-items: center; gap: 7px; border-radius: 4px; color: #fff; background: #17283e; font-size: 20px; }.store-buttons small { font-size: 8px; line-height: 1.2; }.store-buttons strong { font-size: 14px; }.phones { height: 520px; position: relative; }.phones::before { content:''; position:absolute; width: 340px; height: 340px; border-radius: 50%; background: #eaf1fc; right: 13%; top: 90px; }.phones img { height: 490px; max-width: 100%; object-fit: contain; position: absolute; right: 0; bottom: -20px; z-index: 1; }
.testimonials { padding: 100px 0; background: #f7f8fc; text-align: center; }.testimonial-card { max-width: 750px; min-height: 300px; position: relative; margin: 40px auto 0; padding: 48px 60px 40px; text-align: left; border-radius: 6px; background: #fff; box-shadow: 0 15px 45px rgba(33,55,96,.08); }.quote { position: absolute; top: 18px; left: 27px; color: #e3ecf7; font: 800 78px Georgia,serif; line-height: 1; }.testimonial-card blockquote { min-height: 61px; position: relative; margin: 0 0 27px; color: #44566e; font-size: 17px; line-height: 1.6; }.testimonial-person { display: flex; align-items: center; gap: 13px; }.testimonial-person img { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; }.testimonial-person b,.testimonial-person span { display:block; }.testimonial-person b { font-size: 14px; }.testimonial-person span { margin-top: 3px; color: var(--coral); font-size: 12px; }.testimonial-arrows { position: absolute; bottom: 42px; right: 54px; }
footer { color: #b6c2d0; background: #142b43; }.footer-grid { display: grid; grid-template-columns: 1.35fr 1.25fr .75fr 1fr; gap: 46px; padding: 70px 0 54px; }.footer-brand { width: 134px; height: 54px; border-radius: 0 0 12px 12px; font-size: 20px; }.footer-grid p { margin: 16px 0 0; color: #aebdcd; font-size: 13px; line-height: 1.7; }.footer-grid h3 { margin: 0 0 18px; color: #fff; font-size: 16px; }.footer-grid a:not(.brand) { display: block; margin: 0 0 10px; color: #b6c2d0; font-size: 13px; }.socials { display: flex; gap: 9px; margin-top: 20px; }.socials a { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid #597086; border-radius: 50%; font-size: 12px; }.copyright { padding: 20px 0; border-top: 1px solid rgba(255,255,255,.12); font-size: 12px; }
@media (max-width: 860px) { .site-header { padding: 0 24px; height: 69px; }.brand { width: 120px; height: 69px; font-size: 18px; }.desktop-nav,.partner-link,.login-button { display:none; }.menu-button { display:block; }.hero { min-height: 620px; }.hero-content { padding-top: 62px; }.intro { grid-template-columns: 1fr; gap: 36px; padding: 76px 0; }.intro-art { min-height: 315px; }.stats-grid { grid-template-columns: repeat(2,1fr); gap: 28px 0; }.stats-grid > div { padding-left: 20px; }.stats-grid > div:nth-child(3) { padding-left: 0; }.stats-grid > div:nth-child(2) { border: 0; }.service-grid { grid-template-columns: repeat(2,1fr); }.benefits-layout { grid-template-columns: 1fr; gap: 0; padding: 60px 0; }.benefits-image { display:none; }.app-section { grid-template-columns: 1fr; padding-top: 70px; }.phones { height: 390px; }.phones img { height: 390px; }.footer-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 540px) { .wrap { width: min(100% - 36px, 1140px); } h1 { font-size: 42px; letter-spacing: -1.8px; }.hero { min-height: 610px; background-position: 58% center; }.search-box { height: 54px; }.stats { padding: 32px 0; }.stats b { font-size: 28px; }.stats-grid > div { padding-left: 15px; }.stats-grid > div:nth-child(3) { padding-left: 0; }.section-heading { align-items: flex-end; }.section-heading h2 { font-size: 30px; }.service-grid { grid-template-columns: 1fr; }.service-card { min-height: 245px; }.service-icon { margin-bottom: 20px; }.steps { grid-template-columns: 1fr 1fr; gap: 37px 0; margin-top: 45px; }.steps::before { display:none; }.benefit-grid { grid-template-columns: repeat(2,1fr); }.app-section { min-height: 0; }.phones { height: 335px; }.phones img { height: 355px; }.testimonial-card { padding: 45px 28px 96px; }.testimonial-arrows { bottom: 28px; left: 28px; }.footer-grid { grid-template-columns: 1fr; gap: 32px; padding: 55px 0 40px; } }

.inner-header { position: relative; color: var(--ink); background: #fff; border-color: var(--line); }.inner-header .brand { box-shadow: 0 8px 22px rgba(28,62,111,.08); }.inner-header .desktop-nav a { opacity: 1; }.inner-header .desktop-nav a:hover { color: var(--coral); }.inner-header .login-button { color: var(--blue); border-color: var(--blue); }.page-banner { min-height: 275px; display: grid; place-items: center; color: #fff; text-align: center; position: relative; overflow: hidden; background: url("https://www.starpowerzdigiloans.com/assets/imgs/slider_images/home_banner_img.png") center 43% / cover no-repeat; }.page-banner::before { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg,rgba(17,91,181,.9),rgba(112,65,159,.81)); }.page-banner > div { position: relative; z-index: 1; padding-top: 18px; }.page-banner h1 { margin: 0; font-size: clamp(38px, 5vw, 60px); letter-spacing: -2px; }.breadcrumb { margin: 13px 0 0; font-size: 13px; opacity: .88; }.breadcrumb a { font-weight: 700; }.inner-main h2 { font: 800 clamp(29px,3.3vw,42px)/1.18 Manrope,sans-serif; letter-spacing: -1.5px; margin: 0 0 18px; }.inner-main p { color: #617287; font-size: 15px; line-height: 1.78; }.inner-services { padding: 105px 0; }.inner-services .service-grid { grid-template-columns: repeat(4,1fr); }.inner-services .service-card { min-height: 306px; background: #fff; color: var(--ink); border: 1px solid #e3ebf4; box-shadow: 0 8px 24px rgba(36,72,123,.05); }.inner-services .service-card:nth-child(3n+2) { color: #fff; border: 0; background: linear-gradient(155deg,#1468c2,#72449f); }.inner-services .service-card p { color: #6e7d8f; }.inner-services .service-card:nth-child(3n+2) p { color: rgba(255,255,255,.85); }.inner-services .service-card a { color: var(--blue); }.inner-services .service-card:nth-child(3n+2) a { color: #fff; }.inner-services .service-icon { color: var(--coral); border-color: #e7eef8; background: #f5f8fc; }.inner-services .service-card:nth-child(3n+2) .service-icon { color: #fff; border-color: rgba(255,255,255,.3); background: transparent; }.about-story { display:grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items:center; padding: 110px 0; }.about-story .intro-art { min-height: 410px; }.about-story .intro-copy p + p { margin-top: 13px; }.mission { padding: 88px 0; background: var(--mist); }.mission-grid { display:grid; grid-template-columns:1fr 1fr; gap: 24px; }.mission-grid article { padding: 43px; background:#fff; border-left: 4px solid var(--coral); }.mission-grid article:last-child { border-color: var(--blue); }.mission-grid h3 { margin:0 0 12px; font-size:25px; }.mission-grid p { margin:0; }.partner-section { padding:105px 0; text-align:center; }.partners-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:40px; }.partner-logo { height:92px; display:grid; place-items:center; padding:18px; border:1px solid #e3eaf3; background:#fff; }.partner-logo img { max-width:100%; max-height:54px; object-fit:contain; filter:grayscale(.1); }.history-intro { max-width:830px; padding:105px 0 72px; text-align:center; }.history-intro h2 { color: var(--ink); }.history-timeline { padding: 92px 0 115px; background: var(--mist); }.history-timeline h2 { text-align:center; margin-bottom:58px; }.timeline { position:relative; max-width:880px; margin:0 auto; }.timeline::before { content:''; position:absolute; top:0; bottom:0; left:50%; border-left:2px solid #c8d8ec; }.timeline-item { display:grid; grid-template-columns:1fr 64px 1fr; align-items:center; min-height:150px; }.timeline-item:nth-child(odd) .timeline-copy { grid-column:1; text-align:right; }.timeline-item:nth-child(odd) .timeline-year { grid-column:2; }.timeline-item:nth-child(odd) .timeline-visual { grid-column:3; }.timeline-item:nth-child(even) .timeline-visual { grid-column:1; }.timeline-item:nth-child(even) .timeline-year { grid-column:2; }.timeline-item:nth-child(even) .timeline-copy { grid-column:3; }.timeline-year { width:64px; height:64px; display:grid; place-items:center; z-index:1; color:#fff; border:5px solid var(--mist); border-radius:50%; background:var(--coral); font:800 13px Manrope,sans-serif; }.timeline-copy { padding:18px 30px; }.timeline-copy p { margin:0; }.timeline-visual { height:100px; margin:0 28px; overflow:hidden; border-radius:3px; }.timeline-visual img { width:100%; height:100%; object-fit:cover; }.leaders { padding:100px 0; }.leader { display:grid; grid-template-columns:360px 1fr; gap:75px; align-items:center; padding:0 0 90px; margin-bottom:80px; border-bottom:1px solid var(--line); }.leader.reverse { grid-template-columns:1fr 360px; }.leader.reverse .leader-photo { order:2; }.leader-photo { height:390px; position:relative; overflow:hidden; background:linear-gradient(145deg,#d7e8fb,#f5e9f1); }.leader-photo::after { content:''; position:absolute; inset:auto -12% 0; height:27%; background:linear-gradient(90deg,#1761b6,#794a9c); transform:skewY(-7deg); }.leader-photo img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; object-position:bottom; }.leader-detail h2 { margin-bottom:6px; }.leader-role { color:var(--coral)!important; font-weight:800; margin:0 0 20px!important; }.leader-detail p:last-child { margin-bottom:0; }
@media (max-width:1150px) and (min-width:861px) { .site-header { padding:0 28px; }.desktop-nav { gap:18px; margin-right:24px; font-size:13px; }.partner-link { display:none; }.credit-header .desktop-nav { gap:20px; }.credit-header .partner-link { display:inline-flex; } }
@media (max-width:860px) { .inner-header .menu-button span { background:var(--ink); }.page-banner { min-height:230px; }.inner-services .service-grid { grid-template-columns:repeat(2,1fr); }.about-story,.mission-grid { grid-template-columns:1fr; gap:35px; }.about-story { padding:75px 0; }.partners-grid { grid-template-columns:repeat(3,1fr); }.leader,.leader.reverse { grid-template-columns:1fr; gap:33px; padding-bottom:65px; margin-bottom:55px; }.leader.reverse .leader-photo { order:0; }.leader-photo { height:360px; max-width:410px; }.inner-header .desktop-nav.mobile-open { position:absolute; top:69px; right:0; left:0; display:flex; flex-direction:column; gap:0; padding:12px 24px; background:#fff; box-shadow:0 12px 20px rgba(23,45,75,.12); }.inner-header .desktop-nav.mobile-open a { padding:13px 0; } }
@media (max-width:540px) { .inner-services { padding:70px 0; }.inner-services .service-grid,.partners-grid { grid-template-columns:1fr; }.mission { padding:65px 0; }.mission-grid article { padding:30px; }.partner-section { padding:70px 0; }.timeline::before { left:31px; }.timeline-item,.timeline-item:nth-child(n) { display:grid; grid-template-columns:63px 1fr; gap:0; min-height:0; padding-bottom:34px; }.timeline-year,.timeline-item:nth-child(n) .timeline-year { grid-column:1; grid-row:1/3; }.timeline-copy,.timeline-item:nth-child(n) .timeline-copy { grid-column:2; grid-row:1; padding:0 0 11px 20px; text-align:left; }.timeline-visual,.timeline-item:nth-child(n) .timeline-visual { grid-column:2; grid-row:2; margin:0 0 0 20px; }.history-timeline { padding:68px 0; }.history-timeline h2 { margin-bottom:40px; }.leader-photo { width:100%; height:320px; }.leaders { padding:70px 0; } }
.contact-layout { display:grid; grid-template-columns: .85fr 1.15fr; gap:75px; padding:105px 0; }.contact-details h2 { margin-bottom:13px; }.contact-details > p { margin:0 0 32px; max-width:400px; }.contact-detail { display:flex; gap:15px; align-items:flex-start; margin:21px 0; }.contact-detail i { width:39px; height:39px; flex:0 0 39px; display:grid; place-items:center; border-radius:50%; color:var(--coral); background:#fff0f0; font-style:normal; }.contact-detail b,.contact-detail span { display:block; }.contact-detail b { margin:1px 0 5px; font:700 13px Manrope,sans-serif; }.contact-detail span { color:#617287; font-size:14px; line-height:1.55; }.contact-form { padding:43px; border-radius:5px; background:var(--mist); }.contact-form h2 { font-size:29px; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.form-grid .full { grid-column:1/-1; }.contact-form label { display:block; margin-bottom:7px; color:#486078; font-size:12px; font-weight:700; }.contact-form input,.contact-form select,.contact-form textarea { width:100%; padding:13px 14px; border:1px solid #d9e3ef; border-radius:3px; outline:0; color:var(--ink); background:#fff; font:14px "DM Sans",sans-serif; }.contact-form textarea { min-height:114px; resize:vertical; }.submit-button { margin-top:22px; padding:13px 24px; border-radius:3px; color:#fff; background:linear-gradient(100deg,#1466c3,#71489c); font-weight:700; }.form-status { min-height:21px; margin:12px 0 0!important; color:#17714e!important; font-size:13px!important; }.map-section { height:390px; position:relative; overflow:hidden; background:linear-gradient(120deg,rgba(27,97,172,.86),rgba(116,74,153,.76)),url("https://images.unsplash.com/photo-1526772662000-3f88f10405ff?auto=format&fit=crop&w=1600&q=80") center/cover; }.map-section .wrap { height:100%; display:flex; align-items:center; }.map-card { width:min(420px,100%); padding:35px; background:#fff; box-shadow:0 15px 34px rgba(17,43,79,.19); }.map-card h2 { margin-bottom:12px; }.map-card p { margin:0 0 21px; }.map-button { display:inline-block; padding:11px 17px; color:#fff; background:var(--coral); font-size:13px; font-weight:700; border-radius:3px; }
@media (max-width:860px) { .contact-layout { grid-template-columns:1fr; gap:42px; padding:75px 0; } }
@media (max-width:540px) { .contact-form { padding:28px 22px; }.form-grid { grid-template-columns:1fr; }.form-grid .full { grid-column:auto; }.map-card { padding:28px; } }
.service-detail { padding:72px 0 110px; }.service-tabs { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 auto 52px; padding:8px; border:1px solid #e4ebf4; border-radius:5px; background:#f8fafc; }.service-tabs a { padding:10px 14px; border-radius:3px; color:#587088; font-size:13px; font-weight:700; }.service-tabs a:hover,.service-tabs a.active { color:#fff; background:linear-gradient(100deg,#1466c3,#70489d); }.service-detail-hero { display:grid; grid-template-columns:1fr 1fr; min-height:355px; overflow:hidden; background:#f3f7fc; }.service-detail-hero > div:first-child { padding:54px 55px; }.service-detail-hero h2 { margin-bottom:15px; }.service-detail-hero p:not(.eyebrow) { max-width:440px; margin-bottom:27px; }.detail-image { min-height:330px; overflow:hidden; background:linear-gradient(140deg,#1a67bf,#77509e); }.detail-image img { width:100%; height:100%; display:block; object-fit:cover; mix-blend-mode:luminosity; opacity:.8; }.detail-apply { display:inline-flex; align-items:center; gap:12px; padding:12px 18px; border-radius:3px; color:#fff; background:var(--coral); font-size:13px; font-weight:800; }.detail-apply span { font-size:18px; }.detail-requirements { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:32px; }.detail-requirements article { padding:38px; border:1px solid #e0e9f3; }.requirement-icon { width:42px; height:42px; display:grid; place-items:center; margin-bottom:20px; border-radius:50%; color:var(--coral); background:#fff0ef; font-weight:800; }.detail-requirements h3 { margin:0 0 9px; font-size:23px; }.detail-requirements p { margin:0 0 20px; }.detail-requirements ul { padding:0; margin:0; list-style:none; }.detail-requirements li { position:relative; padding:0 0 13px 22px; color:#536a81; font-size:14px; line-height:1.55; }.detail-requirements li::before { content:'•'; position:absolute; left:3px; color:var(--coral); font-size:20px; line-height:18px; }@media (max-width:860px) { .service-detail-hero,.detail-requirements { grid-template-columns:1fr; }.service-detail-hero > div:first-child { padding:40px; }.detail-image { min-height:270px; } }@media (max-width:540px) { .service-detail { padding:50px 0 70px; }.service-tabs { justify-content:flex-start; }.service-tabs a { padding:8px 10px; font-size:12px; }.service-detail-hero > div:first-child,.detail-requirements article { padding:28px 24px; } }
.credit-home { --cl-navy:#06255d; --cl-green:#0d9a6d; color:#06255d; }.credit-header { position:relative; height:69px; padding:0 32px; color:#06255d; background:#fff; border-color:#e5e8ef; }.credit-header .brand { width:165px; height:68px; border-radius:0; }.credit-header .brand img { width:158px; height:158px; }.credit-header .desktop-nav { gap:29px; margin-right:28px; font-size:12px; }.credit-header .desktop-nav a { color:#0a2457; opacity:1; }.credit-header .partner-link { padding:11px 19px; border-radius:4px; color:#fff; background:#099768; }.credit-home h1,.credit-home h2,.credit-home h3 { letter-spacing:0; }.cl-hero { min-height:485px; background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 40%,rgba(255,255,255,.08) 62%),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1400&q=85') center/cover; }.cl-hero-grid { min-height:485px; display:grid; grid-template-columns:1.06fr .94fr; align-items:center; }.cl-hero-copy { padding:48px 0 38px; }.cl-hero-copy h1 { margin:0 0 14px; color:#092462; font-size:clamp(39px,4.4vw,62px); line-height:1.06; }.cl-hero-copy h1 span { color:var(--cl-green); }.cl-hero-copy > p { max-width:470px; margin:0; color:#243d68; font-size:15px; line-height:1.6; }.cl-tags { display:flex; flex-wrap:wrap; gap:13px; margin:18px 0 24px; color:#365174; font-size:11px; font-weight:700; }.cl-tags span::first-letter { color:var(--cl-green); }.cl-actions { display:flex; gap:15px; }.cl-button,.cl-outline { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:43px; padding:0 23px; border-radius:4px; font-size:13px; font-weight:800; }.cl-button { color:#fff; background:#079567; }.cl-outline { border:1px solid #172c60; color:#12295d; background:#fff; }.cl-network { justify-self:end; width:265px; padding:18px; color:#fff; border:1px solid rgba(255,255,255,.7); border-radius:5px; background:rgba(4,27,75,.9); box-shadow:0 10px 24px rgba(0,28,75,.2); }.cl-network strong { font-size:20px; line-height:1.22; }.cl-network-items { display:flex; justify-content:space-between; gap:8px; margin-top:20px; }.cl-network-items span { display:grid; place-items:center; gap:5px; color:#fff; font-size:23px; text-align:center; }.cl-network-items small { font-size:10px; font-weight:700; }.cl-section { padding:31px 0 36px; background:#f7f9fc; }.cl-title { margin:0 0 24px; color:#0a2258; font-size:18px; text-align:center; }.cl-title i { display:block; width:30px; margin:8px auto 0; border-bottom:3px solid var(--cl-green); }.cl-card-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }.cl-card { min-height:191px; padding:18px 14px; text-align:center; border:1px solid #e4e9ef; border-radius:7px; background:#fff; box-shadow:0 3px 12px rgba(14,42,85,.06); }.cl-card > span { width:48px; height:48px; display:grid; place-items:center; margin:0 auto 12px; border-radius:50%; color:#fff; background:#08266a; font-size:24px; }.cl-card:nth-child(2) > span,.cl-card:nth-child(4) > span { background:var(--cl-green); }.cl-card h3 { margin:0 0 9px; color:#0a245c; font-size:14px; }.cl-card p { margin:0; color:#52627a; font-size:11px; line-height:1.55; }.cl-metrics { color:#fff; background:linear-gradient(100deg,#02245e,#062055); }.cl-metrics .wrap { display:grid; grid-template-columns:repeat(4,1fr); }.cl-metrics .wrap > div { display:grid; grid-template-columns:42px 1fr; column-gap:9px; padding:21px 31px; border-right:1px solid rgba(255,255,255,.23); }.cl-metrics .wrap > div:last-child { border:0; }.cl-metrics i { grid-row:1/3; align-self:center; color:#0cb683; font-size:32px; font-style:normal; }.cl-metrics strong { color:#21c58f; font-size:26px; }.cl-metrics span { font-size:10px; }.cl-process { display:grid; grid-template-columns:1.37fr .63fr; min-height:330px; }.cl-process > div { padding:30px 30px 28px 0; }.cl-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; text-align:center; }.cl-steps article { position:relative; }.cl-steps b { display:grid; place-items:center; width:29px; height:29px; margin:0 auto 16px; border-radius:50%; color:#fff; background:#07225d; font-size:11px; }.cl-steps article:nth-child(2) b,.cl-steps article:nth-child(4) b { background:var(--cl-green); }.cl-steps span { width:52px; height:52px; display:grid; place-items:center; margin:0 auto 13px; border:2px solid #60caaa; border-radius:50%; color:var(--cl-green); font-size:27px; }.cl-steps h3 { margin:0 0 7px; font-size:13px; }.cl-steps p { margin:0; color:#56667f; font-size:10px; line-height:1.5; }.cl-associate { padding:32px 28px; color:#fff; background:linear-gradient(100deg,rgba(255,255,255,.05),rgba(2,42,100,.75)),url('https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=700&q=80') center/cover; }.cl-associate h2 { margin:0 0 10px; font-size:24px; }.cl-associate p,.cl-associate li { font-size:11px; line-height:1.5; }.cl-associate ul { padding:0; list-style:none; }.cl-associate li { margin:4px 0; }.cl-associate li::before { content:'✓ '; color:#65e1b7; }.cl-solutions,.cl-partners { padding:23px 0; border-top:1px solid #e6ebf0; }.cl-solutions > .wrap > div { display:grid; grid-template-columns:repeat(8,1fr); }.cl-solutions a { display:grid; place-items:center; gap:8px; min-height:82px; color:#11295b; border-right:1px solid #dde4ec; font-size:11px; font-weight:700; text-align:center; }.cl-solutions a:last-child { border:0; }.cl-solutions i { color:#0e356b; font-size:28px; font-style:normal; }.cl-partners { padding-top:23px; }.cl-partners > .wrap > div { display:flex; align-items:center; justify-content:space-around; }.cl-partners b { color:#0c366e; font-size:20px; font-style:italic; }.cl-partners b:nth-child(2),.cl-partners b:nth-child(4) { color:#ba243d; }.cl-partners b:nth-child(5) { color:#bb482b; }.cl-contact { background:#f6f8fb; }.cl-contact .wrap { display:grid; grid-template-columns: .36fr .64fr; }.cl-contact blockquote { min-height:202px; margin:0; padding:30px 37px; color:#fff; background:#072560; font-size:13px; line-height:1.6; }.cl-contact blockquote::first-letter { font-size:35px; }.cl-contact blockquote small { display:block; margin-top:20px; color:#ffd35a; font-size:12px; }.cl-contact form { padding:26px 35px; }.cl-contact form h2 { margin:0 0 15px; font-size:18px; }.cl-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.cl-form-grid input,.cl-form-grid select { height:34px; padding:0 10px; border:1px solid #dce4eb; border-radius:3px; color:#67758a; background:#fff; font:11px "DM Sans",sans-serif; }.cl-form-grid .cl-button { border:0; min-height:34px; }.cl-contact form > p { margin:11px 0 0; color:#317568; font-size:10px; }.cl-hidden-message { display:none; }.credit-footer { background:#05245c; }.credit-footer-grid { display:grid; grid-template-columns:1.45fr repeat(4,1fr); gap:28px; padding:29px 0 22px; }.credit-footer .footer-brand { width:155px; height:58px; border-radius:0; }.credit-footer .footer-brand img { width:148px; height:148px; }.credit-footer p { color:#fff; font-size:12px; font-weight:600; }.credit-footer h3 { margin:7px 0 12px; color:#fff; font-size:13px; }.credit-footer a:not(.brand) { margin:0 0 8px; color:#fff; font-size:11px; }.credit-footer .copyright { display:flex; justify-content:space-between; padding:13px 0; color:#fff; border-top:1px solid rgba(255,255,255,.22); font-size:10px; }.credit-footer .copyright span { color:#fff; }@media (max-width:1000px) { .credit-header .desktop-nav { gap:15px; margin-right:15px; font-size:11px; }.cl-card-grid { grid-template-columns:repeat(3,1fr); }.cl-card-grid article:nth-child(n+4) { display:none; }.cl-solutions > .wrap > div { grid-template-columns:repeat(4,1fr); }.credit-footer-grid { grid-template-columns:repeat(3,1fr); } }@media (max-width:760px) { .credit-header { padding:0 18px; }.credit-header .brand { width:135px; }.credit-header .desktop-nav { display:none; }.credit-header .menu-button { display:block; }.credit-header .menu-button span { background:#092462; }.cl-hero-grid,.cl-process,.cl-contact .wrap { grid-template-columns:1fr; }.cl-hero { min-height:auto; background-position:68% center; }.cl-hero-copy { padding:70px 0 35px; }.cl-network { justify-self:start; margin-bottom:35px; }.cl-card-grid { grid-template-columns:1fr 1fr; }.cl-card-grid article:nth-child(n) { display:block; }.cl-metrics .wrap { grid-template-columns:1fr 1fr; }.cl-metrics .wrap > div { border-bottom:1px solid rgba(255,255,255,.2); }.cl-process > div { padding-right:0; }.cl-steps { grid-template-columns:1fr 1fr; gap:24px 8px; }.cl-solutions > .wrap > div { grid-template-columns:repeat(2,1fr); }.cl-partners > .wrap > div { flex-wrap:wrap; gap:22px; }.cl-contact form { padding:26px 20px; }.credit-footer-grid { grid-template-columns:1fr 1fr; }.credit-footer .copyright { display:block; line-height:1.8; }.credit-footer .copyright span { display:block; } }@media (max-width:430px) { .cl-card-grid,.cl-form-grid { grid-template-columns:1fr; }.cl-hero-copy h1 { font-size:38px; }.cl-tags { gap:9px; }.cl-actions { flex-direction:column; align-items:flex-start; }.cl-metrics .wrap { grid-template-columns:1fr; }.credit-footer-grid { grid-template-columns:1fr; } }