@import url('/design-system/v2/tokens.css');
/* Marketing account shell. All type follows the shared BHARIT tokens. */
[hidden]{display:none!important}
.membership-shell{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1560px;margin:auto;min-height:75vh}
.account-rail{padding:var(--ds-space-7) var(--ds-space-5);border-right:1px solid var(--line);font-size:var(--ds-text-base-sm)}
.account-rail nav{position:sticky;top:120px;display:grid;gap:var(--ds-space-2)}
.rail-home{display:flex;justify-content:space-between;color:var(--gold2);text-decoration:none;margin-bottom:var(--ds-space-7);font-weight:var(--ds-weight-semibold)}
.account-rail nav a{display:flex;gap:var(--ds-space-3);align-items:center;padding:var(--ds-space-3);text-decoration:none;border-radius:var(--ds-radius-m);color:var(--muted);font-size:var(--ds-text-sm)}
.account-rail nav a.active{color:var(--gold2);background:var(--card);box-shadow:inset 2px 0 var(--gold)}.account-rail nav a:hover{color:var(--ink)}
.account-rail nav a span{color:var(--gold);font-size:var(--ds-text-lg)}
.rail-note{margin-top:var(--ds-space-8);border-top:1px solid var(--line);padding-top:var(--ds-space-5);color:var(--muted)}.rail-note p{font-family:var(--ds-font-display);font-size:var(--ds-text-2xl);line-height:var(--ds-leading-tight);color:var(--ink)}.rail-note small{font-size:var(--ds-text-xs);line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px var(--glow)}
.account-content{padding:var(--ds-space-7) clamp(20px,4vw,64px) var(--ds-space-8);min-width:0}
.account-heading{display:flex;gap:var(--ds-space-6);align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-6)}
.account-heading h1{font-size:clamp(var(--ds-text-3xl),4vw,calc(var(--ds-text-3xl)*2));max-width:15ch;line-height:1.07}.account-heading .eyebrow{font-size:var(--ds-text-xs);letter-spacing:.2em;margin-bottom:var(--ds-space-5)}
.account-lead{font-size:var(--ds-text-base-sm);color:var(--muted);max-width:50ch;margin:var(--ds-space-4) 0 0}
.identity-chip{display:flex;align-items:center;gap:var(--ds-space-3);max-width:270px}.avatar{display:grid;place-items:center;border:1px solid var(--gold);background:var(--glow);color:var(--gold2);border-radius:50%;width:46px;height:46px;flex:none;font-size:var(--ds-text-base-sm)}.identity-chip strong{font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-base-sm);display:block}.identity-chip small{color:var(--muted);font-size:var(--ds-text-xs);overflow-wrap:anywhere}
.account-message{font-size:var(--ds-text-sm);color:var(--muted);min-height:20px;margin:0 0 var(--ds-space-6)}.account-message[data-error=true]{padding:var(--ds-space-4);border:1px solid var(--gold);border-radius:var(--ds-radius-m);color:var(--ink)}
.guest-welcome{border:1px solid var(--line);border-radius:var(--ds-radius-xl);background:radial-gradient(ellipse at 0 0,var(--glow),transparent 65%),var(--bg2);padding:var(--ds-space-6);display:grid;grid-template-columns:1fr auto;gap:var(--ds-space-6);align-items:center;margin-bottom:var(--ds-space-6)}
.guest-welcome .eyebrow{letter-spacing:.16em;font-size:var(--ds-text-xs)}.guest-welcome h2{font-size:var(--ds-text-4xl);max-width:none}.guest-welcome p{font-size:var(--ds-text-base-sm);color:var(--muted);max-width:48ch;margin-bottom:0}.guest-welcome>div+div>p{font-size:var(--ds-text-xs);max-width:30ch}
.membership-card,.account-card{border:1px solid var(--line);border-radius:var(--ds-radius-xl);padding:var(--ds-space-6);background:var(--card);scroll-margin-top:110px;min-width:0}
.membership-card{background:linear-gradient(140deg,var(--card),transparent 60%);position:relative;overflow:hidden}
.membership-top{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-5)}.membership-top .eyebrow,.account-card .eyebrow{font-size:var(--ds-text-xs);letter-spacing:.17em;margin-bottom:var(--ds-space-4)}
.membership-card h2,.account-card h2{font-size:var(--ds-text-4xl);max-width:none;line-height:1.12}.membership-note{color:var(--muted);font-size:var(--ds-text-base-sm);max-width:70ch;margin-top:var(--ds-space-5)}
.plan-pill{display:inline-flex;align-items:center;gap:var(--ds-space-2);color:var(--gold2);border:1px solid var(--gold);border-radius:999px;padding:var(--ds-space-2) var(--ds-space-4);font-size:var(--ds-text-xs);white-space:nowrap;flex:none}.plan-pill::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.billing-subhead{font-family:var(--ds-font-ui);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin:var(--ds-space-7) 0 var(--ds-space-5);padding-top:var(--ds-space-5);border-top:1px solid var(--line);scroll-margin-top:110px}
.billing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-5);margin:0 0 var(--ds-space-5)}.billing-facts>div:last-child{grid-column:1/-1;padding-top:var(--ds-space-5);border-top:1px solid var(--line)}.billing-facts dt{font-size:var(--ds-text-xs);color:var(--muted);margin-bottom:var(--ds-space-2)}.billing-facts dd{font-size:var(--ds-text-lg);margin:0;overflow-wrap:anywhere;line-height:1.5}.billing-facts>div:last-child dd{font-size:var(--ds-text-base-sm)}
.billing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-4);align-items:stretch}
.billing-plan{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--ds-radius-l);padding:var(--ds-space-5);background:var(--bg);min-width:0;position:relative}
.billing-plan:nth-child(2){border-color:var(--gold);background:radial-gradient(ellipse at top right,var(--glow),transparent 80%),var(--bg)}.billing-plan.is-current{box-shadow:0 0 0 1px var(--gold) inset}
.billing-plan h4{font:var(--ds-weight-regular) var(--ds-text-3xl)/var(--ds-leading-tight) var(--ds-font-display);margin:0 0 var(--ds-space-4)}
.billing-plan-price{font-size:var(--ds-text-lg);color:var(--gold2);margin:0 0 var(--ds-space-5);font-weight:var(--ds-weight-semibold)}.billing-plan ul{list-style:none;padding:0;margin:0 0 var(--ds-space-5);font-size:var(--ds-text-sm);line-height:1.65;color:var(--muted)}.billing-plan li{padding:var(--ds-space-2) 0;display:flex;gap:var(--ds-space-2)}.billing-plan li::before{content:'✓';color:var(--gold)}.billing-plan-action{margin-top:auto}
.billing-plan-tag{font-size:var(--ds-text-xs);border-top:1px solid var(--line);color:var(--gold2);padding-top:var(--ds-space-4);margin-top:auto}.billing-plan-tag.is-soon{color:var(--muted)}
.billing-muted,.billing-help{font-size:var(--ds-text-sm);color:var(--muted);line-height:1.7}.billing-help{margin-top:var(--ds-space-6)}
.billing-panel a{color:var(--gold2);text-underline-offset:4px}.billing-panel button,.name-input button{font:var(--ds-weight-semibold) var(--ds-text-sm)/var(--ds-leading-ui) var(--ds-font-ui);min-height:var(--ds-control-h);padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--gold);border-radius:var(--ds-radius-m);background:var(--gold);color:var(--bg);cursor:pointer}
.billing-panel button.quiet-button{border-color:var(--line);background:transparent;color:var(--muted)}.billing-panel button:disabled{opacity:.55;cursor:default}.billing-panel button:focus-visible,.account-page button:focus-visible,.account-page input:focus-visible,.account-page select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.billing-plan-action button{width:100%;margin-top:var(--ds-space-4)}.membership-action{display:block;text-align:center;padding:var(--ds-space-3);border:1px solid var(--gold);border-radius:var(--ds-radius-m);font-size:var(--ds-text-sm);text-decoration:none}
.billing-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--ds-radius-m)}.billing-table{width:100%;text-align:left;border-collapse:collapse;font-size:var(--ds-text-sm)}.billing-table th{color:var(--muted);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-regular);background:var(--card)}.billing-table th,.billing-table td{padding:var(--ds-space-4);border-bottom:1px solid var(--line);white-space:nowrap}.billing-table tr:last-child td{border-bottom:0}.billing-invoice-no{display:block;font-size:var(--ds-text-xs);color:var(--muted);margin-bottom:var(--ds-space-2)}.billing-panel .billing-link-button{font-size:var(--ds-text-xs);padding:var(--ds-space-2) var(--ds-space-3);background:var(--card);color:var(--gold2);border-color:var(--line);min-height:36px}
.billing-business{margin-top:var(--ds-space-5)}.billing-business-form{padding:var(--ds-space-5);margin-top:var(--ds-space-4);border:1px solid var(--line);border-radius:var(--ds-radius-m);background:var(--bg)}.starter-business fieldset{border:0;padding:0;margin:0;min-width:0}.starter-business label{display:block;font-size:var(--ds-text-sm);margin:var(--ds-space-4) 0 var(--ds-space-2)}.starter-business input:not([type=checkbox]),.starter-business select,.name-input input{width:100%;min-width:0;min-height:var(--ds-control-h);padding:var(--ds-space-3);font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--ds-radius-m)}.starter-business small,.field-note{display:block;font-size:var(--ds-text-xs);color:var(--muted);margin-top:var(--ds-space-2)}.starter-business-toggle{display:flex!important;align-items:flex-start;gap:var(--ds-space-2);line-height:1.5}.starter-business-toggle input{margin-top:4px;accent-color:var(--gold);flex:none}.starter-business-error{color:var(--gold2);font-size:var(--ds-text-sm)}.billing-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-3)}.billing-confirm{margin:var(--ds-space-4) 0;padding:var(--ds-space-5);border:1px solid var(--gold);border-radius:var(--ds-radius-m);background:var(--card);font-size:var(--ds-text-base-sm)}.billing-confirm .quiet-button{margin-left:var(--ds-space-3)}.billing-unavailable{padding:var(--ds-space-5);border:1px solid var(--line);border-radius:var(--ds-radius-m);margin-top:var(--ds-space-6)}.billing-unavailable p{color:var(--muted)}
.account-bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-5);margin-top:var(--ds-space-5)}.account-card p{font-size:var(--ds-text-base-sm);color:var(--muted);line-height:1.7}.profile-email{overflow-wrap:anywhere}.account-card label{display:block;font-size:var(--ds-text-xs);margin:var(--ds-space-5) 0 var(--ds-space-2);color:var(--muted)}.name-input{display:flex;gap:var(--ds-space-2)}.name-input button{flex:none}.text-action{display:inline-block;font:inherit;font-size:var(--ds-text-sm);color:var(--gold2);border:0;background:none;padding:var(--ds-space-2) 0;cursor:pointer;text-decoration:none;text-align:left}.text-action:hover{text-decoration:underline}.account-assurances{list-style:none;padding:0;margin:var(--ds-space-5) 0}.account-assurances li{display:grid;gap:var(--ds-space-1);padding:var(--ds-space-4) 0;border-bottom:1px solid var(--line)}.account-assurances strong{font-size:var(--ds-text-base-sm);font-weight:var(--ds-weight-semibold)}.account-assurances span,.account-assurances a{font-size:var(--ds-text-sm);color:var(--muted)}.account-bottom-note{font-size:var(--ds-text-xs);color:var(--muted);margin-top:var(--ds-space-6);max-width:80ch}.account-bottom-note a{color:var(--gold2)}.account-foot{padding:var(--ds-space-6) clamp(20px,4vw,64px)}
.preview-banner{border:1px dashed var(--gold);padding:var(--ds-space-4);border-radius:var(--ds-radius-m);font-size:var(--ds-text-xs);margin-bottom:var(--ds-space-5);color:var(--muted)}.preview-banner strong{color:var(--gold2);display:block}.preview-banner nav{display:flex;flex-wrap:wrap;gap:var(--ds-space-4);margin-top:var(--ds-space-3)}.preview-banner a{color:var(--gold2)}
/* One sign-in presentation, in a dialog or a dedicated route. */
.signin{font-family:var(--ds-font-ui)}.signin h2,.signin h1{max-width:none;font-family:var(--ds-font-display);font-size:clamp(var(--ds-text-3xl),3vw,calc(var(--ds-text-2xl)*2));line-height:1.09}.signin-body{min-width:0}.signin-label{overflow-wrap:anywhere}.signin .provider{gap:var(--ds-space-3);min-height:52px;flex-shrink:0}.signin .provider svg{flex:none}.signin-small a{color:#7c4a1f;text-underline-offset:3px}.signin-page{display:grid;grid-template-columns:1fr 1fr;width:min(1000px,100%);max-height:none;margin:0 auto;box-shadow:var(--shadow)}.signin-main{padding:var(--ds-space-7) clamp(16px,4vw,64px)}.signin-page .signin-art{min-height:580px}.signin-route-note{text-align:center;font-size:var(--ds-text-sm);color:var(--muted);margin-top:var(--ds-space-6)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.account-page .nav .nav-links{margin-left:auto}.account-heading .identity-chip{align-self:flex-end;margin-bottom:var(--ds-space-2)}}
@media(max-width:1100px){.membership-shell{grid-template-columns:190px minmax(0,1fr)}.account-rail{padding-inline:var(--ds-space-4)}.account-content{padding-inline:var(--ds-space-5)}.identity-chip{max-width:180px}.billing-plans{gap:var(--ds-space-3)}.billing-plan{padding:var(--ds-space-4)}.membership-top{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.membership-shell{display:block}.account-rail{padding:var(--ds-space-4) var(--ds-space-5);border-right:0;border-bottom:1px solid var(--line)}.rail-home,.rail-note{display:none}.account-rail nav{position:static;display:flex;overflow-x:auto;gap:var(--ds-space-3)}.account-rail nav a{flex:none;white-space:nowrap}.account-rail nav a.active{box-shadow:inset 0 -2px var(--gold)}.account-heading{align-items:flex-start}.account-bottom{grid-template-columns:1fr 1fr}.membership-card,.account-card{padding:var(--ds-space-5)}.guest-welcome{grid-template-columns:1fr}.guest-welcome>div+div>p{max-width:none}}
@media(max-width:600px){.account-content{padding:var(--ds-space-6) var(--ds-space-4) var(--ds-space-7)}.account-heading{flex-direction:column;gap:var(--ds-space-5)}.account-heading h1{font-size:var(--ds-text-4xl)}.identity-chip{max-width:100%}.account-bottom,.billing-plans{grid-template-columns:1fr}.billing-plan{padding:var(--ds-space-5)}.billing-facts{grid-template-columns:1fr 1fr;gap:var(--ds-space-4)}.billing-facts>div:first-child{grid-column:1/-1}.membership-card h2,.account-card h2{font-size:var(--ds-text-3xl)}.membership-top .eyebrow{line-height:1.6}.name-input{flex-wrap:wrap}.name-input button{width:100%}.account-assurances{margin-bottom:0}.account-foot{font-size:var(--ds-text-xs)}.account-foot nav{gap:var(--ds-space-4)}.signin-page{grid-template-columns:1fr}.signin-page .signin-art{min-height:180px;padding:var(--ds-space-5)}.signin-page .signin-panel{padding:var(--ds-space-6) var(--ds-space-5)}.signin .signin-art{min-height:180px}.signin{max-height:calc(100dvh - 24px);overflow-y:auto}.signin-page{max-height:none}.signin-main{padding-top:var(--ds-space-5)}.signin-chips{line-height:1.4}.signin-body{gap:var(--ds-space-4)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.planet,.signin[open]{animation:none!important}}
.account-page .nav .nav-links a[href="/tools/"],.signin-route .nav .nav-links a[href="/tools/"]{display:block}
.billing-panel [hidden],.starter-business [hidden],.signin [hidden]{display:none!important}
.checkout-terms{font-size:var(--ds-text-xs);line-height:1.6;color:var(--muted);margin-top:var(--ds-space-4)}
/* The sign-in panel stays ivory like the homepage pop-up; use a readable palette accent on it. */
:root{--signin-accent:#7c4a1f}:root[data-palette=ocean]{--signin-accent:#2d617b}:root[data-palette=forest]{--signin-accent:#35644f}:root[data-palette=charcoal]{--signin-accent:#405566}:root[data-palette=burgundy]{--signin-accent:#80455b}:root[data-palette=khaki]{--signin-accent:#66613d}
:root .signin :is(h1,h2) em{color:var(--signin-accent)!important}
.account-page,.signin-route{padding-bottom:72px}

.os-membership-panel{display:flex;align-items:flex-start;gap:var(--ds-space-6);justify-content:space-between;margin-top:var(--ds-space-5);background:radial-gradient(ellipse at 100% 0,var(--glow),transparent 70%),var(--card)}.os-membership-panel>div{max-width:66ch}.os-coming-soon{display:inline-flex;flex:none;border:1px solid var(--gold);border-radius:999px;padding:var(--ds-space-2) var(--ds-space-4);font-size:var(--ds-text-xs);color:var(--gold2);white-space:nowrap}.billing-plan .membership-action{margin-top:auto}
@media(max-width:600px){.os-membership-panel{flex-direction:column}.os-coming-soon{order:-1}}

.billing-country{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0;padding:18px 0;border-block:1px solid var(--line,#b59c7233)}.billing-country label{display:grid;gap:8px;font:600 13px/1.5 var(--sans);color:var(--ink)}.billing-country select{max-width:100%;min-width:220px;min-height:44px;padding:10px 36px 10px 12px;border:1px solid var(--line,#b59c7266);border-radius:10px;background:var(--bg,#fffaf3);color:var(--ink);font:inherit}.billing-country p{flex:1;min-width:180px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.billing-country select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:600px){.billing-country{align-items:stretch;gap:12px}.billing-country label,.billing-country select{width:100%;min-width:0}}