/* ═══════════════════════════════════════════════════════════
   RESPONSIVE STYLESHEET — Mobile First Breakpoints
   ═══════════════════════════════════════════════════════════ */

/* ─── TABLET LANDSCAPE & DOWN (≤1024px) ─── */
@media(max-width:1024px){
  .feat-grid{grid-template-columns:repeat(2,1fr);}
  .fg{grid-template-columns:1fr 1fr;gap:32px;}
  .hero-inner{gap:48px;}
  .ai-grid{gap:48px;}
  .contact-grid{gap:48px;}
  .feat-detail{gap:48px;padding:60px 0;}
  .section{padding:72px 0;}
}

/* ─── TABLET & DOWN (≤900px) ─── */
@media(max-width:900px){
  .hero-inner,
  .ai-grid,
  .rp.active,
  .contact-grid{grid-template-columns:1fr;gap:40px;}
  .feat-detail{grid-template-columns:1fr;gap:32px;padding:48px 0;}
  .feat-detail.rev{direction:ltr;}
  .feat-detail .fd-img{min-height:220px;}
  .steps{grid-template-columns:repeat(2,1fr);gap:32px 24px;}
  .steps::before{display:none;}
  .tgrid{grid-template-columns:1fr 1fr;}
  .pgrid{grid-template-columns:1fr;max-width:460px;margin:0 auto;}
  .hero-visual{padding-bottom:40px;margin-top:24px;}
  .float-c.f1,
  .float-c.f2{display:none;}
  .stats-inner{padding:24px 5%;gap:20px;}
  .s-num{font-size:1.65rem;}
  .nav-inner{height:60px;}
  .nav-links li a{height:60px;padding:0 10px;font-size:.82rem;}
  .c-form{padding:28px 24px;}
  .sh{margin-bottom:48px;}
}

/* pricing page */
@media (max-width: 960px){.pricing-tiered-grid{ grid-template-columns:1fr; gap:32px; }}

/* ─── MOBILE (≤768px) ─── */
@media(max-width:768px){
  .tb{padding:8px 5%;}
  .tb-l{gap:14px;}
  .tb-l .tb-item:nth-child(n+2){display:none;}
  .nav-links,
  .nav-cta{display:none;}
  .ham{display:flex;}
  .feat-grid{grid-template-columns:1fr;gap:1rem;}
  .tgrid{grid-template-columns:1fr;}
  .fg{grid-template-columns:1fr;gap:28px;}
  .form-row{grid-template-columns:1fr;gap:0;}
  .steps{grid-template-columns:1fr 1fr;}
  .hero{padding-top:64px;padding-bottom:32px;}
  .hero h1{font-size:clamp(2rem,7vw,2.6rem);}
  .hero-sub{font-size:.95rem;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{justify-content:center;}
  .compare-wrap{margin:32px -5% 0;padding:0 5%;}
  .section{padding:60px 0;}
  .sh{margin-bottom:40px;}
  .st{font-size:clamp(1.7rem,5vw,2.2rem);}
  .cta-sec{padding:64px 5%;}
  .cta-btns .btn{width:100%;justify-content:center;}
  .fbot{flex-direction:column;text-align:center;gap:6px;}
  .ai-pt-ic{width:36px;height:36px;font-size:.95rem;}
  .chat-msgs{min-height:200px;padding:16px;}
  .role-dash-wrap{margin-top:16px;}
  .page-hero{padding:56px 5%;}
  .dash-body{padding:14px;}
  .kpi{padding:10px;}
  .kv{font-size:1.3rem;}
  .ts-pill{padding:6px 12px;font-size:.74rem;}
  .ai-text h2{font-size:1.55rem;}
}

/* pricing page */
@media (max-width: 768px){.pt-notes{ grid-template-columns:1fr; }}

/* ─── SMALL MOBILE (≤480px) ─── */
@media(max-width:480px){
  .steps{grid-template-columns:1fr;gap:32px;}
  .rtabs{gap:6px;}
  .rtab{padding:8px 14px;font-size:.78rem;}
  .hero h1{font-size:2.1rem;}
  .hero{padding-left:5%;padding-right:5%;}
  .hero-trust{justify-content:center;}
  .trust-sep{display:none;}
  .trust-item{font-size:.72rem;}
  .stats-inner{gap:14px;}
  .s-stat{flex:1 1 40%;min-width:120px;}
  .s-num{font-size:1.45rem;}
  .s-lbl{font-size:.68rem;}
  .pc{padding:24px 20px;}
  .pc-price{font-size:2.2rem;}
  .c-form{padding:24px 20px;}
  .ts-row{gap:6px;}
  .logo-name{font-size:.88rem;}
  .logo-tag{font-size:.52rem;}
  .ftags{gap:5px;}
  .ftag{font-size:.65rem;padding:2px 8px;}
  .nav-inner{padding:0 4%;}
  .float-c{display:none;}
  .dash{transform:scale(.97);}
  .feat-detail .fd-img{min-height:180px;padding:24px;}
  .fd-icon{font-size:3.5rem;}
  .compare-table{font-size:.78rem;}
  .compare-table th,.compare-table td{padding:10px 8px;}
  .page-hero{padding:48px 5%;}
  .page-hero h1{font-size:clamp(1.7rem,7vw,2.2rem);}
}

/* ─── EXTRA SMALL (≤360px) ─── */
@media(max-width:360px){
  .hero h1{font-size:1.85rem;}
  .st{font-size:1.5rem;}
  .nav-inner{height:56px;}
  .logo-mark{width:32px;height:32px;font-size:.85rem;}
  .feat-grid{gap:.85rem;}
  .fc{padding:22px 18px;}
}