:root {
    --sky: #E6F0F7;
    --paper: #F8F7F1;
    --surface: #FFFFFF;
    --ink: #17283A;
    --muted: #637487;
    --line: rgba(23, 40, 58, .14);
    --blue: #2458C6;
    --sun: #E8B84D;
    --coral: #E46D42;
    --green: #168C83;
    --shadow: 0 24px 70px rgba(23, 40, 58, .13)
}

[data-theme=dark] {
    --sky: #152536;
    --paper: #0F1822;
    --surface: #192431;
    --ink: #F3F6F8;
    --muted: #A8B8C7;
    --line: rgba(243, 246, 248, .14);
    --blue: #83A9FF;
    --sun: #F2CD72;
    --coral: #FF926C;
    --green: #56CBB5;
    --shadow: 0 25px 70px rgba(0, 0, 0, .42)
}

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 90px
        }

        body {
            font-family: 'Work Sans', sans-serif;
            background: var(--paper);
            color: var(--ink);
            line-height: 1.65;
            overflow-x: hidden;
            transition: .3s
        }

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

        button,
        input,
        select,
        textarea {
            font: inherit
        }

        .wrap {
            width: min(1160px, calc(100% - 36px));
            margin: auto
        }

        section {
            padding: 100px 0
        }

        .eyebrow {
            display: flex;
            align-items: center;
            gap: 9px;
            color: var(--blue);
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .15em;
            text-transform: uppercase;
            margin-bottom: 12px
        }

        .eyebrow:before {
            content: "";
            width: 28px;
            height: 2px;
            background: currentColor
        }

        .title {
            font-size: clamp(32px, 5vw, 55px);
            line-height: 1.03;
            letter-spacing: -.045em;
            font-weight: 700;
            margin-bottom: 14px
        }

        .intro {
            font-size: 17px;
            color: var(--muted);
            max-width: 570px
        }

        .btn-main,
        .btn-soft {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 12px 19px;
            border-radius: 999px;
            font-weight: 700;
            font-size: 14px;
            cursor: pointer;
            transition: .22s
        }

        .btn-main {
            background: var(--ink);
            color: var(--paper);
            border: 1px solid var(--ink)
        }

        .btn-soft {
            background: transparent;
            color: var(--ink);
            border: 1px solid var(--line)
        }

        .btn-main:hover,
        .btn-soft:hover {
            transform: translateY(-3px);
            box-shadow: var(--shadow)
        }

        .apply {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            border: 0;
            border-radius: 999px;
            padding: 7px 11px;
            background: var(--blue);
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap
        }

        .load {
            display: none;
            width: 14px;
            height: 14px;
            border: 2px solid #ffffff55;
            border-top-color: #fff;
            border-radius: 50%;
            animation: spin .7s linear infinite
        }

        .loading .label {
            display: none
        }

        .loading .load {
            display: block
        }

        @keyframes spin {
            to {
                transform: rotate(360deg)
            }
        }

        #pre {
            position: fixed;
            inset: 0;
            background: var(--sky);
            z-index: 5000;
            display: grid;
            place-items: center;
            transition: .55s
        }

        #pre.hide {
            opacity: 0;
            visibility: hidden
        }

        .pre-sun {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: var(--sun);
            box-shadow: 0 0 0 18px color-mix(in srgb, var(--sun) 25%, transparent), 0 0 0 36px color-mix(in srgb, var(--sun) 10%, transparent);
            animation: pulse 1.5s infinite
        }

        @keyframes pulse {
            50% {
                transform: scale(.88)
            }
        }

        .nav-wrap {
            position: fixed;
            z-index: 1000;
            top: 17px;
            left: 0;
            right: 0;
            pointer-events: none
        }

        .nav {
            pointer-events: auto;
            background: color-mix(in srgb, var(--paper) 88%, transparent);
            backdrop-filter: blur(15px);
            border: 1px solid var(--line);
            border-radius: 20px;
            padding: 9px 10px 9px 17px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 8px 30px #173f5912
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 9px;
            font-size: 18px;
            font-weight: 800
        }

        .brand-mark {
            width: 34px;
            height: 34px;
            border-radius: 50% 50% 50% 8px;
            background: var(--sun);
            color: #15251f;
            display: grid;
            place-items: center
        }

        .links {
            list-style: none;
            display: flex;
            gap: 2px;
            margin: 0;
            padding: 0
        }

        .links a {
            display: block;
            padding: 8px 9px;
            border-radius: 10px;
            font-size: 13px;
            font-weight: 600;
            color: var(--muted)
        }

        .links a:hover,
        .links a.on {
            background: var(--sky);
            color: var(--ink)
        }

        .actions {
            display: flex;
            gap: 7px
        }

        .icon {
            width: 40px;
            height: 40px;
            border: 1px solid var(--line);
            border-radius: 50%;
            background: var(--surface);
            color: var(--ink);
            display: grid;
            place-items: center;
            cursor: pointer
        }

        .hamb {
            display: none
        }

        .mobile {
            position: fixed;
            inset: 0;
            z-index: 1100;
            background: var(--paper);
            padding: 24px;
            transform: translateY(-100%);
            transition: .4s
        }

        .mobile.open {
            transform: none
        }

        .mobile-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 26px
        }

        .mobile a {
            display: flex;
            justify-content: space-between;
            padding: 14px 0;
            border-bottom: 1px solid var(--line);
            font-size: 19px;
            font-weight: 700
        }

        .hero {
            min-height: 100vh;
            padding: 145px 0 65px;
            background: linear-gradient(180deg, var(--sky), var(--paper));
            display: flex;
            align-items: center
        }

        .hero-grid {
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            gap: 48px;
            align-items: center
        }

        .hero h1 {
            font-size: clamp(42px, 4.5vw, 55px);
            line-height: .98;
            letter-spacing: -.06em;
            font-weight: 700;
            margin-bottom: 20px
        }

        .hero h1 span {
            color: var(--blue)
        }

        .hero-copy>p {
            font-size: 18px;
            color: var(--muted);
            max-width: 470px;
            margin-bottom: 26px
        }

        .hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 9px
        }

        .trust {
            display: flex;
            gap: 13px;
            flex-wrap: wrap;
            margin-top: 23px;
            font-size: 13px;
            color: var(--muted);
            font-weight: 600
        }

        .trust i {
            color: var(--green)
        }

        .forecast {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: 35px;
            padding: 14px;
            box-shadow: var(--shadow)
        }

        .fhead {
            padding: 6px 7px 14px;
            display: flex;
            justify-content: space-between;
            text-transform: uppercase;
            letter-spacing: .09em;
            font-size: 11px;
            color: var(--muted);
            font-weight: 700
        }

        .live {
            color: var(--green)
        }

        .live:before {
            content: "";
            display: inline-block;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--green);
            margin-right: 6px;
            animation: pulse 1.4s infinite
        }

        .scene {
            background: linear-gradient(var(--sky), color-mix(in srgb, var(--paper) 90%, var(--sky)));
            border-radius: 25px;
            overflow: hidden
        }

        .scene svg {
            width: 100%;
            display: block
        }

        .cloud {
            animation: drift 8s ease-in-out infinite
        }

        .cloud2 {
            animation: drift 11s ease-in-out infinite reverse
        }

        .sunray {
            transform-origin: 355px 92px;
            animation: spin 24s linear infinite
        }

        .sprout {
            transform-origin: 410px 302px;
            animation: sway 4s ease-in-out infinite
        }

        @keyframes drift {
            50% {
                transform: translateX(13px)
            }
        }

        @keyframes sway {
            50% {
                transform: rotate(4deg)
            }
        }

        .fcontrols {
            padding: 16px 7px 4px
        }

        .fcontrols h3 {
            font-size: 15px;
            font-weight: 700;
            margin-bottom: 9px
        }

        .goals {
            display: flex;
            gap: 6px;
            overflow-x: auto
        }

        .goal {
            flex: none;
            border: 1px solid var(--line);
            border-radius: 999px;
            background: var(--paper);
            color: var(--muted);
            padding: 7px 10px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer
        }

        .goal.on {
            background: var(--ink);
            color: var(--paper)
        }

        .result {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: var(--paper);
            border-radius: 14px;
            padding: 11px 13px;
            margin-top: 9px
        }

        .result small {
            display: block;
            text-transform: uppercase;
            letter-spacing: .08em;
            font-size: 10px;
            color: var(--muted);
            font-weight: 700
        }

        .result b {
            font-size: 14px
        }

        .result em {
            font-size: 25px;
            font-style: normal
        }

        .about {
            display: grid;
            grid-template-columns: .7fr 1.3fr;
            gap: 65px
        }

        .sticky {
            position: sticky;
            top: 115px
        }

        .values {
            display: flex;
            gap: 7px;
            flex-wrap: wrap;
            margin-top: 20px
        }

        .values span {
            border: 1px solid var(--line);
            border-radius: 999px;
            padding: 6px 11px;
            background: var(--surface);
            font-size: 13px;
            font-weight: 600
        }

        .stories {
            border-top: 1px solid var(--line)
        }

        .story {
            display: grid;
            grid-template-columns: 40px 1fr;
            gap: 15px;
            padding: 22px 0;
            border-bottom: 1px solid var(--line)
        }

        .story .e {
            font-size: 23px
        }

        .story h3 {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 4px
        }

        .story p {
            font-size: 15px;
            color: var(--muted)
        }

        .services {
            background: var(--ink);
            color: var(--paper)
        }

        [data-theme=dark] .services {
            background: #080d0b
        }

        .services .eyebrow {
            color: var(--sun)
        }

        .services .intro {
            color: #ffffffa8
        }

        .weather-nav {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 7px;
            margin: 35px 0 20px
        }

        .wtab {
            border: 1px solid #ffffff2b;
            background: transparent;
            color: #ffffffa8;
            border-radius: 13px;
            padding: 13px 11px;
            text-align: left;
            cursor: pointer
        }

        .wtab span {
            font-size: 19px;
            margin-right: 6px
        }

        .wtab b {
            font-size: 13px
        }

        .wtab.on,
        .wtab:hover {
            background: var(--paper);
            color: var(--ink)
        }

        .bulletin {
            display: grid;
            grid-template-columns: .34fr .66fr;
            background: var(--paper);
            color: var(--ink);
            border-radius: 27px;
            overflow: hidden;
            min-height: 390px
        }

        .bside {
            padding: 27px;
            background: var(--sky);
            position: relative;
            overflow: hidden
        }

        .bside:after {
            content: "";
            position: absolute;
            width: 170px;
            height: 170px;
            border-radius: 50%;
            background: var(--sun);
            right: -70px;
            bottom: -70px;
            opacity: .35
        }

        .bside .e {
            font-size: 45px
        }

        .bside h3 {
            font-size: 27px;
            font-weight: 700;
            margin: 10px 0 7px
        }

        .bside p {
            font-size: 14px;
            color: var(--muted)
        }

        .code {
            font-size: 10px;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--blue);
            font-weight: 700;
            margin-top: 22px
        }

        .reports {
            padding: 7px 22px
        }

        .report {
            display: grid;
            grid-template-columns: 38px 1fr auto;
            gap: 12px;
            align-items: center;
            padding: 16px 0;
            border-bottom: 1px solid var(--line);
            opacity: 0;
            animation: fade .4s forwards
        }

        .report:last-child {
            border: 0
        }

        @keyframes fade {
            to {
                opacity: 1
            }
        }

        .report .e {
            font-size: 20px
        }

        .report h4 {
            font-size: 15px;
            font-weight: 700;
            margin-bottom: 3px
        }

        .report p {
            font-size: 13px;
            color: var(--muted);
            line-height: 1.45
        }

        .benefits {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 12px;
            margin-top: 35px
        }

        .benefit {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: 28px;
            padding: 25px;
            position: relative;
            overflow: hidden;
            transition: .25s
        }

        .benefit:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow)
        }

        .benefit:nth-child(1),
        .benefit:nth-child(4) {
            grid-column: span 7
        }

        .benefit:nth-child(2),
        .benefit:nth-child(3) {
            grid-column: span 5
        }

        .benefit:nth-child(5),
        .benefit:nth-child(6) {
            grid-column: span 6
        }

        .benefit .e {
            font-size: 28px
        }

        .benefit h3 {
            font-size: 18px;
            font-weight: 700;
            margin: 12px 0 5px
        }

        .benefit p {
            font-size: 14px;
            color: var(--muted)
        }

        .process {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            position: relative;
            margin-top: 38px
        }

        .process:before {
            content: "";
            position: absolute;
            top: 26px;
            left: 12%;
            right: 12%;
            height: 2px;
            background: var(--line)
        }

        .step {
            text-align: center;
            padding: 0 14px
        }

        .step .e {
            width: 54px;
            height: 54px;
            border-radius: 50%;
            border: 2px solid var(--green);
            background: var(--paper);
            display: grid;
            place-items: center;
            margin: 0 auto 16px;
            font-size: 21px;
            position: relative
        }

        .step h3 {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 5px
        }

        .step p {
            font-size: 13px;
            color: var(--muted)
        }

        .voices {
            display: grid;
            grid-template-columns: .8fr 1.2fr;
            gap: 25px;
            margin-top: 32px
        }

        .voice-list {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        .voice {
            border: 0;
            background: transparent;
            border-radius: 12px;
            padding: 9px;
            color: var(--muted);
            display: flex;
            gap: 9px;
            align-items: center;
            text-align: left;
            cursor: pointer
        }

        .voice.on {
            background: var(--sky);
            color: var(--ink)
        }

        .avatar {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: var(--sun);
            color: #15251f;
            display: grid;
            place-items: center;
            font-size: 11px;
            font-weight: 800
        }

        .voice b {
            font-size: 13px
        }

        .voice small {
            display: block;
            font-size: 10px
        }

        .quote {
            background: var(--blue);
            color: #fff;
            border-radius: 29px;
            padding: 34px;
            min-height: 300px;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .quote .marks {
            font-size: 55px;
            line-height: .6;
            opacity: .35
        }

        .quote blockquote {
            font-size: clamp(19px, 3vw, 28px);
            font-weight: 600;
            line-height: 1.35;
            margin: 20px 0
        }

        .stars {
            color: var(--sun)
        }

        .quote .by {
            font-size: 13px;
            opacity: .8
        }

        .faqs {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 9px;
            margin-top: 32px
        }

        .faq {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: 17px;
            overflow: hidden
        }

        .faq-q {
            width: 100%;
            border: 0;
            background: none;
            color: var(--ink);
            padding: 15px 16px;
            display: flex;
            justify-content: space-between;
            gap: 10px;
            text-align: left;
            font-size: 14px;
            font-weight: 700;
            cursor: pointer
        }

        .faq-q i {
            color: var(--blue);
            transition: .3s
        }

        .faq.open .faq-q i {
            transform: rotate(45deg)
        }

        .faq-a {
            display: grid;
            grid-template-rows: 0fr;
            transition: .35s
        }

        .faq.open .faq-a {
            grid-template-rows: 1fr
        }

        .faq-a>div {
            overflow: hidden
        }

        .faq-a p {
            padding: 0 16px 15px;
            font-size: 13.5px;
            color: var(--muted)
        }

        .field {
            margin-bottom: 11px
        }

        .field label {
            display: block;
            font-size: 10px;
            letter-spacing: .12em;
            text-transform: uppercase;
            font-weight: 700;
            color: var(--muted);
            margin-bottom: 5px
        }

        .field input,
        .field select,
        .field textarea {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid var(--line);
            border-radius: 10px;
            background: var(--paper);
            color: var(--ink);
            outline: none
        }

        .field input:focus,
        .field select:focus,
        .field textarea:focus {
            border-color: var(--blue)
        }

        .field textarea {
            min-height: 105px;
            resize: vertical
        }

        .two {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 9px
        }

        .check {
            display: flex;
            gap: 8px;
            font-size: 12.5px;
            color: var(--muted);
            margin: 6px 0 12px
        }

        .check input {
            margin-top: 3px;
            accent-color: var(--blue)
        }

        .check a {
            color: var(--blue);
            font-weight: 700;
            text-decoration: underline
        }

        .quiet {
            border: 0;
            background: none;
            color: var(--muted);
            text-decoration: underline;
            font-size: 12px;
            cursor: pointer;
            margin-top: 9px
        }

        .newsletter {
            background: var(--sky);
            border-radius: 34px;
            padding: 43px;
            display: grid;
            grid-template-columns: .85fr 1.15fr;
            gap: 38px;
            align-items: center
        }

        .newsletter .post {
            font-size: 36px
        }

        .contact-grid {
            display: grid;
            grid-template-columns: 1.15fr .85fr;
            gap: 13px;
            margin-top: 32px
        }

        .formbox,
        .contactbox {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: 23px;
            padding: 26px
        }

        .contact-item {
            display: grid;
            grid-template-columns: 35px 1fr;
            gap: 9px;
            padding: 13px 0;
            border-bottom: 1px solid var(--line)
        }

        .contact-item:last-child {
            border: 0
        }

        .contact-item small {
            display: block;
            text-transform: uppercase;
            letter-spacing: .1em;
            font-size: 9px;
            color: var(--muted);
            font-weight: 700
        }

        .contact-item strong {
            font-size: 13px
        }

        .cta {
            text-align: center;
            border-radius: 34px;
            padding: 56px 24px;
            background: linear-gradient(120deg, var(--coral), #f4974c);
            color: #fff
        }

        .cta h2 {
            font-size: clamp(29px, 5vw, 49px);
            font-weight: 700;
            letter-spacing: -.04em
        }

        .cta p {
            max-width: 480px;
            margin: 10px auto 21px
        }

        .cta .btn-main {
            background: #fff;
            color: #15251f;
            border-color: #fff
        }

        footer {
            padding: 65px 0 35px;
            border-top: 1px solid var(--line)
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 1.4fr 1fr 1fr 1.1fr;
            gap: 27px;
            margin-bottom: 30px
        }

        .footer-brand p {
            color: var(--muted);
            font-size: 13px;
            margin-top: 10px;
            max-width: 275px
        }

        .socials {
            display: flex;
            gap: 6px;
            margin-top: 13px
        }

        .socials a {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            border: 1px solid var(--line);
            display: grid;
            place-items: center;
            color: var(--muted)
        }

        .fcol h4 {
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: .14em;
            color: var(--muted);
            margin-bottom: 10px
        }

        .fcol ul {
            list-style: none;
            padding: 0
        }

        .fcol li {
            margin-bottom: 7px
        }

        .fcol a {
            font-size: 13px;
            color: var(--muted)
        }

        .bottom {
            border-top: 1px solid var(--line);
            padding-top: 15px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            font-size: 11px;
            color: var(--muted)
        }

        .bottom button {
            border: 0;
            background: none;
            color: var(--muted);
            text-decoration: underline
        }

        .veil {
            position: fixed;
            inset: 0;
            z-index: 2000;
            background: #0c161c99;
            backdrop-filter: blur(6px);
            display: grid;
            place-items: center;
            padding: 18px;
            opacity: 0;
            visibility: hidden;
            transition: .3s
        }

        .veil.open {
            opacity: 1;
            visibility: visible
        }

        .modalbox {
            width: min(520px, 100%);
            max-height: 80vh;
            overflow: auto;
            background: var(--paper);
            border-radius: 23px
        }

        .mhead {
            display: flex;
            justify-content: space-between;
            padding: 16px 18px;
            border-bottom: 1px solid var(--line);
            position: sticky;
            top: 0;
            background: var(--paper)
        }

        .mclose {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 1px solid var(--line);
            background: none;
            color: var(--ink)
        }

        .mbody {
            padding: 18px;
            color: var(--muted);
            font-size: 13px
        }

        .mbody h4 {
            font-size: 14px;
            color: var(--ink);
            margin: 13px 0 4px
        }

        #toasts {
            position: fixed;
            right: 14px;
            top: 14px;
            z-index: 3000
        }

        .toastnote {
            background: var(--ink);
            color: var(--paper);
            padding: 12px 14px;
            border-radius: 11px;
            font-size: 13px;
            margin-bottom: 7px;
            animation: tin .25s
        }

        .toastnote.out {
            opacity: 0;
            transform: translateY(-8px);
            transition: .2s
        }

        @keyframes tin {
            from {
                opacity: 0;
                transform: translateY(-8px)
            }
        }

        @media(max-width:980px) {

            .hero-grid,
            .about,
            .bulletin,
            .voices,
            .newsletter,
            .contact-grid {
                grid-template-columns: 1fr
            }

            .sticky {
                position: static
            }

            .weather-nav {
                grid-template-columns: repeat(2, 1fr)
            }

            .benefit:nth-child(n) {
                grid-column: span 6
            }

            .footer-grid {
                grid-template-columns: 1fr 1fr
            }

            .links {
                display: none
            }

            .hamb {
                display: grid
            }
        }

        @media(max-width:640px) {
            section {
                padding: 72px 0
            }

            .hero {
                padding-top: 125px
            }

            .two,
            .faqs,
            .process,
            .footer-grid {
                grid-template-columns: 1fr
            }

            .process:before {
                display: none
            }

            .step {
                padding: 8px 0 18px
            }

            .benefit:nth-child(n) {
                grid-column: span 12
            }

            .report {
                grid-template-columns: 33px 1fr
            }

            .report .apply {
                grid-column: 2
            }

            .newsletter {
                padding: 24px
            }

            .quote {
                padding: 24px
            }

            .nav-cta {
                display: none
            }
        }
    
.page-hero{min-height:58vh;padding:150px 0 80px;background:linear-gradient(180deg,var(--sky),var(--paper));display:flex;align-items:center}
.page-hero .title{max-width:850px}
.page-content{padding:95px 0}.page-content+.page-content{padding-top:0}
.prose{max-width:900px;margin:0 auto}.prose h2{font-size:28px;margin:34px 0 10px}.prose h3{font-size:20px;margin:26px 0 8px}.prose h4{font-size:15px;margin:20px 0 7px}.prose p,.prose li{color:var(--muted);font-size:15px}.prose ul,.prose ol{padding-left:22px;margin-bottom:18px}
.policy-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}
.page-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;transition:.25s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-card .e{font-size:28px}.service-card h3{font-size:18px;margin:12px 0 6px}.service-card p{color:var(--muted);font-size:14px}
.form-page{max-width:820px;margin:0 auto}.form-page .formbox{box-shadow:var(--shadow)}.form-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.newsletter-title{font-size:clamp(28px,4vw,42px)!important}.cta .post{font-size:30px}
@media(max-width:980px){.page-cards{grid-template-columns:1fr 1fr}}@media(max-width:640px){.page-cards{grid-template-columns:1fr}.page-hero{min-height:50vh;padding-top:125px}.policy-card{padding:24px}}

.report:nth-child(1){animation-delay:0ms}.report:nth-child(2){animation-delay:50ms}.report:nth-child(3){animation-delay:100ms}.report:nth-child(4){animation-delay:150ms}.report:nth-child(5){animation-delay:200ms}.report:nth-child(6){animation-delay:250ms}.report:nth-child(7){animation-delay:300ms}.report:nth-child(8){animation-delay:350ms}.report:nth-child(9){animation-delay:400ms}