.support-page{--support-ink:#182f51;--support-muted:#617089;--support-line:#e2e7f0;container-type:inline-size;color:var(--support-ink)}
.support-page .support-hero{display:flex;align-items:center;gap:28px;padding:30px 32px;margin-bottom:28px;border:1px solid #f1dce1;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#ffe1e4,transparent 60%),linear-gradient(125deg,#fff8f7,#f7f8fe)}
.support-page .app-heading{margin:0;flex:1}.support-page .app-heading h1{font-size:clamp(30px,4.5cqi,49px);line-height:1.1;margin:18px 0;letter-spacing:-.045em}.support-page .app-heading>p:last-child{font-size:15px;line-height:1.75;margin:0;max-width:730px}.support-page .app-eyebrow{color:#a5374a;font-size:11px;letter-spacing:.12em}
.support-emblem{width:136px;height:156px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #fff;border-radius:32px;background:linear-gradient(140deg,#fff8,#fff);box-shadow:0 18px 45px #a6374a12;transform:rotate(6deg);color:#be4054}.support-emblem>.icon{width:62px;height:62px;stroke-width:1.1}.support-emblem>span{font-size:17px;font-weight:650;letter-spacing:-.04em}
.support-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.support-plan{--plan-accent:#386b91;--plan-soft:#edf5fb;display:flex;flex-direction:column;min-width:0;border:1px solid var(--support-line);border-top:4px solid var(--plan-accent);border-radius:18px;padding:26px;background:#fff;box-shadow:0 8px 24px #263b5906}
.support-plan.tone-1{--plan-accent:#277367;--plan-soft:#edf8f4}.support-plan.tone-2{--plan-accent:#b7374d;--plan-soft:#fff0f2}.support-plan.tone-3{--plan-accent:#6d54aa;--plan-soft:#f3effc}.support-plan.is-featured{border-color:#e7b1bc;border-top-color:var(--plan-accent);background:linear-gradient(140deg,#fff8f9,#fff 75%);box-shadow:0 12px 28px #b7374d0b}
.support-plan-top{display:flex;align-items:center;gap:14px}.support-plan h2{font-size:26px;letter-spacing:-.03em;margin:0}.support-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:var(--plan-accent);background:var(--plan-soft);flex:none}.support-symbol>.icon{width:27px;height:27px}.support-symbol .app-icon{width:48px;height:48px}.support-volume{display:block;margin-top:5px;color:var(--plan-accent);font-size:13px;font-weight:600}.support-description{margin:20px 0;color:var(--support-muted);font-size:14px;line-height:1.8;min-height:76px}
.support-cost{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.support-cost strong{font-size:clamp(29px,3.8cqi,40px);letter-spacing:-.055em;font-weight:650;line-height:1.2}.support-cost>span,.support-rate{color:var(--support-muted);font-size:12px}.support-rate{display:block;margin-top:6px}.support-plan ul{list-style:none;margin:22px 0 26px;padding:20px 0 0;border-top:1px solid var(--support-line);display:flex;flex-direction:column;gap:11px;flex:1}.support-plan li{display:flex;gap:10px;align-items:flex-start;color:#435773;font-size:13px;line-height:1.6}.support-plan li>.icon{width:16px;height:16px;flex:none;color:var(--plan-accent);margin-top:2px}
.support-plan .app-link{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border:1px solid color-mix(in srgb,var(--plan-accent) 25%,white);border-radius:10px;background:var(--plan-soft);color:var(--plan-accent);font-size:13px;font-weight:600;text-decoration:none}.support-plan.is-featured .app-link{color:#fff;background:#b7374d;border-color:#b7374d}.support-plan .app-link:hover{filter:brightness(.97)}.support-page a:focus-visible{outline:3px solid #7659d4;outline-offset:4px}
.support-terms{margin:26px 0 38px;border:1px solid var(--support-line);border-radius:18px;padding:24px 28px;background:#f7f9fc;display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.support-terms>div{grid-column:1/-1;display:flex;align-items:center;gap:10px}.support-terms h2{font-size:20px;margin:0}.support-terms>div>.icon{width:20px;height:20px;color:#8e566d}.support-terms>p{font-size:12px;line-height:1.8;margin:0;color:var(--support-muted)}
.support-about{padding:32px;border-radius:20px;border:1px solid var(--support-line);background:linear-gradient(125deg,#f5f3fc,#f6f9fc 70%)}.support-about-heading h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin:14px 0}.support-about-heading>p:last-child{max-width:660px;font-size:14px;line-height:1.8;color:var(--support-muted)}.support-process{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.support-process article{display:flex;gap:14px}.support-process article>span{display:grid;place-items:center;flex:none;align-self:flex-start;width:34px;height:34px;border-radius:10px;background:#fff;color:#795aa9;font-size:12px;font-weight:600;border:1px solid #e3dbf0}.support-process h3{font-size:17px;margin:3px 0 8px}.support-process p{font-size:12px;line-height:1.8;color:var(--support-muted);margin:0}.support-closing{border-top:1px solid #e0ddee;padding-top:22px;display:flex;gap:24px;align-items:center;justify-content:space-between}.support-closing p{font-size:13px;line-height:1.8;max-width:520px;margin:0}.support-closing .app-link{color:#9e3147;font-size:13px;flex:none}
@container (max-width:650px){.support-page .support-hero{padding:24px;gap:0}.support-emblem{display:none}.support-plans{grid-template-columns:1fr}.support-description{min-height:0}.support-plan{padding:24px}.support-terms{grid-template-columns:1fr;padding:24px}.support-about{padding:24px}.support-process{grid-template-columns:1fr}.support-closing{align-items:flex-start;flex-direction:column;gap:16px}.support-cost strong{font-size:36px}.support-about-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.support-page *{scroll-behavior:auto}}