:root{--nt-ink:#101c28;--nt-navy:#071a2a;--nt-muted:#5b6b7b;--nt-line:#dce5ec;--nt-paper:#f5f8fa;--nt-accent:#057c98}
html{scroll-padding-top:100px}
body.site-design{color:var(--nt-ink);background:var(--nt-paper);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.site-design img{max-width:100%;height:auto}
.site-design .container{width:100%;max-width:1228px}
.site-header-offset{padding-top:0}
.nt-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--nt-line);box-shadow:0 8px 28px #081d2c0e;backdrop-filter:blur(18px)}
.nt-nav-row{width:min(1180px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;gap:22px;justify-content:space-between}
.nt-brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;text-decoration:none}
.nt-brand img{width:44px;height:44px;object-fit:contain;border:1px solid #cfe0e9;border-radius:12px;padding:4px;background:#f4f8fa}
.nt-brand b,.nt-brand small{display:block}.nt-brand b{font-size:1.08rem;font-weight:800;letter-spacing:-.02em}.nt-brand small{margin-top:2px;color:var(--nt-accent);font-size:.55rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.nt-desktop-nav{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:.81rem;font-weight:700;color:#344453;white-space:nowrap}
.nt-desktop-nav a{padding:28px 0}.nt-desktop-nav a:hover,.nt-account>a:hover{color:var(--nt-accent)}
.nt-account{display:flex;align-items:center;gap:14px;font-size:.81rem;font-weight:700;white-space:nowrap}
.nt-account-action,.nt-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:10px;color:#fff;background:var(--nt-navy);font-weight:750;text-decoration:none}
.nt-account .nt-account-action:hover,.nt-button:hover{background:#0c354a;color:#fff}
.nt-language-picker{position:relative;width:64px;flex:0 0 64px;margin-left:0}
.nt-language{width:100%;height:40px;padding:9px 5px;border:1px solid var(--nt-line);border-radius:10px;background:#fff;font-size:.76rem;color:transparent;cursor:pointer;appearance:none}
.nt-language option{color:#344453;background:#fff;font-size:1rem}
.nt-language-code{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none;font-size:.8rem;font-weight:700;color:#344453}
.nt-language-code:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.nt-language:focus-visible{outline:2px solid #087c94;outline-offset:3px}
.nt-menu{display:none;position:relative}.nt-menu summary{display:grid;place-items:center;list-style:none;width:42px;height:42px;border:1px solid var(--nt-line);border-radius:10px;cursor:pointer}.nt-menu summary::-webkit-details-marker{display:none}
.nt-menu nav{position:absolute;right:0;top:52px;width:min(290px,calc(100vw - 28px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:12px;border:1px solid var(--nt-line);border-radius:14px;background:#fff;box-shadow:0 15px 45px #071a2a24}
.nt-menu nav a{display:block;padding:12px;border-radius:8px;font-size:.9rem;font-weight:650}.nt-menu nav a:hover{background:#f0f8fa}.nt-mobile-account{border-top:1px solid var(--nt-line);margin-top:8px;padding-top:8px}
.nt-footer{background:#06141f;color:#aebdc8;padding:54px 0 26px}
.nt-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:44px;width:min(1180px,calc(100% - 40px));margin:auto}
.nt-footer .nt-brand{color:#fff;align-self:start}.nt-footer .nt-brand small{color:#72dce9}
.nt-footer nav{display:grid;align-content:start;gap:10px}.nt-footer h2{color:#fff;font-size:.82rem;font-weight:750;margin-bottom:4px}.nt-footer nav a{font-size:.78rem;overflow-wrap:anywhere}.nt-footer a:hover{color:#19c5e7}
.nt-copyright{width:min(1180px,calc(100% - 40px));margin:42px auto 0;border-top:1px solid #ffffff17;padding-top:20px;font-size:.72rem;color:#8a9da9}
.nt-page{width:min(1180px,calc(100% - 40px));margin:auto;padding:60px 0 90px;min-height:65vh}
.nt-page-intro{max-width:800px;margin:0 auto;padding:64px 20px 45px;text-align:center}
.nt-page .nt-page-intro{padding-top:0}.nt-page-intro h1{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;letter-spacing:-.045em;line-height:1.12;margin:15px 0}
.nt-page-intro>p:last-child{font-size:1.1rem;line-height:1.7;color:var(--nt-muted)}
.nt-overline{font-size:.74rem;color:var(--nt-accent);text-transform:uppercase;font-weight:800;letter-spacing:.16em}
.nt-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.nt-card{padding:32px;border:1px solid var(--nt-line);border-radius:18px;background:#fff;box-shadow:0 14px 36px #071a2a08}
.nt-card h2{font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.nt-card p{color:var(--nt-muted);line-height:1.7;margin:18px 0}.nt-feature-icon{font-size:26px;color:var(--nt-accent);margin-bottom:20px}
.nt-list-link{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--nt-line);font-weight:650;color:var(--nt-accent)}
.site-design .site-header-offset h1{letter-spacing:-.045em;line-height:1.15}
.site-design .site-header-offset h2{letter-spacing:-.025em}
.site-design .site-header-offset .shadow-xl,.site-design .site-header-offset .shadow-lg{box-shadow:0 14px 38px #071a2a0a}
.site-design .site-header-offset .bg-slate-100{background:var(--nt-paper)}
.site-design .site-header-offset .rounded-3xl{border-radius:20px}
.site-design .site-header-offset .bg-brand-600{background:var(--nt-accent)}
.site-design .site-header-offset .bg-gradient-to-r.from-cyan-600{background:var(--nt-navy)}
.site-design .site-header-offset .bg-gradient-to-r.from-blue-700{background:#103c50}
.site-design .site-header-offset>.hero-grid{background:#f5f8fa;color:var(--nt-ink);border-bottom:1px solid var(--nt-line)}
.site-design .site-header-offset>.hero-grid .absolute{display:none}
.site-design .site-header-offset>.hero-grid .text-slate-300{color:var(--nt-muted)}
.site-design .site-header-offset>.hero-grid .text-cyan-300{color:var(--nt-accent)}
.site-design .site-header-offset input:not([type=checkbox]):not([type=radio]),.site-design .site-header-offset textarea,.site-design .site-header-offset select{border-radius:9px}
.site-design .product-screenshot img{width:100%;height:auto;object-fit:contain}
.site-design .download-brand{height:76px;width:auto}
.site-design .site-header-offset .h-40:has(>img){height:80px}
.site-design .pro-showcase{background:#071a2a;color:#fff;padding:80px 20px}
.site-design .pro-showcase-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.site-design .pro-intro{display:flex;gap:18px;align-items:center;margin-bottom:20px}
.site-design .pro-intro .brand-mark{display:block;width:60px}
.site-design .pro-title{font-size:2rem;line-height:1.2;font-weight:800}
.site-design .pro-text,.site-design .pro-note{color:#c4d2dc;line-height:1.7;margin-top:20px}
.site-design .pro-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.site-design .product-screenshot{overflow:hidden;border:1px solid #dce5ec;border-radius:18px;background:#fff;box-shadow:0 14px 38px #071a2a0a}
@media(max-width:800px){.site-design .pro-showcase-inner{grid-template-columns:1fr}}
@media(max-width:1190px){.nt-desktop-nav{display:none}.nt-menu{display:block}.nt-nav-row{justify-content:flex-start}.nt-account{margin-left:auto}.nt-language{margin-left:0}}
@media(max-width:640px){.nt-account{display:none}.nt-language{margin-left:auto}.nt-nav-row{gap:12px;width:calc(100% - 28px)}.nt-footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.nt-footer-grid>.nt-brand{grid-column:1/-1}.nt-contact-grid{grid-template-columns:1fr}.nt-page{padding-top:38px}.nt-card{padding:24px}.nt-page-intro{padding-top:40px}.nt-brand small{font-size:.5rem}}
@media(max-width:640px){.nt-language-picker{margin-left:auto}}