.monthly-support {
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:#f8fafc;
    --text-secondary:#b8c3d3;
    line-height:1.65
}
.monthly-support *, .monthly-support *::before,.monthly-support *::after {
    box-sizing:border-box
}
.monthly-support .container {
    width:min(1140px,calc(100% - 48px));
    max-width:1140px;
    margin-inline:auto
}
.monthly-support a,.monthly-support button,.monthly-support input,.monthly-support textarea {
    scroll-margin-top:105px
}
.monthly-support :focus-visible {
    outline:3px solid #ffba87;
    outline-offset:5px
}
.ms-skip {
    position:fixed;
    top:-80px;
    left:16px;
    z-index:10000;
    background:#ff8a3d;
    color:#15100d;
    padding:12px
}
.ms-skip:focus {
    top:12px
}
.monthly-support nav {
    padding:18px 0;
    border-bottom:1px solid #252629
}
.ms-nav {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px
}
.monthly-support .logo {
    font-size:21px;
    white-space:nowrap
}
.ms-nav-cta {
    color:#f8fafc;
    font-size:14px;
    font-weight:600
}
.ms-hero {
    padding-block:150px 82px;
    display:grid;
    grid-template-columns:1.25fr 0.85fr;
    gap:70px;
    align-items:center
}
.ms-eyebrow {
    font-size:11px;
    letter-spacing:2px;
    font-weight:700;
    color:#ffab70;
    margin-bottom:20px
}
.ms-hero h1 {
    font-size:clamp(32px,3.6vw,52px);
    line-height:1.13;
    letter-spacing:-1.8px;
    font-weight:750;
    max-width:670px;
    margin:0 0 28px
}
.ms-intro {
    font-size:17px;
    max-width:550px;
    color:#b8c3d3
}
.ms-price {
    font-size:30px;
    font-weight:750;
    letter-spacing:-1px;
    margin:28px 0 20px;
    color:#f8fafc
}
.ms-price span {
    font-size:16px;
    font-weight:400;
    color:#b8c3d3;
    letter-spacing:0;
    white-space:nowrap
}
.ms-actions {
    display:flex;
    gap:12px;
    flex-wrap:wrap
}
.monthly-support .btn {
    font:inherit;
    font-size:14px;
    font-weight:700;
    padding:14px 20px;
    min-height:48px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    border-radius:8px;
    white-space:normal;
    line-height:1.3;
    cursor:pointer
}
.monthly-support .ms-primary {
    background:#ff8a3d;
    border:1px solid #ff8a3d;
    color:#17100b;
    text-decoration:none
}
.monthly-support .ms-primary:hover {
    background:#ffad74;
    transform:translateY(-1px)
}
.monthly-support .ms-secondary {
    background:transparent;
    border:1px solid #535966;
    color:#f8fafc;
    text-decoration:none
}
.ms-caption {
    font-size:12px;
    color:#b8c3d3;
    margin-top:16px;
    line-height:1.6
}
.ms-operation {
    padding:30px;
    border:1px solid #423128;
    border-radius:20px;
    background:radial-gradient(ellipse at 90% 0%,#382517 0%,#141414 65%);
    position:relative;
    box-shadow:0 24px 70px #0005
}
.ms-operation-head {
    display:flex;
    justify-content:space-between;
    gap:20px;
    color:#d4a373;
    font-size:12px;
    line-height:1.6
}
.ms-orbit {
    font-size:42px;
    line-height:1;
    color:#ff8a3d
}
.ms-operation-title {
    font-size:43px;
    line-height:1.15;
    letter-spacing:-1.5px;
    font-weight:700;
    margin:40px 0 30px
}
.ms-checklist {
    list-style:none;
    padding:0;
    margin:0
}
.ms-checklist li {
    padding:12px 0;
    border-bottom:1px solid #ffffff13;
    font-size:14px
}
.ms-checklist span {
    color:#ffab70;
    margin-right:14px
}
.ms-operation-foot {
    display:flex;
    justify-content:space-between;
    margin-top:30px;
    font-size:9px;
    letter-spacing:1.5px;
    color:#b8c3d3
}
.ms-section {
    padding-block:72px;
    scroll-margin-top:85px
}
.monthly-support h2 {
    font-size:clamp(28px,3vw,40px);
    line-height:1.18;
    letter-spacing:-1px;
    margin:0 0 24px;
    max-width:650px
}
.monthly-support h3 {
    font-size:20px;
    line-height:1.3;
    margin:18px 0 14px
}
.monthly-support p {
    overflow-wrap:anywhere
}
.ms-split {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:start
}
.ms-split p:not(.ms-eyebrow) {
    color:#b8c3d3;
    font-size:16px;
    margin:0 0 18px
}
.ms-problem,.ms-process {
    background:#121213;
    border-block:1px solid #ffffff0d
}
.ms-service-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:35px
}
.monthly-support .ms-service {
    padding:30px 25px;
    border:1px solid #303033;
    border-radius:12px;
    text-align:left;
    transform:none;
    background:#151516
}
.ms-service p {
    font-size:14px;
    color:#b8c3d3;
    line-height:1.75
}
.ms-number {
    font-size:10px;
    letter-spacing:1.6px;
    color:#ffab70;
    font-weight:700
}
.ms-scope {
    margin-top:25px;
    padding:24px 28px;
    border-left:2px solid #ff8a3d;
    background:#151516;
    border-radius:0 10px 10px 0
}
.ms-scope strong {
    font-size:15px
}
.ms-scope p {
    font-size:13px;
    color:#b8c3d3;
    margin-top:8px
}
.ms-steps {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    list-style:none;
    padding:0;
    margin:36px 0 0
}
.ms-steps span {
    font-size:14px;
    color:#ffab70
}
.ms-steps h3 {
    font-size:17px;
    max-width:220px
}
.ms-steps p {
    color:#b8c3d3;
    font-size:14px
}
.ms-price-card {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    padding:42px;
    border:1px solid #493628;
    border-radius:18px;
    background:linear-gradient(115deg,#21180f,#141414 65%)
}
.ms-price-card .ms-price {
    margin-top:0
}
.ms-price-card p:not(.ms-price):not(.ms-eyebrow) {
    color:#b8c3d3;
    font-size:14px
}
.ms-contact-grid {
    display:grid;
    grid-template-columns:0.85fr 1.15fr;
    gap:70px
}
.ms-contact-grid>div>p:not(.ms-eyebrow) {
    color:#b8c3d3;
    font-size:15px;
    max-width:350px
}
.ms-contact-note {
    padding-top:24px;
    border-top:1px solid #333;
    margin-top:30px
}
.ms-form-panel {
    padding:28px;
    background:#151516;
    border:1px solid #303033;
    border-radius:14px;
    min-width:0
}
.ms-form {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px
}
.ms-field {
    min-width:0
}
.ms-full {
    grid-column:1/-1
}
.ms-field label {
    display:block;
    font-size:13px;
    font-weight:600;
    margin-bottom:8px
}
.monthly-support .ms-field input,.monthly-support .ms-field textarea {
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    border:1px solid #666975;
    background:#0a0a0b;
    color:#f8fafc;
    padding:12px;
    font:inherit;
    font-size:16px;
    line-height:1.4;
    border-radius:6px
}
.ms-field textarea {
    resize:vertical
}
.ms-field input::placeholder,.ms-field textarea::placeholder {
    color:#a7b1c1
}
.ms-field input[aria-invalid],.ms-field textarea[aria-invalid] {
    border-color:#ff9f9f
}
.ms-field-error {
    display:block;
    color:#ffb1b1;
    font-size:12px;
    margin-top:7px;
    overflow-wrap:anywhere
}
.ms-feedback {
    padding:16px;
    margin-bottom:22px;
    border-radius:8px;
    font-size:14px
}
.ms-feedback ul {
    margin:10px 0 0;
    padding-left:18px
}
.ms-error {
    border:1px solid #a66363;
    background:#291819;
    color:#ffd1d1
}
.ms-success {
    border:1px solid #547f65;
    background:#15291d;
    color:#c2f7d5
}
.ms-honeypot {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%)
}
.ms-verification {
    min-width:0
}
.ms-verification .cf-turnstile {
    width:100%
}
.ms-final {
    padding-block:30px 85px;
    text-align:center
}
.ms-final p {
    font-size:24px;
    line-height:1.45
}
.ms-final strong {
    font-weight:600
}
.monthly-support footer {
    padding-top:55px
}
.monthly-support footer .container {
    max-width:1140px
}
.monthly-support .footer-brand p {
    font-size:14px
}
.monthly-support .footer-legal-modal {
    max-width:calc(100% - 32px)
}
@media(max-width:850px) {
    .ms-hero {
        gap:30px;
        grid-template-columns:1fr 0.8fr
    }
    .ms-operation {
        padding:24px
    }
    .ms-operation-title {
        font-size:35px
    }
    .ms-split,.ms-contact-grid {
        gap:35px
    }
    .ms-service-grid {
        gap:12px
    }
    .monthly-support .ms-service {
        padding:22px 18px
    }
    .ms-steps {
        gap:20px
    }
    .ms-price-card {
        padding:30px;
        gap:25px
    }
    .ms-form {
        grid-template-columns:1fr
    }
    .ms-field {
        grid-column:1/-1
    }
}
@media(max-width:650px) {
    .monthly-support .container {
        width:calc(100% - 36px)
    }
    .monthly-support nav {
        padding:14px 0
    }
    .monthly-support .logo {
        font-size:17px;
        gap:6px
    }
    .monthly-support .logo img {
        width:30px;
        height:30px
    }
    .ms-nav-cta {
        font-size:12px;
        max-width:105px;
        line-height:1.3;
        text-align:right
    }
    .ms-hero {
        display:block;
        padding-block:115px 45px
    }
    .ms-hero h1 {
        font-size:35px;
        letter-spacing:-1.1px
    }
    .ms-eyebrow {
        font-size:10px;
        letter-spacing:1.4px
    }
    .ms-intro {
        font-size:16px
    }
    .ms-price {
        font-size:28px
    }
    .ms-actions {
        display:grid;
        grid-template-columns:1fr
    }
    .ms-operation {
        margin-top:35px;
        padding:24px
    }
    .ms-operation-title {
        font-size:36px;
        margin-block:25px
    }
    .ms-operation-foot {
        margin-top:22px
    }
    .ms-section {
        padding-block:45px
    }
    .ms-split,.ms-contact-grid,.ms-price-card {
        display:block
    }
    .ms-split>div+div {
        margin-top:25px
    }
    .ms-service-grid {
        grid-template-columns:1fr;
        gap:14px;
        margin-top:25px
    }
    .monthly-support .ms-service {
        padding:25px
    }
    .ms-steps {
        grid-template-columns:1fr 1fr;
        gap:25px 20px
    }
    .ms-steps h3 {
        font-size:16px
    }
    .ms-price-card {
        padding:26px 22px
    }
    .ms-price-card>div+div {
        margin-top:30px
    }
    .ms-price-card .ms-primary {
        width:100%
    }
    .ms-contact-grid .ms-form-panel {
        margin-top:30px;
        padding:20px 16px
    }
    .ms-form {
        gap:18px
    }
    .ms-caption {
        font-size:12px
    }
    .ms-final {
        padding-block:15px 55px
    }
    .ms-final p {
        font-size:21px
    }
    .monthly-support .footer-grid {
        grid-template-columns:1fr;
        gap:25px
    }
    .monthly-support .footer-bottom {
        flex-direction:column;
        align-items:flex-start;
        gap:16px
    }
    .monthly-support .footer-legal-links {
        flex-wrap:wrap;
        gap:12px
    }
}
@media(prefers-reduced-motion:reduce) {
    .monthly-support *, .monthly-support *::before,.monthly-support *::after {
        scroll-behavior:auto!important;
        animation:none!important;
        transition:none!important
    }
}
.monthly-support main section {
    content-visibility:visible;
    contain-intrinsic-size:auto
}
.monthly-support h1,.monthly-support h2,.monthly-support h3 {
    font-family:inherit
}
.ms-nav-cta svg {
    vertical-align:middle
}
.monthly-support .btn svg {
    flex-shrink:0
}