.mobile-site{display:none}@media(max-width:699px), (prefers-reduced-motion:reduce){html,body{overflow-x:hidden!important}.mobile-site{display:block;color:#121417;background:#f8f9fa;font-family:Inter,"Noto Sans CJK SC",system-ui,sans-serif}.m-nav{position:sticky;top:0;height:64px;background:#f8f9faf0;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #d7dade;z-index:10}.m-nav b{font-size:17px}.m-nav a{background:#121417;color:white;border-radius:7px;padding:10px 15px;font-size:12px;text-decoration:none}.m-section{padding:64px 24px;border-bottom:1px solid #d7dade;position:relative;overflow:hidden}.m-section small{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;color:#62666d}.m-section h1,.m-section h2{font-size:clamp(34px,10vw,48px);line-height:1.1;letter-spacing:-.045em;margin:18px 0 22px;font-weight:650}.m-section h2{font-size:clamp(29px,8vw,38px)}.m-section p{font-size:15px;line-height:1.8;color:#62666d}.m-button{display:inline-block;background:#121417;color:#fff;text-decoration:none;font-size:13px;padding:15px 25px;border-radius:8px;margin-top:20px}.m-flow{margin-top:46px;border:1px solid #d7dade;border-radius:10px;padding:16px}.m-flow strong{display:block;background:#121417;color:white;font:12px 'JetBrains Mono',monospace;padding:16px;border-radius:7px}.m-flow>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.m-flow span{border:1px solid #d7dade;border-radius:7px;padding:13px;font:10px 'JetBrains Mono',monospace}.m-flow small{display:inline-block;margin-top:5px;letter-spacing:0;color:#4c5bd4}.m-grid{display:grid;grid-template-columns:1fr 1fr;margin:30px -24px -64px}.m-grid article{border:1px solid #d7dade;padding:23px}.m-grid b,.m-steps b{font-size:16px}.m-grid p,.m-steps p{font-size:13px;line-height:1.7}.m-section pre{white-space:pre-wrap;font:12px/1.8 'JetBrains Mono',monospace;background:#131518;color:#ccd5e5;padding:22px;border-radius:10px;margin-top:30px}.m-steps article{padding:20px 0;border-bottom:1px solid #d7dade}.m-plans{display:grid;gap:12px;margin-top:28px}.m-plans article{border:1px solid #d7dade;border-radius:12px;background:white;padding:24px}.m-plans h3{font-size:24px;margin:12px 0}.m-plans a{display:block;background:#121417;color:white;text-align:center;text-decoration:none;padding:13px;border-radius:7px;font-size:13px}.m-footer{padding:35px 24px;display:flex;justify-content:space-between;font-size:11px;color:#62666d}}


@media(max-width:699px), (prefers-reduced-motion:reduce){.m-footer{gap:30px;align-items:flex-start}.m-footer nav{display:grid;gap:12px}.m-footer a{color:#62666d;text-decoration:none;font-size:12px}}

@media(max-width:699px), (prefers-reduced-motion:reduce){.m-contacts{display:grid;gap:12px;margin-top:22px}.m-contacts a{color:#121417;font-size:15px;text-decoration:underline;text-underline-offset:4px}}

/* Progressive mobile construction. No enhancement class means fully readable HTML. */
@media(max-width:699px){
  #mobile-site [data-mobile-build]{position:relative}
  html.m-build-boot .m-nav>*,
  html.m-build-boot .m-section>small,
  html.m-build-boot .m-section>h1,
  html.m-build-boot .m-section>h2,
  html.m-build-boot .m-section>p,
  html.m-build-boot .m-section>a,
  html.m-build-boot .m-section>pre,
  html.m-build-boot .m-flow>strong,
  html.m-build-boot .m-flow>div>span,
  html.m-build-boot .m-grid>article,
  html.m-build-boot .m-steps>article,
  html.m-build-boot .m-plans>article,
  html.m-build-boot .m-contacts>a,
  html.m-build-boot .m-footer>b,
  html.m-build-boot .m-footer nav>a{opacity:0}
  .m-build-active [data-mobile-build-state="pending"],
  .m-build-active [data-mobile-build-state="queued"]{opacity:0}
  .m-build-active [data-mobile-build-state="running"]{opacity:1;will-change:clip-path}
  .m-section,.m-footer{position:relative}
  .m-build-cursor,.m-build-frame{position:absolute;pointer-events:none!important;user-select:none}
  .m-build-cursor{left:0;top:0;width:23px;height:29px;z-index:8;filter:drop-shadow(0 2px 2px #0003);transform-origin:4px 4px}
  .m-build-cursor svg{display:block;width:23px;height:29px;overflow:visible}
  .m-build-frame{z-index:2;border:1px dashed currentColor;border-radius:4px;box-sizing:border-box;transform-origin:left top;opacity:.4}
  .m-build-active [data-mobile-build]:focus-within{opacity:1!important;clip-path:none!important}
  @media(prefers-reduced-motion:reduce){
    html.m-build-boot #mobile-site *, .m-build-active [data-mobile-build]{opacity:1!important;clip-path:none!important;will-change:auto!important}
    .m-build-cursor,.m-build-frame{display:none!important}
  }
}