:root { --wise-ink: #163300; --wise-green: #9fe870; --wise-pale: #f4f7f1; --wise-line: #d8dfd4; --wise-muted: #536052; --wise-white: #fff; }
.wise-home { width: 100%; color: var(--wise-ink); background: var(--wise-white); font-family: "Albert Sans", sans-serif; overflow: hidden; }
.wise-wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.wise-hero { background: var(--wise-pale); border-bottom: 1px solid var(--wise-line); }
.wise-hero-grid { display: grid; grid-template-columns: minmax(0, .96fr) minmax(420px, 1.04fr); align-items: center; min-height: 650px; gap: 40px; }
.wise-hero-copy { padding: 76px 0 70px; }
.wise-kicker { color: #4b6940; font-size: 12px; font-weight: 700; letter-spacing: .08em; margin: 0 0 24px; text-transform: uppercase; }
.wise-hero h1, .wise-section h2, .wise-cta h2 { color: var(--wise-ink); font-family: "Poppins", sans-serif; font-weight: 600; letter-spacing: -.04em; line-height: 1.06; }
.wise-hero h1 { font-size: clamp(48px, 6vw, 82px); margin: 0 0 28px; max-width: 680px; }
.wise-hero h1 em { color: #43852e; font-style: normal; }
.wise-lede { color: #33452f; font-size: 21px; line-height: 1.45; max-width: 540px; margin-bottom: 34px; }
.wise-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 24px; }
.wise-button { align-items: center; display: inline-flex; font-size: 15px; font-weight: 700; gap: 18px; padding: 16px 20px; transition: transform .2s ease, background .2s ease; }
.wise-button:hover { color: inherit; transform: translateY(-2px); }
.wise-button--dark { background: var(--wise-ink); color: var(--wise-white); }
.wise-button--dark:hover { background: #28520e; color: var(--wise-white); }
.wise-button--light { background: var(--wise-green); color: var(--wise-ink); }
.wise-button--light:hover { background: #c2f59e; color: var(--wise-ink); }
.wise-text-link, .wise-feature a { color: var(--wise-ink); font-size: 15px; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.wise-caption { color: var(--wise-muted); font-size: 13px; margin: 25px 0 0; }
.wise-orbit { height: 530px; justify-self: end; max-width: 570px; position: relative; width: 100%; }
.wise-orbit__halo { border: 1px solid #bfd0b8; border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.wise-orbit__halo--one { height: 440px; width: 440px; }.wise-orbit__halo--two { border-style: dashed; height: 300px; width: 300px; }
.wise-orbit__line { background: #9ab593; height: 1px; left: 50%; position: absolute; top: 50%; transform-origin: left; width: 220px; }.wise-orbit__line--one { transform: rotate(-23deg); }.wise-orbit__line--two { transform: rotate(61deg); }.wise-orbit__line--three { transform: rotate(154deg); }
.wise-orbit__core { align-items: center; background: var(--wise-ink); border: 12px solid var(--wise-green); border-radius: 50%; color: var(--wise-white); display: flex; flex-direction: column; height: 156px; justify-content: center; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 156px; z-index: 2; }.wise-orbit__core span { font-size: 30px; font-weight: 700; }.wise-orbit__core small { font-size: 12px; line-height: 1.1; }
.wise-node { align-items: center; background: var(--wise-white); border: 1px solid var(--wise-ink); border-radius: 50%; display: flex; font-size: 12px; font-weight: 700; height: 76px; justify-content: center; position: absolute; width: 76px; z-index: 3; }.wise-node--crm { left: 15%; top: 22%; }.wise-node--data { right: 9%; top: 18%; }.wise-node--ai { bottom: 16%; left: 21%; background: var(--wise-green); }.wise-node--ops { bottom: 10%; right: 15%; }
.wise-orbit__label { bottom: 5px; color: var(--wise-muted); font-size: 13px; left: 50%; line-height: 1.4; position: absolute; text-align: center; transform: translateX(-50%); width: 200px; }.wise-orbit__label strong { color: var(--wise-ink); }
.wise-trust-strip { align-items: center; border-top: 1px solid var(--wise-line); display: flex; flex-wrap: wrap; gap: 15px; padding: 20px 0; color: var(--wise-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }.wise-trust-dot { background: #7ca96a; border-radius: 50%; height: 5px; width: 5px; }
.wise-section { padding: 115px 0; }.wise-section-heading { max-width: 620px; }.wise-section h2, .wise-cta h2 { font-size: clamp(36px, 4.5vw, 58px); margin: 0 0 22px; }.wise-section-heading > p:last-child, .wise-proof-intro > p:last-child { color: var(--wise-muted); font-size: 18px; line-height: 1.5; max-width: 570px; }
.wise-stack { background: var(--wise-white); }.wise-stack-grid { border-top: 1px solid var(--wise-line); display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 70px; }.wise-feature { border-right: 1px solid var(--wise-line); min-height: 270px; padding: 30px 34px 20px 0; }.wise-feature + .wise-feature { padding-left: 34px; }.wise-feature:last-child { border: 0; }.wise-feature--green { background: var(--wise-green); padding-right: 34px; }.wise-number { color: #66805d; font-size: 13px; font-weight: 700; }.wise-feature h3 { font-family: "Poppins", sans-serif; font-size: 25px; font-weight: 600; margin: 45px 0 14px; }.wise-feature p { color: var(--wise-muted); font-size: 16px; line-height: 1.5; min-height: 74px; }.wise-feature a { display: inline-block; margin-top: 20px; }
.wise-use-cases { background: #e8f0e4; }.wise-use-cases-heading { margin-bottom: 62px; max-width: 700px; }.wise-use-case-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }.wise-use-case { background: var(--wise-white); border-top: 3px solid var(--wise-ink); min-height: 300px; padding: 28px 30px 26px; transition: transform .2s ease, box-shadow .2s ease; }.wise-use-case:hover { box-shadow: 0 12px 28px rgba(22, 51, 0, .1); transform: translateY(-3px); }.wise-use-case--insurance { border-color: #4d8f35; }.wise-use-case--staffing { border-color: #2f6d91; }.wise-use-case--education { border-color: #d88735; }.wise-use-case--travel { border-color: #7a5b9a; }.wise-use-case-top { align-items: center; display: flex; justify-content: space-between; }.wise-use-case-index { color: #66805d; font-size: 13px; font-weight: 700; }.wise-use-case-tag { border: 1px solid var(--wise-line); color: var(--wise-muted); font-size: 11px; font-weight: 700; letter-spacing: .06em; padding: 6px 9px; text-transform: uppercase; }.wise-use-case h3 { font-family: "Poppins", sans-serif; font-size: 27px; font-weight: 600; letter-spacing: -.03em; line-height: 1.15; margin: 48px 0 14px; max-width: 430px; }.wise-use-case p { color: var(--wise-muted); font-size: 16px; line-height: 1.5; margin: 0 0 22px; max-width: 480px; }.wise-use-case a { color: var(--wise-ink); font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.wise-dark-section { background: var(--wise-ink); color: var(--wise-white); }.wise-split { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }.wise-dark-section h2 { color: var(--wise-green); max-width: 560px; }.wise-kicker--light { color: #b5d3a7; }.wise-dark-copy { color: #e2eadf; font-size: 18px; line-height: 1.55; max-width: 470px; }.wise-dark-copy p { color: #e2eadf; margin: 0 0 22px; }
.wise-proof { background: var(--wise-pale); }.wise-proof-intro { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 55px; }.wise-proof-intro h2 { max-width: 520px; }.wise-proof-intro > p:last-child { margin: 0; }.wise-certificate-panel { background: var(--wise-white); border: 1px solid var(--wise-line); }.wise-panel-heading { border-bottom: 1px solid var(--wise-line); display: flex; justify-content: space-between; padding: 18px 24px; color: var(--wise-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }.wise-panel-heading span:last-child { color: var(--wise-ink); }.wise-certificates { display: grid; grid-template-columns: repeat(5, 1fr); }.wise-certificate { align-items: center; border-right: 1px solid var(--wise-line); border-bottom: 1px solid var(--wise-line); display: flex; flex-direction: column; gap: 12px; justify-content: center; min-height: 170px; padding: 20px; text-align: center; }.wise-certificate:nth-child(5n) { border-right: 0; }.wise-certificate img { height: 85px; max-width: 130px; object-fit: contain; }.wise-certificate span { color: var(--wise-muted); font-size: 11px; }
.wise-reviews { background: #fff; }.wise-section-heading--reviews { margin-bottom: 55px; }.wise-review-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }.wise-review { border-top: 2px solid var(--wise-ink); display: flex; flex-direction: column; min-height: 320px; padding: 24px 0; }.wise-review blockquote { color: #2f402e; font-family: "Poppins", sans-serif; font-size: 17px; line-height: 1.45; margin: 26px 0 auto; }.wise-reviewer { align-items: center; display: flex; gap: 12px; margin-top: 28px; }.wise-reviewer img { border-radius: 50%; object-fit: cover; }.wise-reviewer span { font-size: 14px; font-weight: 700; }.wise-reviewer small { color: var(--wise-muted); display: block; font-size: 12px; font-weight: 400; margin-top: 3px; }.wise-cta { background: var(--wise-green); padding: 75px 0; }.wise-cta-inner { align-items: center; display: flex; justify-content: space-between; gap: 30px; }.wise-cta h2 { margin: 0; }.wise-cta .wise-kicker { margin-bottom: 15px; }
@media (max-width: 900px) { .wise-hero-grid { grid-template-columns: 1fr; min-height: auto; }.wise-hero-copy { padding-bottom: 20px; }.wise-orbit { justify-self: center; }.wise-split { gap: 35px; }.wise-certificates { grid-template-columns: repeat(3, 1fr); }.wise-certificate:nth-child(5n) { border-right: 1px solid var(--wise-line); }.wise-certificate:nth-child(3n) { border-right: 0; }.wise-review-grid { grid-template-columns: repeat(2, 1fr); }.wise-use-case-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .wise-wrap { width: min(100% - 32px, 1180px); }.wise-hero h1 { font-size: 48px; }.wise-lede { font-size: 18px; }.wise-orbit { height: 390px; transform: scale(.8); transform-origin: top center; margin-bottom: -70px; }.wise-orbit__halo--one { height: 360px; width: 360px; }.wise-orbit__halo--two { height: 240px; width: 240px; }.wise-trust-strip { gap: 8px; }.wise-trust-dot { margin: 0 3px; }.wise-section { padding: 75px 0; }.wise-stack-grid, .wise-split, .wise-review-grid { grid-template-columns: 1fr; }.wise-feature, .wise-feature + .wise-feature, .wise-feature--green { border-bottom: 1px solid var(--wise-line); border-right: 0; min-height: auto; padding: 28px 0; }.wise-feature h3 { margin-top: 24px; }.wise-feature p { min-height: auto; }.wise-proof-intro, .wise-cta-inner { align-items: start; flex-direction: column; }.wise-proof-intro { gap: 15px; }.wise-certificates { grid-template-columns: repeat(2, 1fr); }.wise-certificate:nth-child(3n) { border-right: 1px solid var(--wise-line); }.wise-certificate:nth-child(2n) { border-right: 0; }.wise-panel-heading { align-items: start; flex-direction: column; gap: 8px; }.wise-review { min-height: 260px; } }
/* Sharper logo-blue contrast */
.wise-kicker { color: #2f75b5; }
.wise-hero h1 em { color: #2f75b5; }
.wise-button--dark { background: #0b3157; }
.wise-button--dark:hover { background: #174d7e; }
.wise-button--light { background: #2f75b5; color: #fff; }
.wise-button--light:hover { background: #245d91; color: #fff; }
.wise-dark-section { background: #0b3157; }
.wise-dark-section h2 { color: #55a7e8; }
.wise-kicker--light { color: #b9d7f0; }
.wise-feature--green { background: #55a7e8; }
.wise-cta { background: #2f75b5; }
.wise-cta h2, .wise-cta .wise-kicker { color: #fff; }

/* Logo-aligned blue palette */
:root { --wise-ink: #123b67; --wise-green: #79b7ed; --wise-pale: #eef5fb; --wise-line: #cbdceb; --wise-muted: #53677a; }
.wise-kicker { color: #2f6fae; }
.wise-hero h1 em { color: #2f6fae; }
.wise-lede { color: #304d68; }
.wise-button--dark { background: #123b67; }
.wise-button--dark:hover { background: #1d578d; }
.wise-button--light { background: #79b7ed; color: #123b67; }
.wise-button--light:hover { background: #a7d1f3; color: #123b67; }
.wise-text-link, .wise-feature a { color: #123b67; }
.wise-orbit__halo { border-color: #afcbe3; }
.wise-orbit__line { background: #86a9c8; }
.wise-orbit__core { background: #123b67; border-color: #79b7ed; }
.wise-node { border-color: #123b67; }.wise-node--ai { background: #79b7ed; }
.wise-trust-dot { background: #4c8fc5; }
.wise-feature--green { background: #79b7ed; }.wise-number { color: #557fa3; }
.wise-dark-section { background: #123b67; }.wise-dark-section h2 { color: #79b7ed; }.wise-kicker--light { color: #b9d7f0; }
.wise-proof { background: #eef5fb; }.wise-cta { background: #79b7ed; }

/* Final contrast pass */
.wise-button--dark { background: #0b3157; }.wise-button--dark:hover { background: #174d7e; }.wise-button--light { background: #2f75b5; color: #fff; }.wise-button--light:hover { background: #245d91; color: #fff; }.wise-dark-section { background: #0b3157; }.wise-dark-section h2 { color: #55a7e8; }.wise-feature--green { background: #55a7e8; }.wise-cta { background: #2f75b5; }.wise-cta h2, .wise-cta .wise-kicker { color: #fff; }

/* Hero control-room visual */
.wise-control-room { align-self: center; background: #0b3157; box-shadow: 18px 18px 0 #b8d7ef; color: #fff; justify-self: end; max-width: 520px; padding: 22px; width: 100%; }
.wise-control-room__top, .wise-control-room__footer { align-items: center; color: #b9d7f0; display: flex; font-size: 11px; font-weight: 700; justify-content: space-between; letter-spacing: .08em; text-transform: uppercase; }
.wise-control-room__top { border-bottom: 1px solid #426b91; padding-bottom: 18px; }.wise-control-room__top strong { color: #79c2f4; font-size: 10px; }
.wise-control-room__hub { align-items: center; background: #fff; color: #0b3157; display: flex; gap: 14px; margin: 28px 0 14px; padding: 15px; }.wise-control-room__hub > span { align-items: center; background: #2f75b5; border-radius: 50%; color: #fff; display: flex; flex: 0 0 42px; font-size: 14px; font-weight: 700; height: 42px; justify-content: center; width: 42px; }.wise-control-room__hub div { display: flex; flex: 1; flex-direction: column; }.wise-control-room__hub strong { font-size: 15px; }.wise-control-room__hub small { color: #5e7488; font-size: 11px; margin-top: 3px; }.wise-control-room__hub b { background: #dff2ff; color: #2f75b5; font-size: 10px; padding: 6px 8px; text-transform: uppercase; }
.wise-control-room__lanes { display: grid; gap: 8px; }.wise-lane { align-items: center; border: 1px solid #426b91; display: flex; gap: 12px; padding: 12px; }.wise-lane--active { background: #55a7e8; border-color: #55a7e8; color: #0b3157; }.wise-lane__icon { border: 1px solid currentColor; border-radius: 50%; font-size: 10px; height: 25px; line-height: 23px; text-align: center; width: 25px; }.wise-lane div { display: flex; flex: 1; flex-direction: column; }.wise-lane strong { font-size: 14px; }.wise-lane small { color: #b9d7f0; font-size: 11px; margin-top: 2px; }.wise-lane--active small { color: #315d82; }.wise-lane i { font-size: 16px; font-style: normal; }.wise-control-room__footer { border-top: 1px solid #426b91; margin-top: 20px; padding-top: 16px; }.wise-control-room__footer strong { color: #79c2f4; }
@media (max-width: 900px) { .wise-control-room { justify-self: center; max-width: 570px; } }
@media (max-width: 600px) { .wise-control-room { box-shadow: 10px 10px 0 #b8d7ef; padding: 16px; }.wise-control-room__hub { margin-top: 22px; }.wise-control-room__hub b { display: none; }.wise-control-room__footer { font-size: 9px; } }

/* Hero integration flow */
.wise-flowboard { align-self: center; background: #0b3157; box-shadow: 18px 18px 0 #b8d7ef; color: #fff; justify-self: end; max-width: 570px; padding: 22px; width: 100%; }.wise-flowboard__top, .wise-flowboard__footer { align-items: center; color: #b9d7f0; display: flex; font-size: 10px; font-weight: 700; justify-content: space-between; letter-spacing: .08em; text-transform: uppercase; }.wise-flowboard__top { border-bottom: 1px solid #426b91; padding-bottom: 18px; }.wise-flowboard__top strong { color: #79c2f4; font-size: 9px; }.wise-flowboard__grid { align-items: center; display: grid; grid-template-columns: 1fr 24px 1.05fr 24px 1fr; gap: 8px; margin: 28px 0; }.wise-flowboard__column { display: grid; gap: 8px; }.wise-flowboard__column > small { color: #b9d7f0; font-size: 9px; font-weight: 700; letter-spacing: .08em; margin-bottom: 3px; }.wise-flow-card { background: #fff; color: #0b3157; display: flex; flex-direction: column; min-height: 55px; justify-content: center; padding: 8px 10px; }.wise-flow-card b { font-size: 12px; }.wise-flow-card span { color: #5e7488; font-size: 9px; margin-top: 3px; }.wise-flow-card--outcome { background: #dff2ff; }.wise-flowboard__connector { align-items: center; color: #79c2f4; display: grid; gap: 13px; justify-items: center; padding-top: 17px; }.wise-flowboard__connector span { color: #b9d7f0; font-size: 8px; text-transform: uppercase; transform: rotate(-90deg); }.wise-flowboard__connector i { font-size: 13px; font-style: normal; line-height: 1; }.wise-flowboard__column--core { align-self: stretch; }.wise-flow-core { align-items: center; background: #55a7e8; color: #0b3157; display: flex; flex: 1; flex-direction: column; justify-content: center; min-height: 185px; padding: 14px; text-align: center; }.wise-flow-core strong { font-family: "Poppins", sans-serif; font-size: 23px; letter-spacing: -.03em; }.wise-flow-core span { font-size: 11px; margin-top: 5px; }.wise-flow-core b { border: 1px solid #0b3157; font-size: 9px; margin-top: 22px; padding: 6px 8px; text-transform: uppercase; }.wise-flowboard__footer { border-top: 1px solid #426b91; padding-top: 16px; }.wise-flowboard__footer strong { color: #79c2f4; }
@media (max-width: 900px) { .wise-flowboard { justify-self: center; max-width: 570px; } }
@media (max-width: 600px) { .wise-flowboard { box-shadow: 10px 10px 0 #b8d7ef; padding: 16px; }.wise-flowboard__grid { gap: 5px; grid-template-columns: 1fr; margin: 22px 0; }.wise-flowboard__column { grid-template-columns: repeat(3, 1fr); }.wise-flowboard__column > small { grid-column: 1 / -1; }.wise-flowboard__column--core { display: block; }.wise-flow-core { min-height: 100px; }.wise-flowboard__connector { display: flex; gap: 10px; justify-content: center; padding: 4px 0; }.wise-flowboard__connector span { transform: none; }.wise-flowboard__connector i:not(:first-of-type) { display: none; }.wise-flowboard__footer { font-size: 8px; } }

/* Hero quote form */
.wise-quote-card { align-self: center; background: #0b3157; box-shadow: 18px 18px 0 #b8d7ef; color: #fff; justify-self: end; max-width: 520px; padding: 24px; width: 100%; }.wise-quote-card__top { border-bottom: 1px solid #426b91; color: #b9d7f0; display: flex; font-size: 10px; font-weight: 700; justify-content: space-between; letter-spacing: .08em; padding-bottom: 18px; text-transform: uppercase; }.wise-quote-card__top strong { color: #79c2f4; font-size: 9px; }.wise-quote-card h2 { color: #fff; font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 600; letter-spacing: -.03em; line-height: 1.1; margin: 26px 0 10px; }.wise-quote-card > p { color: #d7e8f6; font-size: 14px; line-height: 1.45; margin: 0 0 20px; }.wise-quote-form { display: grid; gap: 12px; }.wise-quote-form label { display: grid; gap: 5px; }.wise-quote-form label span { color: #b9d7f0; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }.wise-quote-form input, .wise-quote-form select { appearance: none; background: #fff; border: 0; border-radius: 0; box-sizing: border-box; color: #0b3157; font-family: "Albert Sans", sans-serif; font-size: 14px; min-height: 42px; padding: 10px 12px; width: 100%; }.wise-quote-form input::placeholder { color: #7b8d9d; }.wise-quote-form select { background-image: linear-gradient(45deg, transparent 50%, #0b3157 50%), linear-gradient(135deg, #0b3157 50%, transparent 50%); background-position: calc(100% - 16px) 18px, calc(100% - 11px) 18px; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; }.wise-quote-submit { align-items: center; background: #2f75b5; border: 0; color: #fff; cursor: pointer; display: flex; font-family: "Albert Sans", sans-serif; font-size: 14px; font-weight: 700; justify-content: space-between; margin-top: 5px; min-height: 46px; padding: 12px 14px; transition: background .2s ease, transform .2s ease; }.wise-quote-submit:hover { background: #55a7e8; color: #0b3157; transform: translateY(-2px); }
@media (max-width: 900px) { .wise-quote-card { justify-self: center; max-width: 570px; } }
@media (max-width: 600px) { .wise-quote-card { box-shadow: 10px 10px 0 #b8d7ef; padding: 18px; }.wise-quote-card h2 { font-size: 25px; margin-top: 22px; } }