/* Scoped presentation layer for the public developer portal.
   Contracts, API requests and application navigation remain in the existing modules. */
.dev-premium {
  --purple: #800080;
  --purple-dark: #610061;
  --orange: #ff941c;
  --ink: #24102f;
  --muted: #6d6075;
  --line: #eadeec;
  --wash: #faf6fc;
  background: #fdfbfe;
}
.dev-premium .dev-container { width: min(calc(100% - 64px), 1280px); }
.dev-premium .dev-header { border-bottom-color: #e9deed; background: rgba(253,250,255,.95); }
.dev-premium .header-inner { width: min(calc(100% - 48px), 1480px); gap: 20px; min-height: 82px; }
.dev-premium .brand-label { font-size: 12px; letter-spacing: -.02em; }
.dev-premium .header-inner nav { gap: 17px; font-size: 11px; }
.dev-premium .header-inner nav a { padding-block: 29px; }
.dev-premium .header-actions { gap: 7px; }
.dev-premium .workspace-link { padding: 9px; font-size: 10px; border-radius: 8px; }
.dev-premium .search-trigger { border-radius: 8px; }
.dev-premium .dev-notice { background: #f3ebf7; color: #725879; font-size: 10px; padding-block: 7px; }
.dev-reading-progress { position: fixed; top: 0; inset-inline: 0; height: 3px; z-index: 150; pointer-events: none; }
.dev-reading-progress span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,#800080,#c541a5,#ff941c); transform: scaleX(0); transform-origin: left; }
.dev-premium .dev-hero {
  position: relative; isolation: isolate; padding: 104px 0 98px;
  color: #fff; background:
  radial-gradient(ellipse at 90% 7%,#68286a88,transparent 47%),
  radial-gradient(ellipse at 0% 90%,#80008065,transparent 45%),
  linear-gradient(120deg,#170b23,#271031 68%,#1c0b26);
  border-bottom: 1px solid #643568;
}
.dev-premium .dev-hero:before {
  content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none;
  background-image: linear-gradient(#e6bbf009 1px,transparent 1px),linear-gradient(90deg,#e6bbf009 1px,transparent 1px);
  background-size: 58px 58px;
}
.dev-premium .dev-hero:after { content:""; position:absolute; bottom:0; left:8%; right:8%; height:1px; background:linear-gradient(90deg,transparent,#cf83c9,#ffb65c,transparent); }
.dev-premium .hero-grid { grid-template-columns: 1.07fr .93fr; gap: 78px; }
.dev-premium .dev-hero .eyebrow { color: #efdaf1; background: #ffffff09; border-color: #e0b7e32e; padding: 9px 14px; letter-spacing: .12em; font-size: 9px; }
.dev-premium .dev-hero h1 { color:#fff; font-size:clamp(2.9rem,4.5vw,4.5rem); line-height:1.1; letter-spacing:-.065em; font-weight:600; }
.dev-premium .dev-hero h1 em { font: inherit; color: #ffc176; }
.dev-premium .hero-description { color:#cdbed4; max-width:535px; font-size:14px; line-height:1.9; margin-bottom:32px; }
.dev-premium .dev-hero .button.primary { background:#ffb457; border-color:#ffd298; color:#28102d; box-shadow:0 10px 32px #e4812420; }
.dev-premium .dev-hero .button.primary:hover { background:#ffc77c; }
.dev-premium .dev-hero .text-button { color:#f4e6f7; font-size:12px; }
.dev-premium .trust-row { border-top:1px solid #ffffff17; padding-top:20px; margin-top:30px; gap:18px; }
.dev-premium .trust-row span { color:#beacc8; font-size:9px; }
.dev-premium .reference-preview {
  position:relative; transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);
  border:1px solid #c49ec947; border-radius:20px; background:linear-gradient(145deg,#38203f,#201229);
  color:#faf1fc; box-shadow:0 40px 90px #09020c70,0 0 50px #c770dd12;
}
.dev-premium .window-bar { background:#ffffff04; border-bottom-color:#e3a3e123; color:#c8b3d1; padding:16px 22px; }
.dev-premium .public-badge { color:#e8c5f1; background:#ffffff0a; border:1px solid #e5b5f222; }
.dev-premium .preview-content { padding:28px 28px 14px; position:relative; }
.dev-premium .preview-content .kicker { color:#bda0c8; font-size:8px; }
.dev-premium .preview-content h2 { font-size:clamp(1.65rem,2.4vw,2.05rem); line-height:1.2; letter-spacing:-.045em; }
.dev-premium .contract-preview { padding:14px 15px; border:1px solid #d9a8e428; border-radius:9px; background:#0f071d50; display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.dev-premium .contract-preview>span { padding:2px 6px; color:#ffbd6b; background:#ffbd6b12; border-radius:4px; font:700 9px/1.6 Consolas,monospace; }
.dev-premium .contract-preview code { color:#f2e6f8; overflow-wrap:anywhere; font:10px/1.5 Consolas,monospace; }
.dev-premium .contract-preview small { flex-basis:100%; color:#b49abd; font-size:8px; }
.dev-premium .reference-steps { margin-top:14px; }
.dev-premium .reference-steps>a { border-color:#e3a3e118; padding:14px 0; gap:12px; }
.dev-premium .reference-steps>a>b { color:#ffc479; background:#ffb65c0a; border:1px solid #ffb65c15; font-size:10px; padding:7px; }
.dev-premium .reference-steps strong { color:#efdef3; font-size:11px; }
.dev-premium .reference-steps small { color:#b49abd; font-size:9px; }
.dev-premium .reference-steps>a>span:last-child { color:#ffbd6b; }
.dev-premium .reference-steps a:hover strong { color:#ffd59d; }
.dev-premium .section-space { padding-block:86px; }
.dev-premium .section-heading h2 { font-size:clamp(2rem,3.2vw,2.8rem); font-weight:600; }
.dev-premium .section-heading p { max-width:380px; font-size:13px; line-height:1.9; }
.dev-premium .feature-grid { gap:22px; }
.dev-premium .feature-card { position:relative; border-radius:18px; border-color:#e9ddec; padding:32px; background:linear-gradient(145deg,#fff,#fcf7fe); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.dev-premium .feature-card:hover { transform:translateY(-5px); border-color:#dcb3df; box-shadow:0 18px 45px #5e206411; }
.dev-premium .feature-card.featured-card { background:linear-gradient(145deg,#f3e6f9,#fff9ef); }
.dev-premium .feature-index { position:absolute; top:31px; right:28px; color:#9f7daa; font:11px/1.5 Consolas,monospace; }
.dev-premium .feature-icon { width:46px; height:46px; border-radius:12px; background:#fff; border-color:#e8d7ed; box-shadow:0 6px 16px #5e20640a; margin-bottom:35px; }
.dev-premium .feature-card h3 { font-size:18px; letter-spacing:-.04em; }
.dev-premium .feature-card p { font-size:12px; }
.dev-premium .feature-card>strong { font-size:11px; padding-top:20px; border-top:1px solid #e8ddeb; margin-top:28px; }
.dev-premium .integration-band { position:relative; padding-block:78px; background:radial-gradient(ellipse at 0 0,#6c206b55,transparent 60%),#1c1127; }
.dev-premium .integration-layout { gap:84px; }
.dev-premium .integration-band h2 { font-size:clamp(2rem,3vw,2.65rem); line-height:1.17; }
.dev-premium .integration-band p { color:#c4b4cf; font-size:13px; line-height:1.9; }
.dev-premium .integration-band .button { background:#ffffff08; border-color:#8b649949; color:#f4e5fa; margin-top:10px; }
.dev-premium .integration-steps li { border-color:#76548755; padding-block:22px; }
.dev-premium .integration-steps b { color:#ffba69; border-color:#95693955; background:#ffb65c08; }
.dev-premium .integration-steps h3 { font-size:15px; }
.dev-premium .integration-steps p { font-size:11px; margin-bottom:0; }
.dev-premium .developer-tool-strip { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:0 8px 52px; margin-bottom:52px; border-bottom:1px solid var(--line); }
.dev-premium .developer-tool-strip h2 { font-size:clamp(1.6rem,2.6vw,2.2rem); }
.dev-premium .developer-tool-strip p { font-size:12px; max-width:640px; margin-bottom:0; }
.dev-premium .developer-tool-strip .button { flex-shrink:0; }
.dev-premium .closing-card { padding:42px 46px; border-radius:20px; background:radial-gradient(ellipse at 100% 0,#ffd8994a,transparent 50%),linear-gradient(120deg,#f1e4f7,#fcf7ff); border-color:#e5d4ed; }
.dev-premium .closing-card h2 { font-size:2rem; }
.dev-premium .closing-card p { font-size:12px; max-width:560px; }
.dev-premium .dev-footer { background:radial-gradient(ellipse at 0 0,#3e144660,transparent 60%),#180e20; padding-top:60px; }
.dev-premium .dev-footer p { color:#baa5c5; font-size:12px; line-height:1.9; }
.dev-premium .dev-footer a:not(:has(img)) { color:#bba8c4; font-size:11px; padding:3px 0; }
.dev-premium .dev-footer a:hover { color:#ffc277; }
.dev-premium .footer-bottom { margin-top:40px; }
.dev-premium .docs-layout { grid-template-columns:195px minmax(0,1fr) 150px; gap:40px; padding-top:52px; }
.dev-premium .docs-sidebar { padding-top:8px; }
.dev-premium .docs-sidebar nav a,.dev-premium .on-this-page>a { border-radius:0 7px 7px 0; font-size:11px; }
.dev-premium .docs-content>article { padding:34px 36px; margin-bottom:24px; border:1px solid #e9ddec; border-radius:18px; background:#fff; scroll-margin-top:104px; }
.dev-premium .docs-content>article:first-child { background:radial-gradient(ellipse at 100% 0,#fdd8b03d,transparent 60%),linear-gradient(135deg,#f8effc,#fff); }
.dev-premium .docs-content h1 { font-size:clamp(2rem,3.2vw,3rem); line-height:1.14; letter-spacing:-.055em; }
.dev-premium .docs-content h2 { font-size:1.5rem; letter-spacing:-.035em; margin-bottom:18px; }
.dev-premium .docs-content h3 { font-size:1.05rem; margin-top:30px; }
.dev-premium .docs-content p,.dev-premium .docs-content li { font-size:12px; line-height:1.95; }
.dev-premium .docs-content .lead { font-size:14px; }
.dev-premium .docs-content li::marker { color:#9b4b9b; }
.dev-premium .docs-content pre { padding:22px; border:1px solid #674572; background:#21122c; box-shadow:0 14px 32px #28102e12; }
.dev-premium .notice { font-size:11px; line-height:1.8; border-left-color:#ff941c; background:#fff9ef; color:#765534; border-color:#f2dfc4; border-radius:9px; }
.dev-premium .guide-topic-link { display:inline-block; font-size:10px; color:var(--purple); border-bottom:1px solid #dec5e5; margin:-4px 0 16px; }
.dev-premium .tool-card { padding:26px; border-radius:16px; background:linear-gradient(145deg,#fff,#fbf6fd); box-shadow:0 12px 32px #3c134a06; }
.dev-premium .tool-card h3 { font-size:20px; }
.dev-premium .tool-card .tool-tag { background:#f3e7f6; border:1px solid #e9d2ee; border-radius:5px; padding:5px 8px; display:inline-block; }
.dev-premium .tool-card code { background:#f6eff9; border:1px solid #eee1f2; padding:14px; border-radius:7px; margin:20px 0; }
.dev-premium .topic-heading { position:relative; overflow:hidden; color:#fff; background:radial-gradient(ellipse at 85% 20%,#67245c99,transparent 55%),#21122d; padding:64px 0 62px; border-bottom:1px solid #5e3d66; }
.dev-premium .topic-heading:after { content:""; position:absolute; width:250px; height:250px; border:1px solid #d19dde18; border-radius:50%; right:6%; top:-76px; box-shadow:0 0 0 45px #d19dde08,0 0 0 90px #d19dde04; pointer-events:none; }
.dev-premium .topic-heading .breadcrumb { color:#bda6c8; font-size:10px; }
.dev-premium .topic-heading .kicker { color:#e6b5dd; }
.dev-premium .topic-heading h1 { font-size:clamp(2.3rem,4vw,3.8rem); max-width:840px; line-height:1.1; }
.dev-premium .topic-heading .lead { font-size:14px; line-height:1.95; color:#d2bedc; max-width:740px; margin-bottom:0; }
.dev-premium .topic-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:32px; align-items:start; }
.dev-premium .topic-main { min-width:0; }
.dev-premium .topic-main .tool-grid { gap:20px; }
.dev-premium .topic-main>section { margin-bottom:32px; }
.dev-premium .topic-main>section>h2 { font-size:1.8rem; }
.dev-premium .topic-main>section>p { font-size:13px; }
.dev-premium .security-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:25px; }
.dev-premium .security-card { padding:26px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.dev-premium .security-card>span { display:block; color:#a369a7; font:11px/1.5 Consolas,monospace; margin-bottom:22px; }
.dev-premium .security-card h3 { font-size:17px; }
.dev-premium .security-card p { font-size:12px; line-height:1.85; margin-bottom:0; }
.dev-premium .topic-aside { padding:26px; border:1px solid var(--line); border-radius:16px; background:#f8effb; position:sticky; top:106px; }
.dev-premium .topic-aside h2 { font-size:18px; }
.dev-premium .topic-aside p,.dev-premium .topic-aside li { color:var(--muted); font-size:11px; line-height:1.9; }
.dev-premium .topic-aside ul { padding-left:16px; }
.dev-premium .topic-aside a { display:block; color:var(--purple); font-size:11px; font-weight:600; padding-block:12px; border-top:1px solid #e5d4ed; }
.dev-premium .topic-callout { border:1px solid #e8d6e9; border-left:3px solid #800080; padding:26px; background:linear-gradient(100deg,#fff,#fbf3ff); border-radius:12px; margin-top:28px; }
.dev-premium .topic-callout h2 { font-size:1.3rem; }
.dev-premium .topic-callout p { font-size:12px; line-height:1.9; }
.dev-premium .topic-callout a { font-size:11px; color:var(--purple); font-weight:600; }
.dev-premium .errors-page { max-width:1140px; padding-top:56px; }
.dev-premium .errors-page h1 { font-size:clamp(2.6rem,4vw,3.6rem); }
.dev-premium .error-guidance { display:flex; align-items:center; gap:20px; padding:23px 26px; margin:32px 0; border:1px solid #e8d7ed; border-radius:13px; background:linear-gradient(110deg,#f6ecfa,#fff9ef); }
.dev-premium .error-guidance>span { color:#800080; font:700 19px/1.5 Consolas,monospace; white-space:nowrap; }
.dev-premium .error-guidance p { font-size:11px; line-height:1.85; margin:0; }
.dev-premium .error-guidance a { flex-shrink:0; color:var(--purple); font-size:10px; font-weight:600; }
.dev-premium .error-filters { padding:22px; background:#fff; border:1px solid var(--line); border-radius:13px; }
.dev-premium .reference-exact { background:#fdfbfe; }
.dev-premium .reference-toolbar { background:rgba(251,246,253,.96); top:82px; border-color:#e9dcec; }
.dev-premium .reference-workspace .product-sidebar { background:#f8f2fb; border-color:#e8dceb; top:calc(82px + 3.15rem); }
.dev-premium .reference-main { background:linear-gradient(150deg,#fff,#fdfafe); }
.dev-premium .reference-title { padding-bottom:24px; border-bottom:1px solid #e9dcec; }
.dev-premium .reference-main h1 { color:#281333; letter-spacing:-.045em; }
.dev-premium .reference-main .base-url { background:#f5edf9; border-color:#e7d7ed; }
.dev-premium .reference-workspace .code-rail { background:#21142c; border-color:#51335f; }
.dev-premium .reference-workspace .code-rail>.code-note { color:#c9b9d4; }
.dev-premium .reference-workspace .product-navigation section>button:hover,.dev-premium .reference-workspace .product-navigation section>button.active { background:#edddf3; color:#800080; }
.dev-premium .sidebar-search:focus-within { outline:2px solid #a960b6; outline-offset:2px; }
.dev-premium .docs-content a:focus-visible,.dev-premium .reference-preview a:focus-visible { outline-offset:5px; }
@media (max-width:1250px) {
  .dev-premium .header-inner { gap:15px; }
  .dev-premium .header-inner nav { gap:12px; font-size:10px; }
  .dev-premium .header-actions .search-label { display:none; }
  .dev-premium .hero-grid { gap:42px; }
  .dev-premium .docs-layout { grid-template-columns:175px minmax(0,1fr); gap:28px; }
  .dev-premium .on-this-page { display:none; }
}
@media (max-width:1100px) {
  .dev-premium .header-inner { flex-wrap:wrap; min-height:76px; }
  .dev-premium .header-actions { margin-left:auto; }
  .dev-premium .header-inner nav { display:none; width:100%; order:3; margin:0; flex-direction:column; align-items:stretch; gap:0; padding-bottom:12px; }
  .dev-premium .header-inner nav.is-open { display:flex; }
  .dev-premium .header-inner nav a { padding:12px; border:0; border-radius:7px; font-size:12px; }
  .dev-premium #menu-toggle { display:block; }
  .dev-premium .reference-toolbar { top:76px; }
  .dev-premium .reference-workspace .product-sidebar { top:calc(76px + 3.15rem); }
  .dev-premium .topic-layout { grid-template-columns:minmax(0,1fr) 240px; gap:22px; }
  .dev-premium .topic-main .tool-grid { grid-template-columns:1fr; }
  .dev-premium .dev-hero { padding-block:76px; }
}
@media (max-width:800px) {
  .dev-premium .dev-container { width:calc(100% - 40px); }
  .dev-premium .hero-grid { grid-template-columns:1fr; gap:48px; }
  .dev-premium .hero-description { max-width:620px; }
  .dev-premium .dev-hero h1 { max-width:660px; font-size:clamp(2.7rem,6.8vw,4rem); }
  .dev-premium .reference-preview { transform:none; max-width:600px; width:100%; }
  .dev-premium .feature-grid { grid-template-columns:1fr; }
  .dev-premium .feature-card { padding:28px; }
  .dev-premium .feature-icon { margin-bottom:26px; }
  .dev-premium .integration-layout { grid-template-columns:1fr; gap:36px; }
  .dev-premium .section-space { padding-block:60px; }
  .dev-premium .developer-tool-strip { align-items:flex-start; flex-direction:column; gap:22px; }
  .dev-premium .topic-layout { grid-template-columns:1fr; }
  .dev-premium .topic-aside { position:static; }
  .dev-premium .docs-layout { grid-template-columns:155px minmax(0,1fr); gap:22px; }
  .dev-premium .docs-content>article { padding:26px; }
  .dev-premium .error-guidance { flex-wrap:wrap; }
  .dev-premium .error-guidance p { flex:1; min-width:200px; }
  .dev-premium .error-guidance a { margin-left:48px; }
}
@media (max-width:680px) {
  .dev-premium .dev-container { width:calc(100% - 36px); }
  .dev-premium .header-inner { width:calc(100% - 28px); min-height:70px; }
  .dev-premium .brand img { width:88px; }
  .dev-premium .brand-label { font-size:10px; }
  .dev-premium .dev-notice { font-size:8px; }
  .dev-premium .dev-hero { padding:52px 0 58px; }
  .dev-premium .dev-hero h1 { font-size:clamp(2.3rem,9.5vw,3.6rem); }
  .dev-premium .hero-description { font-size:12px; line-height:1.95; }
  .dev-premium .dev-hero .eyebrow { font-size:8px; letter-spacing:.07em; }
  .dev-premium .dev-hero .button-row { align-items:flex-start; gap:18px; }
  .dev-premium .trust-row { gap:13px; }
  .dev-premium .trust-row span { font-size:8px; }
  .dev-premium .preview-content { padding:24px 20px 12px; }
  .dev-premium .window-bar { padding:14px 18px; gap:14px; }
  .dev-premium .preview-content h2 { font-size:1.8rem; }
  .dev-premium .contract-preview { padding:12px; gap:8px; }
  .dev-premium .contract-preview code { font-size:9px; }
  .dev-premium .reference-steps small { font-size:9px; }
  .dev-premium .reference-steps strong { font-size:10px; }
  .dev-premium .reference-steps>a { gap:9px; }
  .dev-premium .section-space { padding-block:46px; }
  .dev-premium .closing-card { padding:28px; }
  .dev-premium .closing-card h2 { font-size:1.75rem; }
  .dev-premium .integration-band { padding-block:48px; }
  .dev-premium .docs-layout { display:block; padding-top:28px; }
  .dev-premium .docs-sidebar { border-bottom:1px solid var(--line); padding-bottom:22px; }
  .dev-premium .docs-sidebar nav { gap:3px; }
  .dev-premium .docs-sidebar nav a { font-size:10px; border-radius:5px; }
  .dev-premium .docs-sidebar .sidebar-label { flex-basis:100%; margin-top:12px; }
  .dev-premium .docs-content>article { padding:25px 22px; border-radius:14px; }
  .dev-premium .docs-content h1 { font-size:2rem; }
  .dev-premium .docs-content h2 { font-size:1.4rem; }
  .dev-premium .docs-content .lead { font-size:12px; }
  .dev-premium .topic-heading { padding:42px 0; }
  .dev-premium .topic-heading h1 { font-size:2.45rem; }
  .dev-premium .topic-heading .lead { font-size:12px; }
  .dev-premium .security-grid { grid-template-columns:1fr; }
  .dev-premium .topic-main .tool-grid { grid-template-columns:1fr; }
  .dev-premium .error-guidance { padding:20px; gap:15px; }
  .dev-premium .error-guidance a { margin-left:0; }
  .dev-premium .error-filters { padding:18px; }
  .dev-premium .reference-toolbar { top:70px; }
  .dev-premium .reference-workspace .product-sidebar { position:static; max-height:none; }
  .dev-premium .footer-grid { column-gap:20px; }
}
@media (prefers-reduced-motion:reduce) {
  .dev-premium { scroll-behavior:auto; }
  .dev-premium *, .dev-premium *:before, .dev-premium *:after { animation:none!important; transition:none!important; }
  .dev-premium .feature-card:hover { transform:none; }
  .dev-premium .reference-preview { transform:none; }
}
/* 2026 portal edition: a wide, readable developer workspace. */
.dev-premium { font:16px/1.8 HomePoppins,Arial,sans-serif; --header-height:82px; --purple-soft:#f4e8f6; background:#fff; }
.dev-premium h1,.dev-premium h2,.dev-premium h3 { font-family:HomePoppins,Arial,sans-serif; font-weight:600; text-wrap:balance; }
.dev-premium .dev-container { width:min(1440px,calc(100% - 80px)); }
.dev-premium .header-inner { width:min(1600px,calc(100% - 48px)); min-height:82px; gap:18px; }
.dev-premium .header-inner nav { gap:3px; }
.dev-premium .header-inner nav a { font-size:13px; padding:10px 9px; }
.dev-premium .brand-label { font-size:14px; }
.dev-premium .workspace-link { font-size:12px; min-height:42px; display:inline-flex; align-items:center; padding:10px 12px; }
.dev-premium .search-trigger { min-height:42px; font-size:13px; }
.dev-premium .dev-notice { font-size:12px; line-height:1.6; padding-block:9px; }
.dev-premium .dev-hero { padding:92px 0 100px; color:var(--ink); background:radial-gradient(ellipse at 88% 70%,#eddef5,transparent 48%),radial-gradient(ellipse at 8% 0,#fff3df,transparent 46%),#fcfafd; border-bottom:1px solid var(--line); }
.dev-premium .dev-hero:before { background-image:linear-gradient(#80008005 1px,transparent 1px),linear-gradient(90deg,#80008005 1px,transparent 1px); background-size:64px 64px; }
.dev-premium .dev-hero:after { left:0; right:0; height:4px; background:linear-gradient(90deg,#800080 0 70%,#ff941c 70%); }
.dev-premium .hero-grid { grid-template-columns:1.02fr .98fr; gap:clamp(40px,5vw,88px); }
.dev-premium .hero-copy { min-width:0; }
.dev-premium .dev-hero .eyebrow { color:#800080; background:#fff; border-color:#e9d7ed; font-size:11px; letter-spacing:.13em; }
.dev-premium .dev-hero h1 { font-size:clamp(48px,4.8vw,76px); line-height:1.08; letter-spacing:-.058em; color:#28132f; margin:26px 0; }
.dev-premium .dev-hero h1 em { color:#800080; }
.dev-premium .hero-description { font-size:17px; line-height:1.85; max-width:600px; color:#6a5b72; }
.dev-premium .button { font-size:14px; min-height:48px; border-radius:9px; padding:13px 20px; }
.dev-premium .dev-hero .button.primary { background:#800080; color:#fff; border-color:#800080; box-shadow:0 8px 22px #80008020; }
.dev-premium .dev-hero .button.primary:hover { background:#650065; }
.dev-premium .dev-hero .text-button { font-size:14px; color:#63276e; border-color:#d6b9df; }
.dev-premium .trust-row { border-color:#e5d7e9; gap:10px 20px; margin-top:30px; }
.dev-premium .trust-row span { color:#6a5674; font-size:12px; }
.dev-premium .reference-preview { transform:none; border-radius:18px; border-color:#492752; background:#21112d; box-shadow:0 25px 65px #3a134529,10px 10px 0 #e9d9ee; }
.dev-premium .window-bar { padding:17px 22px; background:#2d1838; gap:12px; font-size:12px; }
.dev-premium .public-badge { font-size:11px; }
.dev-premium .preview-content { padding:30px 30px 14px; }
.dev-premium .preview-content .kicker { font-size:11px; letter-spacing:.13em; }
.dev-premium .preview-content h2 { font-size:clamp(28px,2.7vw,39px); line-height:1.18; color:#fff; margin-bottom:24px; }
.dev-premium .contract-preview { border-radius:8px; padding:15px; background:#160b21; }
.dev-premium .contract-preview>span { font-size:12px; }
.dev-premium .contract-preview code { font-size:13px; }
.dev-premium .contract-preview small { font-size:11px; line-height:1.6; }
.dev-premium .reference-steps>a { padding:16px 0; align-items:flex-start; }
.dev-premium .reference-steps>a>b { font-size:12px; min-width:35px; text-align:center; border-radius:6px; }
.dev-premium .reference-steps strong { font-size:14px; }
.dev-premium .reference-steps small { font-size:12px; line-height:1.7; }
.dev-premium .section-space { padding-block:88px; }
.dev-premium .kicker { font-size:12px; letter-spacing:.13em; }
.dev-premium .section-heading { margin-bottom:36px; }
.dev-premium .section-heading h2 { font-size:clamp(32px,3.3vw,48px); line-height:1.16; }
.dev-premium .section-heading p { font-size:16px; max-width:460px; }
.dev-premium .feature-grid { gap:0; border:1px solid #e6d8eb; border-radius:16px; overflow:hidden; }
.dev-premium .feature-card { border:0; border-right:1px solid #e6d8eb; border-radius:0; padding:38px 32px 32px; box-shadow:none; background:#fff; }
.dev-premium .feature-card:last-child { border-right:0; }
.dev-premium .feature-card.featured-card { background:#f8f0fb; }
.dev-premium .feature-card:hover { transform:none; background:#fcf5ff; box-shadow:inset 0 4px #800080; }
.dev-premium .feature-index { top:36px; right:30px; font-size:12px; }
.dev-premium .feature-icon { width:52px; height:52px; margin-bottom:38px; border-radius:12px; }
.dev-premium .feature-card h3 { font-size:24px; line-height:1.25; }
.dev-premium .feature-card p { font-size:16px; line-height:1.85; }
.dev-premium .feature-card>strong { font-size:14px; margin-top:26px; padding-top:20px; }
.dev-premium .product-grid .feature-card { border:1px solid var(--line); border-radius:12px; }
.dev-premium .integration-band { padding-block:84px; background:radial-gradient(ellipse at 100% 100%,#57205a,transparent 62%),#21122b; }
.dev-premium .integration-layout { grid-template-columns:.9fr 1.1fr; gap:90px; align-items:start; }
.dev-premium .integration-band h2 { font-size:clamp(32px,3.3vw,46px); }
.dev-premium .integration-band p { font-size:16px; line-height:1.85; max-width:540px; }
.dev-premium .integration-steps { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.dev-premium .integration-steps li { display:block; padding:24px; border:1px solid #76548755; border-radius:12px; background:#ffffff04; }
.dev-premium .integration-steps li:last-child { border:1px solid #76548755; }
.dev-premium .integration-steps b { display:inline-flex; align-items:center; justify-content:center; min-width:36px; margin-bottom:23px; font-size:12px; }
.dev-premium .integration-steps h3 { font-size:20px; }
.dev-premium .integration-steps p { font-size:14px; }
.dev-premium .developer-tool-strip { padding:0 0 42px; margin-bottom:42px; }
.dev-premium .developer-tool-strip h2 { font-size:32px; }
.dev-premium .developer-tool-strip p,.dev-premium .closing-card p { font-size:16px; line-height:1.8; }
.dev-premium .closing-card { padding:46px; border-radius:14px; }
.dev-premium .closing-card h2 { font-size:36px; }
.dev-premium .docs-layout { grid-template-columns:230px minmax(0,1fr) 175px; gap:38px; padding-top:46px; }
.dev-premium .docs-sidebar { border-right:1px solid var(--line); padding:8px 20px 24px 0; }
.dev-premium .docs-sidebar nav a,.dev-premium .on-this-page>a { font-size:14px; line-height:1.65; padding:10px 12px; }
.dev-premium .sidebar-label { font-size:11px; letter-spacing:.12em; }
.dev-premium .docs-content>article { border:0; border-bottom:1px solid var(--line); border-radius:0; padding:12px 0 36px; margin-bottom:32px; }
.dev-premium .docs-content>article:first-child { padding:30px; background:#f8f0fc; border:1px solid #e8d8ee; border-radius:12px; }
.dev-premium .docs-content h1 { font-size:clamp(38px,3.4vw,52px); }
.dev-premium .docs-content h2 { font-size:29px; }
.dev-premium .docs-content h3 { font-size:21px; }
.dev-premium .docs-content p,.dev-premium .docs-content li { font-size:16px; line-height:1.9; }
.dev-premium .docs-content .lead { font-size:18px; }
.dev-premium .docs-content pre { max-width:100%; font-size:13px; line-height:1.85; overflow:auto; }
.dev-premium .notice { font-size:14px; line-height:1.85; }
.dev-premium .guide-topic-link { font-size:13px; }
.dev-premium .tool-card { padding:28px; border-radius:12px; }
.dev-premium .tool-card h3 { font-size:24px; }
.dev-premium .tool-card p { font-size:16px; }
.dev-premium .tool-card code { font-size:13px; }
.dev-premium .topic-heading { padding:78px 0; }
.dev-premium .topic-heading h1 { font-size:clamp(42px,4.4vw,66px); }
.dev-premium .topic-heading .lead { font-size:17px; max-width:900px; }
.dev-premium .topic-heading .breadcrumb { font-size:13px; }
.dev-premium .topic-layout { grid-template-columns:minmax(0,1fr) 320px; gap:40px; }
.dev-premium .topic-main>section>h2 { font-size:32px; }
.dev-premium .topic-main>section>p,.dev-premium .security-card p,.dev-premium .topic-callout p { font-size:16px; }
.dev-premium .security-card { border-radius:12px; padding:28px; }
.dev-premium .security-card h3 { font-size:22px; }
.dev-premium .topic-aside { border-top:4px solid #800080; border-radius:10px; padding:28px; }
.dev-premium .topic-aside h2 { font-size:22px; }
.dev-premium .topic-aside p,.dev-premium .topic-aside li,.dev-premium .topic-aside a { font-size:14px; }
.dev-premium .topic-callout h2 { font-size:24px; }
.dev-premium .topic-callout a { font-size:14px; }
.dev-premium .errors-page { max-width:1280px; }
.dev-premium .error-guidance { border-radius:10px; }
.dev-premium .error-guidance p { font-size:16px; }
.dev-premium .error-guidance a { font-size:14px; }
.dev-premium .error-filters label,.dev-premium .error-filters input,.dev-premium .error-filters select { font-size:14px; }
.dev-premium .error-code-entry p { font-size:14px; line-height:1.85; }
.dev-premium .error-code-entry h2 { font-size:15px; }
.dev-premium .error-code-entry a { font-size:13px; }
.dev-premium .reference-layout { max-width:1760px; grid-template-columns:260px minmax(0,1fr); }
.dev-premium .reference-layout.has-contract { grid-template-columns:260px minmax(0,1fr) 390px; }
.dev-premium .reference-main { padding:40px; min-width:0; }
.dev-premium .reference-main h1 { font-size:clamp(34px,3vw,46px); }
.dev-premium .reference-main h2 { font-size:28px; }
.dev-premium .reference-main h3 { font-size:20px; }
.dev-premium .reference-main>.lead,.dev-premium .endpoint>p,.dev-premium .state-panel p { font-size:16px; line-height:1.85; }
.dev-premium .reference-workspace .product-sidebar { background:#f8f2fb; padding:24px 16px; top:132px; height:calc(100vh - 132px); max-height:calc(100vh - 132px); }
.dev-premium #product-navigation summary,.dev-premium #product-navigation a,.dev-premium #product-navigation .sidebar-endpoints a { font-size:13px; line-height:1.65; }
.dev-premium .sidebar-search input { font-size:14px; min-height:44px; }
.dev-premium .guide-link { font-size:14px; }
.dev-premium .sidebar-help p,.dev-premium .sidebar-help a { font-size:13px; }
.dev-premium .reference-toolbar { top:82px; }
.dev-premium .reference-workspace .code-rail { top:132px; max-height:calc(100vh - 132px); padding:24px 18px; background:#1e102a; }
.dev-premium .code-rail-title,.dev-premium .code-note { font-size:12px; }
.dev-premium .sample pre { font:13px/1.85 Consolas,monospace; }
.dev-premium .sample-bar button { min-height:36px; font-size:12px; }
.dev-premium table { font-size:14px; }
.dev-premium th { font-size:12px; }
.dev-premium td code { font-size:13px; }
.dev-premium .dev-footer p { font-size:16px; }
.dev-premium .dev-footer a:not(:has(img)) { font-size:14px; }
.dev-premium .footer-bottom { font-size:12px; }
@media(max-width:1380px) {
 .dev-premium .header-inner { flex-wrap:wrap; }
 .dev-premium .header-actions { margin-left:auto; }
 .dev-premium .header-inner nav { display:none; width:100%; order:3; margin:0; flex-direction:column; align-items:stretch; gap:0; padding-bottom:14px; }
 .dev-premium .header-inner nav.is-open { display:flex; max-height:70vh; overflow:auto; }
 .dev-premium .header-inner nav a { font-size:14px; padding:12px; }
 .dev-premium #menu-toggle { display:block; width:44px; height:44px; }
 .dev-premium .reference-layout.has-contract { grid-template-columns:240px minmax(0,1fr) 330px; }
 .dev-premium .reference-main { padding:32px; }
 .dev-premium .docs-layout { grid-template-columns:220px minmax(0,1fr); }
 .dev-premium .on-this-page { display:none; }
}
@media(max-width:1100px) {
 .dev-premium .dev-container { width:calc(100% - 48px); }
 .dev-premium .hero-grid { grid-template-columns:1fr; gap:50px; }
 .dev-premium .hero-copy { max-width:760px; }
 .dev-premium .dev-hero h1 { font-size:clamp(46px,6.5vw,72px); }
 .dev-premium .reference-preview { width:100%; max-width:700px; }
 .dev-premium .integration-layout { grid-template-columns:1fr; gap:42px; }
 .dev-premium .feature-grid { grid-template-columns:1fr; }
 .dev-premium .feature-card { border-right:0; border-bottom:1px solid var(--line); padding:32px; }
 .dev-premium .feature-card:last-child { border-bottom:0; }
 .dev-premium .feature-icon { margin-bottom:25px; }
 .dev-premium .topic-layout { grid-template-columns:1fr; }
 .dev-premium .topic-aside { position:static; }
 .dev-premium .reference-layout.has-contract { grid-template-columns:230px minmax(0,1fr); }
 .dev-premium .code-rail { display:none; }
 .dev-premium .has-contract .inline-samples { display:block; }
 .dev-premium .reference-workspace .product-sidebar { top:132px; }
}
@media(max-width:760px) {
 .dev-premium .dev-container { width:calc(100% - 36px); }
 .dev-premium .header-inner { width:calc(100% - 28px); min-height:72px; gap:10px; }
 .dev-premium .header-inner>.brand,.dev-premium .header-inner>.header-actions { min-height:72px; }
 .dev-premium .brand img { width:90px; height:auto; }
 .dev-premium .brand-label { font-size:12px; }
 .dev-premium .workspace-link { display:none; }
 .dev-premium .search-trigger { min-width:42px; padding:12px; }
 .dev-premium .search-label,.dev-premium .search-trigger kbd { display:none; }
 .dev-premium .dev-hero { padding:48px 0 64px; }
 .dev-premium .dev-hero h1 { font-size:clamp(38px,8.7vw,60px); }
 .dev-premium .hero-description { font-size:16px; }
 .dev-premium .hero-grid { gap:36px; }
 .dev-premium .dev-hero .eyebrow { font-size:10px; letter-spacing:.08em; }
 .dev-premium .reference-preview { box-shadow:0 16px 35px #3a13451a,5px 5px 0 #e9d9ee; }
 .dev-premium .preview-content { padding:24px 20px 10px; }
 .dev-premium .preview-content h2 { font-size:30px; }
 .dev-premium .window-bar { padding:14px 18px; flex-wrap:wrap; font-size:11px; }
 .dev-premium .contract-preview code { font-size:12px; }
 .dev-premium .reference-steps strong { font-size:13px; }
 .dev-premium .reference-steps small { font-size:12px; }
 .dev-premium .section-space { padding-block:56px; }
 .dev-premium .section-heading { display:block; }
 .dev-premium .section-heading h2 { font-size:32px; }
 .dev-premium .feature-card { padding:28px; }
 .dev-premium .integration-band { padding-block:56px; }
 .dev-premium .integration-steps { grid-template-columns:1fr; }
 .dev-premium .integration-steps li { display:flex; gap:20px; }
 .dev-premium .integration-steps b { flex:none; }
 .dev-premium .closing-card { padding:30px 24px; }
 .dev-premium .closing-card h2 { font-size:30px; }
 .dev-premium .docs-layout { display:block; padding-top:24px; }
 .dev-premium .docs-sidebar { position:static; border-right:0; border-bottom:1px solid var(--line); padding:0 0 20px; margin-bottom:32px; }
 .dev-premium .docs-sidebar nav { display:flex; flex-wrap:wrap; gap:4px; }
 .dev-premium .docs-sidebar nav a { font-size:13px; }
 .dev-premium .docs-content>article:first-child { padding:25px 22px; }
 .dev-premium .docs-content h1 { font-size:34px; }
 .dev-premium .docs-content .lead { font-size:16px; }
 .dev-premium .topic-heading { padding:48px 0; }
 .dev-premium .topic-heading h1 { font-size:38px; }
 .dev-premium .topic-heading .lead { font-size:16px; }
 .dev-premium .security-grid { grid-template-columns:1fr; }
 .dev-premium .reference-toolbar { top:72px; }
 .dev-premium .reference-layout,.dev-premium .reference-layout.has-contract { display:block; }
 .dev-premium .reference-workspace .product-sidebar { position:static; height:auto; max-height:none; padding:20px 18px; }
 .dev-premium .reference-main { padding:30px 18px 48px; }
 .dev-premium .reference-main h1 { font-size:32px; }
 .dev-premium .toolbar-meta { display:none; }
 .dev-premium .toolbar-inner { padding-inline:18px; }
 .dev-premium .error-guidance p { min-width:0; flex-basis:100%; }
 .dev-premium .error-filters { grid-template-columns:1fr; }
 .dev-premium .error-filters>div:first-child { grid-column:auto; }
 .dev-premium .dev-footer .footer-grid { grid-template-columns:1fr; }
 .dev-premium .footer-bottom { flex-wrap:wrap; gap:10px; }
}
@media(prefers-reduced-motion:reduce) { .dev-premium *, .dev-premium *:before, .dev-premium *:after { animation:none!important; transition:none!important; } }

