* {
    box-sizing: border-box;
}

:root {
    --navy: #071d35;
    --blue: #0067ff;
    --light-blue: #eaf3ff;
    --ink: #0b1f33;
    --muted: #526579;
    --line: #dbe3eb;
    --soft: #f4f7f9;
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--ink);
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}

.container {
    width: min(1420px, calc(100% - 96px));
    margin: 0 auto;
}

/* HEADER */

.site-header {
    background: #fff;
    border-bottom: 1px solid var(--line);
}

.utility {
    background: var(--navy);
    color: #fff;
    font-size: 13px;
}

.utility-inner {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.utility-links {
    display: flex;
    gap: 28px;
}

.utility-links a {
    opacity: .85;
}

.main-nav {
    background: #fff;
}

.nav-inner {
    height: 88px;
    display: flex;
    align-items: center;
    gap: 54px;
}

.brand {
    display: flex;
    align-items: baseline;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -1.2px;
    white-space: nowrap;
}

.brand-sms {
    color: var(--blue);
}

nav {
    display: flex;
    align-items: center;
    gap: 34px;
    flex: 1;
}

nav a {
    font-size: 15px;
    font-weight: 600;
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 22px;
    white-space: nowrap;
}

.login {
    font-weight: 700;
    font-size: 15px;
}

.account {
    background: var(--blue);
    color: #fff;
    padding: 15px 23px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 15px;
}

/* HERO */

.hero {
    overflow: hidden;
    background: #fff;
}

.hero-grid {
    min-height: 610px;
    display: grid;
    grid-template-columns: 47% 53%;
    align-items: stretch;
}

.hero-copy {
    padding: 92px 70px 90px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.eyebrow {
    display: block;
    color: var(--blue);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin-bottom: 22px;
}

.hero h1 {
    margin: 0;
    max-width: 650px;
    font-size: clamp(64px, 6vw, 92px);
    line-height: .93;
    letter-spacing: -5px;
    font-weight: 800;
}

.hero-lead {
    max-width: 610px;
    margin: 35px 0 0;
    font-size: 21px;
    line-height: 1.55;
    color: var(--muted);
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 40px;
}

.primary-btn {
    display: inline-block;
    padding: 17px 27px;
    background: var(--blue);
    color: #fff;
    font-weight: 700;
    border-radius: 3px;
}

.text-link {
    font-weight: 700;
}

.text-link span {
    margin-left: 8px;
}

/* HERO VISUAL PLACEHOLDER */

.hero-visual {
    position: relative;
    min-height: 610px;
}

.visual-field {
    position: absolute;
    inset: 0 calc((100vw - min(1420px, calc(100vw - 96px))) / -2) 0 0;
    background:
        radial-gradient(circle at 70% 22%, rgba(255,255,255,.18), transparent 28%),
        linear-gradient(135deg, #0876ff 0%, #0045bc 55%, #06295c 100%);
    overflow: hidden;
}

.visual-field:before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50%;
    right: -80px;
    top: -160px;
}

.visual-field:after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    background: rgba(255,255,255,.07);
    border-radius: 50%;
    left: 70px;
    bottom: -130px;
}

.visual-message {
    position: absolute;
    width: 370px;
    right: 13%;
    top: 22%;
    padding: 28px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0,0,0,.18);
    z-index: 2;
}

.message-top {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    font-weight: 700;
}

.message-logo {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--navy);
    color: #fff;
    font-size: 11px;
}

.visual-message p {
    margin: 24px 0 22px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
}

.message-time {
    font-size: 12px;
    color: #6b7c8d;
}

.visual-number {
    position: absolute;
    left: 10%;
    bottom: 10%;
    color: #fff;
    z-index: 2;
}

.visual-number strong {
    display: block;
    font-size: 62px;
    letter-spacing: -4px;
}

.visual-number span {
    display: block;
    width: 240px;
    margin-top: 6px;
    font-size: 15px;
    line-height: 1.4;
    opacity: .85;
}

/* QUICK PATHS */

.quick-paths {
    padding: 100px 0 110px;
    background: var(--soft);
}

.section-intro {
    margin-bottom: 50px;
}

.section-intro h2 {
    margin: 0;
    font-size: 48px;
    letter-spacing: -2px;
}

.path-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #ccd7e1;
    border-left: 1px solid #ccd7e1;
}

.path-card {
    min-height: 330px;
    padding: 34px;
    background: #fff;
    border-right: 1px solid #ccd7e1;
    border-bottom: 1px solid #ccd7e1;
    display: flex;
    flex-direction: column;
    transition: transform .2s ease;
}

.path-card:hover {
    transform: translateY(-4px);
}

.path-number {
    font-size: 12px;
    color: #77899a;
    margin-bottom: 52px;
}

.path-card h3 {
    margin: 0 0 18px;
    font-size: 27px;
    letter-spacing: -1px;
}

.path-card p {
    margin: 0;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.55;
}

.card-link {
    margin-top: auto;
    color: var(--blue);
    font-weight: 700;
}

.path-card.dark {
    background: var(--navy);
    color: #fff;
}

.path-card.dark p,
.path-card.dark .path-number {
    color: #b8c7d5;
}

.path-card.dark .card-link {
    color: #fff;
}

/* PLATFORM */

.platform {
    padding: 120px 0;
    background: #fff;
}

.platform-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.platform h2 {
    max-width: 650px;
    margin: 0;
    font-size: 52px;
    line-height: 1.05;
    letter-spacing: -2.5px;
}

.platform-copy {
    padding-top: 34px;
}

.platform-copy p {
    max-width: 620px;
    margin: 0 0 30px;
    color: var(--muted);
    font-size: 20px;
    line-height: 1.65;
}

.platform-copy a {
    color: var(--blue);
    font-weight: 700;
}

/* FOOTER */

footer {
    background: var(--navy);
    color: #fff;
    padding: 46px 0;
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-inner span {
    color: #aebdca;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
    .container {
        width: min(100% - 48px, 1420px);
    }

    nav {
        display: none;
    }

    .nav-actions {
        margin-left: auto;
    }

    .hero-grid {
        grid-template-columns: 1fr;
    }

    .hero-copy {
        padding: 75px 0;
    }

    .hero-visual {
        min-height: 480px;
    }

    .visual-field {
        inset: 0;
    }

    .path-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 680px) {
    .container {
        width: calc(100% - 32px);
    }

    .utility {
        display: none;
    }

    .nav-inner {
        height: 72px;
    }

    .brand {
        font-size: 22px;
    }

    .login {
        display: none;
    }

    .account {
        padding: 12px 15px;
    }

    .hero-copy {
        padding: 58px 0 60px;
    }

    .hero h1 {
        font-size: 58px;
        letter-spacing: -3px;
    }

    .hero-lead {
        font-size: 18px;
    }

    .hero-actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .hero-visual {
        min-height: 430px;
    }

    .visual-message {
        width: calc(100% - 64px);
        right: 32px;
    }

    .path-grid {
        grid-template-columns: 1fr;
    }

    .quick-paths {
        padding: 70px 0;
    }

    .section-intro h2 {
        font-size: 38px;
    }

    .platform {
        padding: 75px 0;
    }

    .platform-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .platform h2 {
        font-size: 40px;
    }

    .footer-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}


/* V3 ---------------------------------------------------- */

.photo-placeholder {
    position: absolute;
    inset: 0 calc((100vw - min(1420px, calc(100vw - 96px))) / -2) 0 0;
    overflow: hidden;
    background:
        linear-gradient(120deg, rgba(2,29,61,.12), rgba(2,29,61,.68)),
        linear-gradient(135deg, #5b93c7 0%, #27669f 43%, #082d55 100%);
}

.photo-placeholder:before {
    content: "";
    position: absolute;
    width: 440px;
    height: 620px;
    right: 8%;
    bottom: -160px;
    border-radius: 220px 220px 30px 30px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.03));
    transform: rotate(-8deg);
}

.photo-placeholder:after {
    content: "";
    position: absolute;
    width: 290px;
    height: 290px;
    right: 20%;
    top: 60px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
}

.photo-copy {
    position: absolute;
    left: 9%;
    bottom: 9%;
    color: #fff;
    z-index: 2;
}

.photo-copy span {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    opacity: .8;
}

.photo-copy strong {
    font-size: 39px;
    line-height: 1.04;
    letter-spacing: -1.5px;
}

.phone-message {
    position: absolute;
    z-index: 3;
    width: 340px;
    right: 10%;
    top: 22%;
    padding: 24px 25px 26px;
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 25px 70px rgba(0,20,45,.24);
}

.phone-message-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.phone-message-top div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.phone-message-top strong {
    font-size: 13px;
}

.phone-message-top small {
    color: #77899a;
}

.sender-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--blue);
    color: #fff;
    font-weight: 800;
}

.phone-message p {
    margin: 22px 0 0;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
}


/* WHY SMS */

.why-sms {
    padding: 125px 0;
    background: #f4f7f9;
    border-top: 1px solid #e0e7ed;
}

.why-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 120px;
}

.why-heading h2 {
    margin: 0;
    font-size: 58px;
    line-height: 1.02;
    letter-spacing: -3px;
}

.why-lead {
    max-width: 650px;
    margin: 33px 0 55px;
    font-size: 22px;
    line-height: 1.6;
    color: var(--muted);
}

.why-points {
    border-top: 1px solid #ccd7e1;
}

.why-points div {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 30px;
    padding: 24px 0;
    border-bottom: 1px solid #ccd7e1;
}

.why-points strong {
    font-size: 18px;
}

.why-points span {
    color: var(--muted);
    line-height: 1.5;
}


/* FEATURE BAND */

.feature-band {
    padding: 110px 0;
    background: var(--navy);
    color: #fff;
}

.eyebrow.light {
    color: #72aaff;
}

.feature-band-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 65px;
}

.feature-band-head h2 {
    max-width: 720px;
    margin: 0;
    font-size: 52px;
    line-height: 1.05;
    letter-spacing: -2.5px;
}

.feature-list {
    border-top: 1px solid rgba(255,255,255,.22);
}

.feature-list a {
    display: grid;
    grid-template-columns: 70px 250px 1fr 40px;
    align-items: center;
    gap: 25px;
    min-height: 110px;
    border-bottom: 1px solid rgba(255,255,255,.22);
}

.feature-list span {
    color: #8196aa;
    font-size: 12px;
}

.feature-list strong {
    font-size: 24px;
}

.feature-list small {
    max-width: 560px;
    color: #b9c7d3;
    font-size: 17px;
    line-height: 1.5;
}

.feature-list b {
    font-size: 22px;
    text-align: right;
}


/* SUPPORT */

.support-section {
    padding: 110px 0;
    background: #fff;
}

.support-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.support-panel,
.knowledge-panel {
    min-height: 390px;
    padding: 58px;
    display: flex;
    flex-direction: column;
}

.support-panel {
    background: var(--light-blue);
}

.knowledge-panel {
    background: #f3f4f5;
}

.support-section h2 {
    max-width: 500px;
    margin: 0;
    font-size: 42px;
    letter-spacing: -2px;
}

.support-section p {
    max-width: 520px;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.6;
}

.support-section a {
    margin-top: auto;
    color: var(--blue);
    font-weight: 700;
}


@media (max-width: 1100px) {
    .photo-placeholder {
        inset: 0;
    }

    .why-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 680px) {
    .phone-message {
        width: calc(100% - 64px);
        right: 32px;
    }

    .why-sms {
        padding: 75px 0;
    }

    .why-heading h2 {
        font-size: 43px;
    }

    .why-points div {
        grid-template-columns: 100px 1fr;
    }

    .feature-band {
        padding: 75px 0;
    }

    .feature-band-head {
        display: block;
    }

    .feature-band-head h2 {
        font-size: 40px;
    }

    .feature-list a {
        grid-template-columns: 35px 1fr 25px;
        padding: 25px 0;
    }

    .feature-list small {
        display: none;
    }

    .support-grid {
        grid-template-columns: 1fr;
    }

    .support-panel,
    .knowledge-panel {
        min-height: 340px;
        padding: 38px 30px;
    }
}


/* V4 ---------------------------------------------------- */


/* HOW IT WORKS */

.how-it-works {
    padding: 125px 0;
    background: #fff;
    border-top: 1px solid var(--line);
}

.how-head {
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 120px;
    align-items: end;
    margin-bottom: 70px;
}

.how-head h2 {
    margin: 0;
    max-width: 700px;
    font-size: 58px;
    line-height: 1.02;
    letter-spacing: -3px;
}

.how-head > p {
    max-width: 590px;
    margin: 0 0 5px;
    color: var(--muted);
    font-size: 19px;
    line-height: 1.65;
}

.steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #ccd7e1;
}

.step {
    position: relative;
    min-height: 315px;
    padding: 30px 34px 34px 0;
    border-right: 1px solid #ccd7e1;
}

.step + .step {
    padding-left: 34px;
}

.step:last-child {
    border-right: 0;
}

.step-number {
    display: block;
    margin-bottom: 38px;
    color: #8190a0;
    font-size: 12px;
}

.step-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 35px;
    background: var(--light-blue);
    color: var(--blue);
    border-radius: 50%;
    font-size: 17px;
    font-weight: 800;
}

.step h3 {
    margin: 0 0 14px;
    font-size: 23px;
    letter-spacing: -.8px;
}

.step p {
    max-width: 270px;
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
}

.how-action {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 48px;
}


/* FAQ */

.faq-section {
    padding: 125px 0;
    background: #f4f7f9;
    border-top: 1px solid #e0e7ed;
}

.faq-grid {
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 130px;
}

.faq-intro h2 {
    max-width: 500px;
    margin: 0;
    font-size: 50px;
    line-height: 1.05;
    letter-spacing: -2.5px;
}

.faq-intro p {
    max-width: 450px;
    margin: 27px 0;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.65;
}

.faq-intro > a {
    color: var(--blue);
    font-weight: 700;
}

.faq-list {
    border-top: 1px solid #cbd6df;
}

.faq-list details {
    border-bottom: 1px solid #cbd6df;
}

.faq-list summary {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    cursor: pointer;
    list-style: none;
    font-size: 18px;
    font-weight: 700;
}

.faq-list summary::-webkit-details-marker {
    display: none;
}

.faq-list summary b {
    color: var(--blue);
    font-size: 24px;
    font-weight: 400;
}

.faq-list details[open] summary b {
    transform: rotate(45deg);
}

.faq-list details p {
    max-width: 690px;
    margin: -3px 50px 28px 0;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.65;
}


/* LARGE FOOTER */

.site-footer {
    padding: 0;
    background: #071d35;
    color: #fff;
}

.footer-main {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr .8fr;
    gap: 80px;
    padding-top: 85px;
    padding-bottom: 85px;
}

.footer-logo {
    display: inline-flex;
    margin-bottom: 27px;
    color: #fff;
}

.footer-brand p {
    max-width: 360px;
    margin: 0 0 30px;
    color: #aebdca;
    font-size: 15px;
    line-height: 1.65;
}

.footer-account {
    color: #fff;
    font-weight: 700;
}

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

.footer-column strong {
    margin-bottom: 10px;
    font-size: 14px;
}

.footer-column a {
    color: #aebdca;
    font-size: 14px;
}

.footer-column a:hover,
.footer-account:hover {
    color: #fff;
}

.footer-bottom {
    min-height: 75px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    border-top: 1px solid rgba(255,255,255,.15);
    color: #8295a7;
    font-size: 12px;
}

.footer-bottom div {
    display: flex;
    gap: 28px;
}

.footer-bottom div a {
    color: #8295a7;
}

.footer-bottom > span:last-child {
    text-align: right;
}


/* RESPONSIVE V4 */

@media (max-width: 1100px) {
    .how-head,
    .faq-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .step:nth-child(2) {
        border-right: 0;
    }

    .footer-main {
        grid-template-columns: 1.5fr 1fr 1fr;
    }

    .footer-column:last-child {
        display: none;
    }
}

@media (max-width: 680px) {
    .how-it-works,
    .faq-section {
        padding: 75px 0;
    }

    .how-head h2 {
        font-size: 43px;
    }

    .steps-grid {
        grid-template-columns: 1fr;
    }

    .step,
    .step + .step {
        min-height: auto;
        padding: 28px 0;
        border-right: 0;
        border-bottom: 1px solid #ccd7e1;
    }

    .step-number {
        margin-bottom: 20px;
    }

    .step-icon {
        margin-bottom: 20px;
    }

    .how-action {
        align-items: flex-start;
        flex-direction: column;
    }

    .faq-intro h2 {
        font-size: 40px;
    }

    .footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 50px 30px;
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }

    .footer-bottom {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
        padding: 25px 0;
    }

    .footer-bottom div {
        flex-wrap: wrap;
        gap: 12px 22px;
    }
}


/* V5 ---------------------------------------------------- */


/* INDUSTRIES */

.industries-section {
    padding: 125px 0;
    background: #fff;
    border-top: 1px solid var(--line);
}

.industries-head {
    display: grid;
    grid-template-columns: 1fr .75fr;
    gap: 120px;
    align-items: end;
    margin-bottom: 70px;
}

.industries-head h2 {
    margin: 0;
    font-size: 58px;
    line-height: 1.02;
    letter-spacing: -3px;
}

.industries-head > p {
    max-width: 540px;
    margin: 0 0 5px;
    color: var(--muted);
    font-size: 19px;
    line-height: 1.65;
}

.industries-editorial {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    min-height: 610px;
    border-top: 1px solid #ccd7e1;
    border-bottom: 1px solid #ccd7e1;
}

.industry-feature {
    padding: 35px 55px 40px 0;
    border-right: 1px solid #ccd7e1;
}

.industry-visual {
    position: relative;
    height: 385px;
    overflow: hidden;
    padding: 34px;
    background:
        radial-gradient(circle at 75% 25%, rgba(255,255,255,.18) 0 15%, transparent 15.2%),
        linear-gradient(135deg, #0b6df6 0%, #154d81 100%);
    color: #fff;
}

.industry-visual::after {
    content: "";
    position: absolute;
    width: 330px;
    height: 430px;
    right: -55px;
    bottom: -210px;
    border-radius: 50% 50% 0 0;
    background: rgba(255,255,255,.10);
    transform: rotate(-12deg);
}

.industry-visual > span {
    position: relative;
    z-index: 2;
    font-size: 12px;
    opacity: .75;
}

.industry-visual > div {
    position: absolute;
    z-index: 2;
    left: 34px;
    bottom: 38px;
}

.industry-visual small {
    display: block;
    margin-bottom: 12px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.industry-visual strong {
    display: block;
    max-width: 500px;
    font-size: 42px;
    line-height: 1.02;
    letter-spacing: -1.8px;
}

.industry-copy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-top: 28px;
}

.industry-copy h3 {
    margin: 0;
    font-size: 22px;
}

.industry-copy p {
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
}

.industry-copy a {
    grid-column: 2;
    color: var(--blue);
    font-weight: 700;
}

.industry-list {
    padding-left: 55px;
}

.industry-row {
    min-height: 152px;
    display: grid;
    grid-template-columns: 45px 1fr;
    grid-template-rows: auto auto;
    column-gap: 20px;
    align-content: center;
    position: relative;
    border-bottom: 1px solid #ccd7e1;
    color: var(--navy);
}

.industry-row:last-child {
    border-bottom: 0;
}

.industry-row > span {
    grid-row: 1 / 3;
    color: #8292a2;
    font-size: 11px;
    padding-top: 5px;
}

.industry-row strong {
    font-size: 22px;
    letter-spacing: -.5px;
}

.industry-row p {
    margin: 8px 45px 0 0;
    color: var(--muted);
    font-size: 14px;
}

.industry-row b {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--blue);
    font-size: 20px;
}

.industries-bottom {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding-top: 30px;
    font-size: 14px;
}

.industries-bottom span {
    color: var(--muted);
}

.industries-bottom a {
    color: var(--blue);
    font-weight: 700;
}


/* TRUST */

.trust-section {
    padding: 120px 0;
    background: #0b6df6;
    color: #fff;
}

.trust-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 130px;
}

.eyebrow-light {
    color: #cfe2ff;
}

.trust-lead h2 {
    max-width: 650px;
    margin: 0;
    font-size: 55px;
    line-height: 1.03;
    letter-spacing: -2.8px;
}

.trust-lead p {
    max-width: 510px;
    margin: 30px 0;
    color: #dceaff;
    font-size: 17px;
    line-height: 1.7;
}

.trust-lead > a {
    color: #fff;
    font-weight: 700;
}

.trust-facts {
    border-top: 1px solid rgba(255,255,255,.35);
}

.trust-fact {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 20px;
    padding: 29px 0;
    border-bottom: 1px solid rgba(255,255,255,.35);
}

.trust-fact > span {
    padding-top: 4px;
    color: #cfe2ff;
    font-size: 11px;
}

.trust-fact strong {
    display: block;
    margin-bottom: 8px;
    font-size: 21px;
}

.trust-fact p {
    max-width: 570px;
    margin: 0;
    color: #dceaff;
    line-height: 1.55;
}


/* V5 RESPONSIVE */

@media (max-width: 1000px) {
    .industries-head,
    .industries-editorial,
    .trust-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .industry-feature {
        padding-right: 0;
        border-right: 0;
    }

    .industry-list {
        padding-left: 0;
    }

    .trust-grid {
        gap: 65px;
    }
}

@media (max-width: 680px) {
    .industries-section,
    .trust-section {
        padding: 75px 0;
    }

    .industries-head h2,
    .trust-lead h2 {
        font-size: 42px;
    }

    .industry-visual {
        height: 330px;
    }

    .industry-visual strong {
        font-size: 34px;
    }

    .industry-copy {
        grid-template-columns: 1fr;
    }

    .industry-copy a {
        grid-column: 1;
    }

    .industry-row {
        min-height: 130px;
    }

    .industries-bottom {
        flex-direction: column;
    }
}

/* V6 HERO PHOTO */
.hero-photo-real{background-image:url("/static/images/smsdirekt-hero.png")!important;background-size:cover!important;background-position:50% 18%!important;background-repeat:no-repeat!important;}

.hero-photo-real{background-size:contain!important;background-position:center!important;background-color:#dce7ef!important;}

.hero-photo-real{background-size:cover!important;background-position:center!important;}

/* V6 INDUSTRY PHOTO */
.industry-visual-dental{background-image:url("/static/images/smsdirekt-tandklinik.png")!important;background-size:cover!important;background-position:center!important;}
.industry-visual-dental::after{display:none!important;}

.industry-visual-dental::before{content:"";position:absolute;inset:35% 0 0 0;background:linear-gradient(to bottom,transparent,rgba(3,25,48,.72));z-index:1;pointer-events:none;}
.industry-visual-dental>span,.industry-visual-dental>div{z-index:2;}

/* V7 – tighter how-it-works */
.step{min-height:245px;padding-top:24px;padding-bottom:26px;}
.step-number{margin-bottom:24px;}
.step-icon{width:50px;height:50px;margin-bottom:24px;}
.how-action{margin-top:34px;}

/* V7 – compact how section */
.how-it-works{padding:85px 0;}
.how-head{margin-bottom:45px;}

/* V7 reset – restore how-it-works */
.how-it-works{padding:125px 0;}
.how-head{margin-bottom:70px;}
.step{min-height:315px;padding-top:30px;padding-bottom:34px;}
.step-number{margin-bottom:38px;}
.step-icon{width:58px;height:58px;margin-bottom:35px;}
.how-action{margin-top:48px;}

/* V8 – connected process */
.steps-grid{position:relative;border-top:0;}
.steps-grid::before{content:"";position:absolute;left:29px;right:29px;top:93px;height:1px;background:#b9cbd9;z-index:0;}
.step{border-right:0;position:relative;z-index:1;}
.step-number{margin-bottom:22px;font-weight:700;color:#718394;}
.step-icon{position:relative;z-index:2;background:#fff;border:2px solid #d5e5f0;color:var(--blue);box-shadow:0 0 0 8px #fff;}

/* PRODUCT OVERVIEW */

.product-overview{
    padding:125px 0;
    background:#fff;
}

.product-overview-head{
    display:grid;
    grid-template-columns:1fr .72fr;
    gap:120px;
    align-items:end;
    margin-bottom:75px;
}

.product-overview-head h2{
    max-width:700px;
    margin:18px 0 0;
    font-size:58px;
    line-height:1.02;
    letter-spacing:-3px;
}

.product-overview-head > p{
    max-width:540px;
    margin:0 0 5px;
    color:var(--muted);
    font-size:19px;
    line-height:1.65;
}

.product-capabilities{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:110px;
    border-top:1px solid #ccd7e1;
}

.capability-feature{
    padding:45px 50px 20px 0;
}

.capability-number{
    display:block;
    margin-bottom:75px;
    color:#718394;
    font-size:12px;
    font-weight:700;
}

.capability-feature h3{
    max-width:480px;
    margin:0 0 22px;
    font-size:38px;
    line-height:1.05;
    letter-spacing:-1.8px;
}

.capability-feature p{
    max-width:500px;
    margin:0 0 30px;
    color:var(--muted);
    font-size:17px;
    line-height:1.65;
}

.capability-list > div{
    display:grid;
    grid-template-columns:55px 230px 1fr;
    gap:20px;
    align-items:center;
    min-height:105px;
    border-bottom:1px solid #ccd7e1;
}

.capability-list > div > span{
    color:#718394;
    font-size:12px;
    font-weight:700;
}

.capability-list strong{
    font-size:18px;
}

.capability-list p{
    margin:0;
    color:var(--muted);
    font-size:15px;
    line-height:1.5;
}

@media(max-width:900px){
    .product-overview{
        padding:80px 0;
    }

    .product-overview-head,
    .product-capabilities{
        grid-template-columns:1fr;
        gap:45px;
    }

    .product-overview-head{
        margin-bottom:50px;
    }

    .product-overview-head h2{
        font-size:45px;
    }

    .capability-feature{
        padding-right:0;
    }

    .capability-number{
        margin-bottom:35px;
    }

    .capability-list > div{
        grid-template-columns:40px 1fr;
        padding:25px 0;
    }

    .capability-list p{
        grid-column:2;
    }
}

/* PRODUCT COMPOSER */

.compose-section{
    padding:130px 0;
    background:#f4f7f9;
    border-top:1px solid var(--line);
}

.compose-grid{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:120px;
    align-items:center;
}

.compose-copy h2{
    margin:18px 0 28px;
    font-size:58px;
    line-height:1.02;
    letter-spacing:-3px;
}

.compose-copy > p{
    max-width:520px;
    margin:0;
    color:var(--muted);
    font-size:18px;
    line-height:1.65;
}

.compose-points{
    margin-top:55px;
    border-top:1px solid #ccd7e1;
}

.compose-points div{
    display:grid;
    grid-template-columns:55px 1fr;
    align-items:center;
    min-height:62px;
    border-bottom:1px solid #ccd7e1;
}

.compose-points span{
    color:#718394;
    font-size:11px;
    font-weight:700;
}

.compose-points strong{
    font-size:15px;
}

.compose-demo{
    padding:46px 50px 50px;
    background:#06233f;
    color:#fff;
}

.demo-top{
    display:flex;
    justify-content:space-between;
    gap:25px;
    margin-bottom:42px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.16);
    color:#91a9bf;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.4px;
}

.demo-field{
    position:relative;
    display:grid;
    grid-template-columns:1fr auto;
    gap:6px 20px;
    padding:21px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.demo-label{
    grid-column:1 / -1;
    color:#7fb8ff;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.demo-field strong{
    font-size:19px;
}

.demo-field small{
    align-self:center;
    color:#91a9bf;
    font-size:12px;
}

.demo-message{
    margin-top:28px;
    padding:26px 28px;
    background:#fff;
    color:#06233f;
}

.demo-message p{
    max-width:570px;
    margin:14px 0 0;
    font-size:19px;
    line-height:1.55;
}

.demo-message .demo-label{
    color:#60758a;
}

.demo-message strong{
    color:#086cff;
}

.demo-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    margin-top:30px;
}

.demo-bottom > span{
    color:#a9bed0;
    font-size:13px;
}

.demo-bottom > span::before{
    content:"✓";
    margin-right:9px;
    color:#7fb8ff;
}

.demo-bottom button{
    padding:16px 23px;
    border:0;
    background:#086cff;
    color:#fff;
    font:inherit;
    font-weight:700;
    cursor:default;
}

@media(max-width:900px){
    .compose-section{
        padding:80px 0;
    }

    .compose-grid{
        grid-template-columns:1fr;
        gap:55px;
    }

    .compose-copy h2{
        font-size:45px;
    }

    .compose-demo{
        padding:32px 28px;
    }
}
/* PRODUCT HERO */
.product-hero{padding:110px 0 120px;background:#f4f7f9;border-bottom:1px solid var(--line);}
.product-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:110px;align-items:stretch;}
.product-hero h1{max-width:760px;margin:22px 0 30px;font-size:68px;line-height:.98;letter-spacing:-4px;}
.product-hero p{max-width:650px;margin:0;color:var(--muted);font-size:20px;line-height:1.65;}
.product-hero .hero-actions{margin-top:42px;}
.product-hero-statement{min-height:440px;padding:48px 52px;display:flex;flex-direction:column;justify-content:center;background:#06233f;color:#fff;}
.product-hero-statement>span{margin-bottom:32px;color:#7fb8ff;font-size:12px;font-weight:800;letter-spacing:1.8px;}
.product-hero-statement strong{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:25px;font-weight:600;letter-spacing:-.5px;}
.product-hero-statement strong:last-child{border-bottom:0;}

/* PRODUCT TOOLS BAND */

.product-tools-band{
    padding:125px 0 130px;
    background:#06233f;
    color:#fff;
}

.product-tools-head{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:100px;
    align-items:end;
    margin-bottom:75px;
}

.product-tools-head h2{
    grid-column:2;
    margin:0;
    max-width:760px;
    font-size:54px;
    line-height:1.03;
    letter-spacing:-2.7px;
}

.product-tools-head .eyebrow{
    align-self:start;
}

.product-tools-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid rgba(255,255,255,.18);
}

.product-tool{
    min-height:390px;
    padding:42px 65px 0 0;
}

.product-tool + .product-tool{
    padding-left:65px;
    border-left:1px solid rgba(255,255,255,.18);
}

.product-tool-number{
    display:block;
    margin-bottom:58px;
    color:#7fb8ff;
    font-size:12px;
    font-weight:700;
}

.product-tool h3{
    margin:0 0 18px;
    font-size:32px;
    letter-spacing:-1.3px;
}

.product-tool > p{
    max-width:520px;
    margin:0 0 38px;
    color:#b6c7d6;
    font-size:17px;
    line-height:1.65;
}

.smartlink-example,
.unsubscribe-example{
    padding:24px 27px;
    background:#fff;
    color:#06233f;
}

.smartlink-example span,
.unsubscribe-example span{
    display:block;
    margin-bottom:11px;
    color:#6d8193;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.4px;
}

.smartlink-example strong{
    color:#086cff;
    font-size:25px;
}

.unsubscribe-example strong{
    display:block;
    margin-bottom:10px;
    font-size:20px;
}

.unsubscribe-example small{
    color:#60758a;
    font-size:13px;
}

@media(max-width:900px){
    .product-tools-band{
        padding:80px 0;
    }

    .product-tools-head{
        display:block;
        margin-bottom:50px;
    }

    .product-tools-head h2{
        margin-top:18px;
        font-size:43px;
    }

    .product-tools-grid{
        grid-template-columns:1fr;
    }

    .product-tool,
    .product-tool + .product-tool{
        min-height:auto;
        padding:40px 0;
        border-left:0;
        border-bottom:1px solid rgba(255,255,255,.18);
    }

    .product-tool-number{
        margin-bottom:30px;
    }
}

/* API PRODUCT SECTION */

.api-product-section{
    padding:130px 0;
    background:#fff;
}

.api-product-grid{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:120px;
    align-items:center;
}

.api-product-copy h2{
    max-width:650px;
    margin:18px 0 26px;
    font-size:58px;
    line-height:1.02;
    letter-spacing:-3px;
}

.api-product-copy > p{
    max-width:560px;
    margin:0;
    color:var(--muted);
    font-size:18px;
    line-height:1.65;
}

.api-facts{
    margin:48px 0 35px;
    border-top:1px solid #ccd7e1;
}

.api-facts div{
    display:grid;
    grid-template-columns:160px 1fr;
    gap:25px;
    padding:19px 0;
    border-bottom:1px solid #ccd7e1;
}

.api-facts strong{
    font-size:14px;
}

.api-facts span{
    color:var(--muted);
    font-size:14px;
    line-height:1.5;
}

.api-visual{
    padding:48px 52px;
    background:#071d32;
    color:#fff;
}

.api-visual-top{
    display:flex;
    justify-content:space-between;
    margin-bottom:42px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.16);
    color:#7fb8ff;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.api-code-line{
    display:grid;
    grid-template-columns:90px 1fr;
    padding:20px 0;
    border-bottom:1px solid rgba(255,255,255,.13);
}

.api-code-line span,
.api-code-message > span{
    color:#829bb1;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.3px;
}

.api-code-line strong{
    font-size:17px;
    font-weight:600;
}

.api-code-message{
    margin-top:28px;
    padding:25px 28px;
    background:#0d2b48;
}

.api-code-message p{
    margin:13px 0 0;
    font-size:18px;
    line-height:1.5;
}

.api-response{
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:30px;
    padding:18px 22px;
    background:#fff;
    color:#06233f;
}

.api-response > span{
    color:#086cff;
    font-size:20px;
}

.api-response strong{
    font-size:15px;
}

@media(max-width:900px){
    .api-product-section{
        padding:80px 0;
    }

    .api-product-grid{
        grid-template-columns:1fr;
        gap:55px;
    }

    .api-product-copy h2{
        font-size:45px;
    }

    .api-facts div{
        grid-template-columns:1fr;
        gap:7px;
    }

    .api-visual{
        padding:32px 28px;
    }
}

/* PRODUCT FINAL CTA */

.product-final-cta{
    padding:105px 0 110px;
    background:#086cff;
    color:#fff;
}

.product-final-cta-inner{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:110px;
    align-items:end;
}

.product-final-cta .eyebrow{
    color:#dceaff;
}

.product-final-cta h2{
    margin:18px 0 0;
    font-size:62px;
    line-height:.98;
    letter-spacing:-3px;
}

.product-final-cta-action{
    padding-bottom:5px;
}

.product-final-cta-action > p{
    max-width:470px;
    margin:0 0 32px;
    color:#e5efff;
    font-size:18px;
    line-height:1.6;
}

.product-final-cta .hero-actions{
    display:flex;
    align-items:center;
    gap:30px;
    margin:0;
}

.cta-white-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 25px;
    background:#fff;
    color:#086cff;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

.cta-white-link{
    color:#fff;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

.cta-white-link span{
    margin-left:8px;
}

@media(max-width:900px){
    .product-final-cta{
        padding:75px 0 80px;
    }

    .product-final-cta-inner{
        grid-template-columns:1fr;
        gap:38px;
    }

    .product-final-cta h2{
        font-size:46px;
    }

    .product-final-cta .hero-actions{
        flex-wrap:wrap;
    }
}

/* SOLUTIONS HERO */

.solutions-hero{
    padding:115px 0 125px;
    background:#f4f7f9;
    border-bottom:1px solid var(--line);
}

.solutions-hero-grid{
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:120px;
    align-items:end;
}

.solutions-hero h1{
    max-width:760px;
    margin:22px 0 30px;
    font-size:68px;
    line-height:.98;
    letter-spacing:-4px;
}

.solutions-hero-copy > p{
    max-width:670px;
    margin:0;
    color:var(--muted);
    font-size:20px;
    line-height:1.65;
}

.solutions-hero .hero-actions{
    margin-top:42px;
}

.solutions-hero-list{
    padding-bottom:4px;
    border-top:1px solid #aebdca;
}

.solutions-list-label{
    display:block;
    padding:22px 0 27px;
    color:#708394;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.6px;
}

.solutions-hero-list > div{
    display:grid;
    grid-template-columns:55px 1fr;
    align-items:center;
    padding:22px 0;
    border-top:1px solid #ccd6de;
}

.solutions-hero-list > div span{
    color:#718496;
    font-size:11px;
    font-weight:700;
}

.solutions-hero-list > div strong{
    font-size:23px;
    font-weight:600;
    letter-spacing:-.5px;
}

@media(max-width:900px){
    .solutions-hero{
        padding:80px 0;
    }

    .solutions-hero-grid{
        grid-template-columns:1fr;
        gap:65px;
    }

    .solutions-hero h1{
        font-size:48px;
        letter-spacing:-2.5px;
    }

    .solutions-hero-copy > p{
        font-size:18px;
    }
}

/* SOLUTION FEATURE – MARKETING */

.solution-feature{
    padding:130px 0;
    background:#fff;
}

.solution-feature-grid{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:120px;
    align-items:center;
}

.solution-index{
    display:block;
    margin-bottom:28px;
    color:#086cff;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
}

.solution-feature-copy h2{
    max-width:650px;
    margin:0 0 28px;
    font-size:56px;
    line-height:1.02;
    letter-spacing:-2.8px;
}

.solution-feature-copy > p{
    max-width:590px;
    margin:0;
    color:var(--muted);
    font-size:18px;
    line-height:1.65;
}

.solution-feature-points{
    margin-top:48px;
    border-top:1px solid #ccd7e1;
}

.solution-feature-points > div{
    display:grid;
    grid-template-columns:50px 1fr;
    gap:15px;
    padding:18px 0;
    border-bottom:1px solid #ccd7e1;
}

.solution-feature-points span{
    color:#788b9c;
    font-size:11px;
    font-weight:700;
}

.solution-feature-points strong{
    font-size:14px;
}

.solution-sms-stage{
    min-height:500px;
    padding:45px 50px;
    background:#eaf1f6;
}

.solution-sms-meta{
    display:flex;
    justify-content:space-between;
    padding-bottom:20px;
    border-bottom:1px solid #c4d1dc;
    color:#708394;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.4px;
}

.solution-phone-message{
    max-width:470px;
    margin:75px auto 55px;
    padding:30px 32px;
    background:#fff;
    box-shadow:0 12px 35px rgba(6,35,63,.08);
}

.solution-sender{
    display:block;
    margin-bottom:20px;
    color:#06233f;
    font-size:13px;
    font-weight:800;
}

.solution-phone-message p{
    margin:0 0 15px;
    color:#263d52;
    font-size:17px;
    line-height:1.55;
}

.solution-phone-message strong{
    color:#086cff;
    font-size:16px;
}

.solution-sms-note{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:25px;
    max-width:470px;
    margin:0 auto;
    padding-top:20px;
    border-top:1px solid #c4d1dc;
}

.solution-sms-note span{
    color:#708394;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.2px;
}

.solution-sms-note p{
    margin:0;
    color:#607487;
    font-size:13px;
    line-height:1.55;
}

@media(max-width:900px){
    .solution-feature{
        padding:80px 0;
    }

    .solution-feature-grid{
        grid-template-columns:1fr;
        gap:55px;
    }

    .solution-feature-copy h2{
        font-size:44px;
    }

    .solution-sms-stage{
        min-height:auto;
        padding:32px 25px;
    }

    .solution-phone-message{
        margin:45px auto;
    }
}

/* SOLUTION REMINDERS */

.solution-reminders{
    padding:130px 0;
    background:#f4f7f9;
}

.solution-reminders-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:120px;
    align-items:center;
}

.reminder-visual{
    position:relative;
    min-height:560px;
    overflow:hidden;
    background:#dfe8ee;
}

.reminder-visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.reminder-visual::after{
    content:"";
    position:absolute;
    inset:45% 0 0;
    background:linear-gradient(to bottom,rgba(6,35,63,0),rgba(6,35,63,.82));
}

.reminder-visual-caption{
    position:absolute;
    z-index:2;
    left:42px;
    right:42px;
    bottom:38px;
    color:#fff;
}

.reminder-visual-caption span{
    display:block;
    margin-bottom:12px;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.reminder-visual-caption strong{
    display:block;
    max-width:480px;
    font-size:29px;
    line-height:1.15;
    letter-spacing:-1px;
}

.solution-reminders-copy h2{
    max-width:620px;
    margin:0 0 28px;
    font-size:56px;
    line-height:1.02;
    letter-spacing:-2.8px;
}

.solution-reminders-copy > p{
    max-width:590px;
    margin:0;
    color:var(--muted);
    font-size:18px;
    line-height:1.65;
}

@media(max-width:900px){
    .solution-reminders{
        padding:80px 0;
    }

    .solution-reminders-grid{
        grid-template-columns:1fr;
        gap:55px;
    }

    .reminder-visual{
        min-height:460px;
    }

    .solution-reminders-copy h2{
        font-size:44px;
    }

    .reminder-visual-caption{
        left:28px;
        right:28px;
        bottom:28px;
    }
}

/* SOLUTION CUSTOMER INFORMATION */

.solution-information{
    padding:125px 0 130px;
    background:#06233f;
    color:#fff;
}

.solution-information-head{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:120px;
    align-items:end;
    margin-bottom:75px;
}

.solution-information .solution-index{
    color:#7fb8ff;
}

.solution-information-head h2{
    max-width:680px;
    margin:0;
    font-size:56px;
    line-height:1.02;
    letter-spacing:-2.8px;
}

.solution-information-head > p{
    max-width:560px;
    margin:0;
    color:#b6c7d6;
    font-size:18px;
    line-height:1.65;
}

.solution-information-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:100px;
    align-items:center;
}

.information-types{
    border-top:1px solid rgba(255,255,255,.18);
}

.information-types > div{
    display:grid;
    grid-template-columns:55px 1fr;
    padding:20px 0;
    border-bottom:1px solid rgba(255,255,255,.18);
}

.information-types span{
    color:#7f9bb2;
    font-size:11px;
    font-weight:700;
}

.information-types strong{
    font-size:16px;
    font-weight:600;
}

.information-message{
    padding:38px 42px 42px;
    background:#fff;
    color:#06233f;
}

.information-message-top{
    display:flex;
    justify-content:space-between;
    margin-bottom:38px;
    padding-bottom:18px;
    border-bottom:1px solid #d5dfe7;
    color:#718496;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.3px;
}

.information-sender{
    display:block;
    margin-bottom:18px;
    font-size:14px;
}

.information-message p{
    max-width:560px;
    margin:0 0 15px;
    font-size:20px;
    line-height:1.55;
}

.information-message a{
    color:#086cff;
    font-size:17px;
    font-weight:700;
    text-decoration:none;
}

@media(max-width:900px){
    .solution-information{
        padding:80px 0;
    }

    .solution-information-head,
    .solution-information-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .solution-information-head{
        margin-bottom:55px;
    }

    .solution-information-head h2{
        font-size:44px;
    }

    .information-message{
        padding:30px 27px;
    }
}

/* SOLUTION AUTOMATION */

.solution-automation{
    padding:130px 0;
    background:#fff;
}

.solution-automation-grid{
    display:grid;
    grid-template-columns:.95fr 1.05fr;
    gap:120px;
    align-items:center;
}

.solution-automation-copy h2{
    max-width:650px;
    margin:0 0 28px;
    font-size:56px;
    line-height:1.02;
    letter-spacing:-2.8px;
}

.solution-automation-copy > p{
    max-width:590px;
    margin:0;
    color:var(--muted);
    font-size:18px;
    line-height:1.65;
}

.solution-automation-copy .text-link{
    display:inline-block;
    margin-top:34px;
}

.automation-flow{
    padding:44px 48px 48px;
    background:#eef3f7;
}

.automation-flow-label{
    margin-bottom:34px;
    padding-bottom:18px;
    border-bottom:1px solid #c8d4dd;
    color:#708394;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.4px;
}

.automation-step{
    display:grid;
    grid-template-columns:52px 1fr;
    align-items:center;
    min-height:94px;
    padding:20px 24px;
    background:#fff;
    border:1px solid #d7e0e7;
}

.automation-step > span{
    color:#74889a;
    font-size:11px;
    font-weight:800;
}

.automation-step small{
    display:block;
    margin-bottom:7px;
    color:#788c9e;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.3px;
}

.automation-step strong{
    display:block;
    color:#06233f;
    font-size:17px;
}

.automation-step.active{
    background:#086cff;
    border-color:#086cff;
}

.automation-step.active > span,
.automation-step.active small{
    color:#cfe1ff;
}

.automation-step.active strong{
    color:#fff;
}

.automation-arrow{
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#7990a3;
    font-size:18px;
}

@media(max-width:900px){
    .solution-automation{
        padding:80px 0;
    }

    .solution-automation-grid{
        grid-template-columns:1fr;
        gap:55px;
    }

    .solution-automation-copy h2{
        font-size:44px;
    }

    .automation-flow{
        padding:30px 25px;
    }
}

/* SOLUTIONS FINAL CTA */

.solutions-final-cta{
    padding:105px 0 110px;
    background:#086cff;
    color:#fff;
}

.solutions-final-cta-inner{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:110px;
    align-items:end;
}

.solutions-final-cta .eyebrow{
    color:#dceaff;
}

.solutions-final-cta h2{
    margin:18px 0 0;
    font-size:62px;
    line-height:.98;
    letter-spacing:-3px;
}

.solutions-final-cta-action{
    padding-bottom:5px;
}

.solutions-final-cta-action > p{
    max-width:500px;
    margin:0 0 32px;
    color:#e5efff;
    font-size:18px;
    line-height:1.6;
}

.solutions-final-cta .hero-actions{
    display:flex;
    align-items:center;
    gap:30px;
    margin:0;
}

@media(max-width:900px){
    .solutions-final-cta{
        padding:75px 0 80px;
    }

    .solutions-final-cta-inner{
        grid-template-columns:1fr;
        gap:38px;
    }

    .solutions-final-cta h2{
        font-size:46px;
    }

    .solutions-final-cta .hero-actions{
        flex-wrap:wrap;
    }
}

/* API PAGE HERO */

.api-page-hero{
    padding:115px 0 125px;
    background:#f4f7f9;
    border-bottom:1px solid var(--line);
}

.api-page-hero-grid{
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:115px;
    align-items:center;
}

.api-page-hero h1{
    max-width:760px;
    margin:22px 0 30px;
    font-size:68px;
    line-height:.98;
    letter-spacing:-4px;
}

.api-page-hero-copy > p{
    max-width:650px;
    margin:0;
    color:var(--muted);
    font-size:20px;
    line-height:1.65;
}

.api-page-hero .hero-actions{
    margin-top:42px;
}

.api-terminal{
    padding:45px 48px 48px;
    background:#06233f;
    color:#fff;
}

.api-terminal-head{
    display:flex;
    justify-content:space-between;
    margin-bottom:35px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.17);
    color:#7fb8ff;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
}

.api-terminal-row{
    display:grid;
    grid-template-columns:100px 1fr;
    gap:20px;
    padding:20px 0;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.api-terminal-row > span{
    color:#809bb2;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.3px;
}

.api-terminal-row strong{
    font-size:17px;
    font-weight:600;
}

.api-terminal-row.message{
    align-items:start;
}

.api-terminal-row.message strong{
    line-height:1.5;
}

.api-terminal-response{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:32px;
    padding:20px 24px;
    background:#fff;
    color:#06233f;
}

.api-terminal-response > span{
    color:#086cff;
    font-size:22px;
}

.api-terminal-response small{
    display:block;
    margin-bottom:4px;
    color:#74889a;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.3px;
}

.api-terminal-response strong{
    font-size:15px;
}

@media(max-width:900px){
    .api-page-hero{
        padding:80px 0;
    }

    .api-page-hero-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    .api-page-hero h1{
        font-size:48px;
        letter-spacing:-2.5px;
    }

    .api-page-hero-copy > p{
        font-size:18px;
    }

    .api-terminal{
        padding:32px 28px;
    }
}

/* API – HOW IT WORKS */

.api-how{
    padding:130px 0;
    background:#fff;
}

.api-how-head{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:120px;
    align-items:end;
    margin-bottom:80px;
}

.api-how-head h2{
    max-width:700px;
    margin:18px 0 0;
    font-size:56px;
    line-height:1.02;
    letter-spacing:-2.8px;
}

.api-how-head > p{
    max-width:560px;
    margin:0;
    color:var(--muted);
    font-size:18px;
    line-height:1.65;
}

.api-flow-line{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-bottom:75px;
}

.api-flow-line::before{
    content:"";
    position:absolute;
    left:32px;
    right:32px;
    top:32px;
    height:1px;
    background:#b9cbd9;
}

.api-flow-step{
    position:relative;
    z-index:1;
    padding-right:35px;
}

.api-flow-step > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:64px;
    height:64px;
    margin-bottom:30px;
    border:2px solid #d5e5f0;
    border-radius:50%;
    background:#fff;
    color:#086cff;
    font-size:12px;
    font-weight:800;
    box-shadow:0 0 0 8px #fff;
}

.api-flow-step small{
    display:block;
    margin-bottom:9px;
    color:#718496;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.3px;
}

.api-flow-step strong{
    display:block;
    max-width:190px;
    color:#06233f;
    font-size:17px;
    line-height:1.35;
}

.api-requirements{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid #ccd7e1;
}

.api-requirements > div{
    min-height:175px;
    padding:27px 30px 20px 0;
    border-right:1px solid #ccd7e1;
}

.api-requirements > div + div{
    padding-left:30px;
}

.api-requirements > div:last-child{
    border-right:0;
}

.api-requirements span{
    display:block;
    margin-bottom:28px;
    color:#086cff;
    font-size:10px;
    font-weight:800;
}
.api-requirements strong{
    display:block;
    margin-bottom:10px;
    font-size:17px;
}

.api-requirements p{
    margin:0;
    color:var(--muted);
    font-size:14px;
    line-height:1.55;
}

@media(max-width:900px){
    .api-how{
        padding:80px 0;
    }

    .api-how-head{
        grid-template-columns:1fr;
        gap:35px;
        margin-bottom:60px;
    }

    .api-how-head h2{
        font-size:44px;
    }

    .api-flow-line,
    .api-requirements{
        grid-template-columns:1fr;
    }

    .api-flow-line::before{
        left:31px;
        right:auto;
        top:32px;
        bottom:32px;
        width:1px;
        height:auto;
    }

    .api-flow-step{
        padding:0 0 35px 95px;
        min-height:95px;
    }

    .api-flow-step > span{
        position:absolute;
        left:0;
        top:0;
    }

    .api-requirements > div,
    .api-requirements > div + div{
        min-height:auto;
        padding:25px 0;
        border-right:0;
        border-bottom:1px solid #ccd7e1;
    }
}

/* API – BOUNDARIES */

.api-boundaries{
    padding:125px 0 130px;
    background:#06233f;
    color:#fff;
}

.api-boundaries-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:120px;
    align-items:start;
}

.api-boundaries .eyebrow{
    color:#7fb8ff;
}

.api-boundaries-copy h2{
    max-width:560px;
    margin:18px 0 28px;
    font-size:56px;
    line-height:1.02;
    letter-spacing:-2.8px;
}

.api-boundaries-copy > p{
    max-width:520px;
    margin:0;
    color:#b6c7d6;
    font-size:18px;
    line-height:1.65;
}

.api-boundaries-list{
    border-top:1px solid rgba(255,255,255,.18);
}

.api-boundaries-list > div{
    display:grid;
    grid-template-columns:55px 1fr;
    gap:20px;
    padding:27px 0;
    border-bottom:1px solid rgba(255,255,255,.18);
}

.api-boundaries-list > div > span{
    color:#7fb8ff;
    font-size:11px;
    font-weight:800;
}

.api-boundaries-list strong{
    display:block;
    margin-bottom:8px;
    font-size:18px;
    font-weight:600;
}

.api-boundaries-list p{
    max-width:600px;
    margin:0;
    color:#aebfd0;
    font-size:14px;
    line-height:1.6;
}

@media(max-width:900px){
    .api-boundaries{
        padding:80px 0;
    }

    .api-boundaries-grid{
        grid-template-columns:1fr;
        gap:55px;
    }

    .api-boundaries-copy h2{
        font-size:44px;
    }
}

/* API – GET STARTED */

.api-get-started{
    padding:125px 0 130px;
    background:#f4f7f9;
}

.api-get-started-head{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:120px;
    align-items:end;
    margin-bottom:70px;
}

.api-get-started-head h2{
    max-width:680px;
    margin:18px 0 0;
    font-size:56px;
    line-height:1.02;
    letter-spacing:-2.8px;
}

.api-get-started-head > p{
    max-width:560px;
    margin:0;
    color:var(--muted);
    font-size:18px;
    line-height:1.65;
}

.api-start-steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid #c7d4de;
    border-bottom:1px solid #c7d4de;
}

.api-start-steps > div{
    min-height:245px;
    padding:30px 32px 34px 0;
    border-right:1px solid #c7d4de;
}

.api-start-steps > div + div{
    padding-left:32px;
}

.api-start-steps > div:last-child{
    border-right:0;
}

.api-start-steps span{
    display:block;
    margin-bottom:55px;
    color:#086cff;
    font-size:11px;
    font-weight:800;
}

.api-start-steps strong{
    display:block;
    margin-bottom:12px;
    color:#06233f;
    font-size:19px;
}

.api-start-steps p{
    max-width:230px;
    margin:0;
    color:var(--muted);
    font-size:14px;
    line-height:1.6;
}

@media(max-width:900px){
    .api-get-started{
        padding:80px 0;
    }

    .api-get-started-head{
        grid-template-columns:1fr;
        gap:35px;
        margin-bottom:55px;
    }

    .api-get-started-head h2{
        font-size:44px;
    }

    .api-start-steps{
        grid-template-columns:1fr;
    }

    .api-start-steps > div,
    .api-start-steps > div + div{
        min-height:auto;
        padding:28px 0;
        border-right:0;
        border-bottom:1px solid #c7d4de;
    }

    .api-start-steps span{
        margin-bottom:22px;
    }
}

/* API – REQUEST EXAMPLE */

.api-example-section{
    padding:130px 0;
    background:#fff;
}

.api-example-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:120px;
    align-items:center;
}

.api-example-copy h2{
    margin:18px 0 28px;
    max-width:560px;
    font-size:56px;
    line-height:1.02;
    letter-spacing:-2.8px;
    color:#06233f;
}

.api-example-copy p{
    max-width:480px;
    margin:0;
    font-size:18px;
    line-height:1.65;
    color:var(--muted);
}

.api-example-console{
    background:#06233f;
    color:#fff;
    padding:38px 42px 42px;
}

.api-console-top{
    display:flex;
    justify-content:space-between;
    padding-bottom:24px;
    margin-bottom:8px;
    border-bottom:1px solid rgba(255,255,255,.18);
    font-size:11px;
    font-weight:800;
    letter-spacing:1.2px;
    color:#71a9ff;
}

.api-console-row{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:20px;
    padding:17px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.api-console-row span,
.api-console-response div span{
    font-size:11px;
    font-weight:700;
    letter-spacing:.7px;
    color:#8fa7bb;
}

.api-console-row strong,
.api-console-response div strong{
    font-size:14px;
    font-weight:600;
    color:#fff;
}

.api-console-response{
    margin-top:30px;
    padding:25px 28px;
    background:rgba(255,255,255,.06);
}

.api-response-label{
    display:block;
    margin-bottom:20px;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.2px;
    color:#71a9ff;
}

.api-console-response div{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:20px;
    padding:8px 0;
}

@media(max-width:900px){
    .api-example-section{
        padding:80px 0;
    }

    .api-example-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .api-example-copy h2{
        font-size:44px;
    }

    .api-example-console{
        padding:28px 24px;
    }

    .api-console-row,
    .api-console-response div{
        grid-template-columns:100px 1fr;
    }
}

/* API – FINAL CTA */

.api-final-cta{
    padding:105px 0;
    background:#086cff;
    color:#fff;
}

.api-final-cta-inner{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:120px;
    align-items:end;
}

.api-final-cta .eyebrow{
    color:rgba(255,255,255,.75);
}

.api-final-cta h2{
    max-width:760px;
    margin:18px 0 0;
    font-size:56px;
    line-height:1.02;
    letter-spacing:-2.8px;
    color:#fff;
}

.api-final-cta-action{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:28px;
}

.api-final-cta-action p{
    max-width:430px;
    margin:0;
    font-size:18px;
    line-height:1.6;
    color:rgba(255,255,255,.86);
}

.api-final-cta .btn-white{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 25px;
    background:#fff;
    color:#06233f;
    text-decoration:none;
    font-weight:700;
}

@media(max-width:900px){
    .api-final-cta{
        padding:80px 0;
    }

    .api-final-cta-inner{
        grid-template-columns:1fr;
        gap:40px;
    }

    .api-final-cta h2{
        font-size:44px;
    }
}

/* PRICING PAGE */

.pricing-hero{
    padding:120px 0 130px;
    background:#fff;
}

.pricing-hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:110px;
    align-items:center;
}

.pricing-hero-copy h1{
    max-width:720px;
    margin:20px 0 30px;
    font-size:68px;
    line-height:.98;
    letter-spacing:-3.6px;
    color:#06233f;
}

.pricing-hero-copy > p{
    max-width:600px;
    margin:0;
    font-size:19px;
    line-height:1.65;
    color:var(--muted);
}

.pricing-main-price{
    padding:48px 50px;
    background:#06233f;
    color:#fff;
}

.pricing-route{
    display:block;
    padding-bottom:24px;
    border-bottom:1px solid rgba(255,255,255,.18);
    font-size:11px;
    font-weight:800;
    letter-spacing:1.2px;
    color:#71a9ff;
}

.pricing-range{
    padding:40px 0 8px;
}

.pricing-range strong{
    display:block;
    font-size:62px;
    line-height:1;
    letter-spacing:-3px;
}

.pricing-range span{
    display:block;
    margin-top:10px;
    font-size:18px;
    color:rgba(255,255,255,.8);
}

.pricing-main-price > p{
    margin:0 0 36px;
    font-size:13px;
    color:#8fa7bb;
}

.pricing-price-note{
    padding-top:25px;
    border-top:1px solid rgba(255,255,255,.18);
    font-size:15px;
    line-height:1.6;
    color:rgba(255,255,255,.78);
}

/* PRICING – WALLET */

.pricing-wallet{
    padding:125px 0;
    background:#f4f7f9;
}

.pricing-wallet-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:130px;
}

.pricing-wallet h2{
    margin:18px 0 0;
    font-size:56px;
    line-height:1.02;
    letter-spacing:-2.8px;
    color:#06233f;
}

.pricing-wallet-lead{
    max-width:610px;
    margin:0 0 55px;
    font-size:20px;
    line-height:1.65;
    color:#31485c;
}

.pricing-wallet-facts{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid #c7d4de;
    border-bottom:1px solid #c7d4de;
}

.pricing-wallet-facts > div{
    padding:30px 35px 32px 0;
}

.pricing-wallet-facts > div + div{
    padding-left:35px;
    border-left:1px solid #c7d4de;
}

.pricing-wallet-facts span{
    display:block;
    margin-bottom:24px;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.2px;
    color:#086cff;
}

.pricing-wallet-facts strong{
    display:block;
    margin-bottom:9px;
    font-size:25px;
    color:#06233f;
}

.pricing-wallet-facts p{
    margin:0;
    font-size:14px;
    line-height:1.55;
    color:var(--muted);
}

/* PRICING – HOW IT WORKS */

.pricing-how{
    padding:125px 0 130px;
    background:#fff;
}

.pricing-how-head{
    max-width:800px;
    margin-bottom:70px;
}

.pricing-how-head h2{
    margin:18px 0 0;
    font-size:52px;
    line-height:1.04;
    letter-spacing:-2.5px;
    color:#06233f;
}

.pricing-steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid #c7d4de;
    border-bottom:1px solid #c7d4de;
}

.pricing-steps > div{
    min-height:245px;
    padding:30px 30px 35px 0;
    border-right:1px solid #c7d4de;
}

.pricing-steps > div + div{
    padding-left:30px;
}

.pricing-steps > div:last-child{
    border-right:0;
}

.pricing-steps span{
    display:block;
    margin-bottom:55px;
    font-size:11px;
    font-weight:800;
    color:#086cff;
}

.pricing-steps strong{
    display:block;
    margin-bottom:12px;
    font-size:19px;
    color:#06233f;
}

.pricing-steps p{
    max-width:235px;
    margin:0;
    font-size:14px;
    line-height:1.6;
    color:var(--muted);
}

/* PRICING – VOLUME AGREEMENT */

.pricing-volume{
    padding:110px 0;
    background:#06233f;
    color:#fff;
}

.pricing-volume-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:120px;
    align-items:end;
}

.pricing-volume h2{
    max-width:650px;
    margin:18px 0 0;
    font-size:54px;
    line-height:1.03;
    letter-spacing:-2.6px;
    color:#fff;
}

.pricing-volume-grid > div:last-child{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:28px;
}

.pricing-volume-grid > div:last-child p{
    max-width:520px;
    margin:0;
    font-size:18px;
    line-height:1.65;
    color:rgba(255,255,255,.78);
}

@media(max-width:900px){
    .pricing-hero,
    .pricing-wallet,
    .pricing-how,
    .pricing-volume{
        padding:80px 0;
    }

    .pricing-hero-grid,
    .pricing-wallet-grid,
    .pricing-volume-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .pricing-hero-copy h1{
        font-size:50px;
    }

    .pricing-wallet h2,
    .pricing-volume h2{
        font-size:44px;
    }

    .pricing-how-head h2{
        font-size:42px;
    }

    .pricing-main-price{
        padding:35px 30px;
    }

    .pricing-range strong{
        font-size:52px;
    }

    .pricing-steps,
    .pricing-wallet-facts{
        grid-template-columns:1fr;
    }

    .pricing-steps > div,
    .pricing-steps > div + div{
        min-height:auto;
        padding:28px 0;
        border-right:0;
        border-bottom:1px solid #c7d4de;
    }

    .pricing-wallet-facts > div,
    .pricing-wallet-facts > div + div{
        padding:28px 0;
        border-left:0;
        border-bottom:1px solid #c7d4de;
    }

    .pricing-steps span{
        margin-bottom:22px;
    }
}

/* PRICING V2 */

.pricing2-hero{padding:125px 0 135px;background:#fff}
.pricing2-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:120px;align-items:center}
.pricing2-hero-copy h1{max-width:700px;margin:20px 0 30px;font-size:68px;line-height:.98;letter-spacing:-3.6px;color:#06233f}
.pricing2-hero-copy p{max-width:590px;margin:0;font-size:19px;line-height:1.65;color:var(--muted)}
.pricing2-price-panel{padding:48px 50px;background:#06233f;color:#fff}
.pricing2-panel-label{display:block;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:800;letter-spacing:1.2px;color:#71a9ff}
.pricing2-price{display:flex;align-items:center;gap:20px;padding:42px 0 5px;white-space:nowrap}
.pricing2-price strong{font-size:60px;line-height:1;letter-spacing:-2.5px}
.pricing2-dash{font-size:34px;font-weight:300;color:#71a9ff}
.pricing2-unit{font-size:18px;color:rgba(255,255,255,.84)}
.pricing2-vat{margin-top:7px;font-size:12px;color:#8fa7bb}
.pricing2-price-panel>p{margin:35px 0 0;padding-top:25px;border-top:1px solid rgba(255,255,255,.18);font-size:15px;line-height:1.6;color:rgba(255,255,255,.78)}

/* WALLET */

.pricing2-wallet{padding:125px 0;background:#f4f7f9}
.pricing2-wallet-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:130px;align-items:center}
.pricing2-wallet-copy h2{margin:18px 0 28px;font-size:56px;line-height:1.02;letter-spacing:-2.8px;color:#06233f}
.pricing2-wallet-copy p{max-width:540px;margin:0;font-size:18px;line-height:1.65;color:var(--muted)}
.pricing2-wallet-panel{background:#fff;border-top:3px solid #086cff;padding:34px 38px}
.pricing2-wallet-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:27px;margin-bottom:5px;border-bottom:1px solid #d4dde5}
.pricing2-wallet-top span{font-size:11px;font-weight:800;letter-spacing:1.1px;color:#086cff}
.pricing2-wallet-top strong{font-size:15px;color:#06233f}
.pricing2-wallet-row{display:flex;justify-content:space-between;gap:30px;padding:19px 0;border-bottom:1px solid #e0e6eb}
.pricing2-wallet-row span{font-size:14px;color:var(--muted)}
.pricing2-wallet-row strong{font-size:15px;color:#06233f}
.pricing2-wallet-panel small{display:block;margin-top:22px;color:#75899a;font-size:11px}

/* DIRECT ROUTE */

.pricing2-route{padding:125px 0;background:#06233f;color:#fff}
.pricing2-route-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:130px}
.pricing2-route h2{max-width:650px;margin:18px 0 0;font-size:56px;line-height:1.02;letter-spacing:-2.8px;color:#fff}
.pricing2-route-copy>p{max-width:590px;margin:0 0 42px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.76)}
.pricing2-route-line{display:grid;grid-template-columns:45px 1fr;gap:22px;padding:25px 0;border-top:1px solid rgba(255,255,255,.16)}
.pricing2-route-line:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.pricing2-route-line>span{font-size:11px;font-weight:800;color:#71a9ff}
.pricing2-route-line strong{display:block;margin-bottom:7px;font-size:18px;color:#fff}
.pricing2-route-line p{margin:0;font-size:14px;line-height:1.55;color:#9fb1c0}

/* HOW */

.pricing2-how{padding:125px 0 130px;background:#fff}
.pricing2-how-head{display:grid;grid-template-columns:1.1fr .9fr;column-gap:100px;align-items:end;margin-bottom:70px}
.pricing2-how-head .eyebrow{grid-column:1/-1;margin-bottom:18px}
.pricing2-how-head h2{max-width:700px;margin:0;font-size:52px;line-height:1.04;letter-spacing:-2.5px;color:#06233f}
.pricing2-how-head>p{max-width:510px;margin:0;font-size:17px;line-height:1.65;color:var(--muted)}
.pricing2-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c7d4de;border-bottom:1px solid #c7d4de}
.pricing2-steps>div{min-height:245px;padding:30px 30px 35px 0;border-right:1px solid #c7d4de}
.pricing2-steps>div+div{padding-left:30px}
.pricing2-steps>div:last-child{border-right:0}
.pricing2-steps>div>span{display:block;margin-bottom:55px;font-size:11px;font-weight:800;color:#086cff}
.pricing2-steps strong{display:block;margin-bottom:12px;font-size:19px;color:#06233f}
.pricing2-steps p{max-width:235px;margin:0;font-size:14px;line-height:1.6;color:var(--muted)}

/* VOLUME AGREEMENT */

.pricing2-agreement{padding:105px 0;background:#f4f7f9}
.pricing2-agreement-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:120px;align-items:end}
.pricing2-agreement h2{max-width:650px;margin:18px 0 0;font-size:50px;line-height:1.04;letter-spacing:-2.4px;color:#06233f}
.pricing2-agreement-grid>div:last-child p{max-width:520px;margin:0 0 25px;font-size:17px;line-height:1.65;color:var(--muted)}
.pricing2-text-link{font-size:15px;font-weight:750;color:#086cff;text-decoration:none}

/* FINAL CTA */

.pricing2-cta{padding:105px 0;background:#086cff;color:#fff}
.pricing2-cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:120px;align-items:end}
.pricing2-cta h2{max-width:700px;margin:18px 0 0;font-size:56px;line-height:1.02;letter-spacing:-2.8px;color:#fff}
.pricing2-cta-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:27px}
.pricing2-cta-grid>div:last-child p{max-width:430px;margin:0;font-size:18px;line-height:1.6;color:rgba(255,255,255,.86)}
.pricing2-cta .btn-white{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;background:#fff;color:#06233f;text-decoration:none;font-weight:700}

@media(max-width:900px){
    .pricing2-hero,.pricing2-wallet,.pricing2-route,.pricing2-how,.pricing2-agreement,.pricing2-cta{padding:80px 0}
    .pricing2-hero-grid,.pricing2-wallet-grid,.pricing2-route-grid,.pricing2-how-head,.pricing2-agreement-grid,.pricing2-cta-grid{grid-template-columns:1fr;gap:45px}
    .pricing2-hero-copy h1{font-size:50px}
    .pricing2-wallet-copy h2,.pricing2-route h2,.pricing2-cta h2{font-size:44px}
    .pricing2-how-head h2,.pricing2-agreement h2{font-size:42px}
    .pricing2-price-panel{padding:35px 30px}
    .pricing2-price{gap:12px}
    .pricing2-price strong{font-size:44px}
    .pricing2-dash{font-size:26px}
    .pricing2-how-head .eyebrow{grid-column:auto;margin-bottom:-25px}
    .pricing2-steps{grid-template-columns:1fr}
    .pricing2-steps>div,.pricing2-steps>div+div{min-height:auto;padding:28px 0;border-right:0;border-bottom:1px solid #c7d4de}
    .pricing2-steps>div>span{margin-bottom:22px}
}

/* WHY SMS DIREKT */

.why-hero{padding:125px 0 135px;background:#fff}
.why-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:120px;align-items:end}
.why-hero h1{max-width:760px;margin:20px 0 0;font-size:68px;line-height:.98;letter-spacing:-3.6px;color:#06233f}
.why-hero-copy{padding-bottom:5px}
.why-hero-copy p{max-width:540px;margin:0 0 32px;font-size:19px;line-height:1.65;color:var(--muted)}

/* FOCUS */

.why-focus{padding:125px 0 130px;background:#f4f7f9}
.why-focus-head{max-width:780px;margin-bottom:70px}
.why-focus-head h2{margin:18px 0 0;font-size:54px;line-height:1.03;letter-spacing:-2.7px;color:#06233f}
.why-focus-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c7d4de;border-bottom:1px solid #c7d4de}
.why-focus-grid>div{min-height:255px;padding:30px 30px 35px 0;border-right:1px solid #c7d4de}
.why-focus-grid>div+div{padding-left:30px}
.why-focus-grid>div:last-child{border-right:0}
.why-focus-grid>div>span{display:block;margin-bottom:58px;font-size:11px;font-weight:800;color:#086cff}
.why-focus-grid strong{display:block;margin-bottom:12px;font-size:19px;color:#06233f}
.why-focus-grid p{max-width:235px;margin:0;font-size:14px;line-height:1.6;color:var(--muted)}

/* CONTROL */

.why-control{padding:125px 0;background:#06233f;color:#fff}
.why-control-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:130px}
.why-control h2{max-width:620px;margin:18px 0 0;font-size:56px;line-height:1.02;letter-spacing:-2.8px;color:#fff}
.why-control-copy>p{max-width:590px;margin:0 0 43px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.76)}
.why-control-row{display:grid;grid-template-columns:145px 1fr;gap:25px;padding:23px 0;border-top:1px solid rgba(255,255,255,.16)}
.why-control-row:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.why-control-row span{font-size:10px;font-weight:800;letter-spacing:.8px;color:#71a9ff}
.why-control-row strong{font-size:16px;font-weight:650;color:#fff}

/* SCALE */

.why-scale{padding:125px 0 130px;background:#fff}
.why-scale-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:130px;align-items:start}
.why-scale-copy h2{max-width:570px;margin:18px 0 28px;font-size:54px;line-height:1.03;letter-spacing:-2.7px;color:#06233f}
.why-scale-copy p{max-width:520px;margin:0;font-size:18px;line-height:1.65;color:var(--muted)}
.why-scale-flow{border-top:1px solid #c7d4de}
.why-scale-flow>div{display:grid;grid-template-columns:45px 175px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #c7d4de;align-items:start}
.why-scale-flow>div>span{font-size:11px;font-weight:800;color:#086cff}
.why-scale-flow strong{font-size:17px;color:#06233f}
.why-scale-flow p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}

/* SUPPORT */

.why-support{padding:110px 0;background:#f4f7f9}
.why-support-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:120px;align-items:end}
.why-support h2{max-width:650px;margin:18px 0 0;font-size:50px;line-height:1.04;letter-spacing:-2.4px;color:#06233f}
.why-support-info>p{max-width:520px;margin:0 0 32px;font-size:17px;line-height:1.65;color:var(--muted)}
.why-support-info>div{display:grid;grid-template-columns:130px 1fr auto;gap:25px;align-items:baseline;padding:25px 0;border-top:1px solid #c7d4de;border-bottom:1px solid #c7d4de}
.why-support-info span{font-size:10px;font-weight:800;letter-spacing:1px;color:#086cff}
.why-support-info strong{font-size:25px;color:#06233f}
.why-support-info small{font-size:12px;color:var(--muted)}

/* CTA */

.why-cta{padding:105px 0;background:#086cff;color:#fff}
.why-cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:120px;align-items:end}
.why-cta h2{margin:18px 0 0;font-size:56px;line-height:1.02;letter-spacing:-2.8px;color:#fff}
.why-cta-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:27px}
.why-cta-grid>div:last-child p{max-width:430px;margin:0;font-size:18px;line-height:1.6;color:rgba(255,255,255,.86)}
.why-cta .btn-white{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;background:#fff;color:#06233f;text-decoration:none;font-weight:700}

@media(max-width:900px){
    .why-hero,.why-focus,.why-control,.why-scale,.why-support,.why-cta{padding:80px 0}
    .why-hero-grid,.why-control-grid,.why-scale-grid,.why-support-grid,.why-cta-grid{grid-template-columns:1fr;gap:45px}
    .why-hero h1{font-size:50px}
    .why-focus-head h2,.why-control h2,.why-scale-copy h2,.why-cta h2{font-size:44px}
    .why-support h2{font-size:42px}
    .why-focus-grid{grid-template-columns:1fr}
    .why-focus-grid>div,.why-focus-grid>div+div{min-height:auto;padding:28px 0;border-right:0;border-bottom:1px solid #c7d4de}
    .why-focus-grid>div>span{margin-bottom:22px}
    .why-control-row{grid-template-columns:110px 1fr}
    .why-scale-flow>div{grid-template-columns:40px 1fr}
    .why-scale-flow p{grid-column:2}
    .why-support-info>div{grid-template-columns:1fr}
}

/* CONTACT PAGE */

.contact-hero{padding:125px 0 120px;background:#fff}
.contact-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:120px;align-items:end}
.contact-hero h1{max-width:700px;margin:20px 0 0;font-size:68px;line-height:.98;letter-spacing:-3.6px;color:#06233f}
.contact-hero-copy p{max-width:530px;margin:0;font-size:19px;line-height:1.65;color:var(--muted)}

/* CONTACT OPTIONS */

.contact-main{padding:0 0 130px;background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c7d4de;border-bottom:1px solid #c7d4de}
.contact-block{position:relative;min-height:430px;padding:48px 70px 50px 0}
.contact-block+.contact-block{padding-left:70px;border-left:1px solid #c7d4de}
.contact-number{position:absolute;right:30px;top:48px;font-size:11px;font-weight:800;color:#086cff}
.contact-block h2{margin:20px 0 36px;font-size:38px;line-height:1.05;letter-spacing:-1.7px;color:#06233f}
.contact-big-link{display:inline-block;font-size:32px;line-height:1.1;font-weight:750;letter-spacing:-1.2px;color:#086cff;text-decoration:none}
.contact-big-link:hover{text-decoration:underline}
.contact-mail{font-size:28px}
.contact-meta{display:grid;grid-template-columns:110px 1fr auto;gap:22px;align-items:baseline;margin-top:55px;padding-top:22px;border-top:1px solid #d5dee5}
.contact-meta span{font-size:10px;font-weight:800;letter-spacing:.8px;color:#086cff}
.contact-meta strong{font-size:15px;color:#06233f}
.contact-meta small{font-size:12px;color:var(--muted)}
.contact-block>p{max-width:470px;margin:52px 0 0;padding-top:22px;border-top:1px solid #d5dee5;font-size:15px;line-height:1.65;color:var(--muted)}

/* EXISTING CUSTOMER */

.contact-existing{padding:110px 0;background:#06233f;color:#fff}
.contact-existing-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:120px;align-items:end}
.contact-existing h2{max-width:650px;margin:18px 0 0;font-size:52px;line-height:1.03;letter-spacing:-2.5px;color:#fff}
.contact-existing-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.contact-existing-grid p{max-width:500px;margin:0;font-size:18px;line-height:1.65;color:rgba(255,255,255,.76)}
.contact-existing .btn-white{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;background:#fff;color:#06233f;text-decoration:none;font-weight:700}

/* START */

.contact-start{padding:115px 0;background:#f4f7f9}
.contact-start-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:120px;align-items:end}
.contact-start h2{max-width:650px;margin:18px 0 0;font-size:50px;line-height:1.04;letter-spacing:-2.4px;color:#06233f}
.contact-start-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.contact-start-grid p{max-width:500px;margin:0;font-size:17px;line-height:1.65;color:var(--muted)}

@media(max-width:900px){
    .contact-hero,.contact-existing,.contact-start{padding:80px 0}
    .contact-main{padding-bottom:80px}
    .contact-hero-grid,.contact-existing-grid,.contact-start-grid{grid-template-columns:1fr;gap:45px}
    .contact-hero h1{font-size:50px}
    .contact-grid{grid-template-columns:1fr}
    .contact-block,.contact-block+.contact-block{min-height:auto;padding:45px 0}
    .contact-block+.contact-block{border-left:0;border-top:1px solid #c7d4de}
    .contact-number{right:0}
    .contact-big-link{font-size:27px}
    .contact-mail{font-size:23px}
    .contact-meta{grid-template-columns:1fr}
    .contact-existing h2,.contact-start h2{font-size:42px}
}


/* =========================================================
   KUNSKAP
   ========================================================= */

.knowledge-page {
    background: #fff;
}

.knowledge-hero {
    background: #f4f7fa;
    padding: 92px 0 100px;
}

.knowledge-hero-inner {
    max-width: 1180px;
}

.knowledge-hero-copy {
    max-width: 800px;
}

.knowledge-hero h1 {
    margin: 16px 0 24px;
    font-size: clamp(46px, 5vw, 72px);
    line-height: 1.02;
    letter-spacing: -0.045em;
    color: #071b3a;
}

.knowledge-hero p {
    max-width: 670px;
    margin: 0;
    font-size: 20px;
    line-height: 1.65;
    color: #536276;
}

.knowledge-topics {
    padding: 110px 0 120px;
}

.knowledge-section-intro {
    max-width: 720px;
    margin-bottom: 55px;
}

.knowledge-section-intro h2,
.knowledge-dark-heading h2,
.knowledge-article-sidebar h2,
.knowledge-light h2 {
    margin: 14px 0 18px;
    color: #071b3a;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.knowledge-section-intro p {
    margin: 0;
    color: #66758a;
    font-size: 18px;
    line-height: 1.65;
}

.knowledge-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.knowledge-card {
    min-height: 310px;
    padding: 34px;
    border: 1px solid #e2e8ef;
    border-radius: 4px;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.knowledge-card-featured {
    background: #f1f6ff;
    border-color: #d6e5fb;
}

.knowledge-number {
    font-size: 13px;
    font-weight: 700;
    color: #2b78d4;
    letter-spacing: .08em;
}

.knowledge-card h3 {
    margin: 25px 0 14px;
    color: #071b3a;
    font-size: 25px;
    line-height: 1.15;
}

.knowledge-card p {
    margin: 0;
    color: #647287;
    font-size: 17px;
    line-height: 1.65;
}

.knowledge-card a {
    margin-top: auto;
    padding-top: 28px;
    color: #176bc1;
    font-weight: 700;
    text-decoration: none;
}

.knowledge-dark {
    background: #071b3a;
    color: #fff;
    padding: 105px 0;
}

.knowledge-dark-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: end;
}

.eyebrow-light {
    color: #8fc2ff !important;
}

.knowledge-dark-heading h2 {
    color: #fff;
    margin-bottom: 0;
}

.knowledge-dark-copy {
    max-width: 590px;
}

.knowledge-dark-copy p {
    margin: 0 0 20px;
    color: #c9d5e5;
    font-size: 18px;
    line-height: 1.75;
}

.knowledge-dark-copy p:last-child {
    margin-bottom: 0;
}

.knowledge-article {
    padding: 115px 0 125px;
}

.knowledge-article-grid {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 100px;
}

.knowledge-article-sidebar {
    position: sticky;
    top: 40px;
    align-self: start;
}

.knowledge-article-sidebar h2 {
    font-size: 42px;
}

.knowledge-point {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 24px;
    padding: 0 0 34px;
    margin-bottom: 34px;
    border-bottom: 1px solid #e5eaf0;
}

.knowledge-point > span {
    font-size: 13px;
    font-weight: 700;
    color: #2b78d4;
    padding-top: 5px;
}

.knowledge-point h3 {
    margin: 0 0 10px;
    color: #071b3a;
    font-size: 22px;
}

.knowledge-point p {
    margin: 0;
    color: #66758a;
    font-size: 17px;
    line-height: 1.7;
}

.knowledge-note {
    margin-top: 45px;
    padding: 25px 28px;
    background: #f3f6f9;
    border-left: 3px solid #2b78d4;
    color: #526176;
    font-size: 15px;
    line-height: 1.7;
}

.knowledge-note strong {
    color: #071b3a;
}

.knowledge-light {
    padding: 105px 0;
    background: #f4f7fa;
}

.knowledge-light-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}

.knowledge-light h2 {
    margin-top: 14px;
}

.knowledge-light-grid > div:last-child {
    padding-top: 10px;
}

.knowledge-light p {
    margin: 0 0 20px;
    color: #5e6d81;
    font-size: 17px;
    line-height: 1.75;
}

.knowledge-light p:last-child {
    margin-bottom: 0;
}

.knowledge-rows {
    padding: 85px 0 100px;
}

.knowledge-row {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 80px;
    padding: 42px 0;
    border-bottom: 1px solid #e2e8ef;
}

.knowledge-row:first-child {
    padding-top: 0;
}

.knowledge-row-title {
    display: flex;
    gap: 22px;
    align-items: flex-start;
}

.knowledge-row-title span {
    color: #2b78d4;
    font-size: 13px;
    font-weight: 700;
    padding-top: 5px;
}

.knowledge-row-title h3 {
    margin: 0;
    color: #071b3a;
    font-size: 25px;
}

.knowledge-row p {
    margin: 0;
    max-width: 700px;
    color: #657388;
    font-size: 17px;
    line-height: 1.7;
}

.knowledge-cta {
    background: #176bc1;
    color: #fff;
    padding: 75px 0;
}

.knowledge-cta-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.knowledge-cta h2 {
    margin: 12px 0 10px;
    color: #fff;
    font-size: 42px;
    letter-spacing: -0.03em;
}

.knowledge-cta p {
    margin: 0;
    color: #dbeaff;
    font-size: 17px;
}

.knowledge-cta-actions {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-shrink: 0;
}

.knowledge-cta-link {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 900px) {
    .knowledge-grid {
        grid-template-columns: 1fr 1fr;
    }

    .knowledge-dark-inner,
    .knowledge-light-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .knowledge-article-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .knowledge-article-sidebar {
        position: static;
    }

    .knowledge-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .knowledge-cta-inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .knowledge-hero {
        padding: 65px 0 70px;
    }

    .knowledge-topics,
    .knowledge-article,
    .knowledge-light,
    .knowledge-dark {
        padding: 75px 0;
    }

    .knowledge-grid {
        grid-template-columns: 1fr;
    }

    .knowledge-card {
        min-height: auto;
    }

    .knowledge-cta-actions {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* =========================================================
   ALLMÄNNA VILLKOR
   ========================================================= */

.legal-page {
    background: #ffffff;
}

.legal-hero {
    background: #f5f8fc;
    border-bottom: 1px solid #e5ebf3;
    padding: 88px 0 82px;
}

.legal-hero .container {
    max-width: 1180px;
}

.legal-hero .eyebrow {
    display: inline-block;
    margin-bottom: 18px;
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.legal-hero h1 {
    max-width: 760px;
    margin: 0 0 20px;
    color: #071b3a;
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.legal-hero p {
    max-width: 680px;
    margin: 0;
    color: #66758a;
    font-size: 19px;
    line-height: 1.7;
}

.legal-content {
    padding: 88px 0 120px;
}

.legal-document {
    max-width: 880px;
    margin: 0 auto;
}

.legal-document h2 {
    margin: 72px 0 26px;
    padding-top: 38px;
    border-top: 1px solid #e5ebf3;
    color: #071b3a;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

.legal-document h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.legal-document h3 {
    margin: 30px 0 10px;
    color: #173b68;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.legal-document p {
    margin: 0 0 17px;
    color: #536277;
    font-size: 16px;
    line-height: 1.8;
}

.legal-document ul {
    margin: 8px 0 26px;
    padding-left: 24px;
    color: #536277;
}

.legal-document li {
    margin-bottom: 10px;
    padding-left: 3px;
    font-size: 16px;
    line-height: 1.75;
}

.legal-updated {
    margin-top: 72px !important;
    padding: 22px 26px;
    border-radius: 12px;
    background: #f5f8fc;
    color: #173b68 !important;
    font-weight: 600;
}

@media (max-width: 768px) {
    .legal-hero {
        padding: 62px 0 58px;
    }

    .legal-hero h1 {
        font-size: 42px;
    }

    .legal-hero p {
        font-size: 17px;
    }

    .legal-content {
        padding: 60px 0 80px;
    }

    .legal-document h2 {
        margin-top: 54px;
        padding-top: 30px;
        font-size: 26px;
    }

    .legal-document h3 {
        font-size: 16px;
    }

    .legal-document p,
    .legal-document li {
        font-size: 15px;
    }
}