.site-header nav { gap: 26px; }
.site-header a[aria-current="page"] { color: var(--purple-light); }
.site-footer { flex-wrap: wrap; gap: 24px; }
.site-footer nav { display:flex; gap:24px; font-size:14px; color:#c5c0d6; }
.site-footer nav a:hover { color:var(--purple-light); }
.mobile-menu { display:none; }
.page-intro { padding:72px 0 44px; max-width:780px; }
.page-intro h1 { font:400 clamp(42px,5.4vw,66px)/1.25 var(--serif); margin:20px 0; letter-spacing:-.02em; }
.page-intro>p:last-child { color:#b9b7ca; font-size:17px; max-width:650px; }
.page-content { padding-bottom:88px; }
.page-content h2 { font:400 32px/1.35 var(--serif); }
.page-content h3 { font-size:19px; line-height:1.5; }
.page-content p,.page-content li { font-size:16px; }
.page-kicker { font-size:14px; color:var(--purple-light); letter-spacing:.08em; }
.surface { border:1px solid #a998d12b; border-radius:20px; background:linear-gradient(130deg,#b7a0ea09,transparent),#1e2030; }
.page-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:22px; align-items:start; }
.credit-card { padding:38px; background:radial-gradient(ellipse at 95% 0,#6c52945e,transparent 72%),#232235; }
.credit-card h2 { margin:24px 0 14px; font-size:40px; }
.credit-card p { color:#beb8cf; }
.credit-card .button { margin-top:28px; }
.credit-mark { display:flex; align-items:center; justify-content:space-between; }
.credit-mark img { width:65px; height:56px; }
.notice { font-size:14px!important; color:#b0a5c7!important; margin-top:20px; padding-top:18px; border-top:1px solid #aa94c72b; }
.mode-card { padding:32px; }
.mode-card+.mode-card { margin-top:20px; }
.mode-card p { color:#b9b7ca; margin-top:10px; }
.section-space { margin-top:64px; }
.section-space>p { color:#b9b7ca; margin-top:12px; }
.explain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:28px; }
.explain-card { padding:26px; }
.step-label { color:var(--purple-light); font-size:14px; display:block; margin-bottom:20px; }
.explain-card p { margin-top:12px; color:#b9b7ca; }
.page-faq { margin-top:22px; }
.page-faq details { border-bottom:1px solid #a998d126; }
.page-faq summary { display:flex; justify-content:space-between; gap:16px; padding:22px 0; cursor:pointer; list-style:none; font-size:17px; }
.page-faq summary::-webkit-details-marker { display:none; }
.page-faq summary::after { content:'+'; color:var(--purple-light); flex-shrink:0; }
.page-faq details[open] summary::after { content:'−'; }
.page-faq details p { padding:0 0 24px; margin:0; color:#b9b7ca; max-width:820px; }
.page-faq p a { color:var(--purple-light); text-decoration:underline; }
.support-callout { padding:28px 32px; margin-top:48px; display:flex; gap:24px; align-items:center; justify-content:space-between; background:#29243b; border-radius:16px; }
.support-callout p { color:#b9b7ca; margin-top:8px; }
.support-callout .button { flex-shrink:0; }
.help-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:52px; align-items:start; }
.help-index { position:sticky; top:120px; padding:20px; }
.help-index p { color:#9790a8; font-size:14px; padding:4px 10px 12px; }
.help-index a { display:block; font-size:15px; padding:12px 10px; border-radius:8px; }
.help-index a:hover { background:#9184d91a; color:#cfc0ff; }
.help-topic { margin-bottom:48px; scroll-margin-top:120px; }
.help-topic h2 { display:flex; gap:16px; align-items:center; }
.topic-number { font:14px var(--font); color:var(--purple-light); }
.quickstart { padding:26px 30px; margin:24px 0; background:#26233a; border:1px solid #9184d930; border-radius:16px; }
.quickstart ol { margin:0; padding-left:22px; }
.quickstart li { padding:7px 0 7px 6px; color:#cdc8dc; line-height:1.8; }
.quickstart li strong { color:var(--text); }
.contact-types { display:grid; gap:18px; }
.contact-type { padding:24px 28px; }
.contact-type p { color:#b9b7ca; margin-top:8px; }
.contact-type a { display:inline-block; margin-top:16px; color:var(--purple-light); border-bottom:1px solid #9184d970; font-size:14px; }
.contact-compose { padding:32px; }
.contact-compose>p { color:#b9b7ca; margin:12px 0 24px; }
.contact-compose label { display:block; margin-top:20px; margin-bottom:9px; font-size:14px; }
.contact-compose select,.contact-compose textarea { width:100%; padding:13px 14px; border:1px solid #676076; border-radius:9px; background:#171925; color:var(--text); font:16px/1.65 var(--font); }
.contact-compose textarea { resize:vertical; min-height:142px; }
.contact-compose :is(select,textarea):focus-visible { outline:2px solid var(--purple); outline-offset:3px; }
.contact-compose .button { margin-top:22px; }
.contact-status { font-size:14px!important; min-height:25px; color:var(--purple-light)!important; margin-top:12px!important; }
.contact-channel { margin-top:24px; padding:20px 24px; border:1px dashed #82718f80; border-radius:12px; }
.contact-channel p { color:#c3b6cd; margin-top:8px; }
.contact-channel small { color:#aba0b6; font-size:14px; }
@media(max-width:1000px) {
 .site-header .nav-wrap { gap:20px; padding-inline:24px; }
 .site-header nav { gap:18px; }
 .help-layout { grid-template-columns:180px minmax(0,1fr); gap:28px; }
}
@media(max-width:760px) {
 .site-header .nav-wrap { padding-inline:22px; }
 .site-header .nav-wrap>nav,.site-header .nav-wrap>.button { display:none; }
 .mobile-menu { display:block; position:relative; border:0; padding:0; }
 .mobile-menu summary { font:14px var(--font); cursor:pointer; padding:10px 14px; border:1px solid #746b84; border-radius:8px; list-style:none; }
 .mobile-menu summary::-webkit-details-marker { display:none; }
 .mobile-menu>div { position:absolute; right:0; top:48px; width:210px; padding:10px; border:1px solid #514761; border-radius:12px; background:#222032; box-shadow:0 16px 45px #08091066; }
 .mobile-menu a { display:block; padding:13px 14px; font-size:15px; }
 .page-intro { padding:44px 0 32px; }
 .page-intro h1 { font-size:40px; }
 .page-grid,.explain-grid,.help-layout { grid-template-columns:1fr; }
 .credit-card,.contact-compose { padding:26px; }
 .credit-card h2 { font-size:34px; }
 .help-index { position:static; display:flex; overflow:auto; gap:6px; padding:10px; }
 .help-index p { display:none; }
 .help-index a { flex-shrink:0; }
 .help-layout { gap:32px; }
 .help-topic { scroll-margin-top:96px; }
 .support-callout { align-items:flex-start; flex-direction:column; padding:26px; }
 .section-space { margin-top:44px; }
 .site-footer { align-items:flex-start; }
 .site-footer nav { gap:22px; flex-wrap:wrap; }
}
.pricing-plans { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.plan-card { padding:28px 24px; display:flex; flex-direction:column; }
.plan-card:nth-child(2) { border-color:#9184d9a6; background:linear-gradient(155deg,#7d63ab24,transparent 65%),#222133; }
.plan-card h2 { font:600 25px var(--font); }
.plan-subtitle { font-size:14px!important; color:#b6b0c6; margin-top:12px; min-height:50px; }
.plan-price { margin-top:24px; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.plan-price strong { font-size:40px; letter-spacing:-.04em; font-weight:600; }
.plan-price>span { font-size:14px; color:#aaa3ba; }
.plan-quota { display:flex; flex-direction:column; gap:5px; padding:20px 0; margin:20px 0; border-block:1px solid #9184d92e; }
.plan-quota strong { font-size:28px; font-weight:500; color:#c6b7f1; }
.plan-quota>span { font-size:14px; color:#beb6ce; }
.plan-card .button { padding-inline:12px; font-size:14px; }
.plan-card ul { list-style:none; padding:0; margin:24px 0 0; }
.plan-card li { color:#c6c1d3; position:relative; padding-left:21px; margin-bottom:14px; line-height:1.65; font-size:14px; }
.plan-card li::before { content:'✓'; position:absolute; left:0; color:#9e8dcb; }
.pricing-note { color:#aaa3ba; margin-top:22px; font-size:14px!important; }
#subscribe { scroll-margin-top:110px; }
@media(max-width:1050px) { .pricing-plans { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .pricing-plans { grid-template-columns:1fr; } .plan-card { padding:28px; } .plan-subtitle { min-height:0; } }
.download-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.download-card { padding:32px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.download-card .step-label { margin-bottom:0; }
.download-card p { color:#b9b7ca; }
.download-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:6px; }
.download-meta { font-size:14px!important; color:#9790a8!important; }
.download-card .notice { margin-top:auto; }
@media(max-width:760px) { .download-grid { grid-template-columns:1fr; } .download-card { padding:26px; } .download-actions .button { width:100%; } }
.pay-dialog { background:#1e2030; color:var(--text); border:1px solid #a998d140; width:min(460px,calc(100% - 32px)); padding:28px; }
.pay-dialog::backdrop { background:#0c0d18c0; backdrop-filter:blur(8px); }
.pay-top { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.pay-top h2 { font:400 26px/1.35 var(--serif); }
.pay-close { background:none; color:#b9b7ca; font-size:26px; line-height:1; padding:0 4px; }
.pay-price { color:var(--purple-light); margin-top:6px; }
.pay-body { margin-top:18px; display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.pay-body p { color:#b9b7ca; font-size:15px; }
.pay-methods { display:flex; flex-wrap:wrap; gap:12px; }
.pay-status { margin-top:16px; font-size:14px; color:#b0a5c7; min-height:1.8em; }
.pay-status[data-tone="error"] { color:#f0a3b4; }