/* One editorial identity from the public site through the account flow. */
body.account-ui { --bg:#070a11; --panel:#0e1420; --line:#ffffff1c; --text:#e9eff9; --muted:#a0aec2; --mint:#b9ceff; --font:'Manrope',sans-serif; --display:'Manrope',sans-serif; background:#070a11; color:var(--text); font-family:var(--font); min-height:100vh; }
.account-ui .noise,.account-ui .mkt-noise,.account-ui .mkt-grid { display:none; }
.account-header { display:flex; align-items:center; justify-content:space-between; gap:22px; min-height:76px; padding:0 max(24px,calc((100vw - 1280px)/2)); border-bottom:1px solid #ffffff12; }
.account-header nav { display:flex; gap:28px; font-size:12px; color:#b1bdd0; }
.account-ui .account-header .auth-brand { position:static; }
.account-ui .context-path { position:static; max-width:1180px; margin:26px auto 0; padding:0 32px; font-size:11px; color:#8594ac; }
.account-ui .context-path strong { color:#b4c8ee; }
.account-ui .auth-shell { max-width:1180px; min-height:calc(100vh - 190px); margin:0 auto; padding:64px 32px 88px; grid-template-columns:minmax(0,1fr) minmax(0,470px); gap:80px; align-items:start; }
.account-ui .auth-story { display:block; padding-top:32px; }
.account-ui .eyebrow { color:#9aacc8; font-size:9px; letter-spacing:.14em; line-height:1.7; }
.account-ui .eyebrow span { display:none; }
.account-ui .auth-story h1 { font-size:clamp(36px,4.3vw,60px); font-weight:500; line-height:1.09; letter-spacing:-.05em; margin:24px 0; }
.account-ui .auth-story h1 em { color:#a4bbed; font-weight:500; }
.account-ui .auth-story p { max-width:430px; color:#a0aec2; font-size:14px; line-height:1.85; }
.account-ui .auth-story ol { margin:30px 0 0; }
.account-ui .auth-story li { padding:17px 0; font-size:12px; }
.account-ui .auth-story li b { color:#a4bbed; }
.account-ui .auth-card,.account-ui .verify-card { background:#0e1420; border:1px solid #ffffff20; border-radius:12px; padding:34px; box-shadow:0 20px 70px #0002; backdrop-filter:none; }
.account-ui .auth-card h2 { font-size:26px; font-weight:500; letter-spacing:-.035em; margin:13px 0 10px; }
.account-ui .auth-card > div:first-child small { color:#a4bbed; font-size:9px; font-weight:500; letter-spacing:.12em; }
.account-ui .auth-card > div:first-child p { color:#9fadc2; font-size:12px; line-height:1.7; }
.account-ui .auth-card a { color:#c0d2f4; text-underline-offset:4px; }
.account-ui .auth-card a:hover { text-decoration:underline; }
.account-ui .auth-form { gap:19px; margin-top:28px; }
.account-ui .auth-form label { color:#c1cddd; font-size:12px; font-weight:500; gap:8px; }
.account-ui .auth-form input,.account-ui .communications-form input,.account-ui .communications-form select,.account-ui .mfa-panel input,.account-ui .mfa-dialog input { background:#080e18; border:1px solid #ffffff25; color:#edf2fb; border-radius:6px; min-height:46px; font:14px var(--font); }
.account-ui input:focus-visible,.account-ui select:focus-visible,.account-ui textarea:focus-visible { outline:2px solid #a4bbed; outline-offset:2px; box-shadow:none; }
.account-ui .auth-form input::placeholder { color:#7889a3; }
.account-ui .field-note { color:#9aaac0; font-size:10px; }
.account-ui .button { background:#dce7ff; color:#111d33; border:1px solid #dce7ff; border-radius:7px; box-shadow:none; font-weight:600; min-height:46px; }
.account-ui .button:hover { background:#bed0f6; transform:none; box-shadow:none; }
.account-ui .button-ghost { background:transparent; color:#c6d4ed; border-color:#ffffff26; }
.account-ui .button-ghost:hover { background:#ffffff08; }
.account-ui .button:disabled { opacity:.5; }
.account-ui [hidden] { display:none!important; }
.account-ui :focus-visible { outline:2px solid #a4bbed; outline-offset:4px; }
.account-ui .segmented { background:#080e18; border-radius:7px; }
.account-ui .segmented label { position:relative; }
.account-ui .segmented input { display:block; position:absolute; width:1px; height:1px; min-height:0; opacity:0; }
.account-ui .segmented span { color:#a3b3cd; border-radius:4px; }
.account-ui .segmented input:checked + span { background:#263652; color:#e3ecff; }
.account-ui .segmented input:focus-visible + span { outline:2px solid #a4bbed; outline-offset:1px; }
.account-ui .auth-form label.check { color:#a9b8cd; font-size:11px; line-height:1.8; }
.account-ui .check input { flex:0 0 16px; min-height:16px; accent-color:#b9ceff; }
.account-ui .success-panel p { font-size:13px; }
.account-ui .success-panel > div { background:#a4bbed15; color:#bdcff1; }
.account-ui .form-message { margin-top:18px; line-height:1.6; }
.account-ui .verify-card { position:static; transform:none; width:min(500px,calc(100% - 36px)); margin:90px auto; text-align:left; }
.account-ui .verify-card h1 { font-size:28px; font-weight:500; line-height:1.2; }
.account-ui .verify-card > p { font-size:14px; line-height:1.8; }
.account-plan { margin:30px 0; padding:25px; border:1px solid #a4bbed35; border-radius:10px; background:#101928; max-width:430px; }
.account-plan > span { display:block; color:#a4bbed; font-size:10px; letter-spacing:.1em; }
.account-plan strong { display:block; color:#e1ebff; font-size:32px; font-weight:500; letter-spacing:-.04em; margin:15px 0 6px; }
.account-plan small { color:#bdcbe2; font-size:12px; }
.account-ui .account-plan p { font-size:11px; margin:18px 0 0; }
.account-footer { border-top:1px solid #ffffff12; display:flex; justify-content:space-between; gap:20px; max-width:1180px; margin:0 auto; padding:25px 32px; color:#899ab3; font-size:11px; }
.account-footer nav { display:flex; gap:20px; }
.account-ui .portal-nav { background:#070a11; height:76px; border-color:#ffffff14; }
.account-ui .portal-main { padding-top:54px; }
.account-ui .portal-card { background:#0e1420; border:1px solid #ffffff1c; border-radius:12px; padding:30px; }
.account-ui .portal-hero h1 { font-weight:500; letter-spacing:-.04em; }
.account-ui .portal-card h2 { font-size:23px; font-weight:500; }
.account-ui .card-kicker { color:#a4bbed; font-weight:500; }
.account-ui .rank-badge { background:#131d30; border-color:#a4bbed30; border-radius:8px; }
.account-ui .subscription-price { align-items:baseline; flex-wrap:wrap; }
.account-ui .subscription-price strong { font-size:36px; font-weight:500; }
.account-ui .endpoint,.account-ui .mfa-panel,.account-ui .mfa-dialog { background:#0b111d; border-color:#ffffff26; }
.account-ui .mfa-panel textarea { width:100%; min-height:88px; padding:12px; background:#080e18; border:1px solid #ffffff25; color:#edf2fb; border-radius:6px; font:13px var(--font); resize:vertical; }
.account-ui input[type=checkbox] { width:16px; height:16px; min-height:16px; flex:0 0 16px; accent-color:#a4bbed; }
.account-ui #deletion-request label:has(input[type=checkbox]) { display:flex; align-items:flex-start; gap:10px; line-height:1.7; }
.account-ui .mkt-footer nav { flex-wrap:wrap; }
.account-ui .team-flow span { background:#202e47; border-color:#a4bbed44; }
.account-ui .team-flow i { background:#a4bbed33; }
.account-ui .pricing-hero { min-height:600px; max-width:1250px; margin:auto; padding:140px 32px 85px; gap:60px; }
.account-ui .pricing-hero h1 { font-size:clamp(42px,5vw,72px); font-weight:500; line-height:1.07; letter-spacing:-.05em; }
.account-ui .pricing-hero h1 em { color:#a4bbed; }
.account-ui .pricing-hero aside { background:#101928; border:1px solid #a4bbed40; border-radius:12px; padding:36px; box-shadow:none; }
.account-ui .pricing-hero aside > span { color:#acbfe2; }
.account-ui .pricing-hero aside h2 { font-size:44px; font-weight:500; letter-spacing:-.045em; }
.account-ui .pricing-hero aside .pricing-tax { font:14px var(--font); color:#c6d6f5; margin:12px 0 24px; letter-spacing:0; }
.account-ui .mkt-button { background:#dce7ff; border-color:#dce7ff; color:#111d33; border-radius:7px; font-family:var(--font); text-transform:none; letter-spacing:0; }
.account-ui .pricing-included,.account-ui .pricing-compare,.account-ui .pricing-policies,.account-ui .pricing-faq { max-width:1250px; margin:auto; padding:75px 32px; }
.account-ui :is(.pricing-included,.pricing-compare,.pricing-policies,.pricing-faq,.pricing-final) h2 { font-size:clamp(32px,3.5vw,45px); font-weight:500; line-height:1.15; }
.account-ui .pricing-final { background:#101928; border-color:#ffffff20; border-radius:12px; }
@media(max-width:980px) {
 .account-ui .auth-shell { grid-template-columns:1fr; gap:32px; padding-top:32px; max-width:650px; }
 .account-ui .auth-story { padding-top:0; }
 .account-ui .auth-story h1 { font-size:42px; }
 .account-ui .auth-story ol { display:none; }
 .account-plan { max-width:none; margin-bottom:0; }
 .account-ui .pricing-hero { grid-template-columns:1fr; gap:35px; }
}
@media(max-width:640px) {
 .account-ui .auth-form input,.account-ui .communications-form input,.account-ui .communications-form select,.account-ui .mfa-panel input,.account-ui .mfa-dialog input { font-size:16px; min-width:0; width:100%; }
 .account-ui .auth-form .check input { width:16px; }
 .account-ui .field-note { font-size:12px; line-height:1.6; }
 .account-ui .auth-form label { font-size:13px; }
 .account-ui .auth-story .account-plan { padding:16px 18px; margin-top:22px; }
 .account-ui .auth-story .account-plan strong { font-size:25px; margin:8px 0 4px; }
 .account-ui .auth-story .account-plan p { margin-top:10px; }
 .account-ui .auth-story .account-plan > span { font-size:9px; }
 .account-ui .pricing-compare table { min-width:0; }
 .account-ui .pricing-compare thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .account-ui .pricing-compare tbody,.account-ui .pricing-compare tr { display:block; }
 .account-ui .pricing-compare tr { padding:20px; border-bottom:1px solid #ffffff25; }
 .account-ui .pricing-compare tr:last-child { border-bottom:0; }
 .account-ui .pricing-compare tbody th { display:block; width:auto; padding:0 0 16px; border:0; font-size:17px; }
 .account-ui .pricing-compare td { display:block; padding:12px 0; border:0; font-size:14px; }
 .account-ui .pricing-compare td::before { content:attr(data-label); display:block; margin-bottom:5px; color:#c6d6f5; font-size:12px; font-weight:700; }
 .account-ui .pricing-table-wrap { border-radius:12px; background:#0e1420; }
 .account-ui .pricing-hero .mkt-button,.account-ui .pricing-final .mkt-button { width:100%; justify-content:space-between; }
 .account-ui .pricing-included,.account-ui .pricing-faq { gap:12px; }
 .account-ui .pricing-faq details p { padding-right:0; font-size:14px; }
 .account-header { padding:0 20px; min-height:70px; gap:15px; }
 .account-header nav { gap:16px; font-size:11px; }
 .account-header nav a:first-child { display:none; }
 .account-ui .context-path { margin-top:22px; padding:0 20px; }
 .account-ui .auth-shell { padding:28px 20px 45px; gap:28px; }
 .account-ui .auth-story h1 { font-size:37px; line-height:1.1; margin:18px 0; }
 .account-ui .auth-story p { font-size:13px; margin-bottom:0; }
 .account-ui .auth-card { padding:24px 20px; }
 .account-ui .auth-card h2 { font-size:24px; }
 .account-ui .field-row { grid-template-columns:1fr; gap:19px; }
 .account-plan { padding:20px; }
 .account-plan strong { font-size:30px; }
 .account-footer { padding:24px 20px; flex-direction:column; }
 .account-ui .verify-card { margin:45px auto; padding:28px 22px; }
 .account-ui .portal-card { padding:23px; }
 .account-ui .subscription-head { flex-wrap:wrap; gap:12px; }
 .account-ui .subscription-price strong { font-size:30px; }
 .account-ui .pricing-hero { padding:112px 20px 60px; }
 .account-ui .pricing-hero aside { padding:26px 22px; }
 .account-ui .pricing-hero aside h2 { font-size:38px; }
 .account-ui .pricing-included,.account-ui .pricing-compare,.account-ui .pricing-policies,.account-ui .pricing-faq { padding:55px 20px; }
}
@media(prefers-reduced-motion:reduce) { .account-ui *, .account-ui *::before,.account-ui *::after { scroll-behavior:auto; transition:none!important; } }