/** hero section styles. Extracted and scoped from the verified visual compatibility layer. */
/* Inner pages */
.page-hero{position:relative;padding:92px 0 78px;overflow:hidden;background:linear-gradient(145deg,#f5f9ff,#fff 62%);border-bottom:1px solid #e7edf6;text-align:center}

.page-hero::before{content:"";position:absolute;left:50%;top:-330px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(30,126,255,.13),transparent 68%);transform:translateX(-50%)}

.page-hero .container{position:relative;max-width:900px}

.page-hero span,.section-heading>span,.consult-box>div>span{display:inline-block;margin-bottom:10px;color:var(--rayan-blue);font-size:13px;font-weight:800}

.page-hero h1{margin-bottom:14px;font-size:clamp(34px,4vw,54px);letter-spacing:-1.5px}

.page-hero p{max-width:760px;margin:0 auto;font-size:17px;line-height:2}

.page-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}

.enterprise-page-hero{background:linear-gradient(145deg,#edf5ff,#fff)}

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

.page-hero-actions .btn{min-width:185px}

@media (max-width:820px){.page-hero{padding:58px 0 50px}.section{padding:62px 0}.section-heading{margin-bottom:32px}.org-overview-grid{gap:30px}.rayan-app-badges--platform{justify-content:center}.rayan-language-switcher--footer{justify-self:center}}

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

body.rayan-motion-on .page-hero::after{content:"";position:absolute;z-index:0;top:18%;left:9%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(0,185,255,.12),transparent 70%);pointer-events:none;animation:rayan-page-glow calc(8s * var(--rayan-motion-speed)) ease-in-out infinite}

.page-hero .container{z-index:1}

.enterprise-page-hero{padding-bottom:57px;background:linear-gradient(145deg,#061c45,#073a86 64%,#0867e8);color:#fff}

.enterprise-page-hero::before{background:radial-gradient(circle,rgba(61,170,255,.24),transparent 67%)}

.enterprise-page-hero h1{color:#fff}

.enterprise-page-hero p{color:#c8dbf3}

.enterprise-page-hero> .container>span{color:#78bcff}

.enterprise-page-hero .btn.secondary{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;box-shadow:none}

.enterprise-page-hero .btn.secondary:hover{background:#fff;color:#075edc}

/* LCP content must paint immediately; motion starts below the fold. */
body.rayan-motion-on .page-hero .container{opacity:1;filter:none;transform:none;animation:none}

.page-hero .container.rayan-reveal-pending{opacity:1!important;filter:none!important;transform:none!important}

.page-hero{padding-block:100px 86px;border-bottom-color:#153c70;background:radial-gradient(circle at 50% -40%,rgba(34,137,255,.28),transparent 45%),linear-gradient(135deg,#03152f,#063675);color:#fff}

.page-hero h1{color:#fff}

.page-hero p{color:#c3d5e9}

.page-hero span{color:#79c3ff}

.page-hero::before{background:radial-gradient(circle,rgba(38,140,255,.19),transparent 68%)}

@media (max-width:820px){
  .container{width:calc(100% - 36px)}
  .page-hero{padding-block:72px 62px}
}

@media (max-width:600px){
  .container{width:calc(100% - 28px)}
  .site-header{height:70px}
  .page-hero{padding-block:56px 48px}
  .mobile-menu-button,.drawer-close,.rayan-language-trigger,.rayan-install-close{min-width:48px;min-height:48px}
}

@media (max-width:680px){
  .site-header,.mobile-bottom-nav,.rayan-install-prompt{backdrop-filter:none;background-color:#fff}
  .page-hero p{font-size:15px}
}