.customer-footer .footer-grid { grid-template-columns: minmax(220px,1.6fr) repeat(3,minmax(140px,1fr)); align-items:start; }
.customer-footer .footer-links { display:flex; flex-direction:column; align-items:flex-start; gap:10px; font-size:.875rem; }
.customer-footer .footer-links strong { color:var(--text); margin-bottom:5px; }
.customer-footer .support-address { color:var(--cyan); overflow-wrap:anywhere; font-size:.9rem; }
.customer-footer .footer-bottom { flex-wrap:wrap; gap:12px; }
.customer-page { background:linear-gradient(160deg,#0b1821,#061019 700px); }
.customer-page::before { opacity:.05; }
.customer-page main { position:relative; }
.customer-hero { padding-block:60px 36px; }
.customer-hero h1 { margin:12px 0 18px; font-size:clamp(2rem,5vw,3.5rem); line-height:1.12; letter-spacing:-.035em; }
.customer-lead { max-width:680px; font-size:1.125rem; color:var(--muted); }
.document-date { font-size:.875rem; color:var(--muted); }
.document-links { display:flex; flex-wrap:wrap; gap:8px 20px; margin-block:20px; }
.document-links a,.document-body a,.contact-card a:not(.button),.billing-explainer a { color:var(--cyan); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.document-links a { padding-block:8px; }
.document-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:52px; padding-bottom:72px; }
.document-contents { align-self:start; position:sticky; top:110px; padding:20px; background:rgba(89,231,255,.035); border:1px solid var(--line); border-radius:16px; }
.document-contents h2 { font-size:1rem; margin:0 0 12px; }
.document-contents nav { display:flex; flex-direction:column; gap:4px; }
.document-contents a { padding:8px 0; color:var(--muted); font-size:.9rem; line-height:1.45; }
.document-contents a:hover { color:var(--cyan); }
.document-body { max-width:780px; }
.document-body section { margin:0 0 34px; scroll-margin-top:110px; }
.document-body h2,.billing-explainer h2,.contact-card h2 { font-size:1.35rem; line-height:1.35; margin:0 0 16px; }
.document-body p { color:#d5e4ea; line-height:1.85; margin-block:14px; }
.document-contact { border-top:1px solid var(--line); padding-top:24px; margin-top:28px; }
.contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-bottom:72px; }
.contact-channels { max-width:980px; margin-left:auto; margin-right:auto; }
.contact-channels .contact-card { display:flex; flex-direction:column; align-items:flex-start; padding:34px; min-height:320px; background:linear-gradient(145deg,rgba(28,54,71,.8),rgba(13,28,40,.9)); }
.contact-channel-icon { width:54px; height:54px; border-radius:16px; display:grid; place-items:center; margin-bottom:24px; background:rgba(89,231,255,.1); color:var(--cyan); }
.contact-channel-icon svg { width:28px; height:28px; }
.discord-channel .contact-channel-icon { color:#c4aaff; background:rgba(160,118,255,.15); }
.contact-channels .contact-card p { line-height:1.75; margin-top:0; }
.contact-channels .contact-email { margin-block:4px 22px; font-size:1rem; font-weight:650; }
.contact-channels .button { margin-top:auto; min-height:44px; text-decoration:none; }
.contact-channels .discord-button { background:#7954d9; border:1px solid #ac87ff; color:#fff; }
.contact-channels .discord-button:hover { background:#8c66e9; }
.download-link { white-space:nowrap; }
.contact-card { border:1px solid var(--line); border-radius:18px; background:rgba(16,34,46,.55); padding:30px; }
.contact-card p,.contact-card li { color:var(--muted); }
.contact-card li { margin:0 0 16px; }
.contact-card ul { padding-left:22px; }
.contact-card .operator-display { color:var(--cyan); font-size:1.7rem; font-weight:700; margin:18px 0; }
.contact-card dl { margin:24px 0; }
.contact-card dl>div { margin-bottom:18px; }
.contact-card dt { color:var(--muted); font-size:.875rem; }
.contact-card dd { margin:4px 0 0; overflow-wrap:anywhere; }
.contact-note { border-left:3px solid var(--cyan); padding-left:16px; }
.contact-wide { grid-column:1/-1; }
.pricing-content { padding-bottom:72px; }
.beta-notice { border:1px solid var(--line-strong); border-radius:16px; padding:22px 26px; margin-bottom:28px; background:rgba(89,231,255,.05); }
.beta-notice p { color:var(--muted); margin-bottom:0; }
.pricing-card { text-align:left; display:flex; flex-direction:column; }
.pricing-card>img { margin-left:0; width:115px; height:82px; }
.pricing-card h2 { font-size:1.35rem; margin:0; }
.pricing-card>p { margin-block:8px; color:var(--muted); }
.pricing-card>a { display:block; color:var(--cyan); margin-top:auto; padding-top:22px; text-decoration:underline; text-underline-offset:4px; }
.pricing-amount { font-size:2.5rem; font-weight:750; color:var(--text); margin-top:16px; overflow-wrap:anywhere; }
.price-period { font-size:1rem; color:var(--muted); font-weight:400; margin-left:6px; white-space:nowrap; }
.yearly-price { color:var(--cyan)!important; min-height:26px; }
.pricing-card dl { margin-bottom:16px; }
.pricing-card dl>div { gap:18px; font-size:.95rem; }
.pricing-card dt { text-align:left; }
.pricing-card dd { white-space:nowrap; }
.catalog-status { font-size:.875rem; color:var(--muted); margin:20px 0 44px; }
.feature-comparison { margin-bottom:44px; }
.feature-comparison h2 { font-size:1.5rem; }
.table-scroll { overflow-x:auto; border:1px solid var(--line); border-radius:16px; }
.feature-comparison table { width:100%; border-collapse:collapse; min-width:590px; }
.feature-comparison caption { caption-side:bottom; padding:16px; text-align:left; color:var(--muted); font-size:.875rem; }
.feature-comparison th,.feature-comparison td { padding:16px 18px; border-bottom:1px solid var(--line); text-align:left; }
.feature-comparison td { color:var(--muted); }
.feature-comparison thead { background:rgba(89,231,255,.05); }
.billing-explainer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 40px; }
.billing-explainer p { color:var(--muted); }
@media(max-width:1100px) { .customer-footer .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .document-layout { grid-template-columns:200px minmax(0,1fr); gap:30px; } }
@media(max-width:1050px) { .desktop-nav { display:none; } .menu-button { display:flex; } }
@media(max-width:760px) { .document-layout,.contact-grid,.billing-explainer { grid-template-columns:1fr; } .document-contents { position:static; } .document-contents nav { flex-direction:row; flex-wrap:wrap; gap:6px 20px; } .customer-hero { padding-top:34px; } .contact-card { padding:22px; } .plan-brand-grid { grid-template-columns:1fr; } }
@media(max-width:440px) { .customer-footer .footer-grid { grid-template-columns:1fr; } .document-links { gap:4px 16px; } .pricing-card { padding:22px; } .beta-notice { padding:20px; } }