/** process section styles. Extracted and scoped from the verified visual compatibility layer. */
.project-method{background:var(--rayan-navy)}

.project-method h2,.project-method h3{color:#fff}

.project-method p{color:#adc1df}

.project-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

.project-steps article{padding:25px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.04)}

.project-steps span{color:#52adff;font-weight:900}

@media (max-width:820px){
  .container{width:calc(100% - 36px)}
  .site-header-actions{display:none}.site-header-inner{grid-template-columns:1fr auto}.mobile-menu-button{grid-column:2}.site-brand{grid-column:1;grid-row:1}.site-brand-name{font-size:27px}.site-brand-symbol{width:36px;height:36px}
  .admin-bar .site-header{top:46px}
  .org-overview-grid{grid-template-columns:1fr;gap:35px}.project-steps{grid-template-columns:1fr 1fr}
  .footer-top-grid{grid-template-columns:1fr 1fr}.footer-brand-block{grid-column:1/-1;grid-row:auto}
}

@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,.btn{min-height:48px;padding-inline:18px}
  .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)}
  .page-hero{padding:62px 0 50px}.page-hero h1{font-size:31px}.page-hero p{font-size:14px}.page-hero-actions{display:grid}.section{padding:55px 0}.enterprise-grid{grid-template-columns:1fr}.project-steps{grid-template-columns:1fr}.consult-box{display:grid;text-align:center;padding:28px}.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}
}

.enterprise-card,.project-steps article{overflow-wrap:anywhere}

@media (max-width:600px){.page-hero{padding:40px 0 36px;text-align:center}.page-hero::before{top:-420px;width:620px;height:620px}.page-hero h1{margin-bottom:10px;font-size:28px;line-height:1.5;letter-spacing:-.7px}.page-hero p{font-size:13px;line-height:1.95}.page-hero-actions{gap:9px;margin-top:20px}.page-hero-actions .btn{width:100%;min-width:0}.section{padding:44px 0}.section-heading{margin-bottom:25px}.section-heading h2{font-size:25px}.org-overview-grid{gap:24px}.org-overview h2{font-size:25px}.enterprise-card{padding:20px;border-radius:16px}.project-steps{gap:10px}.project-steps article{padding:20px}.consult{padding:40px 0}.consult-box{gap:20px;padding:23px}.consult-box .btn{width:100%}.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}.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%)}}

.project-method-visual{padding-block:74px}

.project-method-visual .section-heading{max-width:850px}

.project-method-visual .section-heading>span{color:#63b3ff}

.project-method-visual .section-heading p{color:#a9bfdc}
