:root{
  --ink:#061b3d; --ink-2:#0d2a59; --muted:#566987; --muted-2:#7b8ba6;
  --blue:#0f5cff; --blue-2:#2b6fff; --blue-3:#eaf2ff; --border:#d8e4f2;
  --line:#edf2f8; --bg:#fbfdff; --soft:#f6f9fd; --white:#fff; --green:#009b72;
  --shadow:0 20px 60px rgba(6,27,61,.08); --shadow-sm:0 10px 30px rgba(6,27,61,.06);
  --radius:18px; --radius-sm:12px; --max:1180px; --header:88px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0%,#fbfdff 45%,#f7fbff 100%);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none} a:hover{color:var(--blue)} img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding:56px 0}.section-pad{padding:72px 0 40px}.section-top{padding:10px 0 56px}.center{text-align:center}.section-subtitle{margin-top:-10px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,7vw,74px);line-height:.98;letter-spacing:-.06em;margin-bottom:24px}h2{font-size:clamp(28px,3.2vw,40px);line-height:1.08;letter-spacing:-.04em;margin-bottom:10px}h3{font-size:20px;line-height:1.25;letter-spacing:-.02em}p{color:var(--muted)}small{color:var(--muted-2)}.skip-link{position:absolute;left:-999px;top:12px;background:#fff;padding:10px 14px;border:1px solid var(--border);border-radius:10px;z-index:100}.skip-link:focus{left:12px}.site-header{height:var(--header);position:sticky;top:0;background:rgba(255,255,255,.88);backdrop-filter:saturate(140%) blur(16px);border-bottom:1px solid var(--line);z-index:50}.header-inner{height:100%;display:grid;grid-template-columns:180px 1fr auto;gap:28px;align-items:center}.brand{display:flex;align-items:center;width:160px;min-width:160px}.brand img{width:160px;height:auto}.footer-logo img{width:158px}.main-nav{display:flex;align-items:center;justify-content:center;gap:8px}.nav-group{position:relative}.nav-link,.dropdown-trigger{border:0;background:transparent;font:600 14px/1.2 inherit;color:var(--ink);padding:12px 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.nav-link:hover,.nav-link[aria-current="page"],.dropdown-trigger:hover{background:var(--blue-3);color:var(--blue);font-size:14px}.chev{font-size:16px;line-height:1;transition:transform .18s}.has-dropdown.open .chev,.has-dropdown:hover .chev{transform:rotate(180deg)}.dropdown-panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);width:330px;padding:10px;background:rgba(255,255,255,.98);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.has-dropdown:hover .dropdown-panel,.has-dropdown:focus-within .dropdown-panel,.has-dropdown.open .dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.dropdown-item{display:block;padding:12px 14px;border-radius:12px}.dropdown-item span{display:block;font-weight:700;font-size:14px;color:var(--ink)}.dropdown-item small{display:block;font-size:12px;margin-top:2px}.dropdown-item:hover{background:var(--soft);color:var(--ink)}.header-actions{display:flex;align-items:center;gap:10px}.link-action{font-weight:700;font-size:14px;color:var(--ink);padding:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 18px;border:1px solid transparent;font-weight:750;font-size:14px;line-height:1.2;white-space:nowrap;transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.btn:hover{font-size:14px}.btn-primary{background:linear-gradient(180deg,var(--blue-2),var(--blue));color:white;box-shadow:0 10px 24px rgba(15,92,255,.22)}.btn-primary:hover{color:white;box-shadow:0 14px 30px rgba(15,92,255,.28)}.btn-secondary,.btn-ghost{border-color:#b9c9e2;background:#fff;color:var(--blue)}.btn-secondary:hover,.btn-ghost:hover{background:var(--blue-3);color:var(--blue)}.btn-dark-outline{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}.btn.small{padding:10px 14px}.btn.full{width:100%}.mobile-toggle{display:none;background:transparent;border:0;width:42px;height:42px;border-radius:10px}.mobile-toggle span{display:block;height:2px;background:var(--ink);margin:6px 8px;border-radius:2px}.hero-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:72px;align-items:center}.hero-copy p{font-size:20px;max-width:530px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);background:var(--blue-3);border:1px solid #d8e7ff;border-radius:999px;font-weight:760;font-size:14px;padding:8px 12px;margin-bottom:24px}.eyebrow svg,.icon svg{width:22px;height:22px}.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}.metric-strip{display:flex;gap:20px;flex-wrap:wrap;margin-top:36px}.metric-strip span{display:flex;align-items:flex-start;gap:8px;font-weight:800;font-size:13px}.metric-strip svg{width:20px;height:20px;color:var(--blue);flex:0 0 auto}.metric-strip small{display:block;font-weight:600;font-size:11px}.api-card,.code-panel,.soft-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.hero-card{min-height:470px}.api-tabs{display:flex;border-bottom:1px solid var(--border);background:#fbfdff}.api-tabs button{flex:1;padding:16px;border:0;background:transparent;font-weight:800;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer}.api-tabs button:hover{color:var(--blue);font-size:inherit}.api-tabs .active{color:var(--blue);border-color:var(--blue);background:#fff}.api-panels{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px}.api-panel h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em}.endpoint,.status-row{height:42px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px 10px 0 0;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.endpoint span,.status-row span{background:#e9f7f1;color:#006d50;border-radius:6px;padding:3px 7px;font-weight:800}.endpoint span{background:#eaf2ff;color:var(--blue)}pre{margin:0;background:#fbfdff;border:1px solid var(--line);border-radius:12px;overflow:auto;padding:18px;text-align:left;white-space:pre-wrap}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:#15345d}.api-panel pre{border-top:0;border-radius:0 0 10px 10px;min-height:240px}.api-actions,.status-row{display:flex;justify-content:space-between;margin-top:14px}.api-actions button{border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px 14px;font-weight:700}.text-link,.feature-card a,.mini-card a,.story-card a,.case-card a,.template-card a{color:var(--blue);font-weight:800}.arrow{font-weight:900}.trusted{margin-top:30px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.72);padding:18px 26px;text-align:center}.trusted p{font-size:14px;margin-bottom:12px;color:var(--muted)}.trusted div{display:flex;justify-content:space-around;align-items:center;gap:20px;flex-wrap:wrap}.trusted span{font-weight:850;color:#17315e}.card-grid{display:grid;gap:24px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.feature-card,.mini-card,.story-card,.case-card,.template-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:32px;text-align:left;box-shadow:0 1px 0 rgba(6,27,61,.02);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.feature-card:hover,.case-card:hover,.template-card:hover,.blog-row:hover,.guide-row:hover,.product-row:hover{border-color:#b9cff4;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.feature-card .icon,.mini-card svg,.template-card .icon,.soft-cta .icon,.case-logo,.guide-row .icon,.product-row .icon,.big-icon{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:14px;color:var(--blue);background:#f9fbff;margin-bottom:22px}.feature-card p,.mini-card p,.story-card p,.case-card p,.template-card p{font-size:15px}.center-link{display:inline-block;margin-top:24px}.band{padding:32px;border:1px solid var(--line);background:linear-gradient(90deg,#f8fbff,#fff);border-radius:var(--radius);text-align:center}.inline-features,.use-case-row,.included-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:26px;text-align:left}.inline-features span,.use-case-row span,.included-row span{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.inline-features svg,.use-case-row svg,.included-row svg{width:30px;height:30px;color:var(--blue)}.inline-features small,.use-case-row small{display:block}.use-case-row{grid-template-columns:repeat(5,1fr)}.tight .mini-card{display:grid;grid-template-columns:70px 1fr;gap:4px 18px}.mini-card svg{grid-row:1/4;width:58px;height:58px;padding:14px}.code-split{display:grid;grid-template-columns:1fr .9fr;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;text-align:left}.code-split>div{padding:0}.code-split>div:last-child{border-left:1px solid var(--border);padding:24px}.small-tabs button{padding:10px 16px;font-size:13px}.code-split a{display:block;text-align:right;padding:14px 20px;color:var(--blue);font-weight:800}.story-card h3{font-size:16px;min-height:60px}.story-card b{display:block;margin-top:22px}.pricing-band{margin-block:38px;padding:34px 54px;border-radius:14px;background:#061f46;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.pricing-band p,.pricing-band h2{color:#fff;margin:0}.pricing-band>div:last-child{display:flex;gap:16px}.final-cta{padding:28px 48px;border:1px solid var(--border);border-radius:16px;background:#fff;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:32px;margin-bottom:48px}.final-cta img{width:160px}.final-cta .cta-row{margin:0}.page-hero{padding:56px 0 36px}.page-hero h1{font-size:clamp(44px,7vw,72px)}.page-hero p{font-size:20px;max-width:780px}.narrow-hero p{max-width:720px}.breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:34px;color:var(--muted);font-weight:700}.breadcrumbs svg{width:20px;height:20px;color:var(--blue)}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--blue)}.search-box{margin-top:34px;display:flex;align-items:center;gap:12px;width:min(560px,100%);height:64px;border:1px solid var(--border);border-radius:14px;background:#fff;padding:0 18px;color:var(--muted)}.search-box svg{width:26px;height:26px}.search-box input{border:0;outline:0;width:100%;font:inherit;color:var(--ink)}.soft-cta{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:24px;padding:30px 48px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(90deg,#f7fbff,#fff);margin-bottom:60px}.pill-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.pill{height:48px;padding:0 26px;border:1px solid var(--border);background:#fff;border-radius:10px;color:var(--ink);font-weight:800;cursor:pointer}.pill:hover{border-color:#b9cff4;font-size:inherit}.pill.active{background:var(--blue);border-color:var(--blue);color:#fff}.case-card small{display:block;margin:26px 0;color:var(--muted)}.case-logo svg{width:30px;height:30px}.case-logo.large{width:74px;height:74px;border-radius:22px}.blog-layout,.two-col,.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:36px;padding-bottom:64px}.blog-list{display:grid;gap:18px}.blog-row{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;transition:.16s ease}.blog-row small{font-weight:900;text-transform:uppercase;color:var(--green)}.blog-row h2{font-size:24px}.blog-row span{color:var(--muted)}.blog-visual,.article-hero{height:170px;border-radius:10px;background:#0c214a;position:relative;overflow:hidden}.visual-space{background:radial-gradient(circle at 70% 45%,rgba(64,117,255,.75),transparent 22%),linear-gradient(135deg,#081a3a,#0d337a 55%,#000b20)}.visual-photo{background:linear-gradient(135deg,#dae8f4,#6e8d74)}.visual-kids{background:radial-gradient(circle at 20% 35%,#f9b17d,transparent 22%),radial-gradient(circle at 70% 45%,#6ca8ff,transparent 18%),linear-gradient(135deg,#fff4df,#c8e4ff)}.visual-play{background:linear-gradient(135deg,#bdd9ff,#e7f0ff)}.visual-stage{background:linear-gradient(135deg,#111827,#2a3e70)}.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px;height:max-content}.sidebar-card a{display:block;padding:10px 0;color:var(--muted);font-weight:700}.sidebar-card a.active,.sidebar-card a:hover{color:var(--blue)}.subscribe{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}input,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:13px 14px;font:inherit;color:var(--ink);background:#fff}.subscribe input{margin:12px 0}.pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:32px 0}.pagination a,.pagination span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:8px;font-weight:800}.pagination .active{background:#fff;color:var(--blue);border-color:var(--blue)}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 280px;gap:70px;padding:48px 0 74px}.article-main h1{font-size:clamp(40px,5.2vw,62px)}.article-main h2{font-size:30px;margin-top:40px}.lead{font-size:21px;color:#244168}.article-meta{color:var(--green);font-weight:900;text-transform:uppercase}.article-aside{position:sticky;top:120px;height:max-content;background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px}.article-aside a{display:block;padding:8px 0;color:var(--muted);font-weight:700}.article-aside dl{display:grid;gap:12px}.article-aside dt{font-weight:900;color:var(--ink)}.article-aside dd{margin:0;color:var(--muted)}.quote-box{background:#f3f7ff;border-left:4px solid var(--blue);padding:22px;border-radius:0 12px 12px 0;margin:30px 0}.check-list{padding:0;list-style:none}.check-list li{position:relative;padding-left:26px;margin:10px 0;color:var(--muted)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.guide-list,.product-list-large{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}.guide-row,.product-row{display:grid;grid-template-columns:78px 1fr 36px;gap:22px;align-items:center;padding:28px;border-bottom:1px solid var(--line);transition:.16s ease}.guide-row:last-child,.product-row:last-child{border-bottom:0}.guide-row .icon,.product-row .icon{margin:0}.guide-row h2,.product-row h2{font-size:26px}.guide-row small{color:var(--blue);font-weight:800}.help-box{margin-top:30px;padding:24px;background:#f7fbff;border-radius:12px}.tabs-line{display:flex;gap:34px;border-bottom:1px solid var(--border);margin-top:34px;overflow:auto}.tabs-line a{padding-bottom:18px;font-weight:800;color:var(--muted);border-bottom:3px solid transparent}.tabs-line a.active{color:var(--blue);border-color:var(--blue)}.metric-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-bottom:56px}.metric-cards article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:34px}.metric-cards svg{width:44px;height:44px;color:var(--blue);margin-bottom:24px}.metric-cards b{display:block;font-size:42px;line-height:1;color:var(--ink);letter-spacing:-.04em}.metric-cards span{display:block;margin:16px 0;color:#273f67}.metric-cards small{color:var(--green);font-weight:800}.data-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;margin:24px 0 28px}.data-table th,.data-table td{padding:22px 24px;text-align:left;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.data-table th{color:#50617d;background:#fbfdff}.template-card{min-height:260px}.template-card>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:34px}.product-hero .hero-flex{display:grid;grid-template-columns:1fr 560px;gap:60px;align-items:center}.big-icon{margin-bottom:18px}.big-icon svg{width:32px;height:32px}.code-panel{padding:20px}.code-panel.dark{background:#071b3f}.code-panel.dark code{color:#dbe8ff}.feature-split{display:grid;grid-template-columns:1fr 340px;gap:50px;padding-top:28px}.soft-card{padding:28px}.soft-card a{display:block;padding:12px 0;color:var(--blue);font-weight:800;border-bottom:1px solid var(--line)}.radar-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px;margin-bottom:28px}.radar{height:300px;border-radius:16px;background:radial-gradient(circle at center,transparent 0 25%,rgba(15,92,255,.07) 26% 27%,transparent 28% 50%,rgba(15,92,255,.1) 51% 52%,transparent 53%),conic-gradient(from 12deg,rgba(15,92,255,.12),rgba(15,92,255,.02),rgba(15,92,255,.12));position:relative;display:grid;place-items:center;color:var(--muted);font-weight:800}.template-actions{display:flex;gap:12px;margin:24px 0}.billing-toggle{margin-top:24px;display:inline-flex;border:1px solid var(--border);padding:4px;border-radius:999px;background:#fff}.billing-toggle button{border:0;background:transparent;padding:10px 18px;border-radius:999px;font-weight:800;cursor:pointer}.billing-toggle button.active{background:var(--blue);color:#fff}.billing-toggle span{color:var(--green)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-bottom:36px}.pricing-grid article{background:#fff;border:1px solid var(--border);border-radius:16px;padding:34px}.pricing-grid article.featured{border-color:var(--blue);box-shadow:var(--shadow)}.pricing-grid b{font-size:42px;display:block;margin:20px 0;letter-spacing:-.04em}.pricing-grid small{font-size:16px}.included-row{grid-template-columns:repeat(4,1fr);padding-bottom:64px}.contact-form{background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px;display:grid;gap:18px}.contact-form label{font-weight:800;color:var(--ink)}.legal-page{max-width:860px;padding-bottom:80px}.legal-page h2{margin-top:38px}.timeline{max-width:880px;padding-bottom:80px}.timeline article{border-left:3px solid var(--blue);padding:8px 0 30px 28px}.timeline time{color:var(--blue);font-weight:900}.status-card{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:28px}.status-dot{width:16px;height:16px;background:var(--green);border-radius:999px;box-shadow:0 0 0 8px rgba(0,155,114,.1)}.site-footer{border-top:1px solid var(--line);background:linear-gradient(180deg,#fbfdff,#f4f8fd);padding:58px 0 38px}.footer-grid{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:54px}.footer-brand p{max-width:260px}.socials{display:flex;gap:12px;margin:22px 0}.socials a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--ink);font-weight:900;font-size:13px}.footer-col h3{font-size:16px;margin-bottom:16px}.footer-col a{display:block;color:var(--muted);font-weight:650;margin:9px 0}.footer-col a:hover,.footer-col a[aria-current="page"]{color:var(--blue);font-size:inherit}.copyright{font-size:13px}.legal-row{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--blue)}
@media (max-width: 980px){.container{width:min(100% - 36px,var(--max))}.header-inner{grid-template-columns:150px auto}.brand,.brand img{width:140px;min-width:140px}.mobile-toggle{display:block;justify-self:end}.main-nav,.header-actions{display:none}.site-header.nav-open{height:auto}.site-header.nav-open .header-inner{grid-template-columns:1fr auto;align-items:start;padding-block:18px}.site-header.nav-open .main-nav,.site-header.nav-open .header-actions{display:flex;grid-column:1/-1;flex-direction:column;align-items:stretch}.dropdown-panel{position:static;transform:none;width:100%;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;display:none;margin:8px 0}.has-dropdown.open .dropdown-panel,.has-dropdown:focus-within .dropdown-panel{display:block;transform:none}.hero-grid,.api-panels,.code-split,.blog-layout,.two-col,.contact-grid,.article-layout,.product-hero .hero-flex,.feature-split{grid-template-columns:1fr}.card-grid.three,.card-grid.four,.metric-cards,.pricing-grid,.inline-features,.use-case-row,.included-row,.footer-grid{grid-template-columns:1fr 1fr}.final-cta{grid-template-columns:1fr}.soft-cta{grid-template-columns:1fr}.blog-row{grid-template-columns:1fr}.article-aside{position:static}.pricing-band{align-items:flex-start;flex-direction:column}}
@media (max-width: 640px){h1{font-size:42px}.page-hero h1{font-size:42px}.card-grid.three,.card-grid.four,.metric-cards,.pricing-grid,.inline-features,.use-case-row,.included-row,.footer-grid{grid-template-columns:1fr}.pricing-band{padding:28px}.pricing-band>div:last-child{flex-direction:column;width:100%}.pricing-band .btn{width:100%}.final-cta{padding:24px}.blog-row{padding:14px}.api-panel pre{min-height:unset}.hero-card{min-height:unset}.guide-row,.product-row{grid-template-columns:56px 1fr}.guide-row b,.product-row b{display:none}.soft-cta{padding:24px}.footer-grid{gap:26px}.header-inner{gap:10px}.metric-strip{gap:14px}}


/* --- Interaction fixes: dropdown bridge + stable button hover --- */
.nav-group{position:relative;padding-block:0;}
.nav-group::after{content:"";position:absolute;left:-18px;right:-18px;top:100%;height:18px;display:none;background:transparent;z-index:58;}
.has-dropdown:hover::after,.has-dropdown:focus-within::after,.has-dropdown.open::after{display:block;}
.dropdown-panel{top:calc(100% + 8px);z-index:60;}
.nav-link,.dropdown-trigger,.btn,.link-action,.api-tabs button,.billing-toggle button{box-sizing:border-box;min-height:44px;transform:none!important;letter-spacing:normal;}
.nav-link:hover,.dropdown-trigger:hover,.btn:hover,.link-action:hover,.api-tabs button:hover,.billing-toggle button:hover{transform:none!important;letter-spacing:normal!important;}
.btn,.btn:hover{padding:12px 18px;border-width:1px;font-size:14px;line-height:1.2;}
.btn.small,.btn.small:hover{padding:10px 14px;font-size:14px;}
.nav-link,.nav-link:hover,.dropdown-trigger,.dropdown-trigger:hover{padding:12px 14px;font-size:14px;line-height:1.2;}
.link-action,.link-action:hover{font-size:14px;line-height:1.2;padding:10px;}
.dropdown-item,.dropdown-item:hover{font-size:inherit;transform:none!important;}
.dropdown-item span,.dropdown-item:hover span{font-size:14px;}
.dropdown-item small,.dropdown-item:hover small{font-size:12px;}
.header-actions{min-height:44px;}
.credit-overview{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding-bottom:34px;}
.credit-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:34px;box-shadow:var(--shadow-sm);}
.credit-card h2{font-size:32px;}
.credit-card .big-number{font-size:52px;line-height:1;letter-spacing:-.06em;color:var(--ink);font-weight:900;margin:12px 0 8px;}
.credit-card .big-number small{font-size:16px;letter-spacing:0;font-weight:800;}
.credit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;}
.credit-grid span{display:block;border:1px solid var(--line);background:#fbfdff;border-radius:14px;padding:18px;}
.credit-grid b{display:block;font-size:22px;color:var(--ink);}
.credit-grid small{display:block;margin-top:4px;}
.product-pricing{padding-bottom:42px;}
.product-price-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);}
.product-price-table th,.product-price-table td{padding:20px 22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;}
.product-price-table th{background:#fbfdff;color:#4f6382;font-size:13px;text-transform:uppercase;letter-spacing:.04em;}
.product-price-table tr:last-child td{border-bottom:0;}
.product-price-table td:first-child{font-weight:900;color:var(--ink);}
.product-price-table small{display:block;margin-top:3px;}
.pricing-grid.credit-plans{grid-template-columns:repeat(4,1fr);padding-bottom:38px;}
.pricing-grid.credit-plans article{display:flex;flex-direction:column;min-height:430px;}
.pricing-grid.credit-plans .btn{margin-top:auto;}
.price-note{font-size:14px;color:var(--muted);margin-top:12px;}
.credit-example{background:linear-gradient(90deg,#f8fbff,#fff);border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:64px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;}
.credit-example code{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:inline-block;}
@media (max-width: 980px){.credit-overview,.pricing-grid.credit-plans{grid-template-columns:1fr 1fr}.credit-example{grid-template-columns:1fr}.dropdown-panel{top:auto}}
@media (max-width: 640px){.credit-overview,.pricing-grid.credit-plans,.credit-grid{grid-template-columns:1fr}.product-price-table{display:block;overflow-x:auto;white-space:nowrap}}


/* --- v3 fixes: detail-page layout, clickable dropdowns, stable hover sizing --- */
.article-layout > .breadcrumbs{
  grid-column:1 / -1;
  margin-bottom:0;
}
.article-layout.detail-page{
  align-items:start;
}
.article-main,.article-aside,.product-hero .hero-flex > *, .feature-split > *{
  min-width:0;
}
.site-header{z-index:100;}
.nav-group{position:relative;}
.nav-group::after{
  content:"";
  position:absolute;
  left:-22px;
  right:-22px;
  top:100%;
  height:18px;
  display:block;
  pointer-events:auto;
}
.dropdown-panel{
  top:100% !important;
  margin-top:0 !important;
  padding-top:14px !important;
  transform:translateX(-50%) translateY(0) !important;
  z-index:120 !important;
}
.has-dropdown:hover .dropdown-panel,
.has-dropdown:focus-within .dropdown-panel,
.has-dropdown.open .dropdown-panel{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}
.nav-link,.dropdown-trigger,.btn,.link-action,.dropdown-item,.dropdown-item span,.dropdown-item small{
  transform:none !important;
  letter-spacing:normal;
}
.nav-link,.dropdown-trigger{
  min-height:44px !important;
  padding:12px 14px !important;
  font-size:14px !important;
  line-height:1.2 !important;
}
.btn,.btn:hover,.btn:focus-visible{
  min-height:44px !important;
  padding:12px 18px !important;
  border-width:1px !important;
  font-size:14px !important;
  line-height:1.2 !important;
  transform:none !important;
}
.btn.small,.btn.small:hover,.btn.small:focus-visible{
  min-height:40px !important;
  padding:10px 14px !important;
  font-size:14px !important;
}
.nav-link:hover,.dropdown-trigger:hover,.link-action:hover,.dropdown-item:hover,.footer-col a:hover{
  font-size:inherit !important;
  transform:none !important;
}
.dropdown-item span,.dropdown-item:hover span{font-size:14px !important;}
.dropdown-item small,.dropdown-item:hover small{font-size:12px !important;}
@media (max-width:980px){
  .dropdown-panel{top:auto !important;padding-top:10px !important;}
  .nav-group::after{display:none;}
}


/* --- v4: no-jump navigation + ReDoc-style API docs --- */
.site-header .main-nav,
.site-header .header-actions{align-items:center;}
.site-header .nav-group{height:44px;display:flex;align-items:center;}
.site-header .nav-link,
.site-header .dropdown-trigger,
.site-header .link-action{
  height:44px !important;
  min-height:44px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  line-height:20px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  transform:none !important;
  border-width:0 !important;
}
.site-header .link-action{padding:0 10px !important;}
.site-header .nav-link:hover,
.site-header .nav-link:focus-visible,
.site-header .nav-link[aria-current="page"],
.site-header .dropdown-trigger:hover,
.site-header .dropdown-trigger:focus-visible,
.site-header .link-action:hover,
.site-header .link-action:focus-visible{
  height:44px !important;
  min-height:44px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  font-size:14px !important;
  line-height:20px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  transform:none !important;
  outline-offset:2px;
}
.site-header .btn,
.site-header .btn:hover,
.site-header .btn:focus-visible{
  height:44px !important;
  min-height:44px !important;
  padding:0 18px !important;
  font-size:14px !important;
  line-height:20px !important;
  font-weight:750 !important;
  letter-spacing:0 !important;
  transform:none !important;
  border-width:1px !important;
}
.site-header .chev{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:14px;}
.site-header .dropdown-panel{top:100% !important;margin-top:0 !important;padding-top:14px !important;}
.site-header .dropdown-item,
.site-header .dropdown-item:hover,
.site-header .dropdown-item:focus-visible{
  min-height:58px;
  padding:12px 14px !important;
  font-size:14px !important;
  line-height:1.35 !important;
  transform:none !important;
}
.site-header .dropdown-item span,
.site-header .dropdown-item:hover span{font-size:14px !important;line-height:1.25 !important;font-weight:750 !important;}
.site-header .dropdown-item small,
.site-header .dropdown-item:hover small{font-size:12px !important;line-height:1.35 !important;}

.docs-hero{padding:54px 0 34px;}
.docs-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:42px;align-items:center;}
.docs-hero h1{font-size:clamp(44px,5vw,66px);margin-bottom:18px;}
.docs-hero p{font-size:19px;max-width:720px;}
.docs-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.docs-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px;color:var(--ink-2);}
.docs-preview{background:#071b3f;border:1px solid #173764;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;}
.docs-preview-head{display:flex;gap:8px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#9ab1d4;font-size:13px;font-weight:800;}
.docs-dot{width:10px;height:10px;border-radius:999px;background:#2b6fff;box-shadow:18px 0 #00b886,36px 0 #f5b84b;}
.docs-preview pre{border:0;border-radius:0;background:transparent;padding:22px;}
.docs-preview code{color:#dbe8ff;font-size:13.5px;}
.docs-shell{display:grid;grid-template-columns:248px minmax(0,1fr) 380px;gap:28px;align-items:start;padding:24px 0 72px;}
.docs-sidebar,.try-console{position:sticky;top:calc(var(--header) + 24px);align-self:start;}
.docs-sidebar{border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:var(--shadow-sm);padding:16px;}
.docs-sidebar h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px;}
.docs-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink-2);font-weight:750;font-size:14px;}
.docs-nav a:hover{background:var(--blue-3);color:var(--blue);font-size:14px;}
.docs-nav small{font-size:11px;background:#f1f6ff;color:#36577f;border-radius:999px;padding:2px 7px;font-weight:900;}
.docs-content{display:grid;gap:24px;}
.doc-section,.endpoint-doc,.schema-card,.try-console{border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);}
.doc-section,.endpoint-doc{padding:30px;scroll-margin-top:120px;}
.doc-section h2,.endpoint-doc h2{font-size:30px;margin-bottom:10px;}
.doc-section p,.endpoint-doc p{font-size:16px;}
.endpoint-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
.endpoint-title h2{margin-bottom:4px;}
.method-line{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fbfdff;border-radius:12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;white-space:nowrap;}
.method-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:4px 8px;font-weight:950;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.02em;background:#eaf2ff;color:var(--blue);}
.method-badge.post{background:#eaf2ff;color:var(--blue);}
.endpoint-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;}
.schema-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;margin:14px 0 4px;}
.schema-table th,.schema-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px;}
.schema-table tr:last-child td{border-bottom:0;}
.schema-table th{background:#fbfdff;color:#566987;font-size:12px;text-transform:uppercase;letter-spacing:.05em;}
.schema-table code{background:#f6f9fd;border:1px solid #e8eff8;border-radius:6px;padding:2px 6px;color:#15345d;font-size:12.5px;}
.doc-code{background:#061a3c;border:1px solid #173764;border-radius:16px;overflow:hidden;}
.doc-code-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#9ab1d4;}
.doc-code pre{background:transparent;border:0;border-radius:0;padding:18px;margin:0;max-height:360px;}
.doc-code code{color:#e7f0ff;font-size:13.5px;line-height:1.65;}
.doc-tag{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#ecfdf6;color:#007657;}
.doc-note{border-left:4px solid var(--blue);background:#f8fbff;border-radius:14px;padding:18px;margin-top:18px;color:var(--muted);}
.try-console{padding:18px;}
.try-console h2{font-size:22px;margin-bottom:6px;}
.try-console p{font-size:14px;margin-bottom:16px;}
.try-field{display:grid;gap:7px;margin-bottom:13px;}
.try-field label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#51647f;}
.try-field input,.try-field select,.try-field textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--ink);font:600 14px/1.4 inherit;padding:12px 13px;outline:none;}
.try-field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;min-height:260px;resize:vertical;background:#fbfdff;}
.try-field input:focus,.try-field select:focus,.try-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(15,92,255,.1);}
.try-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;}
.try-actions .btn{width:100%;}
.try-response{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#061a3c;margin-top:14px;}
.try-response-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#9ab1d4;font-size:12px;font-weight:900;}
.try-response pre{border:0;border-radius:0;background:transparent;padding:14px;min-height:170px;}
.try-response code{color:#e7f0ff;font-size:13px;}
.status-ok{color:#53e0a3;}
.curl-preview{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;color:#50617d;background:#fbfdff;border:1px solid var(--line);border-radius:12px;padding:12px;white-space:pre-wrap;word-break:break-word;}
.copy-btn{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#dbe8ff;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:900;cursor:pointer;}
.copy-btn:hover{background:rgba(255,255,255,.1);font-size:12px;}
.openapi-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(90deg,#f8fbff,#fff);padding:22px;margin-top:8px;}
.openapi-card h3{margin-bottom:4px;}
.openapi-card p{margin:0;font-size:14px;}
@media (max-width:1180px){.docs-shell{grid-template-columns:220px minmax(0,1fr)}.try-console{position:relative;top:auto;grid-column:1 / -1}.docs-hero-grid{grid-template-columns:1fr}.endpoint-doc-grid{grid-template-columns:1fr}}
@media (max-width:760px){.docs-shell{grid-template-columns:1fr}.docs-sidebar{position:relative;top:auto}.endpoint-title{display:block}.method-line{margin-top:12px;white-space:normal}.docs-hero{padding-top:34px}.try-actions{grid-template-columns:1fr}.openapi-card{display:block}.openapi-card .btn{margin-top:14px}}

/* --- v5: icon dropdown menu + hard no-jump header states --- */
.site-header .main-nav{gap:8px;min-height:44px;overflow:visible;}
.site-header .nav-group{height:44px !important;min-height:44px !important;display:flex !important;align-items:center !important;flex:0 0 auto !important;}
.site-header .nav-link,
.site-header .dropdown-trigger,
.site-header .link-action{
  appearance:none !important;
  -webkit-appearance:none !important;
  box-sizing:border-box !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:0 14px !important;
  margin:0 !important;
  border:0 !important;
  outline-offset:3px;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:14px !important;
  line-height:20px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  transform:none !important;
  will-change:auto !important;
  white-space:nowrap !important;
}
.site-header .nav-link:hover,
.site-header .nav-link:focus-visible,
.site-header .nav-link[aria-current="page"],
.site-header .dropdown-trigger:hover,
.site-header .dropdown-trigger:focus-visible,
.site-header .dropdown-trigger[aria-expanded="true"],
.site-header .link-action:hover,
.site-header .link-action:focus-visible{
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:0 14px !important;
  margin:0 !important;
  border:0 !important;
  font-size:14px !important;
  line-height:20px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  transform:none !important;
}
.site-header .link-action,
.site-header .link-action:hover{padding:0 10px !important;}
.site-header .btn,
.site-header .btn:hover,
.site-header .btn:focus-visible{
  box-sizing:border-box !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:0 18px !important;
  margin:0 !important;
  border-width:1px !important;
  font-size:14px !important;
  line-height:20px !important;
  font-weight:750 !important;
  letter-spacing:0 !important;
  transform:none !important;
}
.site-header .btn-primary:hover{box-shadow:0 10px 24px rgba(15,92,255,.22) !important;}
.site-header .chev{width:14px !important;height:14px !important;min-width:14px !important;line-height:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:14px !important;}
.site-header .dropdown-panel{
  width:390px !important;
  top:100% !important;
  margin-top:0 !important;
  padding:12px !important;
  border-radius:20px !important;
  transform:translateX(-50%) translateY(0) !important;
  z-index:120 !important;
}
.site-header .nav-group::after{height:20px !important;top:100% !important;left:-24px !important;right:-24px !important;}
.site-header .dropdown-item,
.site-header .dropdown-item:hover,
.site-header .dropdown-item:focus-visible{
  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) !important;
  column-gap:12px !important;
  align-items:center !important;
  min-height:66px !important;
  padding:12px !important;
  margin:0 !important;
  border-radius:14px !important;
  font-size:14px !important;
  line-height:1.35 !important;
  color:var(--ink) !important;
  transform:none !important;
}
.site-header .dropdown-item + .dropdown-item{margin-top:2px !important;}
.site-header .dropdown-item:hover,
.site-header .dropdown-item:focus-visible{background:#f5f8fd !important;}
.site-header .dropdown-item .menu-icon,
.site-header .dropdown-item:hover .menu-icon{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:13px !important;
  color:var(--blue) !important;
  background:linear-gradient(180deg,#f3f7ff,#eaf2ff) !important;
  border:1px solid #d9e7ff !important;
  transform:none !important;
}
.site-header .dropdown-item .menu-icon svg{width:20px !important;height:20px !important;display:block !important;}
.site-header .dropdown-item .menu-copy,
.site-header .dropdown-item:hover .menu-copy{display:block !important;min-width:0 !important;transform:none !important;}
.site-header .dropdown-item .menu-copy > span,
.site-header .dropdown-item:hover .menu-copy > span{
  display:block !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:760 !important;
  color:var(--ink) !important;
  margin:0 !important;
  transform:none !important;
}
.site-header .dropdown-item .menu-copy > small,
.site-header .dropdown-item:hover .menu-copy > small{
  display:block !important;
  font-size:12px !important;
  line-height:1.35 !important;
  margin-top:3px !important;
  color:var(--muted-2) !important;
  transform:none !important;
}
@media (max-width:980px){
  .site-header .nav-group{height:auto !important;min-height:44px !important;align-items:stretch !important;display:block !important;}
  .site-header .dropdown-panel{width:100% !important;position:static !important;transform:none !important;padding:8px !important;}
  .site-header .dropdown-item{grid-template-columns:40px minmax(0,1fr) !important;}
}


/* ------------------------------------------------------------------
   Final polish: no-jump navigation, clickable dropdown bridge,
   icon dropdown items, and complete ReDoc-style API docs layout.
   ------------------------------------------------------------------ */
.site-header *, .site-header *::before, .site-header *::after { box-sizing: border-box; }
.site-header .header-inner { align-items: center; }
.site-header .main-nav { 
    /*align-items: stretch !important;*/
height: 100%; gap: 4px !important; }
.site-header .nav-group { position: relative; display: flex !important; align-items: center !important; height: 100% !important; }
.site-header .nav-link,
.site-header .dropdown-trigger,
.site-header .link-action,
.site-header .header-actions .btn {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.site-header .nav-link,
.site-header .dropdown-trigger {
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  /*border: 1px solid transparent !important;*/
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border-radius: 999px !important;
  background: transparent;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease !important;
}
.site-header .nav-link:hover,
.site-header .nav-link:focus-visible,
.site-header .nav-link[aria-current="page"],
.site-header .dropdown-trigger:hover,
.site-header .dropdown-trigger:focus-visible,
.site-header .has-dropdown.open > .dropdown-trigger {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border-color: transparent !important;
  transform: none !important;
  background: var(--blue-3) !important;
  color: var(--blue) !important;
}
.site-header .header-actions { align-items: center !important; gap: 10px !important; }
.site-header .link-action { height: 42px !important; display:inline-flex !important; align-items:center !important; padding:0 10px !important; }
.site-header .header-actions .btn { height: 42px !important; min-width: 82px !important; padding: 0 16px !important; border-width: 1px !important; }
.site-header .header-actions .btn-primary { min-width: 118px !important; }
.site-header .header-actions .btn:hover,
.site-header .link-action:hover {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transform: none !important;
}
.site-header .dropdown-panel {
  top: calc(100% - 8px) !important;
  left: 50% !important;
  margin: 0 !important;
  width: 360px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  transform: translateX(-50%) translateY(8px) !important;
  transition: opacity .14s ease, transform .14s ease, visibility .14s ease !important;
  z-index: 100 !important;
}
.site-header .dropdown-panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
  background: transparent;
}
.site-header .has-dropdown:hover .dropdown-panel,
.site-header .has-dropdown:focus-within .dropdown-panel,
.site-header .has-dropdown.open .dropdown-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}
.site-header .dropdown-item,
.site-header .dropdown-item:hover,
.site-header .dropdown-item:focus-visible {
  display: grid !important;
  grid-template-columns: 40px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  min-height: 64px !important;
  padding: 12px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  border: 0 !important;
  color: var(--ink) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  transform: none !important;
  transition: background-color .14s ease, color .14s ease !important;
}
.site-header .dropdown-item + .dropdown-item { margin-top: 2px !important; }
.site-header .dropdown-item:hover,
.site-header .dropdown-item:focus-visible { background: #f5f8fd !important; }
.site-header .dropdown-item .menu-icon,
.site-header .dropdown-item:hover .menu-icon {
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #dce8f7 !important;
  border-radius: 12px !important;
  background: #f8fbff !important;
  color: var(--blue) !important;
  transform: none !important;
}
.site-header .dropdown-item .menu-icon svg { width: 20px !important; height: 20px !important; display: block !important; }
.site-header .dropdown-item .menu-copy,
.site-header .dropdown-item:hover .menu-copy { display: block !important; min-width: 0 !important; transform: none !important; }
.site-header .dropdown-item .menu-copy > span,
.site-header .dropdown-item:hover .menu-copy > span {
  display: block !important;
  color: var(--ink) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 18px !important;
  margin: 0 !important;
}
.site-header .dropdown-item .menu-copy > small,
.site-header .dropdown-item:hover .menu-copy > small {
  display: block !important;
  color: var(--muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  margin-top: 3px !important;
}

.docs-shell { grid-template-columns: 250px minmax(0,1fr) 390px !important; }
.docs-content { min-width: 0; }
.doc-code pre, .docs-preview pre, .try-response pre { white-space: pre !important; overflow: auto !important; }
.doc-code code, .docs-preview code, .try-response code { font-size: 13.5px !important; line-height: 1.65 !important; }
.endpoint-doc-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; }
.doc-code-title { min-height: 44px; }
.schema-table { display: table !important; width: 100% !important; }
.try-console { max-height: calc(100vh - 120px); overflow: auto; }
.curl-preview { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; line-height: 1.55; border:1px solid var(--line); background:#f8fbff; border-radius:12px; padding:12px; white-space:pre-wrap; color:#15345d; }
.openapi-card { display:flex; align-items:center; justify-content:space-between; gap:18px; border:1px solid var(--line); background:#fbfdff; border-radius:14px; padding:20px; }

@media (max-width: 1180px) {
  .docs-shell { grid-template-columns: 220px minmax(0,1fr) !important; }
  .try-console { position: relative !important; top: auto !important; grid-column: 1 / -1 !important; max-height: none; }
  .endpoint-doc-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 960px) {
  .site-header .main-nav { align-items: flex-start !important; height: auto !important; }
  .site-header .nav-group { display: block !important; height: auto !important; }
  .site-header .dropdown-panel { position: static !important; width: 100% !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; box-shadow: none !important; margin: 6px 0 12px !important; }
  .site-header .dropdown-panel::before { display: none; }
}
@media (max-width: 760px) {
  .docs-shell { grid-template-columns: 1fr !important; }
  .docs-sidebar { position: relative !important; top: auto !important; }
  .openapi-card { display:block; }
  .openapi-card .btn { margin-top:14px; }
}

/* Fix Pricing nav item vertical alignment */
.main-nav {
  align-items: center;
}

.site-header .main-nav > a.nav-link {
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 44px !important;
  min-height: 44px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  top: 0 !important;
}


/* API Docs page only - full width layout */
body.page-id-47 main#main {
  width: 100% !important;
  max-width: none !important;
  overflow-x: hidden;
}

/* Make API docs hero full width */
body.page-id-47 .docs-hero.container {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 4vw, 64px) !important;
  padding-right: clamp(20px, 4vw, 64px) !important;
}

/* Make API docs main shell full width */
body.page-id-47 .container.docs-shell {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 3vw, 48px) !important;
  padding-right: clamp(20px, 3vw, 48px) !important;
}

/* Give docs/ReDoc-style layout enough space */
body.page-id-47 .docs-shell {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) 380px !important;
  gap: 28px !important;
  align-items: start !important;
}

/* Prevent middle docs content from squeezing/breaking */
body.page-id-47 .docs-content {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Keep sidebars usable */
body.page-id-47 .docs-sidebar {
  width: 260px !important;
  max-width: 260px !important;
}

body.page-id-47 .try-console {
  width: 380px !important;
  max-width: 380px !important;
}

/* ReDoc / Swagger containers if added inside this page */
body.page-id-47 #redoc-container,
body.page-id-47 .redoc-wrap,
body.page-id-47 redoc,
body.page-id-47 redocly-docs,
body.page-id-47 #swagger-ui,
body.page-id-47 .swagger-ui {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Fix code/table overflow */
body.page-id-47 pre,
body.page-id-47 code,
body.page-id-47 .doc-code,
body.page-id-47 .schema-table {
  max-width: 100% !important;
}

body.page-id-47 pre,
body.page-id-47 .doc-code {
  overflow-x: auto !important;
}

/* Tablet/mobile */
@media (max-width: 1180px) {
  body.page-id-47 .docs-shell {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }

  body.page-id-47 .try-console {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 860px) {
  body.page-id-47 .docs-shell {
    display: block !important;
  }

  body.page-id-47 .docs-sidebar,
  body.page-id-47 .try-console {
    width: 100% !important;
    max-width: none !important;
    margin-bottom: 24px !important;
  }
}