.dev-page { padding-top:64px; }
.dev-page [hidden] { display:none!important; }
.dev-wrap { width:calc(100% - 48px); max-width:1080px; margin-inline:auto; }
.dev-page section[id] { scroll-margin-top:88px; }
.dev-page h2 { font:600 clamp(25px,3vw,34px)/1.2 var(--font-sans); letter-spacing:-.025em; margin:0 0 16px; }
.dev-page h3 { font:600 19px/1.3 var(--font-sans); margin:0 0 14px; }
.dev-page p { line-height:1.65; }
.dev-page a { text-underline-offset:4px; }
.dev-skip { position:fixed; top:-80px; left:16px; z-index:200; background:var(--surface); padding:12px 16px; }
.dev-skip:focus { top:8px; }
.dev-page :focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.dev-hero { background:var(--surface); border-bottom:1px solid var(--border); padding:72px 0; }
.dev-hero-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:64px; align-items:start; }
.dev-hero h1 { font:400 clamp(36px,5vw,60px)/1.08 var(--font-display); letter-spacing:-.025em; margin:0 0 24px; }
.dev-lead { font-size:18px; color:var(--text-secondary); max-width:560px; }
.dev-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin-top:24px; }
.dev-text-link,.dev-text-button { color:var(--accent-text); font:600 14px/1.4 var(--font-sans); text-decoration:underline; text-underline-offset:4px; }
.dev-text-button { background:none; border:0; padding:10px 0; cursor:pointer; }
.dev-availability { border:1px solid var(--border); background:var(--bg); padding:28px; }
.dev-availability h2 { font-size:24px; }
.dev-availability>p:not(.section-label) { font-size:14px; }
.dev-facts { margin:20px 0; }
.dev-facts>div { padding:12px 0; border-top:1px solid var(--border); }
.dev-facts dt { color:var(--text-secondary); font-size:12px; }
.dev-facts dd { font:500 14px/1.6 var(--font-mono); margin:4px 0 0; overflow-wrap:anywhere; }
.dev-small { color:var(--text-secondary); font-size:13px; }
.dev-section { padding-block:64px; }
.dev-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-bottom:24px; }
.dev-section-heading>p { color:var(--text-secondary); font-size:14px; max-width:340px; margin-top:26px; }
.dev-plan-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)); gap:20px; }
.dev-plan { background:var(--surface); border:1px solid var(--border); padding:28px; display:flex; flex-direction:column; }
.dev-plan-recommended { border-top:3px solid var(--accent); }
.dev-price { font-size:32px; font-weight:600; margin:4px 0 0; }
.dev-plan .dev-small { margin:4px 0 16px; }
.dev-plan ul { padding:0 0 0 18px; margin:0 0 24px; font-size:14px; line-height:1.9; }
.dev-plan button { margin-top:auto; }
.dev-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:11px 18px; background:var(--text); color:var(--surface); font:600 14px/1.4 var(--font-sans); border:1px solid var(--text); cursor:pointer; }
.dev-page button:disabled { cursor:not-allowed; opacity:.5; }
.dev-consent { margin-top:24px; max-width:700px; }
.dev-consent label { display:flex; align-items:flex-start; gap:12px; font-size:14px; line-height:1.6; }
.dev-consent input { width:18px; height:18px; margin-top:3px; flex-shrink:0; accent-color:var(--accent); }
.dev-status { font-size:14px; margin:14px 0 0; overflow-wrap:anywhere; }
.dev-status:empty { display:none; }
.dev-status[data-kind="error"] { color:#a72d24; }
.dev-notice { border-left:3px solid var(--accent); padding:16px 20px; background:var(--surface); font-size:14px; line-height:1.65; }
.dev-account-section { border-block:1px solid var(--border); background:#edf1f3; }
.dev-account-summary { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:20px 0; }
.dev-account-summary p { margin:0; overflow-wrap:anywhere; }
.dev-account-summary a { font-size:13px; }
.dev-account-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:24px; }
.dev-panel { background:var(--surface); border:1px solid var(--border); padding:28px; min-width:0; }
.dev-panel>p { margin-bottom:20px; }
.dev-panel .btn-primary { margin-top:12px; height:auto; min-height:48px; padding-block:12px; }
.dev-page label { display:block; font-size:13px; font-weight:500; margin-bottom:8px; }
.dev-page input:not([type="checkbox"]),.dev-page textarea { width:100%; font:400 15px/1.5 var(--font-sans); color:var(--text); padding:12px; border:1px solid var(--border-strong); border-radius:0; background:var(--bg); }
.dev-page input:not([type="checkbox"]) { margin-bottom:14px; }
.dev-usage { font:400 clamp(28px,4vw,44px)/1.2 var(--font-display); }
.dev-usage small { display:block; font:400 13px/1.5 var(--font-sans); color:var(--text-secondary); margin-top:10px; }
.dev-secret { margin-top:24px; padding:28px; border:2px solid var(--accent); background:var(--surface); }
.dev-secret textarea { font-family:var(--font-mono); font-size:13px; resize:vertical; overflow-wrap:anywhere; }
.dev-key-panel { margin-top:24px; }
.dev-key-list { list-style:none; padding:0; margin:0; }
.dev-key-list li { display:flex; gap:20px; align-items:center; justify-content:space-between; border-top:1px solid var(--border); padding:18px 0; }
.dev-key-details { min-width:0; overflow-wrap:anywhere; }
.dev-key-details strong { display:block; font-size:15px; }
.dev-key-details p { font-size:12px; color:var(--text-secondary); margin:5px 0 0; }
.dev-key-details code { font-family:var(--font-mono); }
.dev-guide-intro { color:var(--text-secondary); }
.dev-code { overflow-x:auto; max-width:100%; background:var(--dark-canvas); color:var(--dark-text); padding:28px; font:400 13px/1.8 var(--font-mono); margin:24px 0 32px; }
.dev-doc-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.dev-fields { margin:0; }
.dev-fields>div { padding:16px 0; border-top:1px solid var(--border); }
.dev-fields dt { font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.dev-fields dd { color:var(--text-secondary); font-size:14px; line-height:1.65; margin:8px 0 0; }
.dev-fields code { font-size:12px; overflow-wrap:anywhere; }
.dev-terms-section { background:var(--surface); border-top:1px solid var(--border); }
.dev-terms-copy { max-width:760px; }
.dev-terms-copy>p { font-size:15px; margin-top:18px; }
.dev-footer { margin:0; padding:36px 0; border-top:1px solid var(--border); }
.dev-footer img { width:160px; height:auto; }
.dev-footer-links { display:flex; flex-wrap:wrap; gap:16px 24px; margin:24px 0; font-size:13px; }
.dev-footer p { font-size:12px; }
.dev-dialog { max-width:520px; width:calc(100% - 40px); padding:28px; border:1px solid var(--border); color:var(--text); background:var(--surface); }
.dev-dialog::backdrop { background:rgba(22,35,42,.55); }
.dev-dialog h2 { font-size:24px; }
@media(max-width:800px) {
  .dev-hero-grid { grid-template-columns:1fr; gap:32px; }
  .dev-hero { padding-block:48px; }
  .dev-section { padding-block:48px; }
  .dev-section-heading { flex-direction:column; gap:12px; }
  .dev-section-heading>p { margin-top:0; max-width:600px; }
  .dev-doc-grid { grid-template-columns:1fr; gap:28px; }
}
@media(max-width:600px) {
  .dev-page { padding-top:56px; }
  .dev-wrap { width:calc(100% - 32px); }
  .dev-account-grid { grid-template-columns:1fr; gap:16px; }
  .dev-account-summary { flex-direction:column; align-items:flex-start; gap:12px; }
  .dev-panel,.dev-secret,.dev-availability,.dev-plan { padding:22px; }
  .dev-code { padding:20px; font-size:12px; }
  .dev-key-list li { align-items:flex-start; }
  .dev-key-list button { flex-shrink:0; }
  .dev-actions .btn-primary { font-size:12px; padding-inline:16px; }
  .dev-lead { font-size:16px; }
}