/** platform section styles. Extracted and scoped from the verified visual compatibility layer. */
/* Platform */
.rayan-platform{position:relative;overflow:hidden;padding:72px 0 56px}

.rayan-platform::before{content:"";position:absolute;right:-130px;bottom:-320px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(44,143,255,.08),transparent 69%)}

.rayan-platform-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:65px;direction:ltr}

.rayan-platform-visual{position:relative;min-height:500px;direction:ltr}

.rayan-platform-halo{position:absolute;z-index:-1;left:45%;top:50%;width:470px;height:470px;border-radius:50%;border:1px solid #d2e8ff;background:repeating-radial-gradient(circle at center,transparent 0 38px,rgba(56,153,255,.07) 39px 40px),radial-gradient(circle,rgba(46,144,255,.11),transparent 68%);transform:translate(-50%,-50%)}

.rayan-platform-phone{position:absolute;bottom:8px;object-fit:cover;background:#07121f;border-radius:13% / 6.2%;box-shadow:0 22px 38px rgba(2,22,51,.18)}

.rayan-platform-phone--main{z-index:3;left:36%;width:226px;transform:translateX(-50%)}

.rayan-platform-phone--left{z-index:2;left:6%;bottom:35px;width:190px;transform:rotate(5deg)}

.rayan-platform-phone--right{z-index:1;left:62%;bottom:35px;width:190px;transform:rotate(-5deg)}

.rayan-platform-copy{direction:rtl}

.rayan-platform-copy header h2{margin:0 0 5px;font-size:clamp(28px,2.4vw,39px);letter-spacing:-1px}

.rayan-platform-copy header>span{display:block;margin-bottom:12px;color:#2b4467;font-size:17px;font-weight:750}

.rayan-platform-copy header p{max-width:720px;margin-bottom:30px;font-size:16px;line-height:2}

.rayan-platform-features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:23px}

.rayan-platform-features article{padding:0 16px;text-align:center}

.rayan-platform-features article+article{border-left:1px solid #e4eaf2}

.rayan-platform-features svg{width:34px;height:34px;margin:0 auto 11px;color:var(--rayan-blue)}

.rayan-platform-features h3{margin:0 0 6px;font-size:14px}

.rayan-platform-features p{margin:0;font-size:11.5px;line-height:1.8}

.rayan-platform-copy>.rayan-text-link{font-size:14px}

/* Responsive */
@media (max-width:1320px){
  .container{width:min(1240px,calc(100% - 56px))}
  .site-header-inner{gap:22px}.primary-menu{gap:18px}.primary-menu>li>a{font-size:13.5px}.header-consult-button{min-width:150px}
  .rayan-hero-grid{grid-template-columns:minmax(460px,.92fr) minmax(560px,1.08fr)}
  .rayan-hero-copy h1{font-size:42px}.rayan-hero-copy>p{font-size:15px}.rayan-hero-actions .rayan-button{min-width:195px}
  .rayan-trust-list{gap:16px;font-size:11.5px}.rayan-digital-globe{right:-140px}
  .rayan-phone--main{left:34%;width:225px}.rayan-phone--left{left:8%;width:180px}.rayan-phone--right{left:59%;width:190px}.rayan-phone--far{left:79%;width:155px}
  .rayan-platform-grid{gap:35px}.rayan-platform-features article{padding:0 9px}
}

@media (max-width:1080px){
  .site-header{height:78px}.site-header-inner{grid-template-columns:auto 1fr auto}.primary-navigation{display:none}.site-header-actions{justify-self:end}.mobile-menu-button{display:grid;grid-column:3}.site-header-actions{grid-column:2}.primary-menu>li>a{min-height:auto}
  .rayan-hero-grid{grid-template-columns:minmax(360px,.82fr) minmax(490px,1.18fr);min-height:560px}.rayan-hero{min-height:560px}.rayan-hero-visual{min-height:560px}
  .rayan-hero-copy h1{font-size:39px}.rayan-hero-copy>p{font-size:14px}.rayan-hero-actions{gap:10px}.rayan-hero-actions .rayan-button{min-width:0;padding-inline:18px;font-size:13px}.rayan-trust-list{display:grid;grid-template-columns:1fr 1fr}
  .rayan-digital-globe{width:620px;height:620px;right:-140px}.rayan-phone--main{top:80px;width:205px}.rayan-phone--left{top:146px;width:165px}.rayan-phone--right{top:110px;width:175px}.rayan-phone--far{top:175px;width:143px}
  .rayan-metrics-panel article{gap:12px;padding-inline:12px}.rayan-metric-icon{flex-basis:49px;width:49px;height:49px}.rayan-metrics-panel strong{font-size:25px}
  .rayan-products-grid{gap:14px}.rayan-product-card{grid-template-columns:105px 1fr;padding:18px}.rayan-product-card img{max-width:100px}.rayan-product-card p{font-size:11.5px}
  .rayan-platform-grid{grid-template-columns:1fr;gap:5px}.rayan-platform-copy{grid-row:1}.rayan-platform-visual{grid-row:2;min-height:460px;max-width:650px;width:100%;margin:auto}.rayan-platform-features{max-width:750px}.rayan-platform-copy{text-align:center}.rayan-platform-copy header p{margin-inline:auto}.rayan-platform-copy>.rayan-text-link{justify-content:center}
  .rayan-solutions-grid{grid-template-columns:1fr 1fr}
  .footer-top-grid{grid-template-columns:1.4fr repeat(2,1fr);gap:32px}.footer-brand-block{grid-row:span 2}
}

@media (max-width:600px){
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom));font-size:15px;overscroll-behavior-y:contain}.container{width:calc(100% - 28px)}
  .site-header{height:70px}.site-brand-link{gap:6px}.site-brand-name{font-size:25px}.site-brand-symbol{width:33px;height:33px}.mobile-menu-button{width:42px;height:42px}
  .rayan-button{min-height:48px;padding-inline:18px}
  .rayan-hero-copy{padding-top:42px}.rayan-hero-copy h1{font-size:32px;line-height:1.5}.rayan-hero-copy h1 span{display:inline}.rayan-hero-copy h1 span+span::before{content:" "}.rayan-hero-copy>p{font-size:13.5px;line-height:2}.rayan-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.rayan-hero-actions .rayan-button{padding-inline:10px;font-size:12.5px}.rayan-trust-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:right}.rayan-trust-list li{justify-content:flex-start}
  .rayan-hero-visual{min-height:445px;transform:scale(.94);transform-origin:top center;margin-bottom:-30px}.rayan-digital-globe{width:500px;height:500px}.rayan-wifi{top:35px;left:48%;width:47px}.rayan-phone--main{left:34%;top:58px;width:170px}.rayan-phone--left{left:2%;top:120px;width:132px}.rayan-phone--right{left:64%;top:95px;width:138px}
  .rayan-metrics-panel article{gap:10px;padding:15px 10px}.rayan-metric-icon{flex-basis:39px;width:39px;height:39px}.rayan-metric-icon svg{width:22px;height:22px}.rayan-metrics-panel strong{font-size:21px}.rayan-metrics-panel article span:last-child{font-size:11px}
  .rayan-section{padding:40px 0}.rayan-section-heading{margin-bottom:25px}.rayan-section-heading h2{font-size:25px}
  .rayan-product-card{grid-template-columns:105px 1fr;min-height:190px;padding:17px}.rayan-product-card img{max-width:92px;max-height:125px}.rayan-product-card h3{font-size:25px}.rayan-product-card h4{font-size:14px}.rayan-product-card p{font-size:11.5px}
  .rayan-platform{padding-top:48px}.rayan-platform-copy header h2{font-size:28px}.rayan-platform-copy header p{font-size:13.5px}.rayan-platform-features{grid-template-columns:1fr 1fr;gap:20px 0}.rayan-platform-features article:nth-child(3){border-left:0}.rayan-platform-visual{min-height:365px}.rayan-platform-halo{width:350px;height:350px}.rayan-platform-phone--main{width:165px}.rayan-platform-phone--left,.rayan-platform-phone--right{width:135px}.rayan-platform-phone--left{left:2%}.rayan-platform-phone--right{left:63%}
  .rayan-solutions-grid{grid-template-columns:1fr;gap:14px}.rayan-solution-card{display:grid;grid-template-columns:130px 1fr;min-height:125px}.rayan-solution-card>img{width:130px;height:100%;min-height:125px}.rayan-solution-card>div{min-height:0;padding:17px 16px}.rayan-solution-icon{display:none}.rayan-solution-card h3{margin-right:0}
  .rayan-final-cta{padding-bottom:40px}.rayan-final-cta-copy h2{font-size:24px}.rayan-final-cta-copy>div{display:grid;grid-template-columns:1fr}.rayan-final-cta-copy .rayan-button{width:100%}
  .mobile-bottom-nav{position:fixed;z-index:1200;right:0;bottom:0;left:0;height:calc(68px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:start;padding:5px max(8px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom));border-top:1px solid #dce5f0;background:rgba(255,255,255,.98);box-shadow:0 -8px 25px rgba(10,38,79,.08);backdrop-filter:blur(12px)}
  .mobile-bottom-nav>a,.mobile-bottom-nav>button{height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border:0;background:transparent;color:#718099;font:inherit;font-size:10px;line-height:1.2;cursor:pointer;touch-action:manipulation}.mobile-bottom-nav svg{width:21px;height:21px}.mobile-bottom-nav .is-active{color:var(--rayan-blue)}.mobile-bottom-nav .mobile-nav-main{position:relative;top:0}.mobile-nav-main-icon{width:38px;height:34px;display:grid;place-items:center;border:1px solid #d5e5fb;border-radius:11px;background:linear-gradient(180deg,#f8fbff,#eaf3ff);color:#0765ea;box-shadow:0 3px 9px rgba(7,91,226,.1)}.mobile-nav-main-icon svg{width:20px;height:20px}.mobile-bottom-nav .mobile-nav-main>span:last-child{margin-top:0;color:var(--rayan-blue);font-size:10px;font-weight:850}.mobile-bottom-nav .mobile-nav-main.is-active .mobile-nav-main-icon{border-color:#0966eb;background:linear-gradient(145deg,#0a7aff,#0754e7);color:#fff;box-shadow:0 5px 13px rgba(5,93,232,.22)}
  .rayan-install-prompt:not([hidden]){position:fixed;z-index:1180;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));left:12px;display:grid;grid-template-columns:42px 1fr auto 32px;align-items:center;gap:9px;max-width:430px;margin-inline:auto;padding:10px;border:1px solid #cfe0f7;border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 16px 44px rgba(5,39,91,.19);backdrop-filter:blur(15px)}.rayan-install-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#0a7aff,#0754e7);color:#fff;font-weight:900}.rayan-install-copy{min-width:0;display:flex;flex-direction:column}.rayan-install-copy b{color:var(--rayan-ink);font-size:11px}.rayan-install-copy small{overflow:hidden;color:#72819a;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.rayan-install-action{min-height:40px;padding:7px 13px;border:0;border-radius:10px;background:var(--rayan-blue);color:#fff;font:800 11px var(--rayan-font);touch-action:manipulation}.rayan-install-close{width:32px;height:40px;padding:0;border:0;background:transparent;color:#7b8798;font:400 23px var(--rayan-font)}.footer-top{padding-top:45px}.footer-top-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-brand-block{grid-column:1/-1}.footer-bottom .container{display:grid;text-align:center;justify-content:center}.footer-bottom .container div{justify-content:center;flex-wrap:wrap}
}

.rayan-platform-more{margin-top:15px}

@media (max-width:600px){.rayan-app-badges{display:grid;grid-template-columns:1fr;width:100%}.rayan-app-badge{width:100%;min-width:0}.rayan-app-badges--platform{margin-top:20px}.rayan-platform-more{margin-top:13px}.footer-bottom .rayan-language-switcher{justify-self:center}.footer-bottom .rayan-language-switcher .rayan-language-menu{right:50%;left:auto;transform:translateX(50%) translateY(7px)}.footer-bottom .rayan-language-switcher.is-open .rayan-language-menu{transform:translateX(50%)}}

.rayan-platform::before,.rayan-platform-visual,.rayan-platform-halo,.rayan-platform-phone{pointer-events:none}

.rayan-platform-grid{position:relative;z-index:1}

.rayan-platform-copy{position:relative;z-index:5;isolation:isolate}

.rayan-platform-copy a{pointer-events:auto}

.rayan-platform-title-link{display:inline-flex;align-items:center;color:inherit}

.rayan-platform-title-link:hover,.rayan-platform-title-link:focus-visible{color:var(--rayan-blue)}

.rayan-platform-actions{position:relative;z-index:6}

.rayan-platform-actions .rayan-app-badges,.rayan-platform-actions .rayan-app-badge,.rayan-platform-actions .rayan-platform-more{position:relative;z-index:2}

.rayan-platform-more{width:max-content;min-height:43px;display:inline-flex;align-items:center;gap:8px;margin-top:13px;padding:8px 15px;border:1px solid #b9d2f5;border-radius:11px;background:#f4f8ff;color:#075edc;font-size:11px!important;font-weight:850;box-shadow:0 6px 16px rgba(6,73,166,.055);transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}

.rayan-platform-more:hover,.rayan-platform-more:focus-visible{transform:translateY(-2px);border-color:#6ea8f5;background:#fff;box-shadow:0 11px 24px rgba(6,73,166,.11)}

@media (max-width:680px){.rayan-platform-more{width:100%;justify-content:center}.footer-trust-social{padding-block:18px 13px}.footer-social-panel{align-items:center;padding:0 4px 5px}.footer-social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.footer-social-link{width:66px;min-height:60px;justify-content:flex-start;padding:0}.footer-social-link svg{width:42px;height:42px;flex-basis:42px}.footer-social-link>span{max-width:66px;font-size:7.5px}}

.rayan-platform{padding-block:90px;background:radial-gradient(circle at 15% 80%,rgba(0,160,255,.15),transparent 28%),linear-gradient(135deg,#03152f,#062957);color:#fff}

.rayan-platform::before{background:radial-gradient(circle,rgba(35,157,255,.2),transparent 69%)}

.rayan-platform-copy header h2,.rayan-platform-title-link,.rayan-platform-features h3{color:#fff}

.rayan-platform-copy header>span{color:#78c7ff}

.rayan-platform-copy header p,.rayan-platform-features p{color:#b8cbe2}

.rayan-platform-features article+article{border-color:rgba(195,220,250,.16)}

.rayan-platform-halo{border-color:rgba(103,181,255,.26);background:repeating-radial-gradient(circle at center,transparent 0 38px,rgba(75,170,255,.09) 39px 40px),radial-gradient(circle,rgba(22,136,255,.18),transparent 68%)}

.rayan-platform-more{border-color:rgba(142,197,255,.35);background:rgba(255,255,255,.08);color:#fff}

@media (max-width:820px){
  .container{width:calc(100% - 36px)}
  .rayan-hero{padding-top:0}
  .rayan-hero-grid{display:flex;min-height:0}
  .rayan-hero-copy{padding:60px 0 26px}
  .rayan-hero-copy h1{max-width:700px;margin-inline:auto;font-size:clamp(36px,7vw,49px)}
  .rayan-hero-copy>p{max-width:680px}
  .rayan-trust-list{grid-template-columns:repeat(2,minmax(0,1fr));width:min(560px,100%);margin-inline:auto}
  .rayan-trust-list li{justify-content:flex-start}
  .rayan-hero-visual{min-height:570px}
  .rayan-hero-signal-card--network{top:125px;left:2%}
  .rayan-metrics{margin-top:-28px}
  .rayan-platform{padding-block:70px}
}

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

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