@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#fff;--bg-alt:#f8fafc;--bg-card:#fff;--bg-navy:#07163d;--bg-navy-card:#0d2051;--bg-navy-border:#ffffff14;--bg-terminal:#0a0a0f;--border-color:#e2e8f0;--border-color-hover:#cbd5e1;--nav-bg:#ffffffd9;--scrollbar-thumb:#0f172a2e;--tint-panel-bg:linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%);--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-dark:#0f172a;--btn-color:#0f2257;--whatsapp-color:#22c55e;--telegram-color:#0ea5e9;--sms-color:#f97316;--email-color:#ef4444;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--text-on-navy:#f1f5f9;--text-on-navy-muted:#94a3b8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=dark]{--bg-primary:#000;--bg-alt:#111114;--bg-card:#0a0a0d;--border-color:#232328;--border-color-hover:#333338;--nav-bg:#050507d9;--scrollbar-thumb:#ffffff29;--tint-panel-bg:linear-gradient(135deg, #14163a 0%, #1a1533 100%);--text-main:#f4f4f6;--text-muted:#a3a3ad;--text-dim:#71717a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}img{max-width:100%}a{color:inherit;text-decoration:none}.btn-primary,.btn-dark{position:relative;overflow:hidden}.btn-primary:before,.btn-dark:before{content:"";background:linear-gradient(115deg,#0000,#ffffff59,#0000);width:45%;height:100%;transition:left .65s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-75%;transform:skew(-20deg)}.btn-primary:hover:before,.btn-dark:hover:before{left:130%}.btn-primary{background:var(--btn-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #0206174d;color:#fff!important}.btn-primary:hover{filter:brightness(1.4);transform:translateY(-1px);box-shadow:0 6px 18px #02061766}.btn-dark{background:var(--btn-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;color:#fff!important}.btn-dark:hover{filter:brightness(1.4);transform:translateY(-1px)}.btn-gradient{background:var(--btn-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;color:#fff!important}.btn-gradient:hover{filter:brightness(1.4);transform:translateY(-1px);box-shadow:0 6px 20px #02061766}.btn-outline{color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline:hover{background:var(--bg-alt);border-color:var(--border-color-hover)}.btn-outline-light{color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff40;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline-light:hover{background:#ffffff14;border-color:#fff6}.btn-light{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:#fff;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;color:var(--accent-dark)!important}.btn-light:hover{background:#f1f5f9;transform:translateY(-1px)}.btn-navy-solid{color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-navy-solid:hover{background:#ffffff2e;transform:translateY(-1px)}.btn-sm{padding:.5rem 1rem;font-size:.82rem}.contact-form-label{color:var(--text-main);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.contact-form-input{width:100%;color:var(--text-main);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.65rem .85rem;font-family:inherit;font-size:.92rem;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.contact-form-input::placeholder{color:var(--text-dim)}.contact-form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.card,.navy-card{position:relative;overflow:hidden}.card:after,.navy-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000,#2563eb17,#0000);width:35%;height:100%;transition:left .75s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-60%;transform:skew(-20deg)}.navy-card:after{background:linear-gradient(115deg,#0000,#ffffff0f,#0000)}.card:hover:after,.navy-card:hover:after{left:130%}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:0 12px 30px -14px #0f172a26}.navy-card{background:var(--bg-navy-card);border:1px solid var(--bg-navy-border);border-radius:var(--radius-lg);transition:all .2s cubic-bezier(.4,0,.2,1)}.navy-card:hover{border-color:#ffffff29;transform:translateY(-2px)}.site-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pill{color:var(--accent-primary);background:#2563eb14;border:1px solid #2563eb33;border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.code-terminal{background:var(--bg-terminal);border-radius:var(--radius-lg);border:1px solid #ffffff14;overflow:hidden;box-shadow:0 30px 60px -20px #02061780}.code-terminal-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:.4rem;padding:.85rem 1.1rem;display:flex}.code-terminal-dot{border-radius:50%;width:10px;height:10px}.code-terminal-body{font-family:var(--font-mono);color:#cbd5e1;padding:1.25rem 1.4rem;font-size:.82rem;line-height:1.7;overflow-x:auto}@property --channel-border-angle{syntax:"";inherits:false;initial-value:0deg}.channel-band{isolation:isolate;position:relative}@media (width<=600px){.channel-band{border-radius:var(--radius-xl)}}@keyframes channelBorderSpin{to{--channel-border-angle:360deg}}.channel-band-grid{grid-template-columns:repeat(4,1fr);width:100%;max-width:760px;display:grid}.channel-band-item{border-left:1px solid var(--border-color);padding:0 1.25rem}.channel-band-item:first-child{border-left:none}.channel-icon-circle{width:65px;height:65px}.channel-icon-circle svg{width:35px;height:35px}.channel-label{font-size:1.2rem}.channel-status{font-size:1rem}@media (width<=900px){.channel-band-grid{max-width:640px}.channel-band-item{padding:0 1rem}.channel-icon-circle{width:56px;height:56px}.channel-icon-circle svg{width:28px;height:28px}.channel-label{font-size:1.05rem}.channel-status{font-size:.9rem}.code-terminal{height:220px}}@media (width<=600px){.channel-band-grid{grid-template-columns:repeat(2,1fr);row-gap:1.75rem}.channel-band-item:nth-child(odd){border-left:none}.channel-band-item:nth-child(n+3){border-top:1px solid var(--border-color);padding-top:1.5rem}.channel-icon-circle{width:50px;height:50px}.channel-icon-circle svg{width:24px;height:24px}.channel-label{font-size:1rem}.channel-status{font-size:.82rem}}@media (width<=380px){.channel-band-item{padding:0 .5rem}.channel-icon-circle{width:44px;height:44px}.channel-icon-circle svg{width:20px;height:20px}.channel-label{font-size:.9rem}}.check-item{color:var(--text-main);align-items:center;gap:.65rem;font-size:.92rem;font-weight:500;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1);transform:translateY(28px)}.reveal-visible{opacity:1;transform:translateY(0)}.reveal.pop{transform:scale(.85)}.reveal.pop.reveal-visible{transform:scale(1)}@keyframes successPop{0%{opacity:0;transform:translateY(10px)scale(.9)}60%{opacity:1;transform:translateY(-2px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes checkDraw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.check-draw{stroke-dasharray:24;stroke-dashoffset:24px;animation:.4s ease-out .25s forwards checkDraw}@keyframes ripplePing{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.ripple-ring{animation:1s ease-out .1s backwards ripplePing}.flow-line-fill{background:linear-gradient(90deg, var(--accent-primary), #60a5fa);width:0%;transition:width 1.1s cubic-bezier(.4,0,.2,1) .15s;position:absolute;inset:0}.flow-line-fill-visible{width:100%}.flow-line-fill-visible:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:40%;animation:2.4s ease-in-out 1.3s infinite flowShimmer;position:absolute;top:0;bottom:0}@keyframes flowShimmer{0%{transform:translate(-120%)}to{transform:translate(280%)}}@keyframes blinkCursor{0%,49%{opacity:1}50%,to{opacity:0}}.blink-cursor{animation:1s step-start infinite blinkCursor;display:inline-block}@media (prefers-reduced-motion:reduce){.reveal,.animate-in,.float-card,.pulse-dot,.diagram-arrow,.icon-box,.icon-glow,.blink-cursor,.check-draw,.ripple-ring,.flow-line-fill{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.channel-band:before{animation:none!important}.check-draw{stroke-dashoffset:0!important}.ripple-ring{display:none!important}.flow-line-fill{width:100%!important}.flow-line-fill-visible:after,.card:after,.navy-card:after,.btn-primary:before,.btn-dark:before{display:none!important}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-card{animation:3.6s ease-in-out infinite floatCard}.icon-box{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card:hover .icon-box,.navy-card:hover .icon-box{transform:scale(1.1)rotate(-4deg)}.usecase-icon-box{color:var(--text-dim);transition:color .2s,border-color .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}.usecase-card:hover .usecase-icon-box{color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)rotate(-4deg)}@keyframes arrowPulse{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.diagram-arrow{animation:1.6s ease-in-out infinite arrowPulse}@keyframes heroGlow{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-2%,2%)scale(1.08)}}.hero-glow{animation:12s ease-in-out infinite heroGlow}@keyframes iconGlowPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.05)}}.icon-glow{animation:2.8s ease-in-out infinite iconGlowPulse}.card:hover .icon-glow,.navy-card:hover .icon-glow{animation-play-state:paused}.hero-grid-bg:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0f172a0d 1px,#0000 1px),linear-gradient(#0f172a0d 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.nav-link{position:relative}.nav-link:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@keyframes pulseDot{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulseDot}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{max-width:1180px;margin:0 auto;padding:0 1.5rem}.footer-grid{grid-template-columns:1.2fr 1fr 1fr 1.3fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}@media (width<=900px){.grid-2{grid-template-columns:minmax(0,1fr)!important}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2rem!important}}.dash-preview-grid{grid-template-columns:185px 1fr}.dash-preview-stats{grid-template-columns:repeat(4,1fr)}.dash-preview-split{grid-template-columns:1fr 1fr}.dash-preview-panel{padding:1rem 1.1rem}@media (width<=600px){.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)!important}.footer-grid{grid-template-columns:minmax(0,1fr)!important;gap:2rem!important}.hide-mobile{display:none!important}.mobile-menu-btn{display:flex!important}.dash-preview-grid{grid-template-columns:minmax(0,1fr)}.dash-preview-stats{grid-template-columns:repeat(2,1fr)}.dash-preview-split{grid-template-columns:1fr}.dash-preview-panel{padding:.85rem}}[data-theme=dark] img[alt=OTPStack]{border-radius:var(--radius-sm);background:#fff;padding:4px 8px}@media (width<=600px){.section-pad{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.hero-section{padding:2.25rem 0 1.25rem!important}.hero-badge,.hero-title{margin-bottom:.75rem!important}.hero-lead{margin-bottom:1.25rem!important}.channel-strip-section{padding-bottom:1rem!important}.channel-band{gap:1rem!important;padding:1.25rem 1rem!important}.channels-dark-section,.api-flow-section{padding:1.5rem 0!important}.api-flow-title{margin-bottom:1.25rem!important}.dash-preview-section{padding:1.5rem 0!important}.dash-preview-head{margin:0 auto 1.25rem!important}.usecases-title{margin-bottom:1.25rem!important}.security-icon-wrap{margin:0 auto .65rem!important}.security-title{margin-bottom:1.25rem!important}.cta-lead{margin:0 auto 1.25rem!important}.section-head{margin-bottom:1.25rem!important}.stack-gap{gap:1.35rem!important}.footer-inner{padding-top:2rem!important}.lead-text{font-size:1rem!important}.nav-cta{padding:.4rem .75rem;font-size:.75rem}.hero-ctas{flex-wrap:wrap}.hero-ctas>a{flex:100%;justify-content:center}.otp-toast{min-width:0!important;right:.5rem!important}.otp-toast-code{font-size:1.15rem!important}.wallet-panel{padding:1.5rem!important}.code-terminal-body{padding:1rem;font-size:.75rem}.dash-log-row{grid-template-columns:1.3fr .9fr .7fr!important;min-width:0!important}.dash-log-optional{display:none!important}.badge-pill{padding:.35rem .75rem;font-size:.72rem}.container{padding-left:16px!important;padding-right:16px!important}.nav-logo img{height:24px!important}}@media (width<=900px){.pricing-hero{padding:3.5rem 0 2rem!important}.pricing-rates-section{padding-bottom:2rem!important}.pricing-why-section{padding:2.25rem 0!important}.wallet-panel{gap:2rem!important}.wallet-col{padding-left:0!important;padding-right:0!important}.pricing-steps-section{padding:2.25rem 0!important}.pricing-volume-section{padding:1rem 0 2rem!important}.pricing-cta-section{padding:1rem 0 3rem!important}}@media (width<=600px){.pricing-hero{padding:2.25rem 0 1.25rem!important}.pricing-hero h1{margin-bottom:.65rem!important}.pricing-hero p{font-size:.95rem!important;line-height:1.55!important}.pricing-rates-section{padding-bottom:1rem!important}.pricing-rates-header{gap:.75rem!important;margin-bottom:1rem!important;padding-bottom:1rem!important}.pricing-cards-grid{gap:.85rem!important}.pricing-card{padding:1.15rem 1rem!important}.pricing-coming-soon{min-height:3.5rem!important;padding:.75rem 0!important}.pricing-info-bar{margin-top:1rem!important;padding:.75rem 1rem!important}.pricing-why-section{padding:1rem 0!important}.wallet-panel{border-radius:var(--radius-lg)!important;gap:1.5rem!important;padding:1.25rem 1rem!important}.wallet-cta{justify-content:center;width:100%;display:flex}.pricing-why-section .wallet-col p{margin-bottom:1.1rem!important}.pricing-steps-section{padding:1.25rem 0!important}.pricing-steps-section h2{margin-bottom:1.25rem!important}.pricing-step-icon{margin-bottom:.65rem!important}.steps-3{gap:1.1rem!important}.pricing-volume-section{padding:.75rem 0 1rem!important}.pricing-volume-card{border-radius:var(--radius-lg)!important;gap:1rem!important;padding:1.35rem 1.15rem!important}.pricing-volume-card .btn-primary{justify-content:center!important;width:100%!important}.pricing-cta-section{padding:1rem 0 2.25rem!important}.pricing-cta-section p{margin-bottom:1.15rem!important}.pricing-cta-section .btn-primary,.pricing-cta-section .btn-outline{justify-content:center!important;width:100%!important}.container-inset{padding-left:16px!important;padding-right:16px!important}.otp-toast{gap:.55rem!important;padding:.5rem .75rem!important;bottom:-1.1rem!important}.otp-toast>div:first-child,.otp-toast>div:first-child>div{width:26px!important;height:26px!important}.otp-toast>div:first-child svg{width:14px;height:14px}.otp-toast>div:last-child>div:first-child{line-height:1.2;font-size:.68rem!important}.otp-toast-code{font-size:.95rem!important;line-height:1.2!important}.otp-toast>div:last-child>div:last-child{white-space:nowrap;line-height:1.2;font-size:.6rem!important}}.code-terminal.docs-code{height:auto}.docs-toc-mobile{display:none}@media (width<=600px){.docs-toc-mobile{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.45rem;margin:1rem 0 .25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.docs-toc-mobile::-webkit-scrollbar{display:none}.docs-toc-mobile a{white-space:nowrap;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);border-radius:999px;flex-shrink:0;padding:.35rem .8rem;font-size:.78rem;font-weight:600;text-decoration:none}.docs-h2{margin-top:1.5rem!important;margin-bottom:.4rem!important;font-size:1.25rem!important}.docs-p{font-size:.92rem!important;line-height:1.6!important}.docs-h2{margin-top:1.5rem!important;margin-bottom:.35rem!important}.docs-code{margin:.85rem 0!important}.docs-body{padding-bottom:2rem!important}.docs-code pre{overflow-x:auto;white-space:pre!important;word-break:normal!important}.params-wrap{-webkit-overflow-scrolling:touch;padding-right:1.5rem;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000);overflow-x:auto!important}.params-table{min-width:100%;width:max-content!important}.params-table th,.params-table td{vertical-align:top;padding:.55rem .65rem!important}.params-table th:first-child,.params-table td:first-child{padding-left:0!important}.params-table .pt-name,.params-table .pt-type,.params-table .pt-req{white-space:nowrap;font-size:.78rem}.params-table .pt-desc{overflow-wrap:anywhere;min-width:240px;max-width:280px;font-size:.8rem;line-height:1.5}.contact-form-input{font-size:16px}.contact-hero{padding-top:2rem!important;padding-bottom:1.5rem!important}.contact-hero .section-head{margin-bottom:1.5rem!important}.contact-hero .contact-grid,.contact-grid{gap:1rem!important}.contact-methods-list{gap:.75rem!important}.contact-method{align-items:center!important;gap:.8rem!important;padding:.85rem 1rem!important}.contact-method .icon-box{width:36px!important;height:36px!important}.contact-form-card{padding:1.15rem 1rem!important}.contact-form-card form{gap:.85rem!important}.contact-sent{padding:1.5rem .5rem!important}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.75rem 1rem!important}.footer-grid>:first-child{grid-column:1/-1}}@media (width<=900px){.hide-tablet{display:none!important}.mobile-menu-btn{display:flex!important}.docs-layout{gap:0!important;width:100%!important}.docs-content{width:100%!important;max-width:100%!important}.docs-toc-mobile{scrollbar-width:none;gap:.45rem;margin:1rem 0 .25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.docs-toc-mobile::-webkit-scrollbar{display:none}.docs-toc-mobile a{white-space:nowrap;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);border-radius:999px;flex-shrink:0;padding:.35rem .8rem;font-size:.78rem;font-weight:600;text-decoration:none}.pricing-estimate{width:100%;max-width:480px!important;margin-left:auto!important;margin-right:auto!important}}@media (width>=601px) and (width<=900px){.tablet-2col{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dev-checklist,.steps-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hero-section .grid-2>div:first-child{text-align:center}.hero-section .grid-2>div:first-child p{margin-left:auto;margin-right:auto}.hero-section .grid-2>div:first-child>div{justify-content:center}}@media (width>=901px){.nav-bar{grid-template-columns:1fr auto 1fr;column-gap:1.5rem;display:grid!important}.nav-bar>:first-child{justify-self:start}.nav-bar>:last-child{justify-self:end}}@media (width>=901px) and (width<=1100px){.nav-bar>.hide-tablet{gap:1.4rem!important}}.blog-post-grid{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:3.5rem;display:grid}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.featured-post-card{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-alt) 100%);grid-template-columns:1.35fr 1fr;align-items:center;gap:2.5rem;padding:2.75rem;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px -12px #00000014}.blog-content{max-width:100%;font-family:var(--font-sans);color:var(--text-main);font-size:1.06rem;line-height:1.8;overflow-x:hidden}.blog-content section{max-width:100%;margin-bottom:3rem}.blog-content p{color:var(--text-main);margin-bottom:1.35rem}.blog-content h2{color:var(--text-main);border-left:4px solid var(--accent-primary);margin-top:2.25rem;margin-bottom:1.15rem;padding-left:.85rem;font-size:1.85rem;font-weight:800;line-height:1.25}.blog-content h3{color:var(--text-main);margin-top:1.85rem;margin-bottom:.85rem;font-size:1.4rem;font-weight:700;line-height:1.35}.blog-content h4{color:var(--text-main);margin-top:1.5rem;margin-bottom:.65rem;font-size:1.15rem;font-weight:700}.blog-content ul,.blog-content ol{margin:1.35rem 0;padding-left:1.6rem}.blog-content li{color:var(--text-main);margin-bottom:.65rem}.blog-content strong{color:var(--text-main);font-weight:700}.callout-box{border-radius:var(--radius-lg);border-left:4px solid var(--accent-primary);background:var(--bg-alt);margin:2rem 0;padding:1.35rem 1.6rem;box-shadow:0 4px 14px #00000008}.callout-box.callout-info{background:#2563eb0d;border-left-color:#2563eb}.callout-box.callout-tip{background:#10b9810d;border-left-color:#10b981}.callout-box.callout-warning{background:#f59e0b0d;border-left-color:#f59e0b}.blog-content .table-scroll-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);width:100%;max-width:100%;margin:2rem 0;overflow-x:auto;box-shadow:0 4px 16px #0000000a}.blog-content .table-scroll-container::-webkit-scrollbar{height:6px}.blog-content .table-scroll-container::-webkit-scrollbar-track{background:var(--bg-alt);border-radius:4px}.blog-content .table-scroll-container::-webkit-scrollbar-thumb{background:#2563eb66;border-radius:4px}.blog-content .table-scroll-container::-webkit-scrollbar-thumb:hover{background:#2563ebb3}.blog-content table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;min-width:580px;margin:2rem 0;font-size:.92rem;overflow:hidden;box-shadow:0 4px 16px #0000000a}.blog-content .table-scroll-container table{box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.blog-content th{background:var(--bg-alt);text-align:left;border-bottom:2px solid var(--border-color);color:var(--text-main);padding:.95rem 1.25rem;font-weight:700}.blog-content td{border-bottom:1px solid var(--border-color);color:var(--text-main);background:var(--bg-card);padding:.95rem 1.25rem}.blog-content tr:last-child td{border-bottom:none}.blog-content tr:hover td{background:var(--bg-alt)}.blog-content pre{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);color:#f1f5f9;max-width:100%;font-family:var(--font-mono);background:#090d16;border:1px solid #ffffff1a;margin:2rem 0;padding:1.35rem 1.5rem;font-size:.88rem;line-height:1.65;overflow-x:auto;box-shadow:0 12px 28px -6px #00000059}.blog-content pre::-webkit-scrollbar{height:6px}.blog-content pre::-webkit-scrollbar-track{background:#0d121f;border-radius:4px}.blog-content pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.blog-content pre::-webkit-scrollbar-thumb:hover{background:#fff6}.blog-content code{font-family:var(--font-mono);color:var(--accent-primary);border-radius:var(--radius-sm);background:#2563eb1a;padding:.25em .5em;font-size:.88em}.blog-content pre code{color:inherit;white-space:pre;background:0 0;padding:0;font-size:1em}.post-author-box h4{margin-top:0!important;line-height:1.25!important}.post-author-box p{margin-top:0!important}.category-tag-api{color:#2563eb;background:#2563eb14;border:1px solid #2563eb33}.category-tag-nodejs{color:#059669;background:#10b98114;border:1px solid #10b98133}.category-tag-security{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b33}.category-tag-architecture{color:#7c3aed;background:#7c3aed14;border:1px solid #7c3aed33}.blog-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;flex-direction:column;justify-content:space-between;height:100%;padding:1.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.blog-card:before{content:"";opacity:0;background:linear-gradient(90deg,#2563eb,#14b8a6);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.blog-card:hover{border-color:#2563eb66;transform:translateY(-4px);box-shadow:0 20px 40px -12px #2563eb1f}.blog-card:hover:before{opacity:1}@media (width<=900px){.blog-post-grid{grid-template-columns:minmax(0,1fr)!important;gap:2.5rem!important}.featured-post-card{grid-template-columns:minmax(0,1fr)!important;gap:1.75rem!important;padding:1.75rem!important}.blog-grid{gap:1.25rem!important}}@media (width<=600px){.blog-content{font-size:.95rem;line-height:1.65}.blog-content section{margin-bottom:1.25rem!important}.blog-content section>:first-child,.blog-content section>h2:first-child,.blog-content section>h3:first-child,.blog-content>div>:first-child,.blog-content>div>:first-child>:first-child{margin-top:0!important}.blog-content section>:last-child,.blog-content section p:last-child,.blog-content section ul:last-child,.blog-content section ol:last-child,.blog-content section pre:last-child,.blog-content section .callout-box:last-child,.blog-content section .table-scroll-container:last-child,.blog-content section table:last-child{margin-bottom:0!important}.blog-content h2{border-left-width:3px!important;margin-top:1.25rem!important;margin-bottom:.55rem!important;padding-left:.6rem!important;font-size:1.25rem!important;line-height:1.3!important}.blog-content section>h2:first-child{margin-top:0!important}.blog-content h3{margin-top:1rem!important;margin-bottom:.45rem!important;font-size:1.08rem!important;line-height:1.3!important}.blog-content section>h3:first-child{margin-top:0!important}.blog-content h4{margin-top:.85rem!important;margin-bottom:.4rem!important;font-size:1rem!important}.blog-content p{margin-bottom:.75rem!important;line-height:1.65!important}.blog-content ul,.blog-content ol{margin:.65rem 0!important;padding-left:1.25rem!important}.blog-content li{margin-bottom:.35rem!important;line-height:1.55!important}.blog-content pre{border-radius:var(--radius-md)!important;-webkit-overflow-scrolling:touch!important;margin:.85rem 0!important;padding:.85rem 1rem!important;font-size:.8rem!important;line-height:1.5!important;overflow-x:auto!important}.blog-content pre code{white-space:pre!important}.blog-content .callout-box,.callout-box{border-radius:var(--radius-md)!important;margin:.85rem 0!important;padding:.85rem 1rem!important;font-size:.9rem!important}.blog-content .table-scroll-container{border-radius:var(--radius-md)!important;-webkit-overflow-scrolling:touch!important;margin:.85rem 0!important;overflow-x:auto!important}.blog-content .table-scroll-container table,.blog-content table{min-width:480px!important;margin:0!important;font-size:.82rem!important}.blog-content th,.blog-content td{padding:.65rem .85rem!important}.post-header{padding:1.25rem 0!important}.post-breadcrumb{margin-bottom:.65rem!important}.post-back{font-size:.82rem!important}.post-cat-wrap{margin-bottom:.65rem!important}.post-title{margin-bottom:.65rem!important;font-size:1.45rem!important;line-height:1.25!important}.post-lead{font-size:.95rem!important;line-height:1.55!important}.post-main{padding:1.25rem 16px 2.5rem!important}.blog-post-grid{gap:1.25rem!important}.post-faq{margin-top:1.75rem!important;padding-top:1.25rem!important}.post-faq h2{margin-bottom:.85rem!important;font-size:1.25rem!important}.post-faq button{padding:.85rem 1rem!important;font-size:.92rem!important}.post-author-box{grid-template-columns:auto 1fr!important;grid-template-areas:"avatar name""avatar role""bio bio"!important;align-items:center!important;gap:.15rem 1rem!important;margin-top:1.75rem!important;padding:1.25rem!important;display:grid!important}.post-author-avatar{flex-shrink:0!important;grid-area:avatar!important;align-self:center!important;width:56px!important;height:56px!important;margin:0!important;font-size:1.2rem!important}.post-author-info{display:contents!important}.post-author-name{grid-area:name!important;align-self:end!important;margin:0!important;font-size:1.08rem!important;font-weight:800!important;line-height:1.25!important}.post-author-role{color:var(--accent-primary)!important;grid-area:role!important;align-self:start!important;margin:0!important;font-size:.85rem!important;font-weight:700!important;line-height:1.3!important}.post-author-bio{color:var(--text-muted)!important;grid-area:bio!important;margin-top:.85rem!important;font-size:.9rem!important;line-height:1.65!important}.post-related{margin-top:2rem!important;padding-top:1.5rem!important}.post-related h2{margin-bottom:1rem!important;font-size:1.25rem!important}.post-related-grid{gap:16px!important}.post-related .blog-card{padding:1.15rem!important}.fp-card{gap:1.25rem!important;margin-bottom:16px!important;padding:1.25rem!important}.fp-meta{flex-wrap:wrap;gap:.5rem!important;margin-bottom:.85rem!important}.fp-badge{white-space:nowrap;padding:.25rem .65rem!important;font-size:.68rem!important}.fp-date{white-space:nowrap;font-size:.75rem!important}.fp-title{margin-bottom:.75rem!important;font-size:1.25rem!important;line-height:1.3!important}.fp-desc{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;margin-bottom:1.25rem!important;font-size:.92rem!important;line-height:1.6!important}.fp-cta-wrap{text-align:left!important}.fp-cta{justify-content:center;width:100%;padding:.75rem 1rem!important;display:flex!important}.bh-hero{padding:2rem 0 1.75rem!important}.bh-hero+main,.blog-main{padding-top:1.75rem!important;padding-left:16px!important;padding-right:16px!important}.blog-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.blog-card{padding:1.25rem!important}.bh-badge{margin-bottom:.9rem!important;padding:.3rem .75rem!important;font-size:.68rem!important}.bh-title{margin-bottom:.85rem!important;font-size:1.55rem!important;line-height:1.25!important}.bh-lead{margin-bottom:1.25rem!important;font-size:.95rem!important}.bh-stats{gap:.55rem 1rem!important;font-size:.78rem!important}.bh-filters{gap:1rem!important;margin-bottom:2rem!important}.bh-search{text-overflow:ellipsis;padding:.75rem .9rem .75rem 2.6rem!important;font-size:.88rem!important}.bh-cats{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:.25rem;overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important}.bh-cats::-webkit-scrollbar{display:none}.bh-cats>button{line-height:1.2;white-space:nowrap!important;flex:none!important;padding:.4rem .85rem!important;font-size:.8rem!important}.bh-cats>button>span{white-space:nowrap}}