/* Shared visual language for public pages, accounts and administration. */
:root{--blue:#2458ce;--ink:#182d4b;--muted:#596b83;--line:#dbe3ef;--paper:#f5f7fb;--radius:16px;--accent-soft:#eef3fc;--surface:#fff}
body{line-height:1.7;background:var(--surface)}
.btn{border-radius:9px;box-shadow:none}.btn.primary{background:var(--blue);border-color:var(--blue)}.btn.primary:hover{background:#1948b5;border-color:#1948b5}.btn:not(.primary):hover{background:var(--accent-soft);border-color:#b9cbed}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #82a7f2;outline-offset:3px}
.badge,.badge.pink{background:var(--accent-soft);color:var(--blue);border-radius:6px}.eyebrow{color:var(--blue);letter-spacing:.12em}
.panel,.price-card,.form-card,.thread,.feature{border-color:var(--line);border-radius:var(--radius)}
.page-top{padding:48px 0 30px}.page-top h1{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.35}.page-top p{max-width:64em;line-height:1.85}.section{padding:64px 0}
.home-hero{background:linear-gradient(150deg,#fff 35%,var(--paper))}.home-story-tint,.section.alt,.sidebar{background:var(--paper)}.home-player-head,.auth-aside,.cta{background:var(--ink)}
.cta .btn:not(.primary){background:#fff;color:var(--ink);border-color:#fff}
.purchase-trial,.data-boundaries article,.data-boundaries article+article{background:var(--paper);border:1px solid var(--line)}.data-boundaries .badge,.purchase-trial .badge{background:#e7eefb;color:var(--blue)}
.payment-plan,.payment-route{background:#fff;border:1px solid var(--line);border-radius:14px}.payment-plan:has(input:checked),.payment-route:has(input:checked){background:var(--accent-soft);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.payment-plan input,.payment-route input,input[type=checkbox]{accent-color:var(--blue)}
.payment-route strong{font-size:1.3rem}.payment-route .payment-route-price{color:var(--ink);font-size:1.8rem}.payment-route b{color:var(--muted);font-weight:500}.payment-pending{background:var(--paper);border-color:var(--line)}
.payment-fx{background:var(--paper);border-color:var(--line);color:var(--ink);padding:20px}.payment-fx p,.payment-fx small{color:var(--muted)}.payment-fx>strong{font-size:1rem}.payment-fx details{margin-top:12px}.payment-fx summary{cursor:pointer;color:var(--blue);font-weight:600}.payment-fx details p{font-size:.9rem;margin-bottom:0}
.data-security-cards .panel{padding:28px}.data-boundaries{gap:24px}.account-grid{gap:24px}.sidebar a.active,.admin-nav button[aria-current=page],.admin-nav a[aria-current=page]{background:var(--accent-soft);color:var(--blue)}
.notice{background:var(--paper);border-color:var(--line);color:var(--muted)}.notice.success{background:#f0f8f4;border-color:#c5dfd1;color:#246647}.notice.warning{background:#fff8ed;border-color:#e9d4ac;color:#79521b}.notice.error{background:#fff3f3;border-color:#e9c4c4;color:#9c3030}
.footer{background:#fff}.footer-links{flex-wrap:wrap;gap:12px 22px}.footer .icp-link{display:inline-block;margin-top:10px}.legal{max-width:960px}.legal>h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.4}
.help-page .notice,.help-detail .notice{font-size:.9rem}.payment-page .panel>p,.form-card .intro{line-height:1.8}
@media(max-width:760px){.page-top{padding:30px 0 24px}.section{padding:44px 0}.panel,.data-security-cards .panel{padding:22px}.payment-route strong{font-size:1.2rem}.payment-fx{padding:17px}.data-boundaries{gap:16px}.legal{width:calc(100% - 32px)}}
.purchase-trial .actions{display:grid;grid-template-columns:1fr;flex:0 0 230px;max-width:none;margin:0;gap:12px;align-items:stretch}.purchase-trial .actions .btn{width:100%;min-height:52px;margin:0;text-align:center}
.payment-plan .payment-monthly{display:block;color:var(--blue);font-size:1.2rem;font-weight:700;margin:6px 0}.home-hero-copy .home-price-link{margin:22px 0 0}.home-price-link a{display:inline-block;color:var(--blue);font-size:.96rem}.home-price-link strong{font-size:1.45rem}.home-price-link span{display:block;color:var(--muted);font-size:.83rem;margin-top:3px}
.feedback-page{max-width:900px}.feedback-page .panel{padding:32px}.feedback-page textarea{min-height:180px}.feedback-page .form-note{font-weight:400}.feedback-page form>.btn{min-width:150px}
@media(max-width:760px){.purchase-trial .actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.purchase-trial .actions .btn{padding:12px 10px}.feedback-page .panel{padding:22px}}

/* Pricing cards: keep monthly equivalents aligned and rules visible. */
.payment-plan>span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:12px;width:100%}.payment-plan>span>*{grid-column:1/-1}.payment-plan>span>strong{grid-column:1;grid-row:1}.payment-plan .payment-monthly{grid-column:2;grid-row:1;align-self:start;text-align:right;white-space:nowrap;color:var(--blue);font-size:1rem;margin:0;font-weight:700}.payment-plan .payment-plan-key{color:var(--blue);font-weight:650;margin:8px 0}.payment-plans>.offer-rules{grid-column:1/-1;margin:4px 0 0;background:var(--accent-soft)}.offer-rules h3{font-size:1rem;color:var(--blue);margin:0}.offer-rules strong{color:var(--blue)}
html[lang="en"] .payment-plan .payment-monthly{white-space:normal;max-width:8.5em;font-size:.9rem} @media(max-width:480px){.payment-plan{padding:14px;gap:8px}.payment-plan>span{column-gap:8px}html[lang="en"] .payment-plan .payment-monthly{max-width:7.5em;font-size:.85rem}}

/* Consistent plan detail typography below the price. */
.payment-plan .payment-plan-description,.payment-plan small{font-size:14px;line-height:1.65}
.payment-plans{gap:10px;margin:16px 0}.payment-plan{padding:12px 14px;gap:8px}.payment-plan-prices{margin:5px 0}.payment-plan .payment-plan-key{margin:5px 0}.payment-plan .payment-plan-description,.payment-plan small{line-height:1.5}
.payment-routes{gap:12px;margin:18px 0}.payment-routes legend{margin-bottom:10px}.payment-route{padding:14px 16px;gap:10px}.payment-route strong{font-size:1.1rem;margin-bottom:4px}.payment-route .payment-route-price{font-size:1.5rem;margin:6px 0 2px;line-height:1.3}.payment-route small{margin-top:6px;line-height:1.5}.payment-route .payment-route-plan{line-height:1.5}

/* First-year offer recommendation */
.payment-plan[data-launch-card]{position:relative;border-color:#d3a347}.payment-plan[data-launch-card]>span>strong{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.payment-recommend{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid #e8c875;border-radius:999px;background:linear-gradient(135deg,#fff4c9,#ffe3a0);color:#795000;font-size:.75rem;font-weight:700;line-height:1.4;white-space:nowrap}.payment-recommend svg{width:14px;height:14px;fill:currentColor;flex:none}.payment-plan[data-launch-card]:has(input:checked){border-color:var(--blue)}
