:root {
                                    --paper: #F7F1EA;
                                    --paper2: #EADCCF;
                                    --card: #FFFFFF;
                
                                    --ink: #3B2921;
                                    --ink2: #5C4438;
                                    --muted: #806B5E;
                
                                    --line: rgba(59, 41, 33, .12);
                                    --line2: rgba(59, 41, 33, .22);
                
                                    --teal: #A66A4C;
                                    --teald: #7F4B34;
                
                                    --amber: #D6A06B;
                                    --rose: #C98268;
                                    --slate: #8A6655;
                                    --clay: #B87552;
                                    --olive: #6F5547;
                
                                    --serif: "Instrument Serif", Georgia, serif;
                                    --sans: "Manrope", system-ui, -apple-system, sans-serif;
                
                                    --sh: 0 24px 60px rgba(59, 41, 33, .14);
                                    --shsm: 0 10px 26px rgba(59, 41, 33, .08);
                                }

        * {
            box-sizing: border-box
        }

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

        body {
            margin: 0;
            background: var(--paper);
            color: var(--ink);
            font-family: var(--sans);
            font-size: 15.5px;
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden
        }

        ::selection {
            background: var(--teal);
            color: #fff
        }

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

        button,
        input,
        select,
        textarea {
            font: inherit;
            outline: none
        }

        img {
            display: block;
            max-width: 100%
        }

        h1,
        h2,
        h3 {
            font-family: var(--serif);
            font-weight: 400;
            letter-spacing: -.01em;
            margin: 0
        }

        .display {
            font-size: clamp(2.6rem, 5vw, 4.1rem);
            line-height: 1.06
        }

        .title {
            font-size: clamp(1.9rem, 3vw, 2.6rem);
            line-height: 1.12
        }

        .lede {
            color: var(--muted);
            font-size: 1.02rem;
            max-width: 520px
        }

        .tag {
            display: inline-block;
            font-size: .82rem;
            font-weight: 600;
            color: var(--teald);
            padding-bottom: 2px;
            border-bottom: 2px solid var(--teal)
        }

        .btn2 {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            min-height: 50px;
            padding: 0 26px;
            border-radius: 12px;
            border: 0;
            font-weight: 700;
            font-size: .86rem;
            cursor: pointer;
            transition: .2s;
            font-family: var(--sans)
        }

        .btn2:hover {
            transform: translateY(-2px)
        }

        .btn-teal {
            background: var(--teal);
            color: #fff;
            box-shadow: 0 14px 28px rgba(31, 111, 99, .28)
        }

        .btn-teal:hover {
            background: var(--teald);
            color: #fff
        }

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

        .btn-line:hover {
            border-color: var(--ink);
            color: var(--ink)
        }

        .btn-white {
            background: #fff;
            color: var(--ink);
            border: 1px solid var(--line2)
        }

        .btn-sm {
            min-height: 42px;
            padding: 0 18px;
            font-size: .78rem;
            border-radius: 10px
        }

        /* header */
        .hdr {
            position: sticky;
            top: 0;
            z-index: 1000;
            background: rgba(234, 240, 241, 0.86);
            backdrop-filter: blur(14px);
            border-bottom: 1px solid transparent;
            transition: .25s
        }

        .hdr.scrolled {
            border-color: var(--line);
            box-shadow: 0 10px 26px rgba(20, 26, 22, .06)
        }

        .hdr-in {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            height: 84px
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 11px;
            color: var(--ink)
        }

        .brand-mark {
            width: 48px;
            height: 48px;
            border-radius: 10px;
            background: var(--ink);
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .brand-mark i {
            z-index: 1;
        }

        .brand-mark:after {
            content: "";
            position: absolute;
            inset: 9px;
            border-radius: 50%;
            border: 2px solid var(--paper);
            background: var(--teal)
        }

        .brand-name {
            font-family: var(--serif);
            font-size: 1.35rem
        }

        .nav {
            display: flex;
            gap: 26px
        }

        .nav a {
            font-size: .86rem;
            font-weight: 600;
            color: var(--ink2);
            position: relative;
            padding: 6px 0
        }

        .nav a:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            background: var(--teal);
            transform: scaleX(0);
            transition: .2s
        }

        .nav a:hover:after {
            transform: scaleX(1)
        }

        .burger {
            width: 44px;
            height: 44px;
            border-radius: 11px;
            border: 1px solid var(--line2);
            background: #fff;
            color: var(--ink)
        }

        .offcanvas.side {
            max-width: 340px;
            background: var(--paper)
        }

        .moblink {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 4px;
            border-bottom: 1px solid var(--line);
            font-family: var(--serif);
            font-size: 1.15rem;
            color: var(--ink)
        }

        /* hero */
        .hero {
            padding: 56px 0 70px;
            position: relative
        }

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

        .hero h1 {
            margin-top: 14px
        }

        .hero-cta {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 28px
        }

        .stat-row {
            display: flex;
            gap: 30px;
            margin-top: 36px;
            padding-top: 24px;
            border-top: 1px solid var(--line)
        }

        .stat b {
            display: block;
            font-family: var(--serif);
            font-size: 1.7rem;
            color: var(--ink)
        }

        .stat span {
            display: block;
            font-size: .74rem;
            color: var(--muted);
            margin-top: 2px
        }

        .route {
            position: relative;
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: 26px;
            padding: 30px 26px;
            box-shadow: var(--sh)
        }

        .route-top {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: 18px
        }

        .route-top span {
            font-size: .76rem;
            color: var(--muted)
        }

        .route-line {
            position: relative;
            padding-left: 34px
        }

        .route-line:before {
            content: "";
            position: absolute;
            left: 10px;
            top: 6px;
            bottom: 6px;
            width: 2px;
            background: var(--line2)
        }

        .stop {
            position: relative;
            display: flex;
            align-items: center;
            gap: 13px;
            padding: 10px 0
        }

        .stop:before {
            content: "";
            position: absolute;
            left: -34px;
            top: 50%;
            transform: translateY(-50%);
            width: 21px;
            height: 21px;
            border-radius: 50%;
            background: var(--card);
            border: 2px solid var(--sc, var(--teal))
        }

        .stop-ic {
            width: 36px;
            height: 36px;
            border-radius: 10px;
            display: grid;
            place-items: center;
            background: var(--sc, var(--teal));
            color: #fff;
            font-size: .82rem;
            flex-shrink: 0
        }

        .stop b {
            font-size: .9rem;
            display: block
        }

        .stop small {
            color: var(--muted);
            font-size: .74rem
        }

        /* marquee */
        .marquee {
            padding: 15px 0;
            background: var(--card);
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line);
            overflow: hidden
        }

        .marquee-track {
            display: flex;
            width: max-content;
            animation: scroll 30s linear infinite
        }

        @keyframes scroll {
            to {
                transform: translateX(-50%)
            }
        }

        .mq {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 0 24px;
            border-right: 1px solid var(--line);
            font-family: var(--serif);
            font-style: italic;
            font-size: 1rem;
            color: var(--ink2);
            white-space: nowrap
        }

        .mq i {
            color: var(--teal);
            font-size: .55rem
        }

        /* sections */
        .sec {
            padding: 88px 0
        }

        .sec-head {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-end;
            gap: 18px;
            margin-bottom: 36px
        }

        .sec-head .lede {
            max-width: 420px
        }

        /* about */
        .about {
            background: var(--card);
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line)
        }

        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 54px;
            align-items: center
        }

        .checks {
            display: grid;
            gap: 11px;
            margin-top: 24px
        }

        .check {
            display: flex;
            gap: 14px;
            padding: 15px 16px;
            border-radius: 15px;
            background: var(--paper);
            border: 1px solid var(--line)
        }

        .check i {
            width: 38px;
            height: 38px;
            border-radius: 11px;
            display: grid;
            place-items: center;
            flex-shrink: 0;
            color: #fff;
            background: var(--teal)
        }

        .check:nth-child(2) i {
            background: var(--amber)
        }

        .check:nth-child(3) i {
            background: var(--slate)
        }

        .check h4 {
            margin: 0 0 2px;
            font-size: .94rem;
            font-weight: 700;
            font-family: var(--sans)
        }

        .check p {
            margin: 0;
            color: var(--muted);
            font-size: .83rem
        }

        .note-card {
            position: relative;
            min-height: 400px
        }

        .note-main {
            border-radius: 24px;
            background: var(--ink);
            color: #fff;
            padding: 34px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .note-main img {
            border-radius: 15px;
        }

        .note-main .k {
            font-family: var(--serif);
            font-size: 1.9rem;
            line-height: 1.3
        }

        .note-main .foot {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-top: 22px
        }

        .note-main .foot span {
            color: rgba(255, 255, 255, .55);
            font-size: .76rem
        }

        .note-tag {
            position: absolute;
            right: -14px;
            top: -14px;
            width: 150px;
            padding: 14px;
            border-radius: 16px;
            background: #fff;
            border: 1px solid var(--line);
            box-shadow: var(--shsm);
            font-size: .8rem
        }

        .note-tag b {
            display: block;
            font-family: var(--serif);
            font-size: 1.5rem
        }

        /* directory */
        .dir {
            background: var(--paper2)
        }

        .dir-tools {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: space-between;
            margin-bottom: 22px
        }

        .filters {
            display: flex;
            flex-wrap: wrap;
            gap: 8px
        }

        .filter {
            padding: 9px 16px;
            border-radius: 999px;
            border: 1px solid var(--line2);
            background: var(--card);
            color: var(--muted);
            font-size: .8rem;
            font-weight: 600;
            cursor: pointer
        }

        .filter.on {
            background: var(--ink);
            border-color: var(--ink);
            color: #fff
        }

        .search {
            position: relative;
            width: min(100%, 320px)
        }

        .search i {
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--teal);
            font-size: .85rem
        }

        .search input {
            width: 100%;
            height: 46px;
            padding: 0 14px 0 40px;
            border: 1px solid var(--line2);
            border-radius: 12px;
            background: var(--card);
            color: var(--ink)
        }

        .count {
            font-size: .8rem;
            color: var(--muted);
            margin-bottom: 20px
        }

        .count b {
            color: var(--teal)
        }

        .band {
            --c: var(--teal);
            display: grid;
            grid-template-columns: 220px 1fr;
            gap: 0;
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: 22px;
            overflow: hidden;
            margin-bottom: 16px
        }

        .band-tab {
            background: var(--c);
            color: #fff;
            padding: 26px 22px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 14px
        }

        .band-tab .num {
            font-family: var(--serif);
            font-size: 2.1rem;
            opacity: .7
        }

        .band-tab .ic {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            background: rgba(255, 255, 255, .18);
            display: grid;
            place-items: center;
            font-size: 1.05rem
        }

        .band-tab h3 {
            color: #fff;
            font-size: 1.35rem
        }

        .band-body {
            padding: 22px 26px
        }

        .band-body>p {
            margin: 0 0 16px;
            color: var(--muted);
            font-size: .87rem;
            max-width: 520px
        }

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

        .chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 9px 13px;
            border-radius: 12px;
            background: var(--paper);
            border: 1px solid var(--line);
            font-size: .82rem;
            font-weight: 600;
            cursor: pointer;
            transition: .15s
        }

        .chip:hover {
            background: var(--c);
            border-color: var(--c);
            color: #fff
        }

        .chip i {
            color: var(--c);
            font-size: .78rem
        }

        .chip:hover i {
            color: #fff
        }

        .band-actions {
            margin-top: 18px;
            display: flex;
            gap: 10px
        }

        .empty {
            padding: 44px;
            text-align: center;
            background: var(--card);
            border-radius: 22px;
            border: 1px solid var(--line)
        }

        /* process */
        .process {
            background: var(--card)
        }

        .steps {
            max-width: 680px
        }

        .step {
            position: relative;
            display: grid;
            grid-template-columns: 56px 1fr;
            gap: 22px;
            padding-bottom: 38px
        }

        .step:last-child {
            padding-bottom: 0
        }

        .step:before {
            content: "";
            position: absolute;
            left: 27px;
            top: 56px;
            bottom: 0;
            width: 2px;
            background: var(--line2)
        }

        .step:last-child:before {
            display: none
        }

        .step .n {
            width: 56px;
            height: 56px;
            border-radius: 16px;
            display: grid;
            place-items: center;
            background: var(--teal);
            color: #fff;
            font-family: var(--serif);
            font-size: 1.2rem;
            flex-shrink: 0
        }

        .step:nth-child(2) .n {
            background: var(--amber)
        }

        .step:nth-child(3) .n {
            background: var(--slate)
        }

        .step h3 {
            font-size: 1.2rem;
            margin-bottom: 6px
        }

        .step p {
            margin: 0;
            color: var(--muted);
            font-size: .88rem;
            max-width: 440px
        }

        /* why */
        .why-grid {
            display: grid;
            grid-template-columns: 1.15fr 1fr 1fr;
            gap: 16px
        }

        .why-card {
            padding: 28px;
            border-radius: 22px;
            background: var(--card);
            border: 1px solid var(--line)
        }

        .why-card.feature {
            background: var(--ink);
            color: #fff;
            border: 0
        }

        .why-card.feature p {
            color: rgba(255, 255, 255, .66)
        }

        .why-card p {
            margin: 10px 0 0;
            color: var(--muted);
            font-size: .87rem
        }

        .why-card h3 {
            font-size: 1.2rem
        }

        /* faq */
        .faq {
            background: var(--paper2)
        }

        .faq-grid {
            display: grid;
            grid-template-columns: .8fr 1.2fr;
            gap: 40px
        }

        .faq-aside {
            position: sticky;
            top: 106px
        }

        .faq-list {
            display: grid;
            gap: 10px
        }

        .faq-item {
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: 16px;
            overflow: hidden
        }

        .faq-item.open {
            border-color: var(--line2)
        }

        .faq-q {
            width: 100%;
            display: grid;
            grid-template-columns: 34px 1fr 20px;
            gap: 14px;
            align-items: center;
            padding: 16px 18px;
            border: 0;
            background: transparent;
            text-align: left;
            cursor: pointer;
            color: var(--ink)
        }

        .faq-q .qn {
            font-family: var(--serif);
            font-size: .95rem;
            color: var(--teal)
        }

        .faq-q b {
            font-weight: 600;
            font-size: .92rem
        }

        .faq-a {
            max-height: 0;
            overflow: hidden;
            transition: .3s
        }

        .faq-a-in {
            padding: 0 18px 18px 66px
        }

        .faq-a-in p {
            margin: 0;
            color: var(--muted);
            font-size: .87rem
        }

        /* contact */
        .contact {
            padding: 88px 0 40px
        }

        .contact-shell {
            border-radius: 28px;
            background: var(--ink);
            color: #fff;
            padding: 24px
        }

        .contact-grid {
            display: grid;
            grid-template-columns: .85fr 1.15fr;
            gap: 24px;
            align-items: center
        }

        .c-row {
            display: flex;
            gap: 13px;
            align-items: center;
            padding: 14px 15px;
            border-radius: 14px;
            background: rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .12);
            margin-top: 9px
        }

        .c-row i {
            width: 38px;
            height: 38px;
            border-radius: 11px;
            display: grid;
            place-items: center;
            background: #fff;
            color: var(--teal);
            flex-shrink: 0
        }

        .c-row small {
            display: block;
            font-size: .62rem;
            color: rgba(255, 255, 255, .55)
        }

        .c-row a,
        .c-row strong {
            color: #fff;
            font-size: .87rem
        }

        .form-card {
            background: var(--card);
            color: var(--ink);
            border-radius: 20px;
            padding: 26px
        }

        .field {
            margin-bottom: 13px
        }

        .field label {
            display: block;
            margin-bottom: 6px;
            font-size: .72rem;
            font-weight: 700;
            color: var(--muted)
        }

        .field input,
        .field select,
        .field textarea {
            width: 100%;
            padding: 11px 13px;
            border-radius: 11px;
            border: 1px solid var(--line2);
            background: var(--paper);
            color: var(--ink)
        }

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

        /* subscribe */
        .subscribe {
            padding: 0 0 96px
        }

        .sub-card {
            display: grid;
            grid-template-columns: .85fr 1.15fr;
            gap: 28px;
            align-items: center;
            padding: 30px;
            border-radius: 22px;
            background: var(--card);
            border: 1px solid var(--line)
        }

        .sub-fields {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 11px
        }

        .consent {
            display: flex;
            gap: 9px;
            font-size: .79rem;
            color: var(--muted);
            margin: 13px 0
        }

        .link-btn {
            background: none;
            border: 0;
            color: var(--teal);
            text-decoration: underline;
            font-size: .78rem;
            cursor: pointer
        }

        /* footer */
        footer {
            padding: 64px 0 24px;
            background: var(--ink);
            color: rgba(255, 255, 255, .68)
        }

        footer .brand-name {
            color: #fff
        }

        footer h5 {
            font-size: .78rem;
            color: var(--teal);
            margin-bottom: 15px;
            font-weight: 700
        }

        .flinks {
            display: flex;
            flex-direction: column;
            gap: 9px
        }

        .flinks a,
        .flinks button {
            padding: 0;
            border: 0;
            background: transparent;
            color: rgba(255, 255, 255, .62);
            font-size: .86rem;
            text-align: left;
            cursor: pointer
        }

        .flinks a:hover,
        .flinks button:hover {
            color: #fff
        }

        .fbot {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 40px;
            padding-top: 18px;
            border-top: 1px solid rgba(255, 255, 255, .12);
            font-size: .78rem
        }

        /* modals + toast */
        .overlay {
            position: fixed;
            inset: 0;
            z-index: 2000;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 18px;
            background: rgba(20, 24, 20, .62)
        }

        .overlay.open {
            display: flex
        }

        .modal-box {
            position: relative;
            width: 100%;
            max-width: 640px;
            max-height: 88vh;
            overflow: auto;
            padding: 32px;
            border-radius: 24px;
            background: var(--card)
        }

        .modal-box.large {
            max-width: 820px
        }

        .modal-close {
            position: absolute;
            right: 14px;
            top: 14px;
            width: 38px;
            height: 38px;
            border-radius: 11px;
            border: 1px solid var(--line2);
            background: #fff;
            cursor: pointer
        }

        .m-sub {
            display: flex;
            gap: 12px;
            padding: 14px;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: var(--paper);
            margin-top: 9px
        }

        .m-sub i {
            width: 36px;
            height: 36px;
            border-radius: 10px;
            display: grid;
            place-items: center;
            background: rgba(31, 111, 99, .12);
            color: var(--teal);
            flex-shrink: 0
        }

        .legal h5 {
            color: var(--teal);
            font-size: .98rem;
            margin: 18px 0 6px
        }

        .legal p {
            color: var(--muted);
            font-size: .87rem
        }

        .toast-box {
            position: fixed;
            right: 20px;
            bottom: 20px;
            z-index: 3000;
            max-width: 380px;
            display: flex;
            gap: 11px;
            align-items: center;
            padding: 14px 17px;
            border-radius: 14px;
            background: var(--ink);
            color: #fff;
            transform: translateY(150%);
            transition: .3s;
            font-size: .84rem
        }

        .toast-box.show {
            transform: none
        }

        .toast-box i {
            color: var(--teal)
        }

        /* entrance (single orchestrated moment) */
        .hero-anim {
            opacity: 0;
            transform: translateY(16px);
            animation: rise .7s ease forwards
        }

        .hero-anim:nth-child(2) {
            animation-delay: .08s
        }

        .hero-visual-anim {
            opacity: 0;
            transform: translateY(10px) scale(.98);
            animation: rise .8s ease .15s forwards
        }

        @keyframes rise {
            to {
                opacity: 1;
                transform: none
            }
        }

        @media(max-width:1199px) {
            .why-grid {
                grid-template-columns: 1fr 1fr
            }

            .why-card.feature {
                grid-column: 1/-1
            }
        }

        @media(max-width:991px) {
            .nav {
                display: none
            }

            .hero-grid,
            .about-grid {
                grid-template-columns: 1fr;
                gap: 40px
            }

            .faq-grid,
            .contact-grid,
            .sub-card {
                grid-template-columns: 1fr
            }

            .faq-aside {
                position: static
            }

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

            .band-tab {
                flex-direction: row;
                align-items: center;
                justify-content: space-between
            }
        }

        @media(max-width:767px) {
            .sec {
                padding: 64px 0
            }

            .stat-row {
                flex-wrap: wrap;
                gap: 20px
            }

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

            .sub-fields {
                grid-template-columns: 1fr
            }

            .toast-box {
                left: 14px;
                right: 14px;
                max-width: none
            }
        }

        @media(prefers-reduced-motion:reduce) {

            .hero-anim,
            .hero-visual-anim {
                opacity: 1;
                transform: none;
                animation: none
            }

            * {
                transition: none !important
            }
        }
    
/* ===== multi-page additions ===== */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.nav a.active{color:var(--teal)}
.nav a.active:after{transform:scaleX(1)}
.phero{padding:56px 0 8px}
.phero h1{font-size:clamp(2.6rem,5vw,4.1rem);line-height:1.06;margin-top:14px}
.phero .lede{margin-top:14px}
.crumb{font-size:.82rem;color:var(--muted);font-weight:600}
.crumb a{color:var(--teald)}
.crumb a:hover{text-decoration:underline}
.legal-page{max-width:840px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:44px}
.legal-page h5:first-child{margin-top:0}
.unsub-card{max-width:520px;margin:0 auto;border:1px solid var(--line)}
.cta-band{border-radius:28px;background:var(--ink);color:#fff;padding:44px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.cta-band h2{color:#fff}
.cta-band .lede{color:rgba(255,255,255,.65);margin-top:10px}
.btn-ghost-w{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.btn-ghost-w:hover{color:#fff;border-color:#fff}
.sub-solo{padding:48px 0 96px}
@media(max-width:767px){.legal-page{padding:26px;border-radius:18px}.cta-band{padding:28px}}