.account-workspace{max-width:1120px;margin:0 auto}.account-card{margin:24px 0;padding:clamp(20px,4vw,40px);border:1px solid #34402e;border-radius:22px;background:#182017;color:#f2f5ed}.account-card h2{font-size:clamp(21px,3vw,30px);line-height:1.35;margin:0 0 16px;overflow-wrap:anywhere}.account-card p{line-height:1.7;max-width:78ch}.account-card-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.account-eyebrow{display:block;font-size:11px;letter-spacing:.14em;color:#abb99e;margin-bottom:12px}.account-actions,.login-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.account-card .button{padding:12px 20px;min-height:46px;border:1px solid #cbd1c7;background:#f4f7f0;color:#172216;cursor:pointer;font:inherit;font-size:14px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.account-card .button-primary{background:#d6ed88;border-color:#d6ed88}.account-card button:disabled{opacity:.48;cursor:not-allowed}.account-card .button-danger{color:#9e2828;border-color:#dfb5b5;background:#fff8f8}.account-status{padding:16px 20px;border-radius:14px;background:#edf3dd;color:#344120;line-height:1.6;overflow-wrap:anywhere}.account-status.is-error{background:#fff1ec;color:#913b22}.account-hint{font-size:13px;color:#abb99e;margin-top:20px}.account-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.account-details dt{font-size:12px;color:#abb99e;margin-bottom:7px}.account-details dd{margin:0;overflow-wrap:anywhere}.account-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.account-plan-grid>div{display:flex;flex-direction:column;gap:10px}.account-plan-grid strong{font-size:40px;line-height:1.1}.account-plan-grid strong span{font-size:18px}.account-plan-grid>div>span{font-size:14px;color:#abb99e;line-height:1.6}.referral-claim{border-top:1px solid #34402e;margin-top:24px;padding-top:12px}.account-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;color:#202a18}.account-metrics>div{background:#d8ee9b;border-radius:18px;padding:24px}.account-metrics span{display:block;font-size:13px;color:#425135;margin-bottom:16px}.account-metrics strong{font-size:36px;color:#202a18}.account-table-scroll{overflow:auto;width:100%;margin:24px 0;overscroll-behavior-x:contain}.account-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.account-table th,.account-table td{padding:15px 12px;border-bottom:1px solid #34402e;vertical-align:top;max-width:320px;overflow-wrap:anywhere;min-width:85px}.account-table th{color:#abb99e;font-weight:500;white-space:nowrap}.account-table small{display:block;color:#abb99e;font-size:10px;margin-top:7px}.account-search label{display:block;font-size:14px;margin-bottom:10px}.account-search>div{display:flex;gap:12px}.account-search input{min-width:0;flex:1;border:1px solid #758268;border-radius:12px;padding:12px;font:inherit;color:#f2f5ed;background:#10160e}.account-card :focus-visible,.account-table-scroll:focus-visible{outline:3px solid #d8ee9b;outline-offset:4px}.share-button-link{text-decoration:none}.account-workspace+.editorial-sections{margin-top:48px}@media(max-width:600px){.account-card-heading{display:block}.account-card-heading .button{margin-top:8px}.account-details{grid-template-columns:1fr}.account-metrics{grid-template-columns:1fr 1fr;gap:10px}.account-metrics>div{padding:18px}.account-metrics strong{font-size:30px}.account-plan-grid{gap:16px}.account-plan-grid strong{font-size:32px}.account-actions .button,.login-options .button{flex:1;min-width:140px}.account-card{border-radius:16px}.account-search>div{flex-wrap:wrap}.account-search input{width:100%}}


/* Shared real sample; the microphone starts only after the try-out action. */
.mobile-auth-demo,.mobile-auth-title,.mobile-auth-note{display:none}
body[data-page="account"].is-account-guest .site-header,
body[data-page="account"].is-account-guest .site-footer,
body[data-page="account"].is-account-guest .page-hero{display:none}
body[data-page="account"].is-account-guest .inner-page{padding:0;min-height:0;max-width:none;width:100%}
body[data-page="account"].is-account-guest [data-account-root]{position:fixed;inset:0;z-index:20;width:100%;max-width:none;margin:0;height:100vh;height:100dvh;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);display:grid;grid-template-rows:auto minmax(360px,1fr) auto auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#131614;color:#f3f5ef}
body[data-page="account"].is-account-guest .mobile-auth-card,
body[data-page="account"].is-account-guest .mobile-auth-demo{display:contents}
body[data-page="account"].is-account-guest [data-account-root]>.account-card:not(.mobile-auth-card){display:none}
body[data-page="account"].is-account-guest .mobile-auth-nav,
body[data-page="account"].is-account-guest .mobile-auth-scene,
body[data-page="account"].is-account-guest .mobile-auth-controls{margin-inline:auto;box-sizing:border-box;min-width:0}
body[data-page="account"].is-account-guest .mobile-auth-nav{display:flex;grid-row:1;width:min(100%,1280px);align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:0 max(36px,env(safe-area-inset-right,0px)) 0 max(36px,env(safe-area-inset-left,0px))}
body[data-page="account"].is-account-guest .mobile-auth-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;max-width:100%;padding:8px 0;color:#b4c2a9;font-size:.8125rem;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
body[data-page="account"].is-account-guest .mobile-auth-scene{position:relative;display:flex;grid-row:2;width:min(100%,1280px);min-height:200px;height:100%;padding:0 max(36px,env(safe-area-inset-right,0px)) 14px max(36px,env(safe-area-inset-left,0px))}
body[data-page="account"].is-account-guest .mobile-auth-scene>div{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0}
body[data-page="account"].is-account-guest .mobile-auth-nav .mobile-auth-home{gap:10px;color:#f3f5ef;font-size:18px;font-weight:650;letter-spacing:-.04em}
body[data-page="account"].is-account-guest .mobile-auth-home svg{width:36px;height:36px;border-radius:22%;flex:none}
body[data-page="account"].is-account-guest .mobile-auth-script{flex:1;min-height:120px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:22px 42px 30px;font-size:42px;font-weight:600;line-height:1.62;letter-spacing:-.025em}
body[data-page="account"].is-account-guest .mobile-auth-script::-webkit-scrollbar{display:none}
body[data-page="account"].is-account-guest .mobile-auth-script p{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);max-width:1000px;padding-left:0;font-size:inherit;font-weight:600;line-height:1.62;letter-spacing:-.025em;color:#697260;margin:0 0 30px;overflow-wrap:anywhere;transition:color .15s}
body[data-page="account"].is-account-guest .mobile-auth-script p.is-current{color:#f5f7f0}
body[data-page="account"].is-account-guest .mobile-auth-script p.is-current+p{color:#ced8c6}
body[data-page="account"].is-account-guest .mobile-auth-script p.is-done{color:#5d6854}
body[data-page="account"].is-account-guest .mobile-auth-line-text{display:block;grid-column:2;grid-row:1;min-width:0}
body[data-page="account"].is-account-guest .mobile-auth-arrow{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-start;width:.65em;height:1.62em;height:1lh;color:#d8f58b;opacity:0}
body[data-page="account"].is-account-guest .mobile-auth-script p.is-current .mobile-auth-arrow{opacity:1}
body[data-page="account"].is-account-guest .mobile-auth-arrow svg{display:block;width:.48em;height:.65em;flex:none}
body[data-page="account"].is-account-guest .mobile-auth-trial-feedback{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding-top:8px;flex:none}
body[data-page="account"].is-account-guest .mobile-auth-meter{width:32px;height:22px;display:flex;align-items:center;justify-content:center;gap:2px;flex:none}
body[data-page="account"].is-account-guest .mobile-auth-meter i{width:2.5px;height:2.5px;border-radius:3px;background:#cce78b;transition:height .07s linear;flex:none}
body[data-page="account"].is-account-guest .mobile-auth-trial-button{display:flex;align-items:center;justify-content:center;min-width:198px;min-height:50px;padding:13px 30px;border:0;border-radius:40px;background:#d8f58b;color:#20261f;font:inherit;font-size:15px;font-weight:650;cursor:pointer}
body[data-page="account"].is-account-guest .mobile-auth-trial-status{max-width:680px;min-height:2.8em;margin:7px auto 0;color:#aebca2;font-size:12px;line-height:1.55;text-align:center;flex:none}
body[data-page="account"].is-account-guest [data-account-root]>.account-status{grid-row:3;width:min(calc(100% - 48px),375px);box-sizing:border-box;margin:0 auto 12px;padding:10px 14px;font-size:.8125rem;line-height:1.5}
body[data-page="account"].is-account-guest .mobile-auth-controls{width:100%;grid-row:4;align-self:stretch;padding:20px max(24px,calc((100% - 375px)/2),env(safe-area-inset-right,0px)) max(18px,env(safe-area-inset-bottom,0px)) max(24px,calc((100% - 375px)/2),env(safe-area-inset-left,0px));border-top:1px solid #2d342b;background:rgb(19 22 20 / 94%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body[data-page="account"].is-account-guest .mobile-auth-controls>.account-status{width:100%;margin:14px 0 0;padding:12px 14px;border:1px solid #38432e;border-radius:12px;background:#20291d;color:#cad8bd;font-size:.8125rem;line-height:1.55}
body[data-page="account"].is-account-guest .mobile-auth-controls>.account-status.is-error{border-color:#594136;background:#2c211d;color:#efbd9f}
body[data-page="account"].is-account-guest .mobile-auth-download{align-self:center;flex:none;width:min(410px,100%);margin:20px 0 0;padding:0 2px;color:#b8c2af;text-align:left;font-size:12px;line-height:1.5}
body[data-page="account"].is-account-guest .mobile-auth-download-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;color:#dbe5d1}
body[data-page="account"].is-account-guest [data-trial-progress-percent]{color:#d8f58b;font-variant-numeric:tabular-nums}
body[data-page="account"].is-account-guest [data-trial-progress-bar]{display:block;width:100%;height:4px;border:0;border-radius:8px;overflow:hidden;accent-color:#d8f58b;background:#30372c}
body[data-page="account"].is-account-guest [data-trial-progress-bar]::-webkit-progress-bar{background:#30372c;border-radius:8px}
body[data-page="account"].is-account-guest [data-trial-progress-bar]::-webkit-progress-value{background:#d8f58b;border-radius:8px}
body[data-page="account"].is-account-guest [data-trial-progress-bar]::-moz-progress-bar{background:#d8f58b;border-radius:8px}
body[data-page="account"].is-account-guest [data-trial-progress-detail]{margin:7px 0 0;color:#93a187;font-size:11px;line-height:1.5}
body[data-page="account"].is-account-guest .account-retry{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:7px;min-height:40px;max-width:100%;margin:10px auto 0;padding:8px 4px;border:0;background:transparent;color:#d8f58b;font:inherit;font-size:.8125rem;font-weight:500;line-height:1.5;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
body[data-page="account"].is-account-guest .account-retry:hover{color:#e7ffb4}
body[data-page="account"].is-account-guest .account-retry:disabled{opacity:.5;cursor:wait}
/* The accessible title does not create an extra visible heading row. */
body[data-page="account"].is-account-guest .mobile-auth-title{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body[data-page="account"].is-account-guest .login-options{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(52px,1fr);gap:10px;margin:0}
body[data-page="account"].is-account-guest .login-options .button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-width:0;min-height:52px;padding:12px 16px;border-radius:16px;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:1rem;font-weight:500;line-height:1.4;box-sizing:border-box;background:#fff;border-color:#747775;color:#1f1f1f}
body[data-page="account"].is-account-guest .mobile-auth-provider-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px}
body[data-page="account"].is-account-guest .mobile-auth-provider-mark svg{width:24px;height:24px;flex:none}
body[data-page="account"].is-account-guest .mobile-auth-provider-mark img{width:18px;height:18px;flex:none;object-fit:contain}
body[data-page="account"].is-account-guest .mobile-auth-provider-label{min-width:0}
body[data-page="account"].is-account-guest .mobile-auth-note{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 0;font-size:.6875rem;line-height:1.5;color:#8e9d80}
body[data-page="account"].is-account-guest .mobile-auth-note a{min-height:32px;display:inline-flex;align-items:center;color:inherit;text-decoration:none}
body[data-page="account"].is-account-guest a:focus-visible,
body[data-page="account"].is-account-guest button:focus-visible,
body[data-page="account"].is-account-guest .mobile-auth-script:focus-visible{outline:3px solid #d8f58b;outline-offset:3px}
/* A wide screen keeps the two parts together instead of stretching the reader
   against one edge and leaving sign-in at the opposite edge. */
@media (min-width:960px) and (min-aspect-ratio:1/1){
  body[data-page="account"].is-account-guest [data-account-root]{grid-template-columns:minmax(0,600px) minmax(0,400px);grid-template-rows:auto auto;justify-content:center;align-content:center;align-items:center;row-gap:44px;padding:clamp(24px,4vh,54px) max(32px,calc((100vw - 1120px)/2)) clamp(28px,4vh,54px);column-gap:clamp(40px,5vw,72px)}
  body[data-page="account"].is-account-guest .mobile-auth-nav{grid-column:1/-1;grid-row:1;width:100%;padding:0;align-self:start}
  body[data-page="account"].is-account-guest .mobile-auth-scene{grid-column:1;grid-row:2;width:100%;height:auto;min-height:0;align-self:center;padding:20px 0 32px}
  body[data-page="account"].is-account-guest .mobile-auth-scene>div{height:auto;max-height:min(640px,calc(100dvh - 280px))}
  body[data-page="account"].is-account-guest .mobile-auth-script{flex:0 1 auto;min-height:0;max-height:min(440px,calc(100dvh - 300px));padding:0;font-size:2.25rem}
  body[data-page="account"].is-account-guest .mobile-auth-script p{margin-bottom:24px}
  body[data-page="account"].is-account-guest .mobile-auth-script p:last-child{margin-bottom:0}
  body[data-page="account"].is-account-guest .mobile-auth-trial-feedback{margin-top:32px;padding-top:0}
  body[data-page="account"].is-account-guest .mobile-auth-trial-status{max-width:440px;margin-top:12px}
  body[data-page="account"].is-account-guest [data-account-root]>.account-status{grid-column:2;grid-row:2;align-self:end;width:100%;margin:0 0 20px}
  body[data-page="account"].is-account-guest .mobile-auth-controls{grid-column:2;grid-row:2;width:100%;min-height:0;align-self:center;border-top:0;border-left:1px solid #2d342b;padding:32px 0 24px 40px;display:flex;flex-direction:column;justify-content:center;background:rgb(19 22 20 / 72%)}
}
/* The portrait tablet uses a compact vertical composition; the background
   remains the same color all the way to the edges of the display. */
@media (min-width:651px) and (max-aspect-ratio:1/1){
  body[data-page="account"].is-account-guest{background:#131614}
  body[data-page="account"].is-account-guest [data-account-root]{height:min(100dvh,940px);margin-block:auto;grid-template-rows:auto minmax(min-content,1fr) auto auto}
  body[data-page="account"].is-account-guest .mobile-auth-nav{width:min(100%,720px)}
  body[data-page="account"].is-account-guest .mobile-auth-scene{width:min(100%,640px);height:auto;min-height:0;align-self:center;padding:24px 36px}
  body[data-page="account"].is-account-guest .mobile-auth-scene>div{height:auto;max-height:650px}
  body[data-page="account"].is-account-guest .mobile-auth-script{flex:0 1 auto;min-height:0;max-height:min(500px,46dvh);padding:0;font-size:2.25rem}
  body[data-page="account"].is-account-guest .mobile-auth-trial-feedback{margin-top:28px;padding-top:0}
  body[data-page="account"].is-account-guest .mobile-auth-controls{width:min(100%,640px);padding-inline:132px;background:rgb(19 22 20 / 72%)}
}
@media(max-width:650px){
  body[data-page="account"].is-account-guest .mobile-auth-nav{min-height:50px;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
  body[data-page="account"].is-account-guest .mobile-auth-nav .mobile-auth-home{gap:8px;font-size:16px}
  body[data-page="account"].is-account-guest .mobile-auth-home svg{width:32px;height:32px}
  body[data-page="account"].is-account-guest .mobile-auth-scene{padding:0 max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}
  body[data-page="account"].is-account-guest .mobile-auth-script{padding:18px 5px 24px;font-size:calc(42px * .83)}
  body[data-page="account"].is-account-guest .mobile-auth-script p{padding-left:0;grid-template-columns:30px minmax(0,1fr);line-height:1.65;margin-bottom:24px}
}
@media(max-height:620px){
  body[data-page="account"].is-account-guest [data-account-root]{grid-template-rows:auto auto auto auto;align-content:start}
  body[data-page="account"].is-account-guest .mobile-auth-scene{display:block;height:auto;min-height:0}
  body[data-page="account"].is-account-guest .mobile-auth-scene>div{height:auto;max-height:none}
  body[data-page="account"].is-account-guest .mobile-auth-script{flex:none;min-height:120px;height:min(220px,50dvh)}
  body[data-page="account"].is-account-guest .mobile-auth-scene{padding-bottom:6px}
  body[data-page="account"].is-account-guest .mobile-auth-trial-feedback{gap:5px;padding-top:4px}
  body[data-page="account"].is-account-guest .mobile-auth-trial-status{min-height:1.4em;font-size:11px;margin-top:3px}
  body[data-page="account"].is-account-guest .mobile-auth-controls{padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}
}
/* Short narrow windows scroll as one page; a shrinking grid row must not
   allow the sample's fixed controls to paint over the provider buttons. */
@media(max-height:620px) and (max-width:959px){
  body[data-page="account"].is-account-guest [data-account-root]{display:flex;flex-direction:column;align-items:stretch}
  body[data-page="account"].is-account-guest .mobile-auth-nav,
  body[data-page="account"].is-account-guest .mobile-auth-scene,
  body[data-page="account"].is-account-guest .mobile-auth-controls,
  body[data-page="account"].is-account-guest [data-account-root]>.account-status{flex:none}
}
@media (prefers-reduced-motion:reduce){
  body[data-page="account"].is-account-guest .mobile-auth-script p,
  body[data-page="account"].is-account-guest .mobile-auth-meter i{transition:none}
}
.account-plan-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){.account-plan-grid-three{grid-template-columns:1fr}}