/* ROMVI R3 – responsive four-space landing; progressive enhancement */
.mode-grid-premium{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.mode-grid-premium .mode-premium{min-width:0;min-height:248px!important;padding:22px!important;display:flex;flex-direction:column}
.mode-grid-premium .mode-premium h3{font-size:23px!important;margin:16px 0 8px!important}
.mode-grid-premium .mode-premium p{font-size:13px!important;line-height:1.55}
.mode-grid-premium .mode-premium ul{font-size:12px!important;line-height:1.5;gap:8px!important}
.mode-grid-premium .mode-premium li{overflow-wrap:anywhere}
.mode-premium.child:after{background:var(--romvi-cyan, #22d3df)}
.mode-premium.child li:before{background:var(--romvi-cyan,#22d3df)}
.r3-mode-privacy{max-width:760px;margin:18px auto 0;color:var(--romvi-muted,#9bacc5);font-size:12px;text-align:center;line-height:1.65}
@media (max-width:1100px){.mode-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){
  .hero{min-height:auto!important;padding-top:46px!important;padding-bottom:42px!important}
  .hero .chat{margin-top:30px!important}
  section:not(.hero),.kairo-modes{padding-top:52px!important;padding-bottom:52px!important}
  .mode-grid-premium{gap:10px!important;margin-top:24px!important}
  .mode-grid-premium .mode-premium{min-height:0!important;padding:18px!important}
  .mode-grid-premium .mode-premium h3{font-size:19px!important;margin:11px 0 6px!important}
  .mode-grid-premium .mode-premium i{width:40px;height:40px;font-size:19px}
  .mode-grid-premium .mode-premium p{font-size:12px!important}
  .mode-grid-premium .mode-premium ul{margin-top:12px!important;font-size:11px!important;line-height:1.5}
  .r3-mode-privacy{margin-top:16px;padding:0 8px}
}
@media(max-width:350px){.mode-grid-premium{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.mode-grid-premium .mode-premium{transition:none!important}}

/* Optional mobile deep dive: all sections remain in HTML and are reachable via anchors. */
.r3-depth-wrap{display:none}
@media(max-width:760px){
 .r3-depth-wrap{display:block;padding:0 16px 28px;margin-top:-24px;text-align:center}
 .r3-depth-button{width:min(100%,420px);min-height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border:1px solid var(--romvi-line);border-radius:14px;color:var(--romvi-text);background:rgba(34,211,223,.045);font:700 13px/1.4 Inter,sans-serif;cursor:pointer}
 body.r3-enhanced:not(.r3-mobile-details-expanded) .r3-depth-section{display:none!important}
 body.r3-mobile-details-expanded .r3-depth-button span:last-child{transform:rotate(180deg)}
}