/* =====================================================
   RASID FINAL RESPONSIVE FIX 2026-06-28
   Mobile + desktop safe. No new user-facing text.
===================================================== */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}*{box-sizing:border-box!important}img,svg,video,iframe{max-width:100%;height:auto}.wrap{max-width:calc(100% - 28px)}

@media (max-width: 768px){
  html,body{overflow-x:hidden!important}

  /* Header */
  .header{position:sticky;top:0;z-index:1000;overflow:hidden!important}
  .header .wrap.nav{width:100%!important;max-width:100%!important;min-height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:16px 14px!important;margin:0!important;text-align:center!important}
  .header .brand{width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important}
  .header .logo{width:54px!important;height:54px!important;margin:0 auto!important;border-radius:16px!important;flex:0 0 auto!important}.header .logo svg{width:40px!important;height:40px!important}
  .header .brand-title{display:block!important;font-size:20px!important;line-height:1.25!important;text-align:center!important;white-space:normal!important}.header .brand small{font-size:13px!important;line-height:1.35!important;text-align:center!important;margin:2px 0 0!important;color:rgba(226,238,255,.72)!important}
  .header .links{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;justify-content:center!important;overflow:visible!important;white-space:normal!important;flex:none!important}
  .header .links a{width:100%!important;min-width:0!important;min-height:36px!important;padding:7px 5px!important;border-radius:14px!important;font-size:14px!important;line-height:1.22!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;word-break:normal!important}
  .header .links a.nav-new-link{position:relative!important;padding-inline:5px!important}.header .links a.nav-new-link:before{transform:scale(.82);top:-10px!important;inset-inline-start:6px!important}
  .header .actions{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:center!important;justify-content:center!important;white-space:normal!important;flex:none!important}
  .header .actions .btn,.header .actions .lang{width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;padding:10px 6px!important;border-radius:18px!important;font-size:15px!important;line-height:1.15!important;text-align:center!important;justify-content:center!important;white-space:normal!important}

  /* Sub navigation under header */
  .rdx-gh-subnav{width:100%!important;overflow:hidden!important}.rdx-gh-subnav .wrap,.rdx-gh-subnav-inner{width:100%!important;max-width:100%!important;margin:0!important;padding:8px 10px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;white-space:normal!important}.rdx-gh-subnav a{width:100%!important;min-width:0!important;min-height:44px!important;padding:8px 6px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;font-size:14px!important;line-height:1.25!important;text-align:center!important;justify-content:center!important;white-space:normal!important;background:rgba(255,255,255,.035)!important}.rdx-gh-subnav a:first-child{grid-column:1/-1!important}

  /* Hero becomes normal vertical flow on mobile */
  .rdx-gh-page,.rdx-gh-hero,.rdx-gh-section{overflow:hidden!important}.rdx-gh-page .wrap{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-inline:auto!important}.rdx-gh-hero{min-height:auto!important;padding-bottom:0!important}.rdx-gh-hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;align-items:start!important;padding:38px 0 20px!important}
  .rdx-gh-copy{text-align:center!important;max-width:100%!important}.rdx-gh-kicker{justify-content:center!important;font-size:12px!important;letter-spacing:.12em!important}.rdx-gh-copy h1{font-size:clamp(36px,12vw,46px)!important;line-height:1.12!important;letter-spacing:-.03em!important;margin:18px auto 14px!important;max-width:100%!important;text-align:center!important}.rdx-gh-copy p{font-size:17px!important;line-height:1.75!important;max-width:100%!important;text-align:center!important;margin:0 auto!important}
  .rdx-gh-side-card{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:20px 16px!important;border-radius:24px!important;text-align:center!important}.rdx-gh-side-card p{font-size:18px!important;line-height:1.85!important;text-align:center!important;margin-bottom:16px!important}.rdx-gh-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:12px!important}.rdx-gh-actions .rdx-gh-btn{width:100%!important;min-height:48px!important;border-radius:16px!important}

  /* Preview window: no absolute overlap and compact steps */
  .rdx-gh-visual-zone{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:2!important;width:100%!important;min-height:auto!important;margin:10px 0 0!important;padding:14px 0 0!important;overflow:hidden!important;border-top:1px solid rgba(255,255,255,.12)!important;background:radial-gradient(circle at 82% 58%,rgba(14,165,255,.20),transparent 34%),linear-gradient(180deg,#051224 0%,#020817 100%)!important}.rdx-gh-visual-zone .wrap{width:calc(100% - 2px)!important;max-width:calc(100% - 2px)!important}.rdx-gh-visual-zone:before,.rdx-gh-visual-zone:after{display:none!important}
  .rdx-gh-window{width:100%!important;max-width:100%!important;min-height:0!important;margin:0 auto!important;border-radius:14px!important;overflow:hidden!important}.rdx-gh-window-bar{height:36px!important;padding:0 12px!important}.rdx-gh-window-bar span{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .rdx-gh-window-body{display:block!important;min-height:0!important}.rdx-gh-sidebar,.rdx-gh-chat-panel{display:none!important}.rdx-gh-code-panel{min-height:0!important;padding:14px 12px 16px!important;overflow:hidden!important}.rdx-gh-prompt{position:relative!important;top:auto!important;left:auto!important;right:auto!important;max-width:100%!important;margin:0 0 12px!important;padding:13px 12px!important;border-radius:8px!important;font-size:15px!important;line-height:1.65!important;text-align:center!important}.rdx-gh-code-line,.rdx-gh-code-line:nth-child(3){width:100%!important;min-height:54px!important;margin:9px 0!important;padding:11px 13px!important;border-radius:14px!important;font-size:15px!important;line-height:1.35!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.rdx-gh-code-line em{order:2!important;font-size:15px!important;min-width:34px!important;text-align:center!important}.rdx-gh-code-line span{order:1!important;flex:1!important;text-align:right!important}

  /* Proof/cards/pricing */
  .rdx-gh-section{padding:52px 0!important}.rdx-gh-proof{padding:28px 0!important}.rdx-gh-proof-grid,.rdx-gh-card-grid,.rdx-gh-price-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.rdx-gh-proof-grid{border-radius:20px!important;overflow:hidden!important}.rdx-gh-proof-grid div{padding:20px 14px!important}.rdx-gh-section-head,.rdx-gh-center{max-width:100%!important;text-align:center!important;margin-inline:auto!important}.rdx-gh-section-head h2{font-size:34px!important;line-height:1.18!important}.rdx-gh-section-head p{font-size:16px!important;line-height:1.75!important}.rdx-gh-solution-card,.rdx-gh-price-grid article{width:100%!important;min-height:auto!important;transform:none!important;padding:22px 18px!important;border-radius:24px!important}.rdx-gh-card-num{margin-bottom:26px!important;width:52px!important;height:52px!important;border-radius:16px!important}.rdx-gh-solution-card h3,.rdx-gh-price-grid h3{font-size:26px!important}.rdx-gh-price-grid strong{font-size:28px!important}.rdx-gh-process-grid,.rdx-gh-bot-box{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}.rdx-gh-timeline>div{grid-template-columns:1fr!important;padding:18px!important}.rdx-gh-bot-box{padding:24px 18px!important;border-radius:24px!important;text-align:center!important}.rdx-gh-bot-box .rdx-gh-btn{width:100%!important}

  /* Floating contact buttons */
  .contact-float{left:10px!important;right:auto!important;bottom:max(14px,env(safe-area-inset-bottom))!important;gap:8px!important;z-index:90!important}.contact-float a{width:46px!important;height:46px!important;border-radius:15px!important}.contact-float svg{width:27px!important;height:27px!important}
}

@media (max-width:420px){.header .links a{font-size:13px!important}.header .actions .btn,.header .actions .lang{font-size:14px!important}.rdx-gh-copy h1{font-size:36px!important}.rdx-gh-side-card p{font-size:17px!important}.rdx-gh-subnav a{font-size:13px!important}.rdx-gh-code-line{font-size:14px!important}.rdx-gh-section-head h2{font-size:30px!important}}

@media (min-width:769px){.rdx-gh-page .wrap{max-width:1280px}.container,.section-inner,.hero-inner{max-width:1180px;margin-left:auto;margin-right:auto}}