*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;overflow-x:hidden}.responsive-container{max-width:840px;margin:0 auto;min-height:100vh;width:100%}.responsive-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%}.responsive-nav{display:flex;align-items:center;gap:14px}.responsive-main{padding:40px 28px;width:100%}.responsive-hero-title{font-size:clamp(26px,5.5vw,38px);font-weight:800;letter-spacing:-.9px;line-height:1.2;margin:0 0 16px}.responsive-hero-sub{font-size:clamp(14px,2.5vw,16px);line-height:1.6;max-width:700px;margin:0 0 24px}.code-scroll-block{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media (max-width:640px){.responsive-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.responsive-nav{gap:10px;overflow-x:auto;width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch}.responsive-main{padding:24px 16px}.mobile-stack{flex-direction:column;align-items:stretch!important}.mobile-full-width{width:100%!important}}