/** why-rayan section styles. Extracted and scoped from the verified visual compatibility layer. */
/* Why */
.rayan-why{padding-top:5px}

.rayan-why{padding-top:54px;background:linear-gradient(180deg,#f5f8fc,#fff)}

@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}
}

/* v7.2.1 — Trust & Authority refinement for Why Rayan and Sales FAQ. */
.rayan-why-v2{position:relative;padding-block:76px 88px;overflow:hidden;background:linear-gradient(180deg,#f4f7fb 0,#fff 100%)}

.rayan-why-v2::before{content:"";position:absolute;top:85px;right:-180px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(9,101,245,.08),transparent 68%);pointer-events:none}

.rayan-why-v2 .container{position:relative}

.rayan-why-v2 .rayan-section-heading{max-width:840px;margin-bottom:40px}

.rayan-why-v2 .rayan-section-heading p{max-width:790px}

.rayan-why-architecture{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:stretch}

.rayan-why-core{position:relative;min-height:474px;display:flex;flex-direction:column;overflow:hidden;padding:42px;border:1px solid #174c89;border-radius:28px;background:radial-gradient(circle at 6% 100%,rgba(0,171,255,.24),transparent 38%),linear-gradient(135deg,#062b60,#031936 72%);box-shadow:0 25px 65px rgba(2,26,63,.2);color:#fff}

.rayan-why-core::after{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(124,187,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(124,187,255,.22) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,#000,transparent 65%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 65%);pointer-events:none}

.rayan-why-core>*{position:relative;z-index:1}

.rayan-why-core-heading{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:18px}

.rayan-why-core-icon{width:68px;height:68px;display:grid;place-items:center;border:1px solid rgba(126,192,255,.28);border-radius:20px;background:rgba(38,133,236,.13);color:#70c7ff}

.rayan-why-core-icon svg{width:34px;height:34px}

.rayan-why-core-heading small{display:block;margin-bottom:4px;color:#74c9ff;font-size:12px;font-weight:800}

.rayan-why-core h3{max-width:650px;margin:0;color:#fff;font-size:clamp(23px,2vw,31px);line-height:1.65;letter-spacing:-.5px}

.rayan-why-core>p{max-width:730px;margin:24px 0;color:#c2d4e8;font-size:15px;line-height:2.05}

.rayan-why-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}

.rayan-why-capabilities>div{min-height:118px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;padding:18px;border:1px solid rgba(147,198,255,.18);border-radius:18px;background:rgba(255,255,255,.065)}

.rayan-why-capabilities svg{width:28px;height:28px;margin-top:2px;color:#67c3ff}

.rayan-why-capabilities span{display:flex;flex-direction:column;gap:5px}

.rayan-why-capabilities strong{color:#f7fbff;font-size:14px;line-height:1.75}

.rayan-why-capabilities small{color:#9fb7d2;font-size:11px;line-height:1.8}

.rayan-why-promises{display:grid;grid-template-columns:1fr 1fr;gap:18px}

@media (max-width:1100px){
  .rayan-why-architecture{grid-template-columns:1fr}
  .rayan-why-core{min-height:420px}
  .rayan-why-promises{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rayan-promise-card{min-height:220px;padding:22px}
  .rayan-sales-faq--refined .rayan-sales-faq-heading{align-items:flex-start}
}

@media (max-width:900px){
  .rayan-why-promises{grid-template-columns:1fr 1fr}
  .rayan-sales-faq--refined .rayan-sales-faq-shell{padding:32px}
  .rayan-sales-faq--refined .rayan-sales-faq-heading{display:grid;gap:20px;text-align:right}
  .rayan-sales-faq-more{width:max-content}
}

@media (max-width:680px){
  .rayan-why-v2{padding-block:54px 60px}
  .rayan-why-v2 .rayan-section-heading{margin-bottom:28px}
  .rayan-why-core{min-height:0;padding:24px 18px;border-radius:22px}
  .rayan-why-core-heading{grid-template-columns:52px minmax(0,1fr);gap:12px}
  .rayan-why-core-icon{width:52px;height:52px;border-radius:16px}
  .rayan-why-core-icon svg{width:27px;height:27px}
  .rayan-why-core h3{font-size:20px;line-height:1.7}
  .rayan-why-core>p{margin-block:18px;font-size:14px}
  .rayan-why-capabilities{grid-template-columns:1fr}
  .rayan-why-capabilities>div{min-height:0;padding:15px}
  .rayan-why-capabilities strong{font-size:14px}
  .rayan-why-capabilities small{font-size:12px}
  .rayan-why-promises{grid-template-columns:1fr;gap:12px}
  .rayan-promise-card{min-height:0;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;padding:20px;border-radius:19px}
  .rayan-promise-icon{grid-row:1/4;width:52px;height:52px;margin:0}
  .rayan-promise-card>small,.rayan-promise-card h3,.rayan-promise-card p{grid-column:2}
  .rayan-promise-card h3{font-size:16px}
  .rayan-promise-card p{font-size:13px}
  .rayan-sales-faq--refined{padding-block:55px}
  .rayan-sales-faq--refined .rayan-sales-faq-shell{padding:20px 14px;border-radius:22px}
  .rayan-sales-faq--refined .rayan-sales-faq-heading{margin-bottom:18px;padding:0 5px 22px;gap:17px}
  .rayan-sales-faq-title{grid-template-columns:50px minmax(0,1fr);gap:12px}
  .rayan-sales-faq-symbol{width:50px;height:50px;border-radius:15px}
  .rayan-sales-faq-symbol svg{width:27px;height:27px}
  .rayan-sales-faq--refined .rayan-sales-faq-heading h2{font-size:25px}
  .rayan-sales-faq--refined .rayan-sales-faq-heading p{font-size:13px}
  .rayan-sales-faq-more{width:100%;min-height:46px}
  .rayan-sales-faq--refined .rayan-sales-faq-list summary{min-height:66px;padding:13px 58px 13px 52px;font-size:14px;line-height:1.75}
  .rayan-sales-faq--refined .rayan-sales-faq-list summary::before{right:11px;width:35px;height:35px}
  .rayan-sales-faq--refined .rayan-sales-faq-list summary::after{left:10px;width:32px;height:32px}
  .rayan-sales-faq--refined .rayan-sales-faq-list p{padding:0 58px 18px 18px;font-size:14px;line-height:2}
}