:root{--bg:#f5f3ee;--paper:#fff;--ink:#292d29;--muted:#62685f;--action:#465b43;--line:#d8dbd2;--focus:#9a6b25;--error:#963e32;color-scheme:light;scrollbar-color:#80877b var(--bg)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif}::selection{background:#d9e4d3}a{color:var(--action);text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.account-layout{max-width:1080px;min-height:100svh;margin:auto;padding:64px 40px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:72px}.brand{display:inline-flex;align-items:center;gap:12px;max-width:100%;color:var(--ink);text-decoration:none}.brand-mark{display:block;width:56px;height:56px;flex:none}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-wordmark{display:block;min-width:0}.brand-name{display:block;font:600 32px/1.25 "Avenir Next Condensed","Arial Narrow",sans-serif;white-space:nowrap}.brand-company{display:flex;align-items:center;gap:4px;margin-top:3px;font:10px/1.2 system-ui}.brand-company img{display:block;width:139px;height:auto}.result>.brand{margin-bottom:28px}h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(32px,4vw,44px);line-height:1.6;font-weight:500;margin:48px 0 20px;text-wrap:balance}h2{font-size:24px;line-height:1.5;margin:0 0 20px}.introduction p{color:var(--muted);text-wrap:balance}.account-panel{background:var(--paper);padding:36px;border:1px solid var(--line);border-radius:12px;min-width:0}.account-panel>p:first-of-type{margin:0 0 24px}label{display:block;font-size:14px;font-weight:600;margin:16px 0 6px}input{width:100%;min-height:48px;border:1px solid #80877b;border-radius:6px;padding:10px 12px;background:#fff;color:var(--ink);caret-color:var(--action)}input::placeholder{color:var(--muted)}button{display:block;width:100%;min-height:48px;margin-top:16px;padding:11px 14px;border:1px solid #80877b;border-radius:6px;background:#fff;color:var(--action);font-weight:600;cursor:pointer}button:hover{background:#e8ede4}.primary{background:var(--action);border-color:var(--action);color:#fff}.primary:hover{background:#344630}button:disabled{opacity:.55;cursor:wait}.divider{text-align:center;color:var(--muted);font-size:13px;margin:24px 0 12px}.note{font-size:13px;color:var(--muted);margin-top:24px}.quiet{border:0;font-size:14px}.back{display:inline-block;margin-top:20px;font-size:14px;min-height:32px}#message[data-error=true]{color:var(--error)}#signed-email{overflow-wrap:anywhere}#device-code{font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.12em}.result{max-width:580px;margin:12vh auto;padding:32px}.result h1{font-size:28px;margin-top:0}dl{margin:24px 0}dt{color:var(--muted);font-size:13px}dd{margin:0 0 18px;overflow-wrap:anywhere}.offer{border-top:1px solid var(--line);padding:16px 0}.offer h3{font-size:17px;margin:0}.offer p{margin:6px 0}.actions{margin-top:28px}.actions a{display:block;margin:16px 0}#user-code{font-size:28px;font-weight:600;letter-spacing:.12em;font-variant-numeric:tabular-nums}@media(max-width:760px){.account-layout{grid-template-columns:1fr;gap:24px;padding:28px 20px;align-content:start}.brand{gap:10px}.brand-mark{width:48px;height:48px}.brand-name{font-size:28px}.brand-company img{width:124px}h1{font-size:30px;margin:24px 0 12px}.introduction>p{margin:8px 0}.introduction>.note{margin-top:16px}.account-panel{padding:24px}.result{margin:8vh auto;padding:24px}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s ease}}

/* The LP photograph supports the introduction; authentication keeps its own column. */
.account-layout{grid-template-areas:"intro form" "scene form";gap:28px 72px;align-content:center}.account-layout>.introduction{grid-area:intro}.account-layout>.account-panel{grid-area:form}.login-scene{grid-area:scene;margin:0;min-width:0;overflow:hidden;border-radius:4px;background:#e7e3d8}.login-scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.account-layout h1{margin-top:32px}.account-layout .introduction>p:last-child{margin-bottom:0}@media(max-width:760px){.account-layout{grid-template-areas:"intro" "form" "scene";gap:24px;align-content:start}.account-layout h1{margin-top:24px}}

/* Plan overview, usage and payment actions share one destination. */
body[data-account-page="account"] .billing-section {margin-top:32px}
body[data-account-page="account"] .billing-section h2 {font-size:20px;margin-bottom:12px}
body[data-account-page="account"] .billing-actions {margin:28px 0 36px}
.usage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.usage-heading h2{margin-bottom:2px!important}.usage-heading p{margin:0}.usage-renewal{color:var(--muted);font-size:13px;white-space:nowrap}.usage-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.usage-item{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.usage-item dt{margin-bottom:3px}.usage-item dd{display:grid;gap:8px;margin:0}.usage-item strong{font-size:18px;line-height:1.4;font-variant-numeric:tabular-nums}.usage-detail{color:var(--muted);font-size:12px;line-height:1.5}.usage-item progress{width:100%;height:7px;border:0;border-radius:99px;overflow:hidden;background:#e2e5de;accent-color:var(--action)}.usage-item progress::-webkit-progress-bar{background:#e2e5de}.usage-item progress::-webkit-progress-value{background:var(--action);border-radius:99px}.usage-item progress::-moz-progress-bar{background:var(--action);border-radius:99px}.usage-low progress::-webkit-progress-value,.usage-critical progress::-webkit-progress-value{background:#a36d1f}.usage-low progress::-moz-progress-bar,.usage-critical progress::-moz-progress-bar{background:#a36d1f}.usage-empty progress::-webkit-progress-value{background:var(--error)}.usage-empty progress::-moz-progress-bar{background:var(--error)}.usage-badge{display:inline-block;padding:2px 7px;border-radius:99px;background:#f4e8d4;color:#77501c;font-size:11px;font-weight:600;vertical-align:2px}.usage-empty .usage-badge{background:#f4dfdc;color:var(--error)}.usage-warning{margin:18px 0 0;padding:12px 14px;border:1px solid #ddc79f;border-radius:6px;background:#faf4e8;color:#5e451f}.usage-warning.is-critical{border-color:#e2b7b0;background:#fbefed;color:#74352d}.usage-warning a{font-weight:600}.quota-rules{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.quota-rules summary{color:var(--action);font-weight:600;cursor:pointer}.quota-rules ul{margin:10px 0 0;padding-left:22px;color:var(--muted);font-size:13px}.quota-rules li+li{margin-top:5px}@media(max-width:760px){.usage-heading{display:block}.usage-renewal{margin-top:4px!important}.usage-list{grid-template-columns:1fr}.usage-item{padding:13px 14px}}