/** guides section styles. Extracted and scoped from the verified visual compatibility layer. */
.rayan-home-guides{padding:72px 0;background:#f7faff}

.rayan-home-guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.rayan-home-guides-grid article{overflow:hidden;border:1px solid #dce6f2;border-radius:18px;background:#fff;transition:.25s}

.rayan-home-guides-grid article:hover{transform:translateY(-4px);box-shadow:var(--rayan-shadow)}

.rayan-guide-image{height:190px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e5f1ff,#f7fbff);color:#a5c9f8;font-size:50px;font-weight:900}

.rayan-guide-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}

.rayan-home-guides-grid article:hover img{transform:scale(1.035)}

.rayan-home-guides-grid article>div{padding:20px}

.rayan-home-guides-grid time{color:#7990ae;font-size:10px}

.rayan-home-guides-grid h3{margin:5px 0 7px;font-size:17px}

.rayan-home-guides-grid p{margin-bottom:11px;font-size:11px}

.rayan-home-guides-grid article>div>a{color:var(--rayan-blue);font-size:11px;font-weight:800}

.rayan-guides-all{width:max-content;margin:27px auto 0}

@media (max-width:600px){.rayan-certifications{padding:45px 0}.rayan-certifications figure>div{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.rayan-certifications img{width:1050px;max-width:none}.rayan-certifications figcaption{display:block}.rayan-home-guides-grid{grid-template-columns:1fr}.rayan-home-guides{padding:50px 0}.rayan-guide-image{height:170px}}

.rayan-home-guides{padding-block:82px;background:#f4f7fb}

.rayan-home-guides-grid article{border-radius:22px;box-shadow:var(--rayan-shadow-sm)}

@media (max-width:600px){
  .container{width:calc(100% - 28px)}
  .site-header{height:70px}
  .rayan-hero-copy{padding-top:44px;text-align:right}
  .rayan-hero-copy>.rayan-eyebrow{margin-inline:0;font-size:9px}
  .rayan-hero-copy h1{font-size:34px;line-height:1.52;letter-spacing:-1.1px;text-align:right}
  .rayan-hero-copy h1 span{display:block}.rayan-hero-copy h1 span+span::before{content:none}
  .rayan-hero-copy>p{font-size:13px;text-align:right}
  .rayan-hero-actions{grid-template-columns:1fr;width:100%}
  .rayan-hero-actions .rayan-button{width:100%;min-height:50px}
  .rayan-trust-list{gap:7px}
  .rayan-trust-list li{min-height:45px;padding:6px 8px;font-size:9px}
  .rayan-trust-list svg{width:17px;height:17px}
  .rayan-hero-visual{min-height:430px;margin-bottom:-15px;transform:none}
  .rayan-phone--main{left:34%;top:58px;width:170px}.rayan-phone--left{left:3%;top:118px;width:128px}.rayan-phone--right{left:65%;top:100px;width:134px}
  .rayan-hero-signal-card--network{top:22px;left:0;min-width:190px;grid-template-columns:36px minmax(0,1fr) auto;padding:8px}
  .rayan-hero-signal-icon{width:36px;height:36px}.rayan-hero-signal-card strong{font-size:8px}.rayan-hero-signal-card strong bdi{font-size:13px}
  .rayan-metrics{margin-top:-8px;padding-bottom:34px}
  .rayan-metrics-panel{border-radius:19px;padding:7px}
  .rayan-metrics-panel article{min-height:70px}
  .rayan-metric-icon{border-radius:12px}
  .rayan-section{padding-block:52px}
  .rayan-why{padding-top:40px}
  .rayan-certifications,.rayan-solutions,.rayan-home-guides{padding-block:52px}
  .rayan-product-card{min-height:190px}
  .rayan-platform{padding-block:58px}
  .rayan-platform-copy header h2{color:#fff}
  .rayan-solutions{background:#fff}
  .rayan-final-cta{padding-block:15px 55px}
  .rayan-final-cta-box{border-radius:21px}
  .rayan-platform-features p,.rayan-solution-card p,.rayan-home-guides-grid p{font-size:12px}
  .mobile-menu-button,.drawer-close,.rayan-language-trigger,.rayan-install-close{min-width:48px;min-height:48px}
}

.rayan-platform-features p,.rayan-home-guides-grid p{font-size:14px}

.rayan-home-guides-grid time{font-size:12px}

.rayan-home-guides-grid article>div>a{font-size:13px}

@media (max-width:680px){
  .site-header,.mobile-bottom-nav,.rayan-install-prompt{backdrop-filter:none;background-color:#fff}
  .rayan-hero-copy>.rayan-eyebrow{font-size:12px}
  .rayan-hero-copy>p{font-size:15px}
  .rayan-trust-list li{font-size:12px}
  .rayan-hero-signal-card strong{font-size:11px}
  .rayan-hero-signal-card strong bdi{font-size:15px}
  .rayan-platform-features p,.rayan-solution-card p,.rayan-home-guides-grid p{font-size:14px}
}
