.platform-main{max-width:1180px;padding-top:clamp(56px,8vw,96px);padding-bottom:72px}.platform-hero{max-width:820px;margin-bottom:38px}.platform-hero .brand{display:flex;width:max-content;margin-bottom:38px}.platform-hero h1{max-width:12em}.platform-hero p{font-size:1.125rem;line-height:1.72}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.platform-card{padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.platform-card h2{font-size:1.75rem}.platform-form{display:grid;gap:16px}.platform-form label{display:grid;gap:7px;color:var(--text-secondary);font-size:.9375rem;font-weight:550}.platform-form input{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text);outline:none}.platform-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(201,106,75,.12)}.platform-form button{min-height:46px;padding:11px 18px;border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:#fff;font-weight:650;cursor:pointer}.platform-form button:hover{background:var(--accent-hover)}.platform-form button:disabled{opacity:.55;cursor:not-allowed}.platform-note{color:var(--text-muted);font-size:.9375rem;line-height:1.62}.platform-message{min-height:26px;color:#8a4c38;font-size:.9375rem}.key-output{overflow-wrap:anywhere;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text)}.plan-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}.plan{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.plan b{display:block;margin-bottom:10px;font-size:1.25rem}.plan span{color:var(--text-secondary);font-size:1rem;line-height:1.6}.platform-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}code{overflow-wrap:anywhere;color:#6f4638;background:#eee9e1;border-radius:6px;padding:.12em .35em}.platform-grid-single{grid-template-columns:minmax(0,680px) minmax(0,1fr)}@media(max-width:820px){.plan-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.platform-main{padding-top:42px}.platform-grid,.plan-row{grid-template-columns:1fr}.platform-card{padding:22px}.platform-hero .brand{margin-bottom:30px}}
.account-page{padding-top:24px;padding-bottom:24px}.account-header{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding-bottom:18px;border-bottom:1px solid var(--border)}.account-header-links,.account-footer div{display:flex;align-items:center;gap:20px}.account-header-links a,.account-footer a{color:var(--text-secondary);font-size:.875rem;font-weight:550}.account-hero{max-width:900px;margin:0;padding:34px 0 28px}.account-hero h1{max-width:none;margin:10px 0 12px;font-size:clamp(2rem,3vw,2.75rem);line-height:1.14}.account-hero>p{max-width:760px;margin-bottom:8px;font-size:1rem;line-height:1.68}.account-state{display:inline-flex;margin:5px 0 0;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-warm);font-size:.8125rem}.account-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:22px;align-items:start}.account-access-card{padding:26px}.account-card-heading{margin-bottom:20px}.account-card-heading h2,.account-guide h2{max-width:none;margin:8px 0 7px;font-size:1.45rem;line-height:1.3}.account-card-heading p{margin:0;font-size:.9375rem}.account-privacy{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--border)}.account-guide{padding:24px 4px 4px 12px}.account-steps{display:grid;gap:0;margin:20px 0 22px;padding:0;list-style:none;border-top:1px solid var(--border-strong)}.account-steps li{display:grid;grid-template-columns:108px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.account-steps b{font-size:.9375rem}.account-steps span,.account-use p{color:var(--text-secondary);font-size:.9375rem;line-height:1.62}.account-use{padding:18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-warm)}.account-use h3{margin:0 0 7px;font-size:1rem}.account-use p{margin-bottom:10px}.account-session{grid-column:1/-1}.account-session-actions{display:flex;gap:10px;flex-wrap:wrap}.account-footer{display:flex;justify-content:space-between;gap:20px;margin-top:26px;padding-top:18px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.875rem}
@media(max-width:820px){.account-layout{grid-template-columns:1fr}.account-guide{padding:4px}.account-session{grid-column:auto}}
@media(max-width:680px){.account-page{padding-top:14px;padding-bottom:18px}.account-header{padding-bottom:12px}.account-header-links{gap:12px}.account-header-links a:first-child{display:none}.account-hero{padding:26px 0 22px}.account-hero h1{font-size:clamp(1.75rem,8vw,2.15rem)}.account-access-card{padding:20px}.account-guide{padding-top:4px}.account-steps li{grid-template-columns:1fr;gap:5px;padding:14px 0}.account-footer{display:grid;margin-top:22px}.account-footer div{gap:16px}}

/* Account panels share one compact baseline and visual scale. */
.account-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.account-access-card,.account-guide{min-width:0;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}
.account-card-heading,.account-guide>div:first-child{min-height:76px;margin:0 0 16px}
.account-card-heading .eyebrow,.account-guide .eyebrow{font-size:.72rem;letter-spacing:.1em}
.account-card-heading h2,.account-guide h2{margin:5px 0 5px;font-size:1.18rem;line-height:1.3;letter-spacing:-.02em}
.account-card-heading p{font-size:.875rem;line-height:1.55}
.platform-form{gap:13px}.platform-form label{gap:5px;font-size:.875rem}.platform-form input{min-height:44px;padding:9px 12px;font-size:.9375rem}.platform-form button{min-height:44px;padding:9px 16px;font-size:.9375rem}
.platform-message{min-height:20px;margin:0;font-size:.875rem}.account-privacy{margin-top:12px;padding-top:12px;font-size:.84rem;line-height:1.55}
.account-steps{margin:0 0 16px}.account-steps li{grid-template-columns:96px 1fr;gap:12px;padding:13px 0}.account-steps b,.account-steps span,.account-use p{font-size:.875rem}.account-use{padding:15px}.account-use h3{font-size:.9375rem}
@media(max-width:820px){.account-layout{grid-template-columns:1fr}.account-access-card,.account-guide{padding:20px}.account-card-heading,.account-guide>div:first-child{min-height:0}.account-guide{padding-top:20px}}
@media(max-width:480px){.account-access-card,.account-guide{padding:18px}.account-card-heading h2,.account-guide h2{font-size:1.12rem}.account-steps li{grid-template-columns:1fr;gap:4px}}
.account-hero{display:grid;grid-template-columns:max-content minmax(220px,1fr) max-content;align-items:center;gap:18px;max-width:none;padding:24px 0}.account-hero h1{margin:0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.25;white-space:nowrap}.account-hero>p{margin:0;max-width:none;font-size:.9375rem;line-height:1.5}.account-hero .account-state{margin:0;white-space:nowrap}.account-state:before{content:"";width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--success)}
@media(max-width:900px){.account-hero{grid-template-columns:1fr max-content;gap:7px 14px}.account-hero h1{grid-column:1/-1}.account-hero>p{grid-column:1}.account-hero .account-state{grid-column:2;grid-row:2}}
@media(max-width:600px){.account-hero{display:flex;align-items:flex-start;flex-wrap:wrap;padding:22px 0}.account-hero h1{width:100%;font-size:1.45rem;white-space:normal}.account-hero>p{flex:1 1 230px}.account-hero .account-state{flex:0 0 auto}}
@media(min-width:901px){.account-page{padding-top:14px;padding-bottom:12px}.account-header{min-height:46px;padding-bottom:10px}.account-header .brand img{width:24px;height:21px}.account-hero{padding:16px 0}.account-layout{gap:16px}.account-access-card,.account-guide{padding:18px}.account-card-heading,.account-guide>div:first-child{min-height:62px;margin-bottom:10px}.account-card-heading h2,.account-guide h2{margin:3px 0;font-size:1.08rem}.platform-form{gap:9px}.platform-form label{gap:3px}.platform-form input{min-height:42px;padding:8px 11px}.platform-form button{min-height:42px;padding:8px 14px}.platform-message{min-height:16px}.account-privacy{margin-top:8px;padding-top:8px;line-height:1.45}.account-steps{margin-bottom:10px}.account-steps li{padding:9px 0}.account-use{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:10px;padding:11px 13px}.account-use h3,.account-use p{margin:0}.account-use .text-link{font-size:.875rem;white-space:nowrap}.account-footer{margin-top:14px;padding-top:10px}}
@media(min-width:901px) and (max-height:760px){.account-header{min-height:42px}.account-hero{padding:12px 0}.account-access-card,.account-guide{padding:16px}.account-card-heading,.account-guide>div:first-child{min-height:56px;margin-bottom:7px}.account-steps li{padding:7px 0}.account-privacy{font-size:.8rem}.account-footer{margin-top:10px;padding-top:8px}}