:root{--bg:#06111f;--panel:#0d1b2e;--panel2:#10243b;--line:rgba(148,180,216,.18);--text:#f6fbff;--muted:#9db0ca;--green:#24c875;--blue:#3694ff;--radius:26px;--nav:rgba(5,13,25,.82);--card:rgba(13,27,46,.76);--card2:rgba(16,36,59,.86);--shadow:0 28px 80px rgba(0,0,0,.32)}
html[data-theme=light]{--bg:#f4f8fd;--panel:#fff;--panel2:#eef5fc;--line:rgba(20,42,70,.14);--text:#071423;--muted:#52677f;--nav:rgba(255,255,255,.86);--card:rgba(255,255,255,.88);--card2:rgba(255,255,255,.96);--shadow:0 24px 70px rgba(20,42,70,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.public-page{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(36,200,117,.18),transparent 28%),radial-gradient(circle at 90% 10%,rgba(54,148,255,.2),transparent 32%),linear-gradient(180deg,#050d19,#071426 58%,#05101d);min-height:100vh}html[data-theme=light] body.public-page{background:radial-gradient(circle at 10% 0%,rgba(36,200,117,.14),transparent 30%),radial-gradient(circle at 90% 10%,rgba(54,148,255,.16),transparent 34%),linear-gradient(180deg,#f8fbff,#edf4fb 58%,#f7fbff)}a{color:inherit;text-decoration:none}.public-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px clamp(18px,4vw,58px);background:var(--nav);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:1000}.brand span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--blue));color:white;box-shadow:0 16px 40px rgba(36,200,117,.2)}.public-nav nav{display:flex;gap:18px;color:var(--muted);font-weight:900;font-size:14px}.public-nav nav a:hover,.public-nav nav a.active{color:var(--text)}.nav-actions,.hero-actions{display:flex;gap:12px;align-items:center}.center{justify-content:center}.primary,.secondary,.ghost,.public-control{border-radius:999px;padding:14px 20px;font-weight:1000;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);transition:.18s ease;white-space:nowrap}.primary{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;box-shadow:0 18px 50px rgba(54,148,255,.22);border:0}.secondary,.ghost,.public-control{background:color-mix(in srgb,var(--card) 78%,transparent);color:var(--text)}.public-control{cursor:pointer;padding:11px 14px;font-size:14px}.primary:hover,.secondary:hover,.ghost:hover,.public-control:hover{transform:translateY(-1px)}.small{padding:11px 16px}.section-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:70px 0}.eyebrow{margin:0 0 12px;color:#55e59b;text-transform:uppercase;font-size:12px;font-weight:1000;letter-spacing:.18em}.hero h1,.section-title h2,.cta h2,.faq-page h1{margin:0;font-size:clamp(38px,6vw,74px);line-height:.98;letter-spacing:-.06em}.section-title h2,.cta h2,.faq-page h1{font-size:clamp(34px,5vw,58px)}.lead{max-width:760px;color:var(--muted);font-size:18px;line-height:1.75}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust-row span{padding:9px 12px;border-radius:999px;background:rgba(36,200,117,.1);border:1px solid rgba(36,200,117,.22);font-weight:1000;color:#49d88c}.hero-card,.preview-grid article,.feature-grid article,.plan,.stats article,.faq-list details,.docs-panel,.docs-side,.doc-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow)}.hero-card{padding:24px;border-radius:34px;background:linear-gradient(180deg,var(--card2),var(--card))}.window-bar{display:flex;gap:8px;margin-bottom:22px}.window-bar i{width:11px;height:11px;border-radius:50%;background:var(--muted);opacity:.55}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-grid article,.feature-grid article,.plan,.stats article{border-radius:var(--radius);padding:24px}.preview-grid article{min-height:150px;display:grid;align-content:end}.preview-grid b,.feature-grid h3,.plan h3{font-size:22px}.preview-grid span,.feature-grid p,.plan p,.faq-list p,.docs-muted,.doc-content li{color:var(--muted);line-height:1.65}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:80px}.stats strong{display:block;font-size:32px}.stats span{color:var(--muted);font-weight:800}.block{padding:78px 0}.section-title{display:grid;gap:8px;margin-bottom:28px}.feature-grid,.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article span{color:#55e59b;font-weight:1000}.plan ul{margin:20px 0;padding-left:18px;color:var(--text);line-height:1.9}.plan a{display:inline-flex;margin-top:8px;font-weight:1000;color:#40a7ff}.featured{background:linear-gradient(180deg,rgba(36,200,117,.16),rgba(54,148,255,.13))}.cta{text-align:center;margin:70px auto;padding:54px 24px;border-radius:34px;background:linear-gradient(135deg,rgba(36,200,117,.18),rgba(54,148,255,.18));border:1px solid var(--line)}.cta p{color:var(--muted)}.public-footer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:34px;color:var(--muted);border-top:1px solid var(--line)}
.docs-layout{width:min(1240px,calc(100% - 36px));margin:34px auto 70px;display:grid;grid-template-columns:292px minmax(0,1fr);gap:22px;align-items:start}.docs-side{position:sticky;top:96px;border-radius:24px;padding:18px}.docs-side strong{display:block;margin-bottom:12px}.docs-search{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--card2) 76%,transparent)}.docs-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-weight:800}.docs-search input::placeholder{color:var(--muted)}.docs-side nav{display:grid;gap:7px}.docs-side a{padding:11px 12px;border-radius:14px;color:var(--muted);font-weight:900}.docs-side a.active,.docs-side a:hover{background:rgba(36,200,117,.13);color:var(--text)}.docs-panel{border-radius:28px;padding:34px}.docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.doc-card{border-radius:22px;padding:22px;box-shadow:none;display:block}.doc-card h3{margin:0 0 8px}.doc-card b{color:#45d98d}.doc-content h1{margin:0;font-size:clamp(36px,5vw,62px);letter-spacing:-.055em;line-height:1}.doc-content h2{margin-top:30px}.doc-content li{margin:9px 0}.doc-content code{display:block;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.18);padding:16px;overflow:auto;color:var(--text)}html[data-theme=light] .doc-content code{background:#eef4fb}.faq-page{min-height:calc(100vh - 210px)}.faq-list{display:grid;gap:12px;margin-top:30px;max-width:920px}.faq-list details{border-radius:20px;padding:18px}.faq-list summary{font-weight:1000;cursor:pointer;font-size:18px}.faq-list summary::marker{color:#55e59b}
body.public-page,body.public-page *{scrollbar-width:thin;scrollbar-color:rgba(46,216,163,.75) rgba(8,17,32,.35)}body.public-page::-webkit-scrollbar{width:10px}body.public-page::-webkit-scrollbar-track{background:rgba(8,17,32,.35)}body.public-page::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2bd384,#3da1ff);border-radius:999px;border:2px solid rgba(8,17,32,.9)}
@media(max-width:980px){.public-nav{align-items:flex-start}.public-nav nav{display:none}.hero,.docs-layout{grid-template-columns:1fr}.stats,.feature-grid,.plans-grid,.preview-grid,.docs-grid{grid-template-columns:1fr}.hero{padding:46px 0}.nav-actions{margin-left:auto}.ghost{display:none}.docs-side{position:static}.docs-panel{padding:24px}}@media(max-width:620px){.public-nav{padding:14px 16px}.brand strong{display:none}.hero-actions,.nav-actions{flex-direction:column;align-items:stretch}.primary,.secondary{width:100%}.hero h1{font-size:42px}.public-control{width:100%}}


/* Nord SaaS Docs Pro Layout */
.docs-body{background:radial-gradient(circle at 0% 20%,rgba(36,200,117,.18),transparent 30%),radial-gradient(circle at 100% 10%,rgba(54,148,255,.2),transparent 34%),linear-gradient(180deg,var(--bg),var(--bg2));}
.docs-layout-wide{width:min(1420px,calc(100% - 36px));grid-template-columns:310px minmax(0,1fr);gap:24px;margin-top:28px}.docs-side-pro{padding:20px;border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 92%,transparent),color-mix(in srgb,var(--card2) 82%,transparent));max-height:calc(100vh - 120px);overflow:auto}.docs-side-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}.docs-side-head>span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(36,200,117,.22),rgba(54,148,255,.18));border:1px solid var(--line)}.docs-side-head small{display:block;color:var(--muted);font-weight:800;margin-top:3px}.docs-nav{display:grid;gap:6px}.docs-nav p{margin:18px 10px 6px;color:#50df94;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:1000}.docs-nav a{display:grid;gap:3px;padding:12px 13px;border-radius:16px;color:var(--muted);font-weight:950;border:1px solid transparent}.docs-nav a small{font-size:11px;opacity:.75}.docs-nav a.active,.docs-nav a:hover{background:linear-gradient(135deg,rgba(36,200,117,.16),rgba(54,148,255,.10));border-color:rgba(36,200,117,.2);color:var(--text)}.docs-panel-pro{padding:0;overflow:hidden;border-radius:32px;background:color-mix(in srgb,var(--card) 94%,transparent)}.docs-hero,.article-hero{padding:54px 58px 34px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 0 0,rgba(36,200,117,.12),transparent 34%),radial-gradient(circle at 100% 0,rgba(54,148,255,.13),transparent 36%)}.docs-hero h1,.article-hero h1{font-size:clamp(42px,5.4vw,76px);letter-spacing:-.065em;line-height:.95;margin:0}.doc-badges,.doc-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.doc-badges span,.doc-meta span{padding:9px 12px;border-radius:999px;background:rgba(36,200,117,.11);border:1px solid rgba(36,200,117,.22);color:#45d98d;font-weight:1000}.quick-start-card{margin:28px 34px 0;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(36,200,117,.12),rgba(54,148,255,.10));display:flex;align-items:center;justify-content:space-between;gap:20px}.quick-start-card b{font-size:20px}.quick-start-card p{margin:8px 0 0;color:var(--muted);line-height:1.6}.docs-grid-pro{padding:34px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.doc-card-icon{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--blue));color:white;font-weight:1000;margin-bottom:14px}.breadcrumb{padding:22px 58px 0;color:var(--muted);display:flex;gap:9px;font-weight:900}.breadcrumb a{color:#45d98d}.doc-section{padding:8px 58px 28px}.doc-section h2{font-size:30px;letter-spacing:-.035em;margin:22px 0 14px}.article-text{font-size:18px;line-height:1.85}.doc-callout{margin:22px 58px 24px;padding:20px;border-radius:22px;border:1px solid var(--line)}.doc-callout.info{background:rgba(54,148,255,.10);border-color:rgba(54,148,255,.25)}.doc-callout p{color:var(--muted);line-height:1.65;margin:8px 0 0}.step-list{display:grid;gap:12px;counter-reset:item;padding:0;margin:0;list-style:none}.step-list li{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--card2) 74%,transparent)}.step-list li span{flex:0 0 34px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;font-weight:1000}.step-list p{margin:5px 0 0;color:var(--text);line-height:1.55}.practice-grid,.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.practice-grid article,.example-grid article{border:1px solid var(--line);border-radius:18px;padding:18px;background:color-mix(in srgb,var(--card2) 72%,transparent)}.practice-grid p,.example-grid p{margin:8px 0 0;color:var(--muted);line-height:1.65}.trouble-list{display:grid;gap:10px}.trouble-list details{border:1px solid var(--line);border-radius:18px;padding:16px;background:color-mix(in srgb,var(--card2) 72%,transparent)}.trouble-list summary{cursor:pointer;font-weight:1000}.trouble-list p{color:var(--muted);line-height:1.65}.code-box{position:relative;border:1px solid var(--line);border-radius:20px;background:rgba(0,0,0,.24);padding:18px}.code-box button{position:absolute;top:12px;right:12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--text);font-weight:1000;padding:8px 12px;cursor:pointer}.code-box code{border:0!important;background:transparent!important;padding:8px!important;margin-right:80px}.doc-footer-nav{display:flex;justify-content:space-between;gap:16px;padding:30px 58px 54px;border-top:1px solid var(--line)}.doc-footer-nav a{padding:14px 18px;border-radius:999px;border:1px solid var(--line);font-weight:1000;background:color-mix(in srgb,var(--card2) 70%,transparent)}html[data-theme=light] .code-box{background:#eef4fb}.faq-page{padding-top:80px}.faq-list details{background:color-mix(in srgb,var(--card) 92%,transparent)}@media(max-width:1120px){.docs-layout-wide{grid-template-columns:1fr}.docs-side-pro{position:static;max-height:none}.docs-grid-pro{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.docs-hero,.article-hero,.doc-section,.breadcrumb,.doc-footer-nav{padding-left:24px;padding-right:24px}.doc-callout{margin-left:24px;margin-right:24px}.docs-grid-pro,.practice-grid,.example-grid{grid-template-columns:1fr}.quick-start-card{margin:20px 20px 0;flex-direction:column;align-items:flex-start}.docs-panel-pro{border-radius:24px}}


/* === Nord SaaS Docs final scroll + layout fix === */
html, body.public-page { min-height: 100%; overflow-x: hidden; }
body.public-page { overflow-y: auto; }
body.public-page, body.public-page * { scrollbar-width: auto; scrollbar-color: initial; }
body.public-page::-webkit-scrollbar { width: 12px; }
body.public-page::-webkit-scrollbar-track { background: color-mix(in srgb, var(--bg) 88%, transparent); }
body.public-page::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--muted) 45%, transparent); border-radius: 999px; border: 3px solid color-mix(in srgb, var(--bg) 92%, transparent); }
body.public-page::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--muted) 65%, transparent); }
.docs-layout-wide { width: min(1480px, calc(100% - 48px)); grid-template-columns: 300px minmax(0, 1fr); gap: 28px; align-items: start; }
.docs-side-pro { position: sticky; top: 98px; max-height: calc(100vh - 126px); overflow: hidden; padding: 20px; }
.docs-side-pro:hover { overflow-y: auto; }
.docs-side-pro { scrollbar-width: none; }
.docs-side-pro::-webkit-scrollbar { width: 0; height: 0; display: none; }
.docs-panel-pro { min-width: 0; }
.docs-hero,.article-hero { padding: 46px clamp(28px,4.6vw,64px) 32px; }
.doc-section { padding: 8px clamp(28px,4.6vw,64px) 28px; }
.breadcrumb { padding: 22px clamp(28px,4.6vw,64px) 0; }
.doc-callout { margin-left: clamp(28px,4.6vw,64px); margin-right: clamp(28px,4.6vw,64px); }
.doc-footer-nav { padding-left: clamp(28px,4.6vw,64px); padding-right: clamp(28px,4.6vw,64px); }
.docs-grid-pro { grid-template-columns: repeat(3, minmax(230px,1fr)); }
.docs-side-head strong { margin-bottom: 0; }
.docs-nav a[style*="display: none"] { margin: 0; padding: 0; border: 0; }
.doc-section h3 { font-size: 22px; margin: 24px 0 10px; letter-spacing: -.02em; }
.doc-section p { line-height: 1.78; }
.doc-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.doc-mini-card { border:1px solid var(--line); background:color-mix(in srgb,var(--card2) 72%,transparent); border-radius:18px; padding:18px; }
.doc-mini-card b { display:block; margin-bottom:7px; }
.doc-mini-card p { margin:0; color:var(--muted); }
@media(max-width:1120px){ .docs-layout-wide{ grid-template-columns:1fr; width:min(100% - 28px, 980px);} .docs-side-pro{ position:relative; top:auto; max-height:none; overflow:visible;} .docs-side-pro:hover{overflow:visible;} }
@media(max-width:760px){ .docs-layout-wide{ width:min(100% - 18px, 760px); margin-top:16px; } .docs-grid-pro,.doc-split,.practice-grid,.example-grid{ grid-template-columns:1fr; } }


/* === Public custom language select - dynamic system languages === */
.public-lang-select{position:relative;display:inline-flex;align-items:center;min-width:0}
.public-lang-trigger{gap:8px;min-width:86px;width:86px;padding-inline:15px 12px;text-align:center;justify-content:center;user-select:none}
.public-lang-flag{display:inline-grid;place-items:center;min-width:28px;height:22px;flex:0 0 auto;font-size:14px;line-height:1;font-weight:1000;letter-spacing:.04em;text-transform:uppercase}
.public-lang-label{display:none!important}
.public-lang-chevron{opacity:.7;font-weight:1000;margin-left:0;transition:transform .16s ease}
.public-lang-select.is-open .public-lang-chevron{transform:rotate(180deg)}
.public-lang-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:130;display:none;width:max-content;min-width:245px;max-width:min(340px,calc(100vw - 32px));max-height:310px;overflow:auto;padding:8px;border-radius:22px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 96%,transparent);box-shadow:0 24px 70px rgba(2,8,23,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.public-lang-select.is-open .public-lang-menu{display:grid;gap:6px;animation:publicLangMenuIn .14s ease both}
@keyframes publicLangMenuIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.public-lang-option{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-radius:16px;background:transparent;color:var(--text);padding:11px 12px;cursor:pointer;text-align:left;font:inherit;font-weight:950}
.public-lang-option:hover{background:color-mix(in srgb,var(--card2) 72%,transparent)}
.public-lang-option.is-active{background:linear-gradient(135deg,rgba(36,200,117,.18),rgba(54,148,255,.13));color:var(--text)}
.public-lang-option-flag{font-size:18px;width:28px;height:28px;display:grid;place-items:center;border-radius:11px;background:rgba(148,163,184,.12)}
.public-lang-option-main{min-width:0;display:grid;gap:2px}
.public-lang-option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-lang-option-code{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:1000}
.public-lang-option-check{font-size:13px;color:#2bd384;opacity:0}.public-lang-option.is-active .public-lang-option-check{opacity:1}
.public-lang-menu::-webkit-scrollbar{width:8px}.public-lang-menu::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--muted) 35%,transparent)}
@media(max-width:620px){.public-lang-select{width:auto}.public-lang-trigger{width:86px}.public-lang-menu{left:0;right:auto;width:max-content;min-width:220px;max-width:calc(100vw - 32px)}.public-lang-label{display:none!important}}