.support-page .support-hero {
    position: relative;
    overflow: hidden;
    min-height: min(46rem, 78vh);
    padding: clamp(8rem, 12vw, 10rem) 0 clamp(4.5rem, 7vw, 6.5rem);
    border-radius: 0 0 clamp(2rem, 5vw, 5rem) clamp(2rem, 5vw, 5rem);
    background: #e8edf4;
}

.support-page .support-hero::before {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(245,247,251,.98) 0 44%, rgba(245,247,251,.74) 63%, rgba(245,247,251,.08)), var(--support-image) center/cover;
}

.support-page .support-hero.is-dark { color: #fff; background: #10192c; }
.support-page .support-hero.is-dark::before { background: linear-gradient(90deg, rgba(12,20,36,.98) 0 45%, rgba(12,20,36,.68) 66%, rgba(12,20,36,.16)), var(--support-image) center/cover; }
.support-page .support-hero .shell { position: relative; z-index: 1; }
.support-page .support-hero-copy { max-width: 56rem; }
.support-page .support-hero h1 { max-width: 12ch; margin: 0; font-size: clamp(3.8rem, 7vw, 7rem); line-height: .92; letter-spacing: -.065em; }
.support-page .support-hero p { max-width: 42rem; margin: 2rem 0 0; color: #667187; font-size: clamp(1.08rem, 1.6vw, 1.35rem); line-height: 1.6; }
.support-page .support-hero.is-dark p { color: rgba(255,255,255,.7); }
.support-page .support-hero-note { display: inline-flex; align-items: center; gap: .65rem; margin-top: 2.2rem; padding: .8rem 1rem; border: 1px solid rgba(16,24,43,.12); border-radius: 999px; background: rgba(255,255,255,.68); backdrop-filter: blur(16px); font-size: .82rem; font-weight: 700; }
.support-page .support-hero-note i { width: .55rem; height: .55rem; border-radius: 50%; background: #ff1f5d; }
.support-page .support-hero-actions { display: flex; align-items: center; gap: 1rem; margin-top: 2.1rem; }
.support-page .support-text-link { display: inline-flex; min-height: 44px; align-items: center; gap: .5rem; color: #10182b; font-weight: 750; }
.support-page .support-trial-copy { max-width: 38rem; margin-top: 1rem; color: #707b8f; font-size: .86rem; line-height: 1.55; }

.pricing-support .pricing-explainer { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 4rem; align-items: start; }
.pricing-support .pricing-explainer h2 { max-width: 10ch; margin: .75rem 0 1.3rem; font-size: clamp(2.8rem,5.4vw,5.6rem); line-height: .95; letter-spacing: -.06em; }
.pricing-support .pricing-explainer > div > p { max-width: 38rem; color: #69748a; line-height: 1.7; }
.pricing-support .pricing-unit { overflow: hidden; border: 1px solid rgba(16,24,43,.12); border-radius: 2rem; background: #fff; box-shadow: 0 2rem 5rem rgba(16,24,43,.08); }
.pricing-support .pricing-unit > div { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.5rem 1.75rem; border-bottom: 1px solid rgba(16,24,43,.1); }
.pricing-support .pricing-unit > div:last-child { border: 0; }
.pricing-support .pricing-unit b { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .8rem; color: #ff1f5d; background: #fff0f5; }
.pricing-support .pricing-unit h3 { margin: .1rem 0 .35rem; font-size: 1.15rem; }
.pricing-support .pricing-unit p { margin: 0; color: #69748a; line-height: 1.55; }

.pricing-support .support-pricing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.pricing-support .support-plan { display: flex; min-height: 38rem; padding: 2rem; border: 1px solid rgba(16,24,43,.12); border-radius: 2rem; flex-direction: column; background: #fff; box-shadow: 0 1.5rem 4rem rgba(16,24,43,.06); }
.pricing-support .support-plan.is-featured { color: #fff; border-color: #1b2740; background: #121d32; transform: translateY(-1.25rem); box-shadow: 0 2rem 5rem rgba(16,24,43,.2); }
.pricing-support .support-plan header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.pricing-support .support-plan header span { font-size: .78rem; font-weight: 800; letter-spacing: .1em; }
.pricing-support .support-plan h2 { margin: .8rem 0 0; font-size: 1.7rem; }
.pricing-support .support-plan .support-price { white-space: nowrap; font-size: 1rem; }
.pricing-support .support-plan .support-price strong { font-size: 3.8rem; letter-spacing: -.07em; }
.pricing-support .support-plan > p { min-height: 4.5rem; margin: 2rem 0; color: #69748a; line-height: 1.6; }
.pricing-support .support-plan.is-featured > p { color: rgba(255,255,255,.64); }
.pricing-support .support-plan .support-limit { padding: 1.25rem 0; border-block: 1px solid rgba(16,24,43,.12); font-size: 1.2rem; }
.pricing-support .support-plan.is-featured .support-limit { border-color: rgba(255,255,255,.14); }
.pricing-support .support-plan ul { display: grid; gap: .8rem; margin: 1.6rem 0 2rem; padding: 0; list-style: none; color: #667187; }
.pricing-support .support-plan.is-featured ul { color: rgba(255,255,255,.68); }
.pricing-support .support-plan li::before { margin-right: .65rem; color: #ff1f5d; content: "✓"; }
.pricing-support .support-plan [data-slot="button"] { margin-top: auto; }
.pricing-support .pricing-common { background: #edf2f7; }
.pricing-support .pricing-common-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; margin: 2.5rem 0 0; padding: 0; list-style: none; }
.pricing-support .pricing-common-list li { min-height: 7rem; padding: 1.4rem; border: 1px solid rgba(16,24,43,.1); border-radius: 1.25rem; background: rgba(255,255,255,.72); font-weight: 700; line-height: 1.45; }
.pricing-support .pricing-common-list li::before { display: block; margin-bottom: 1rem; color: #ff1f5d; content: "✓"; }
.pricing-support .pricing-unit .pricing-example { background: #f7f9fc; }

.support-page .support-link-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.support-page .support-link-card { min-height: 18rem; padding: 2rem; border: 1px solid rgba(16,24,43,.12); border-radius: 1.75rem; color: #10182b; background: #fff; box-shadow: 0 1.5rem 4rem rgba(16,24,43,.06); }
.support-page .support-link-card span { color: #ff1f5d; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.support-page .support-link-card h3 { margin: 4.5rem 0 .7rem; font-size: clamp(1.5rem,3vw,2.2rem); letter-spacing: -.04em; }
.support-page .support-link-card p { margin: 0 0 1.25rem; color: #69748a; line-height: 1.6; }
.support-page .support-link-card a { font-weight: 750; }

.about-support .about-manifesto { padding: clamp(3rem,7vw,7rem); border-radius: 2.5rem; color: #fff; background: #101a2e; }
.about-support .about-manifesto blockquote { max-width: 17ch; margin: 0; font-size: clamp(2.7rem,6vw,6.5rem); line-height: .97; letter-spacing: -.06em; }
.about-support .about-manifesto p { max-width: 42rem; margin: 2rem 0 0 auto; color: rgba(255,255,255,.65); font-size: 1.05rem; line-height: 1.7; }
.about-support .about-now { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); gap: 5rem; }
.about-support .about-now h2 { max-width: 10ch; margin: .75rem 0 0; font-size: clamp(2.8rem,5.2vw,5.5rem); line-height: .96; letter-spacing: -.06em; }
.about-support .about-now ol { margin: 0; padding: 0; list-style: none; counter-reset: now; }
.about-support .about-now li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.5rem 0; border-bottom: 1px solid rgba(16,24,43,.12); counter-increment: now; }
.about-support .about-now li::before { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .8rem; color: #ff1f5d; background: #fff0f5; content: counter(now, decimal-leading-zero); font-weight: 800; }
.about-support .about-now h3 { margin: 0 0 .4rem; }
.about-support .about-now p { margin: 0; color: #69748a; line-height: 1.6; }

.contact-support .contact-route { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.contact-support .contact-route article { padding: 2rem; border: 1px solid rgba(16,24,43,.12); border-radius: 1.75rem; background: #fff; }
.contact-support .contact-route span { color: #ff1f5d; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.contact-support .contact-route h2 { margin: 3.4rem 0 .7rem; font-size: 1.7rem; }
.contact-support .contact-route p { min-height: 3.5rem; color: #69748a; line-height: 1.6; }
.contact-support .contact-route a { display: inline-flex; margin-top: 1rem; font-weight: 800; }
.contact-support .contact-checklist { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.contact-support .contact-checklist article { min-height: 16rem; padding: 1.75rem; border-radius: 1.6rem; background: rgba(255,255,255,.08); }
.contact-support .contact-checklist b { color: #ff6e96; }
.contact-support .contact-checklist h3 { margin: 4rem 0 .6rem; }
.contact-support .contact-checklist p { margin: 0; color: rgba(255,255,255,.63); line-height: 1.6; }

@media (max-width: 1024px) {
    .support-page .support-hero::before { background: linear-gradient(rgba(245,247,251,.88),rgba(245,247,251,.98)), var(--support-image) center/cover; }
    .support-page .support-hero.is-dark::before { background: linear-gradient(rgba(12,20,36,.72),rgba(12,20,36,.98)), var(--support-image) center/cover; }
    .pricing-support .pricing-explainer, .about-support .about-now { grid-template-columns: 1fr; gap: 2rem; }
    .pricing-support .support-pricing-grid { grid-template-columns: 1fr; }
    .pricing-support .support-plan { min-height: 32rem; }
    .pricing-support .support-plan.is-featured { transform: none; }
    .pricing-support .pricing-common-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 640px) {
    .support-page .support-link-grid, .contact-support .contact-route, .contact-support .contact-checklist { grid-template-columns: 1fr; }
    .support-page .support-hero h1 { font-size: clamp(3.2rem,17vw,5.1rem); }
    .support-page .support-hero-actions { align-items: stretch; flex-direction: column; }
    .support-page .support-text-link { justify-content: center; }
    .pricing-support .pricing-common-list { grid-template-columns: 1fr; }
}