/* DDG FLOW V3.0.0 M1 — Mobile RC1 */
.mobile-header-actions,.mobile-quick-section,.mobile-bottom-cta{display:none}

@media (max-width:960px){
  body{overflow-x:hidden}
  .site-header .header-inner{position:relative}
  .mobile-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
  .mobile-trial-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:var(--accent,#ff6b2c);color:#fff;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 8px 20px rgba(255,107,44,.22)}
  .site-header .menu-toggle{display:grid!important;place-items:center;width:40px;height:40px;padding:0!important;border:1px solid #e5e7eb!important;border-radius:12px!important;background:#fff!important;color:#202020!important;font-size:0!important;cursor:pointer}
  .site-header .menu-toggle span{font-size:21px;line-height:1}
  .site-header .nav{top:74px!important;max-height:calc(100vh - 74px);overflow:auto;padding:14px 18px 22px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 18px 38px rgba(22,28,45,.12)}
  .site-header .nav>a,.site-header .nav-dropdown-toggle{min-height:48px!important;padding:13px 14px!important;border-radius:12px;font-size:15px!important}
  .site-header .nav>a:hover,.site-header .nav-dropdown-toggle:hover{background:#f7f7f8}
  .site-header .nav-cta{margin-top:6px;text-align:center;background:var(--accent,#ff6b2c)!important;color:#fff!important}
  .nav-dropdown-panel{background:#f7f8fa!important;border:0!important}

  .hero{padding:48px 0 30px!important}
  .hero-inner{gap:28px!important}
  .hero-copy{text-align:left}
  .hero h1{margin:13px 0 18px!important;font-size:clamp(38px,10vw,54px)!important;line-height:1.08!important;letter-spacing:-.055em!important}
  .hero-copy>p{font-size:16px!important;line-height:1.7!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:9px!important;margin-top:24px!important}
  .hero-actions .button{width:100%;min-height:48px;padding:0 13px}
  .hero-actions .button.primary{grid-column:1/-1;min-height:54px;font-size:15px}
  .trial-highlight{margin-top:16px!important;padding:15px 16px!important;border-radius:14px!important}
  .trial-highlight strong{font-size:16px!important}
  .trial-highlight span{font-size:12px!important;line-height:1.55}
  .hero-panel{padding:22px!important;border-radius:20px!important;box-shadow:0 16px 42px rgba(0,0,0,.06)!important}
  .panel-head strong{font-size:18px!important}
  .flow-step{padding:13px 0!important}
  .flow-step b{width:36px!important;height:36px!important}

  .mobile-quick-section{display:block;padding:8px 0 34px}
  .mobile-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mobile-quick-grid a{display:flex;min-height:132px;flex-direction:column;padding:17px;border:1px solid #e2e4e8;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(25,32,45,.045)}
  .mobile-quick-grid span{color:var(--accent,#ff6b2c);font-size:11px;font-weight:900}
  .mobile-quick-grid strong{margin-top:12px;font-size:17px;letter-spacing:-.025em}
  .mobile-quick-grid small{margin-top:5px;color:#777;font-size:12px;line-height:1.45}

  .section{padding:62px 0!important}
  .section-heading{margin-bottom:28px!important}
  .section-heading h2,.benefit-grid h2,.cta-box h2{font-size:32px!important;line-height:1.25!important}
  .feature-grid{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 18px 14px 0;margin-right:-18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .feature-grid::-webkit-scrollbar{display:none}
  .feature-card{flex:0 0 min(84vw,330px);min-height:270px!important;scroll-snap-align:start;padding:25px!important}
  .benefit-grid{gap:24px!important}
  .cta-box{gap:24px!important}
  .site-footer{padding-bottom:106px!important}

  .mobile-bottom-cta{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:.75fr 1.25fr;gap:8px;padding:10px max(14px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);border-top:1px solid #e2e5ea;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 -10px 28px rgba(24,30,43,.1)}
  .mobile-bottom-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:13px;font-size:14px;font-weight:900}
  .mobile-bottom-secondary{border:1px solid #d9dce2;background:#fff;color:#202020}
  .mobile-bottom-primary{background:var(--accent,#ff6b2c);color:#fff;box-shadow:0 8px 20px rgba(255,107,44,.22)}
}

@media (max-width:600px){
  .site-header .header-inner{height:66px!important;min-height:66px!important}
  .site-header .nav{top:66px!important;max-height:calc(100vh - 66px)}
  .site-header .brand-text small{display:none!important}
  .site-header .brand-text strong{font-size:17px!important;margin-top:0!important}
  .mobile-trial-button{min-height:36px;padding:0 12px}
  .site-header .menu-toggle{width:38px;height:38px}
  .hero{padding-top:38px!important}
  .eyebrow{font-size:11px!important}
  .hero h1{font-size:39px!important}
  .hero-actions{grid-template-columns:1fr 1fr}
  .mobile-quick-grid a{min-height:124px;padding:15px}
}

@media (max-width:370px){
  .mobile-trial-button{display:none}
  .hero h1{font-size:36px!important}
  .mobile-quick-grid{grid-template-columns:1fr}
  .mobile-quick-grid a{min-height:auto}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* RC1.1 — mobile navigation visibility fix */
@media (max-width:960px){
  .site-header .nav{
    display:none!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    z-index:120!important;
  }
  .site-header .nav.open{
    display:flex!important;
  }
  body.mobile-menu-open{overflow:hidden!important}
  .site-header .menu-toggle[aria-expanded="true"] span{font-size:0}
  .site-header .menu-toggle[aria-expanded="true"] span::before{content:"✕";font-size:20px;line-height:1}
}