/* Ruhanisoft public UI — final responsive design layer */
:root{
  --m-ink:#0b1722;--m-copy:#425466;--m-muted:#718096;--m-line:#e4ebf0;
  --m-blue:#0797d4;--m-blue-dark:#0677a9;--m-soft:#f3f8fb;--m-navy:#071722;
  --m-radius:18px;--m-shadow:0 18px 50px rgba(7,32,48,.08);
}
html{scroll-padding-top:88px}
body{color:var(--m-ink);background:#fff;overflow-x:hidden}
.container{width:min(100% - 40px,1240px);padding:0;margin-inline:auto}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.045em;color:var(--m-ink)}
p{color:var(--m-copy)}

/* Header */
.site-header{height:auto;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(11,23,34,.08);box-shadow:0 5px 24px rgba(7,23,34,.035);backdrop-filter:blur(18px)}
.nav-inner{height:76px;gap:28px}
.logo-img{height:34px}
.nav-links{gap:4px}
.nav-links>li>a,.mega-trigger,.lang-trigger{min-height:42px;display:flex;align-items:center;padding:8px 11px!important;border-radius:10px;font-size:13px;font-weight:600;color:#344554}
.nav-links>li>a:hover,.nav-links>li>a.active,.mega-trigger:hover,.mega-trigger.active{background:#eaf7fc!important;color:var(--m-blue-dark)!important}
.nav-cta{border-radius:10px!important;box-shadow:0 8px 18px rgba(7,151,212,.18)}
.mega-menu{border:1px solid var(--m-line);border-radius:16px;box-shadow:var(--m-shadow);overflow:hidden}
.mega-menu-item{border-radius:10px}

/* Shared heroes */
.page-hero{position:relative;padding:102px 0 88px!important;background:linear-gradient(145deg,#f7fbfd,#edf6fa)!important;border-bottom:1px solid var(--m-line);overflow:hidden}
.page-hero::after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-160px;top:-230px;background:radial-gradient(circle,rgba(7,151,212,.13),rgba(7,151,212,0) 68%);pointer-events:none}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:clamp(2.8rem,6vw,5.4rem)!important;line-height:.98!important;max-width:900px!important;margin:12px 0 24px!important;overflow-wrap:normal!important;hyphens:none!important}
.page-hero-sub{font-size:clamp(1rem,1.6vw,1.2rem)!important;line-height:1.75;max-width:720px!important;color:#506579!important}
.landing-hero{background:linear-gradient(135deg,#071722 0%,#0b2d40 58%,#087fae 100%)!important;color:#fff}
.landing-hero h1,.landing-hero h2{color:#fff!important}
.landing-hero .page-hero-sub{color:rgba(255,255,255,.72)!important}
.landing-hero-grid{gap:64px!important}
.landing-hero-grid .hero-cta{justify-content:flex-start}
.landing-stat-panel{border:1px solid rgba(255,255,255,.17)!important;border-radius:20px!important;background:rgba(255,255,255,.09)!important;box-shadow:16px 16px 0 rgba(68,199,239,.85)!important;backdrop-filter:blur(12px)}

/* Sections and headings */
.section-white,.section-alt,.process-section,.contact-section{padding:104px 0!important}
.section-alt{background:var(--m-soft)!important}
.section-header{max-width:780px;margin-bottom:46px}
.section-header h2,.section-split-head h2{font-size:clamp(2rem,4vw,3.55rem)!important;line-height:1.04!important}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--m-blue-dark)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.15em!important;text-transform:uppercase}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--m-blue);border-radius:2px}
.section-desc{font-size:16px;line-height:1.75;color:#5b6d7d}

/* Cards and grids */
.grid-2,.grid-2-fixed{gap:24px!important}
.feat-card,.value-card,.client-card,.industry-card,.proof-card,.case-grid article,.faq-item,.service-detail,.contact-info-card,.next-step{border:1px solid var(--m-line)!important;border-radius:var(--m-radius)!important;background:#fff;box-shadow:0 10px 30px rgba(7,32,48,.045);transition:transform .2s,border-color .2s,box-shadow .2s}
.feat-card:hover,.value-card:hover,.industry-card:hover,.proof-card:hover,.case-grid article:hover{transform:translateY(-5px);border-color:#8bd8f1!important;box-shadow:var(--m-shadow)}
.feat-card,.value-card,.client-card,.industry-card,.proof-card{padding:28px!important}
.industry-grid{gap:20px!important}
.industry-icon,.feat-icon,.value-icon,.client-icon,.service-fw-icon{border-radius:14px!important}
.industry-tags,.fw-tags{gap:8px!important}
.industry-tags span,.fw-tags span{border:1px solid #dceaf0;background:#f6fbfd;color:#48616f;border-radius:999px;padding:6px 10px}

/* Services page */
.service-list{display:grid;gap:24px}
.service-detail{overflow:hidden;padding:0!important}
.service-detail-head{padding:25px 28px!important;background:#f7fbfd;border-bottom:1px solid var(--m-line)}
.service-detail-body{padding:28px!important}
.service-item{border-color:var(--m-line)!important}
.service-badge{border-radius:999px!important}
.process-steps{gap:22px!important}
.process-step{padding:26px!important;border:1px solid var(--m-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(7,32,48,.04)}
.step-num{width:42px!important;height:42px!important;border-radius:12px!important;background:#e7f7fc!important;color:var(--m-blue-dark)!important}

/* Feature grids used on home and landing pages */
.service-showcase{gap:20px!important;background:transparent!important;border:0!important}
.service-showcase-card{border:1px solid var(--m-line)!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(7,32,48,.05);padding:28px!important;min-height:330px!important}
.service-showcase-card::after{display:none!important}
.service-showcase-card:hover{background:#fff!important;color:var(--m-ink)!important;border-color:#83d3ed!important;box-shadow:0 20px 40px rgba(7,119,169,.12);transform:translateY(-5px)}
.service-showcase-card:hover p,.service-showcase-card:hover .card-benefit{color:var(--m-copy)!important}
.service-showcase-card:hover .card-icon{background:#e6f7fc!important;color:var(--m-blue)!important}
.logo-strip{gap:12px!important;background:transparent!important;border:0!important}
.logo-strip span{border:1px solid var(--m-line);border-radius:10px;min-height:64px!important}
.enterprise-proof{gap:18px!important}
.enterprise-proof .proof-card{min-height:176px!important}
.model-grid{gap:20px!important}
.model-card{border-radius:18px!important;border-color:var(--m-line)!important;box-shadow:0 10px 28px rgba(7,32,48,.05);overflow:hidden}
.featured-model{background:linear-gradient(145deg,#087fae,#071722)!important}
.case-grid{gap:18px!important}
.faq-list{display:grid;gap:12px}
.faq-item{padding:22px 24px!important}

/* Process */
.process-section{background:var(--m-navy)!important;color:#fff}
.process-section h2{color:#fff!important}
.process-section .section-desc{color:rgba(255,255,255,.65)!important}
.process-timeline{gap:12px!important;background:transparent!important;border:0!important}
.process-timeline .timeline-step{min-height:155px;padding:24px!important;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07)!important}
.process-timeline .timeline-step strong{color:#fff!important;font-size:17px}

/* Contact and forms */
.contact-layout{gap:42px!important;align-items:start}
.contact-form-wrap{border:1px solid var(--m-line)!important;border-radius:20px!important;background:#fff;padding:36px!important;box-shadow:var(--m-shadow)}
.contact-sidebar{display:grid;gap:18px}
.contact-info-card{padding:26px!important}
.form-group label{font-weight:700;color:#273b4a}
.form-group input,.form-group select,.form-group textarea,.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #d7e2e8!important;border-radius:11px!important;background:#fbfdfe!important;padding:13px 14px!important;transition:border-color .15s,box-shadow .15s,background .15s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:0;border-color:var(--m-blue)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(7,151,212,.12)!important}
.btn-submit{border:0;border-radius:11px!important;background:linear-gradient(135deg,var(--m-blue),var(--m-blue-dark))!important;box-shadow:0 10px 22px rgba(7,151,212,.22)}

/* Blog */
.topic-filter-bar{border:1px solid var(--m-line)!important;border-radius:14px;background:#f8fbfc!important;padding:16px!important}
.blog-grid{gap:24px!important}
.blog-card{border:1px solid var(--m-line)!important;border-radius:18px!important;overflow:hidden;box-shadow:0 10px 30px rgba(7,32,48,.05);transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-5px);box-shadow:var(--m-shadow)}
.blog-card-thumb{aspect-ratio:16/9;overflow:hidden}
.blog-card-thumb img{width:100%;height:100%;object-fit:cover}
.blog-card-body{padding:24px!important}
.blog-tag,.topic-tag{border-radius:999px!important}
.blog-pagination a,.blog-pagination span{border-radius:9px!important}
.post-wrap{gap:48px!important;align-items:start}
.post-body{font-size:17px;line-height:1.85}
.post-body h2,.post-body h3{margin-top:1.7em}
.post-body img{border-radius:16px}
.post-sidebar{position:sticky;top:98px}
.sidebar-widget{border:1px solid var(--m-line)!important;border-radius:16px!important;box-shadow:0 8px 26px rgba(7,32,48,.04)}

/* About, legal and content */
.about-split,.split-layout{gap:64px!important;align-items:center}
.expertise-item{padding:18px 0}
.expertise-bar{height:8px!important;border-radius:999px!important;overflow:hidden}
.expertise-fill{border-radius:999px;background:linear-gradient(90deg,var(--m-blue-dark),#35c4ee)!important}
.post-body{max-width:800px}

/* Buttons and CTA */
.btn-primary,.btn-outline,.btn-ghost,.btn-primary-lg,.nav-cta{border-radius:11px!important;font-weight:700!important;transition:transform .18s,box-shadow .18s,background .18s}
.btn-primary,.btn-primary-lg{background:linear-gradient(135deg,var(--m-blue),var(--m-blue-dark))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 9px 20px rgba(7,151,212,.2)}
.btn-primary:hover,.btn-primary-lg:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(7,151,212,.27)}
.btn-outline{border-color:#cad8df!important;background:rgba(255,255,255,.08)}
.cta-band{padding:68px 0!important;background:linear-gradient(135deg,#e5f8fe,#aeeaff)!important;margin:0!important}
.cta-band-inner{gap:30px}
.cta-band-inner h2{font-size:clamp(2rem,4vw,3.4rem)!important;color:var(--m-ink)!important}
.cta-band-inner p{color:#385b6c!important}

/* Footer */
.site-footer{margin-top:0!important;background:var(--m-navy)!important;color:#fff}
.footer-inner{padding-top:72px!important;padding-bottom:56px!important;gap:70px}
.footer-brand p,.footer-col a,.footer-bottom{color:rgba(255,255,255,.62)!important}
.footer-col-title{color:#fff!important}
.footer-col a:hover{color:#79dcfa!important}
.footer-social a{border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
.footer-bottom{border-top-color:rgba(255,255,255,.12)!important}

/* Responsive */
@media(max-width:1100px){
  .nav-inner{gap:14px}.nav-links>li>a,.mega-trigger{font-size:12px;padding-inline:8px!important}
  .service-showcase{grid-template-columns:repeat(2,1fr)!important}.industry-grid-4{grid-template-columns:repeat(2,1fr)!important}
  .enterprise-hero-grid,.landing-hero-grid{gap:38px!important}
}
@media(max-width:900px){
  .container{width:min(100% - 32px,1240px)}
  .section-white,.section-alt,.process-section,.contact-section{padding:76px 0!important}
  .page-hero{padding:76px 0 64px!important}
  .landing-hero-grid,.enterprise-hero-grid,.section-split-head,.proof-layout,.case-preview,.faq-pro,.contact-layout,.about-split,.split-layout,.post-wrap{grid-template-columns:1fr!important}
  .landing-stat-panel{box-shadow:9px 9px 0 rgba(68,199,239,.85)!important}
  .post-sidebar{position:static}
  .footer-inner{grid-template-columns:1fr!important;gap:38px}
}
@media(max-width:700px){
  .container{width:min(100% - 24px,1240px)}
  .page-hero h1{font-size:clamp(2.4rem,13vw,4rem)!important}
  .service-showcase,.compact-showcase,.industry-grid,.industry-grid-4,.model-grid,.process-timeline,.process-timeline.compact-timeline,.grid-2,.grid-2-fixed,.blog-grid,.form-row-2{grid-template-columns:1fr!important}
  .service-showcase-card{min-height:auto!important;padding:24px!important}
  .section-white,.section-alt,.process-section,.contact-section{padding:62px 0!important}
  .contact-form-wrap{padding:24px!important}
  .cta-band-inner{align-items:flex-start!important;flex-direction:column!important}
  .cta-band-inner .btn-primary-lg{width:100%;text-align:center;justify-content:center}
  .footer-links{grid-template-columns:1fr 1fr!important;gap:32px!important}
}

/* Homepage sections — complete reference-led redesign */
.home-trust-strip{padding:22px 0!important;background:#fff!important}
.home-trust-strip .logo-strip{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:0!important}
.home-trust-strip .logo-strip span{position:relative;min-height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;padding:8px 24px!important;color:#536574;font-size:11px!important;letter-spacing:.07em!important}
.home-trust-strip .logo-strip span+span::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:#20aee0;transform:translate(-2px,-50%)}

.home-services{padding:92px 0 100px!important;background:#f5f9fb!important}
.home-services .section-split-head{align-items:end;margin-bottom:38px}
.home-services .section-split-head>div{max-width:650px}
.home-services .service-showcase{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}
.home-services .service-showcase-card{min-height:310px!important;padding:25px!important;border-color:#e1e9ee!important;border-radius:14px!important;box-shadow:none!important}
.home-services .service-showcase-card:hover{transform:translateY(-4px);border-color:#69c8e8!important;box-shadow:0 14px 34px rgba(6,91,126,.09)!important}
.home-services .card-icon{width:46px!important;height:46px!important;border-radius:11px!important}
.home-services .service-showcase-card h3{font-size:17px!important;min-height:44px}
.home-services .service-showcase-card p{font-size:13px!important;line-height:1.62!important}
.home-services .card-benefit{font-size:12px!important;padding-top:12px;border-top:1px solid #edf2f5;width:100%}
.home-services .service-showcase-card a{font-size:11px!important;letter-spacing:.08em!important}

.home-why{padding:96px 0!important}
.home-why-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}
.home-why-head-copy{max-width:720px}
.home-why-head .btn-ghost{flex-shrink:0;white-space:nowrap;margin-bottom:4px}
.home-why h2{font-size:clamp(2rem,3.5vw,3rem)!important;margin:12px 0 18px}
.home-why-head .section-desc{margin:0}
.home-why-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;align-items:stretch}
.home-why .proof-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:14px!important}
.home-why .proof-card{position:relative;display:flex;flex-direction:column;min-height:180px!important;padding:26px!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden}
.home-why .proof-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#12a7dd}
.home-why .proof-card h3{font-size:17px!important;margin-bottom:10px}
.home-why .proof-card p{font-size:13px;line-height:1.65}

.home-process{padding:94px 0!important;background:linear-gradient(135deg,#071722,#0b2a3b)!important}
.home-process .section-split-head{margin-bottom:38px}
.home-process .process-timeline{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.home-process .timeline-step{position:relative;min-height:128px!important;padding:22px!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important;transition:background .2s,transform .2s}
.home-process .timeline-step:hover{background:rgba(34,174,224,.14)!important;transform:translateY(-3px)}
.home-process .timeline-step span{font-size:11px!important;color:#4cc8f2!important}
.home-process .timeline-step strong{font-size:15px!important;line-height:1.3!important;max-width:150px}

.home-models{padding:96px 0!important}
.home-models .section-header{text-align:center;margin:0 auto 42px}
.home-models .section-header .eyebrow{justify-content:center}
.home-models .model-grid{max-width:1080px;margin-inline:auto;gap:18px!important}
.home-models .model-card{min-height:360px!important;padding:30px!important;border-radius:16px!important;box-shadow:none!important}
.home-models .model-card:not(.featured-model):hover{border-color:#78cee9!important;box-shadow:0 16px 36px rgba(7,65,90,.08)}
.home-models .model-card>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#e8f7fc;color:#078abe!important}
.home-models .featured-model>span{background:rgba(255,255,255,.13);color:#64d6f9!important}
.home-models .model-card h3{font-size:20px!important;margin:24px 0 12px!important}
.home-models .model-card p,.home-models .model-card li{font-size:13px!important}
.home-models .model-card ul{display:grid;gap:8px}

.home-work{padding:96px 0!important;background:#f4f8fa!important}
.home-work .case-preview{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;gap:68px!important;align-items:center!important}
.home-work .case-preview h2{font-size:clamp(2rem,3.4vw,3rem)!important;margin:12px 0 20px}
.home-work .case-grid{gap:12px!important}
.home-work .case-grid article{position:relative;padding:24px 64px 24px 26px!important;border-radius:13px!important;box-shadow:none!important}
.home-work .case-grid article::after{content:"\2197";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:20px;color:#0b9ed6}
.home-work .case-grid h3{font-size:17px!important;margin:6px 0!important}
.home-work .case-grid p{font-size:13px!important;margin:0!important}

.home-faq{padding:96px 0!important}
.home-faq .faq-pro{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)!important;gap:70px!important}
.home-faq .faq-pro h2{font-size:clamp(2rem,3.3vw,2.9rem)!important;margin-top:12px}
.home-faq .faq-list{gap:0!important;border-top:1px solid #dfe8ed}
.home-faq .faq-item{padding:22px 0!important;border:0!important;border-bottom:1px solid #dfe8ed!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.home-faq .faq-item h3{font-size:16px!important;margin-bottom:8px}
.home-faq .faq-item p{font-size:13px;line-height:1.65;margin:0}

.home-cta{padding:72px 0!important;background:linear-gradient(110deg,#0a89bd,#19b6e9)!important}
.home-cta .cta-band-inner{max-width:1080px;margin-inline:auto}
.home-cta .cta-band-inner h2{font-size:clamp(2rem,3.4vw,3rem)!important;color:#fff!important;margin-bottom:10px}
.home-cta .cta-band-inner p{color:rgba(255,255,255,.78)!important}
.home-cta .btn-primary-lg{background:#fff!important;color:#087fae!important;box-shadow:0 10px 28px rgba(0,49,68,.18)!important;white-space:nowrap}

@media(max-width:1050px){
  .home-services .service-showcase{grid-template-columns:repeat(2,1fr)!important}
  .home-process .process-timeline{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:850px){
  .home-why-body,.home-work .case-preview,.home-faq .faq-pro{grid-template-columns:1fr!important;gap:26px!important}
  .home-why-head{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:34px}
  .home-why-visual{min-height:340px}
  .home-models .model-grid{grid-template-columns:1fr!important;max-width:620px}
  .home-models .model-card{min-height:auto!important}
}
@media(max-width:620px){
  .home-trust-strip .logo-strip{display:grid!important;grid-template-columns:1fr 1fr!important}
  .home-trust-strip .logo-strip span{justify-content:flex-start!important;text-align:left!important;padding:9px 12px!important;border-bottom:1px solid #edf2f5!important}
  .home-trust-strip .logo-strip span+span::before{display:none}
  .home-services .service-showcase,.home-process .process-timeline,.home-why .proof-grid{grid-template-columns:1fr!important}
  .home-services,.home-why,.home-process,.home-models,.home-work,.home-faq{padding:68px 0!important}
  .home-services .service-showcase-card{min-height:auto!important}
  .home-services .service-showcase-card h3{min-height:auto}
  .home-cta{padding:56px 0!important}
}

/* Homepage finishing pass: visual depth, media, and smooth interactions */
.home-services,.home-why,.home-process,.home-models,.home-work,.home-faq{position:relative;overflow:hidden}
.home-services::before,.home-models::before,.home-faq::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(10,155,216,.075),rgba(10,155,216,0) 70%)}
.home-services::before{right:-150px;top:-160px}
.home-models::before{left:-170px;bottom:-170px}
.home-faq::before{right:-170px;top:20%}
.home-services>.container,.home-why>.container,.home-process>.container,.home-models>.container,.home-work>.container,.home-faq>.container{position:relative;z-index:1}

.home-why-visual{position:relative;margin:0;height:100%;min-height:100%;border-radius:16px;overflow:hidden;background:#081a27;box-shadow:0 22px 50px rgba(7,31,47,.16)}
.home-why-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(4,17,26,.84) 100%);pointer-events:none}
.home-why-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.home-why-visual:hover img{transform:scale(1.035)}
.home-why-visual figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;gap:3px;color:#fff;text-align:left}
.home-why-visual figcaption strong{font-family:var(--font-display);font-size:15px}
.home-why-visual figcaption span{font-size:11px;color:rgba(255,255,255,.7)}

.home-services .service-showcase-card,.home-why .proof-card,.home-models .model-card,.home-work .case-grid article{will-change:transform}
.home-services .service-showcase-card a,.home-work .case-grid article::after,.btn-primary,.btn-primary-lg,.btn-nav-cta{transition:transform .2s,color .2s,background .2s,box-shadow .2s}
.home-services .service-showcase-card:hover a{transform:translateX(4px)}
.home-work .case-grid article:hover::after{transform:translate(4px,-50%)}
.home-process .timeline-step::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;background:linear-gradient(90deg,#19b7eb,transparent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.home-process .timeline-step:hover::after{transform:scaleX(1)}
.home-models .model-card{position:relative}
.home-models .model-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#0a91c8,#55d6ff);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.home-models .model-card:hover::after{transform:scaleX(1)}

/* Engagement model cards: enforce solid surfaces and readable contrast. */
.home-models .model-grid{align-items:stretch!important}
.home-models .model-card{background:#fff!important;border:1px solid #dce6eb!important;color:#10202c!important;box-shadow:0 10px 28px rgba(7,31,47,.055)!important}
.home-models .model-card h3{color:#10202c!important}
.home-models .model-card p,.home-models .model-card li{color:#4e6271!important}
.home-models .model-card li::marker{color:#0a96ce}
.home-models .featured-model{background:linear-gradient(145deg,#087eaa 0%,#072332 100%)!important;border-color:#087eaa!important;color:#fff!important;box-shadow:0 18px 38px rgba(5,73,101,.22)!important}
.home-models .featured-model h3{color:#fff!important}
.home-models .featured-model p,.home-models .featured-model li{color:rgba(255,255,255,.79)!important}
.home-models .featured-model li::marker{color:#61d8fb}
.home-models .featured-model>span{background:rgba(255,255,255,.14)!important;color:#69dcff!important}
.home-models .model-card ul{padding-left:19px!important;margin-top:auto!important;padding-top:24px!important}

.home-trust-strip{box-shadow:0 12px 30px rgba(7,31,47,.035)}
.home-work{background:linear-gradient(180deg,#f5f9fb 0%,#edf5f8 100%)!important}
.home-faq .faq-item{transition:padding-left .2s,border-color .2s}
.home-faq .faq-item:hover{padding-left:12px!important;border-bottom-color:#80d0eb!important}
.home-cta{position:relative;overflow:hidden}
.home-cta::before,.home-cta::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;pointer-events:none}
.home-cta::before{width:300px;height:300px;right:-100px;top:-170px}
.home-cta::after{width:170px;height:170px;right:-35px;top:-105px}
.home-cta .container{position:relative;z-index:1}

.reveal-item{opacity:0;transform:translateY(22px);transition:opacity .58s ease var(--reveal-delay,0ms),transform .58s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.reveal-item.is-revealed{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal-item{opacity:1!important;transform:none!important}
}
@media(max-width:850px){
  .home-why-visual{max-width:none}
}
@media(max-width:620px){
  .home-why-visual{border-radius:14px;min-height:300px}
  .home-why-visual figcaption{left:16px;right:16px;bottom:14px}
  .home-why-body{gap:20px!important}
  .home-services::before,.home-models::before,.home-faq::before{width:240px;height:240px}
}

/* Navigation UX and consistent featured-card language */
.main-navigation{margin-left:auto}
.site-header .nav-inner{max-width:1360px}
.site-header .nav-links>li>a,.site-header .mega-trigger,.site-header .lang-trigger{position:relative;background:transparent!important;border-radius:0!important;padding:8px 10px!important}
.site-header .nav-links>li>a::after,.site-header .mega-trigger::after{content:"";position:absolute;left:10px;right:10px;bottom:-17px;height:2px;background:var(--m-blue);transform:scaleX(0);transition:transform .2s;transform-origin:center}
.site-header .nav-links>li>a:hover::after,.site-header .nav-links>li>a.active::after,.site-header .mega-trigger:hover::after,.site-header .mega-trigger.active::after{transform:scaleX(1)}
.site-header .nav-links>li>a:hover,.site-header .nav-links>li>a.active,.site-header .mega-trigger:hover,.site-header .mega-trigger.active{color:#087fae!important}
.nav-actions{gap:10px!important;margin-left:10px}
.btn-portal{height:42px;padding:0 15px!important;border:1px solid #dce5ea!important;border-radius:10px!important;background:#fff!important;color:#334653!important;font-weight:600!important}
.btn-portal:hover{border-color:#80cee9!important;color:#087fae!important;background:#f6fbfd!important}
.btn-nav-cta{height:42px;display:inline-flex!important;align-items:center;padding:0 18px!important;border-radius:10px!important;background:#0b9ed6!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 18px rgba(11,158,214,.2)}
.btn-nav-cta:hover{background:#087fae!important;transform:translateY(-1px)}
.mega-menu{top:calc(100% + 17px)!important;padding:14px!important;background:#fff!important}
.mega-menu-grid{gap:4px!important}
.mega-menu-item{padding:11px!important}

/* The same featured-card pattern used by Engagement Models */
.home-services .service-showcase-card:first-child{background:linear-gradient(145deg,#0c86b5,#082838)!important;border-color:transparent!important;color:#fff!important}
.home-services .service-showcase-card:first-child h3,.home-services .service-showcase-card:first-child p,.home-services .service-showcase-card:first-child .card-benefit{color:#fff!important}
.home-services .service-showcase-card:first-child p,.home-services .service-showcase-card:first-child .card-benefit{color:rgba(255,255,255,.76)!important}
.home-services .service-showcase-card:first-child .card-icon{background:rgba(255,255,255,.13)!important;color:#5dd6ff!important}
.home-services .service-showcase-card:first-child .card-benefit{border-top-color:rgba(255,255,255,.14)}
.home-services .service-showcase-card:first-child a{color:#69dcff!important}
.home-services .service-showcase-card:first-child:hover{background:linear-gradient(145deg,#0c86b5,#082838)!important;color:#fff!important}
.home-services .service-showcase-card:first-child:hover p,.home-services .service-showcase-card:first-child:hover .card-benefit{color:rgba(255,255,255,.76)!important}
.home-services .service-showcase-card:first-child:hover .card-icon{background:rgba(255,255,255,.13)!important;color:#5dd6ff!important}

.home-why .proof-card:first-child{background:linear-gradient(145deg,#0c86b5,#082838)!important;border-color:transparent!important}
.home-why .proof-card:first-child h3{color:#fff!important}
.home-why .proof-card:first-child p{color:rgba(255,255,255,.73)!important}
.home-why .proof-card:first-child::before{background:#58d2fa}
.home-work .case-grid article:first-child{background:linear-gradient(145deg,#0c86b5,#082838)!important;border-color:transparent!important}
.home-work .case-grid article:first-child h3{color:#fff!important}
.home-work .case-grid article:first-child p{color:rgba(255,255,255,.72)!important}
.home-work .case-grid article:first-child>span,.home-work .case-grid article:first-child::after{color:#62d7fa!important}

@media(max-width:1180px){
  .site-header .nav-inner{height:72px}
  .main-navigation .nav-links,.site-header .nav-actions{display:none!important}
  .site-header .nav-toggle{display:flex!important;margin-left:auto;z-index:1002}
  body.nav-open{overflow:hidden}
  body.nav-open .main-navigation .nav-links{display:flex!important;position:fixed;inset:72px 0 0 0;z-index:1000;overflow-y:auto;flex-direction:column;align-items:stretch;gap:2px;padding:20px 20px 116px;background:rgba(255,255,255,.985);border-top:1px solid #e8eef2}
  body.nav-open .main-navigation{display:block}
  body.nav-open .nav-links>li{display:block!important;width:100%;max-width:720px;margin-inline:auto}
  body.nav-open .nav-links>li>a,body.nav-open .mega-trigger,body.nav-open .lang-trigger{width:100%;min-height:48px;padding:12px 14px!important;border-radius:10px!important;font-size:15px!important;justify-content:space-between;background:transparent!important}
  body.nav-open .nav-links>li>a:hover,body.nav-open .nav-links>li>a.active,body.nav-open .mega-trigger:hover,body.nav-open .mega-trigger.active{background:#edf8fc!important}
  body.nav-open .nav-links>li>a::after,body.nav-open .mega-trigger::after{display:none}
  body.nav-open .site-header .nav-actions{display:flex!important;position:fixed;left:0;right:0;bottom:0;z-index:1001;padding:14px 20px;background:#fff;border-top:1px solid #e4ebef;margin:0;justify-content:center}
  body.nav-open .site-header .nav-actions>a{flex:1;max-width:340px;justify-content:center}
  body.nav-open .mega-menu{position:static!important;display:none!important;width:100%!important;max-width:720px!important;margin:4px auto 12px!important;box-shadow:none!important;border-radius:12px!important;background:#f5f9fb!important}
  body.nav-open .nav-item-mega.mega-open>.mega-menu{display:block!important}
  body.nav-open .mega-menu-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  body.nav-open .mega-menu-grid{grid-template-columns:1fr!important}
  body.nav-open .site-header .nav-actions{flex-direction:column}
  body.nav-open .site-header .nav-actions>a{width:100%;max-width:none}
  body.nav-open .main-navigation .nav-links{padding-bottom:158px}
}
@media(max-width:480px){
  .page-hero{padding:60px 0 52px!important}
  .hero-cta{flex-direction:column;align-items:stretch}.hero-cta a{text-align:center;justify-content:center}
  .footer-links{grid-template-columns:1fr!important}
  .faq-item,.feat-card,.value-card,.industry-card,.proof-card{padding:22px!important}
}

/* Reference-led refinement: compact type and photographic homepage hero */
body{font-size:15px;line-height:1.65}
.page-hero h1{font-size:clamp(2.25rem,4.5vw,4rem)!important;line-height:1.06!important;letter-spacing:-.045em!important}
.section-header h2,.section-split-head h2,h2{font-size:clamp(1.85rem,3.25vw,2.85rem)!important;line-height:1.1!important;letter-spacing:-.04em!important}
.service-showcase-card h3,.feat-card h3,.industry-card h3{font-size:18px!important;line-height:1.28!important}
.page-hero-sub,.hero-sub{font-size:17px!important;line-height:1.7!important}

.enterprise-hero{min-height:760px;padding:112px 0 56px!important;background-image:linear-gradient(90deg,rgba(3,15,24,.9),rgba(3,18,29,.77) 48%,rgba(3,19,30,.88)),url('hero-team-v2.png')!important;background-size:cover!important;background-position:center!important;color:#fff!important;display:flex;align-items:center}
.enterprise-hero::before{display:none!important}
.enterprise-hero::after{inset:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.38))!important;box-shadow:none!important}
.enterprise-hero .container{z-index:2}
.enterprise-hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}
.enterprise-hero-copy{max-width:940px;margin-inline:auto}
.enterprise-hero-copy h1{max-width:900px!important;margin:14px auto 22px!important;font-size:clamp(2.65rem,4.6vw,4.35rem)!important;line-height:1.07!important;letter-spacing:-.045em!important;color:#fff!important;text-wrap:balance}
.enterprise-hero-copy .hero-sub{max-width:790px!important;margin-inline:auto;color:rgba(255,255,255,.78)!important}
.hero-eyebrow{color:#50c9f3!important;font-size:12px!important;letter-spacing:.14em!important}
.hero-cta{justify-content:center;margin-top:30px!important}
.enterprise-hero .btn-primary{background:#16abe3!important;color:#fff!important;border-color:#16abe3!important;padding:13px 22px!important}
.enterprise-hero .btn-outline{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.35)!important;padding:13px 22px!important}
.enterprise-trust{justify-content:center!important;margin:28px auto 0!important;padding-top:22px!important;gap:20px!important;color:rgba(255,255,255,.72)!important;border-top:1px solid rgba(255,255,255,.18)!important}
.delivery-flow{width:min(100%,900px);margin:42px auto 0;padding:0!important;min-height:0!important;border:0!important;border-radius:14px!important;background:rgba(4,18,28,.7)!important;box-shadow:none!important;backdrop-filter:blur(10px)}
.delivery-flow .panel-metric-grid{grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin:0!important}
.delivery-flow .panel-metric-grid>div{min-height:118px!important;padding:20px 24px!important;border:0!important;border-right:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:transparent!important;text-align:left}
.delivery-flow .panel-metric-grid>div:last-child{border-right:0!important}
.delivery-flow .panel-step-head{margin-bottom:9px}
.delivery-flow .panel-metric-grid strong{font-size:14px!important;margin-bottom:4px!important}
.delivery-flow .panel-metric-grid p{font-size:12px!important;line-height:1.45!important;margin:0}

@media(max-width:900px){
  .enterprise-hero{min-height:auto;padding:88px 0 48px!important}
  .enterprise-hero-copy h1{font-size:clamp(2.5rem,8vw,3.7rem)!important}
}
@media(max-width:700px){
  body{font-size:14px}
  .enterprise-hero{padding:68px 0 36px!important;background-position:62% center!important}
  .enterprise-hero-copy h1{font-size:clamp(2.15rem,10vw,3.1rem)!important}
  .page-hero-sub,.hero-sub{font-size:15px!important}
  .delivery-flow .panel-metric-grid{grid-template-columns:1fr!important}
  .delivery-flow .panel-metric-grid>div{min-height:auto!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;padding:16px 18px!important}
  .delivery-flow .panel-metric-grid>div:last-child{border-bottom:0!important}
  .enterprise-trust{gap:10px 16px!important}
}

/* Final mobile-nav overrides: these come after the desktop/header rules above. */
@media (max-width:1180px) {
  .site-header .nav-inner { height:64px; }
  .site-header .logo { display:flex!important; }
  .site-header .logo-img { height:28px; }
  /* backdrop-filter creates a containing block for fixed descendants in
     Chromium. Disable it while open so the drawer uses the real viewport. */
  body.nav-open .site-header {
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.nav-open .main-navigation .nav-links {
    inset:64px auto 0 0;
    width:min(82vw, 320px);
    padding:16px;
    padding-bottom:116px;
    box-shadow:18px 0 40px rgba(7,23,34,.16);
    border-right:1px solid #e8eef2;
  }
  body.nav-open .nav-links > li { max-width:none; }
  body.nav-open .site-header .nav-actions {
    left:0;
    right:auto;
    bottom:0;
    width:min(82vw, 320px);
    padding:12px 16px;
    gap:8px;
    box-shadow:18px 12px 40px rgba(7,23,34,.16);
  }
  body.nav-open .site-header .nav-actions { flex-direction:row; }
  body.nav-open .site-header .nav-actions > a { min-width:0; font-size:12px; padding:9px 8px; }
  body.nav-open .nav-toggle span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
  body.nav-open .nav-toggle span:nth-child(2) { opacity:0; }
  body.nav-open .nav-toggle span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }
}
@media (max-width:620px) {
  body.nav-open .main-navigation .nav-links { width:min(86vw, 320px); padding-bottom:116px; }
  body.nav-open .site-header .nav-actions { width:min(86vw, 320px); }
}

/* Services landing page */
.services-page{background:#fff}
.services-hero{padding:104px 0 82px!important;background:linear-gradient(125deg,#061722 0%,#0b2b3c 58%,#087fac 100%)!important;color:#fff}
.services-hero::after{width:620px;height:620px;right:-160px;top:-260px;background:radial-gradient(circle,rgba(76,200,242,.26),transparent 67%)}
.services-hero .container{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:80px;align-items:end}
.services-hero .eyebrow{color:#5bd5ff}
.services-hero h1{color:#fff!important;max-width:820px!important}
.services-hero .page-hero-sub{color:rgba(255,255,255,.72)!important}
.services-hero-actions{display:flex;gap:12px;align-items:center;margin-top:30px}
.services-hero-actions .btn-outline{color:#fff;border-color:rgba(255,255,255,.35);padding:12px 20px;background:rgba(255,255,255,.04)}
.services-hero-actions .btn-outline:hover{background:#fff;color:#082333}
.services-hero-proof{display:grid;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);overflow:hidden}
.services-hero-proof>div{display:grid;gap:2px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
.services-hero-proof>div:last-child{border-bottom:0}
.services-hero-proof strong{font-family:var(--font-display);font-size:20px;color:#fff}
.services-hero-proof span{font-size:12px;color:rgba(255,255,255,.62)}
.services-jump{position:sticky;top:64px;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid var(--m-line);box-shadow:0 8px 24px rgba(7,32,48,.04);backdrop-filter:blur(12px)}
.services-jump .container{display:flex;gap:4px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}
.services-jump .container::-webkit-scrollbar{display:none}
.services-jump a{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:600;color:#425466;transition:.2s}
.services-jump a:hover{background:#e9f7fc;color:#087fac}
.services-jump img{width:22px;height:22px;object-fit:contain}
.services-detail-section{padding:90px 0!important;scroll-margin-top:130px}
.services-detail-section:nth-of-type(even){background:#f4f8fa!important}
.services-detail-section .service-detail{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:70px;align-items:start}
.services-detail-section .service-detail-head{position:sticky;top:150px}
.services-fw-icon{width:64px;height:64px;border-radius:16px;border-color:#dce9ef;box-shadow:0 12px 28px rgba(7,91,126,.09)}
.services-fw-icon img{width:38px;height:38px}
.services-detail-section .service-detail-head h2{font-size:clamp(2rem,3vw,3rem)!important;margin:16px 0 14px}
.services-detail-section .service-detail-head>p{font-size:15px;line-height:1.75;color:#5d7180}
.services-detail-section .service-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.services-detail-section .service-item{position:relative;padding:24px;border:1px solid #e1eaf0;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(7,32,48,.035);transition:transform .2s,border-color .2s,box-shadow .2s}
.services-detail-section .service-item::before{content:"";display:block;width:28px;height:3px;margin-bottom:18px;border-radius:4px;background:linear-gradient(90deg,#0797d4,#62d9f8)}
.services-detail-section .service-item:hover{transform:translateY(-4px);border-color:#82d3ed;box-shadow:0 16px 34px rgba(7,119,169,.1)}
.services-detail-section .service-item h3{font-size:16px!important;line-height:1.35;margin-bottom:8px}
.services-detail-section .service-item p{font-size:13px;line-height:1.65;color:#637583}
.services-industries{background:#eef6f9!important}
.services-industries .industry-list{border-radius:18px;overflow:hidden;box-shadow:0 15px 40px rgba(7,32,48,.06)}
.services-process{background:linear-gradient(135deg,#071722,#0b2a3b)!important}
.services-process .eyebrow{color:#55cef5}
.services-process h2{color:#fff!important}
.services-process .process-step{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);box-shadow:none}
.services-process .process-step h3{color:#fff}
.services-process .process-step p{color:rgba(255,255,255,.62)}
.services-process .step-num{color:#55cef5}

@media(max-width:900px){
  .services-hero .container{grid-template-columns:1fr;gap:38px}
  .services-hero-proof{grid-template-columns:repeat(3,1fr)}
  .services-hero-proof>div{border-bottom:0;border-right:1px solid rgba(255,255,255,.12)}
  .services-hero-proof>div:last-child{border-right:0}
  .services-detail-section .service-detail{grid-template-columns:1fr;gap:35px}
  .services-detail-section .service-detail-head{position:static;max-width:700px}
}
@media(max-width:620px){
  .services-hero{padding:68px 0 52px!important}
  .services-hero-actions{flex-direction:column;align-items:stretch}
  .services-hero-actions a{justify-content:center;text-align:center}
  .services-hero-proof{grid-template-columns:1fr}
  .services-hero-proof>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .services-detail-section{padding:64px 0!important}
  .services-detail-section .service-list{grid-template-columns:1fr}
  .services-detail-section .service-item{padding:21px}
}

/* Offshore Laravel development landing page */
.offshore-page{background:#fff}
.offshore-hero{min-height:690px;display:flex;align-items:center;padding:100px 0 90px!important;background-image:linear-gradient(90deg,rgba(3,16,25,.96) 0%,rgba(3,20,31,.89) 52%,rgba(3,22,34,.68) 100%),url('hero-team-v2.png')!important;background-size:cover!important;background-position:center!important}
.offshore-hero::after{inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.25))}
.offshore-hero .landing-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);align-items:center}
.offshore-hero .eyebrow{color:#55d3fc}
.offshore-hero h1{max-width:820px!important;font-size:clamp(3rem,5.6vw,5.4rem)!important;line-height:1!important;margin:14px 0 24px!important;text-wrap:balance}
.offshore-hero .page-hero-sub{max-width:690px!important;font-size:18px!important}
.offshore-hero .hero-cta{margin-top:30px}
.offshore-hero .btn-primary{padding:13px 21px;background:#15abe2;border-color:#15abe2;color:#fff}
.offshore-hero .btn-outline{padding:13px 21px;color:#fff;border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.07)}
.offshore-hero-panel{padding:28px!important;border-radius:18px!important;box-shadow:none!important;background:rgba(7,28,41,.72)!important}
.offshore-hero-panel strong{display:block;font-size:22px!important;line-height:1.3;color:#fff;margin-bottom:20px}
.offshore-hero-panel ul{display:grid;gap:0!important}
.offshore-hero-panel li{position:relative;padding:13px 0 13px 26px!important;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.76)}
.offshore-hero-panel li:last-child{border-bottom:0}
.offshore-hero-panel li::before{content:"\2713";position:absolute;left:0;color:#58d8ff;font-weight:800}
.offshore-fit{padding:96px 0!important}
.offshore-fit .section-split-head{margin-bottom:42px}
.offshore-fit .compact-showcase{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.offshore-fit .service-showcase-card{min-height:270px!important;padding:28px!important;border-radius:15px!important;box-shadow:none!important}
.offshore-fit .service-showcase-card>span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#e7f7fc;color:#078dbf!important;font-size:11px!important}
.offshore-fit .service-showcase-card h3{font-size:19px!important;margin-top:26px}
.offshore-fit .service-showcase-card p{font-size:13px!important;line-height:1.7!important}
.offshore-fit .service-showcase-card:first-child{background:linear-gradient(145deg,#0b8ebe,#082938)!important;border-color:transparent!important}
.offshore-fit .service-showcase-card:first-child h3{color:#fff!important}
.offshore-fit .service-showcase-card:first-child p{color:rgba(255,255,255,.7)!important}
.offshore-fit .service-showcase-card:first-child>span{background:rgba(255,255,255,.12);color:#62dcff!important}
.offshore-build{padding:96px 0!important;background:#f1f7f9!important}
.offshore-build .section-header{max-width:720px;margin-bottom:42px}
.offshore-build .industry-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.offshore-build .industry-card{position:relative;padding:30px!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden}
.offshore-build .industry-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#0a9bd8,#62d9f8)}
.offshore-build .industry-card h3{font-size:19px!important;margin-bottom:10px}
.offshore-build .industry-card p{font-size:13px;line-height:1.7}
.offshore-models{padding:98px 0!important}
.offshore-models .section-header{max-width:740px;margin-bottom:44px}
.offshore-models .model-grid{gap:18px!important;align-items:stretch}
.offshore-models .model-card{min-height:370px;padding:32px!important;border-radius:17px!important;box-shadow:none!important;display:flex;flex-direction:column}
.offshore-models .model-card>span{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:11px;background:#e8f7fc;color:#078abe!important}
.offshore-models .model-card h3{font-size:21px!important;margin:28px 0 13px!important}
.offshore-models .model-card p{font-size:13.5px;line-height:1.75}
.offshore-models .featured-model{background:linear-gradient(150deg,#0b8dbd,#082837)!important;border-color:transparent!important;color:#fff!important;transform:none!important}
.offshore-models .featured-model h3{color:#fff!important}
.offshore-models .featured-model p{color:rgba(255,255,255,.7)!important}
.offshore-models .featured-model>span{background:rgba(255,255,255,.13);color:#62dcff!important}
.offshore-process{padding:96px 0!important;background:linear-gradient(135deg,#061721,#0b2b3d)!important}
.offshore-process .section-split-head{margin-bottom:38px}
.offshore-process .process-timeline{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.offshore-process .timeline-step{position:relative;min-height:145px!important;padding:24px!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.13);overflow:hidden}
.offshore-process .timeline-step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#0a9bd8,#61dafa);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.offshore-process .timeline-step:hover::after{transform:scaleX(1)}
.offshore-process .timeline-step span{color:#58d8ff}
.offshore-stack{padding:100px 0!important}
.offshore-stack .case-preview{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:72px;align-items:start}
.offshore-stack .case-preview>div:first-child{position:sticky;top:130px}
.offshore-stack .case-grid{gap:12px!important}
.offshore-stack .case-grid article{position:relative;padding:26px 60px 26px 27px!important;border-radius:14px!important;box-shadow:none!important}
.offshore-stack .case-grid article::after{content:"\2197";position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:20px;color:#0b9ed6}
.offshore-stack .case-grid h3{font-size:17px!important;margin:7px 0!important}
.offshore-stack .case-grid p{font-size:13px!important;line-height:1.65;margin:0}
.offshore-faq{padding:96px 0!important;background:#f3f8fa!important}
.offshore-faq .faq-pro{grid-template-columns:minmax(0,.58fr) minmax(0,1.42fr);gap:72px;align-items:start}
.offshore-faq .faq-pro>div:first-child{position:sticky;top:130px}
.offshore-faq .faq-list{gap:0;border-top:1px solid #dce7ec}
.offshore-faq .faq-item{padding:25px 0!important;border:0!important;border-bottom:1px solid #dce7ec!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.offshore-faq .faq-item h3{font-size:16px!important;margin-bottom:9px}
.offshore-faq .faq-item p{font-size:13px;line-height:1.7;margin:0}
.offshore-cta{background:linear-gradient(135deg,#0a8fbe,#062333)!important}
.offshore-cta h2{color:#fff!important}
.offshore-cta p{color:rgba(255,255,255,.72)!important}
.offshore-cta .btn-primary-lg{background:#fff;color:#087fae}

@media(max-width:900px){
  .offshore-hero{min-height:auto;padding:82px 0 72px!important}
  .offshore-hero .landing-hero-grid{grid-template-columns:1fr;gap:42px!important}
  .offshore-fit .compact-showcase{grid-template-columns:1fr 1fr!important}
  .offshore-process .process-timeline{grid-template-columns:1fr 1fr!important}
  .offshore-stack .case-preview,.offshore-faq .faq-pro{grid-template-columns:1fr;gap:38px}
  .offshore-stack .case-preview>div:first-child,.offshore-faq .faq-pro>div:first-child{position:static}
}
@media(max-width:620px){
  .offshore-hero{padding:64px 0 54px!important;background-position:62% center!important}
  .offshore-hero h1{font-size:clamp(2.3rem,11vw,3.25rem)!important}
  .offshore-hero .page-hero-sub{font-size:15px!important}
  .offshore-hero .hero-cta{flex-direction:column;align-items:stretch}
  .offshore-hero .hero-cta a{text-align:center;justify-content:center}
  .offshore-fit .compact-showcase,.offshore-build .industry-grid,.offshore-process .process-timeline{grid-template-columns:1fr!important}
  .offshore-fit,.offshore-build,.offshore-models,.offshore-process,.offshore-stack,.offshore-faq{padding:68px 0!important}
  .offshore-fit .service-showcase-card,.offshore-models .model-card{min-height:auto!important}
}

/* White-label Laravel development for agencies */
.whitelabel-page{background:#fff}
.whitelabel-hero{min-height:670px;display:flex;align-items:center;padding:98px 0 88px!important;background:linear-gradient(125deg,#f5fbfd 0%,#e8f6fb 56%,#cdeefa 100%)!important;color:#09202e}
.whitelabel-hero::before{content:"";position:absolute;width:520px;height:520px;right:-100px;top:-210px;border:1px solid rgba(10,155,216,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(10,155,216,.035),0 0 0 140px rgba(10,155,216,.025)}
.whitelabel-hero::after{width:500px;height:500px;right:-140px;top:-180px;background:radial-gradient(circle,rgba(10,155,216,.16),transparent 68%)}
.whitelabel-hero .landing-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);align-items:center;position:relative;z-index:2}
.whitelabel-hero .eyebrow{color:#0789bb}
.whitelabel-hero h1{max-width:820px!important;color:#09202e!important;font-size:clamp(3rem,5.5vw,5.3rem)!important;line-height:1!important;margin:14px 0 24px!important;text-wrap:balance}
.whitelabel-hero .page-hero-sub{max-width:700px!important;color:#496474!important;font-size:18px!important}
.whitelabel-hero .hero-cta{margin-top:31px}
.whitelabel-hero .btn-primary{padding:13px 22px;background:#079bd8;border-color:#079bd8;color:#fff;box-shadow:0 12px 26px rgba(7,155,216,.2)}
.whitelabel-hero .btn-outline{padding:13px 22px;background:rgba(255,255,255,.55);border-color:#9bcddd;color:#0a6689}
.whitelabel-hero-panel{padding:30px!important;border:1px solid rgba(7,127,174,.18)!important;border-radius:19px!important;background:rgba(255,255,255,.78)!important;box-shadow:18px 18px 0 rgba(7,151,212,.14)!important;backdrop-filter:blur(14px)}
.whitelabel-hero-panel strong{display:block;font-size:22px!important;line-height:1.3;color:#09202e;margin-bottom:20px}
.whitelabel-hero-panel ul{display:grid;gap:0!important}
.whitelabel-hero-panel li{position:relative;padding:13px 0 13px 27px!important;border-bottom:1px solid #dcebef;color:#4a6372}
.whitelabel-hero-panel li:last-child{border-bottom:0}
.whitelabel-hero-panel li::before{content:"\2713";position:absolute;left:0;color:#079bd8;font-weight:800}
.whitelabel-support{padding:98px 0!important}
.whitelabel-support .section-split-head{margin-bottom:44px}
.whitelabel-support .compact-showcase{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.whitelabel-support .service-showcase-card{min-height:320px!important;padding:28px!important;border-radius:16px!important;box-shadow:none!important;display:flex;flex-direction:column}
.whitelabel-support .service-showcase-card>span{display:flex;width:39px;height:39px;align-items:center;justify-content:center;border-radius:10px;background:#e8f7fc;color:#078abe!important;font-size:11px!important}
.whitelabel-support .service-showcase-card h3{font-size:19px!important;margin-top:25px}
.whitelabel-support .service-showcase-card p{font-size:13px!important;line-height:1.72!important}
.whitelabel-support .service-showcase-card a{margin-top:auto;padding-top:22px;color:#078fca;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.whitelabel-support .service-showcase-card:hover a{transform:translateX(4px)}
.whitelabel-support .service-showcase-card:first-child{background:linear-gradient(145deg,#0b8fbe,#082938)!important;border-color:transparent!important}
.whitelabel-support .service-showcase-card:first-child h3{color:#fff!important}
.whitelabel-support .service-showcase-card:first-child p{color:rgba(255,255,255,.7)!important}
.whitelabel-support .service-showcase-card:first-child>span{background:rgba(255,255,255,.13);color:#62dcff!important}
.whitelabel-support .service-showcase-card:first-child a{color:#65ddff}
.whitelabel-trust{padding:100px 0!important;background:#f1f7f9!important}
.whitelabel-trust .proof-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:72px;align-items:start}
.whitelabel-trust .proof-layout>div:first-child{position:sticky;top:130px}
.whitelabel-trust .proof-layout h2{font-size:clamp(2.1rem,3.5vw,3.15rem)!important;margin:13px 0 20px}
.whitelabel-trust .enterprise-proof{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.whitelabel-trust .proof-card{position:relative;min-height:190px!important;padding:27px!important;border-radius:15px!important;box-shadow:none!important;overflow:hidden}
.whitelabel-trust .proof-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#079bd8,#62dcff)}
.whitelabel-trust .proof-card h3{font-size:17px!important;margin-bottom:10px}
.whitelabel-trust .proof-card p{font-size:13px;line-height:1.68}
.whitelabel-trust .proof-card:first-child{background:linear-gradient(145deg,#0b8fbe,#082938)!important;border-color:transparent!important}
.whitelabel-trust .proof-card:first-child h3{color:#fff!important}
.whitelabel-trust .proof-card:first-child p{color:rgba(255,255,255,.7)!important}
.whitelabel-process{padding:96px 0!important;background:linear-gradient(135deg,#061721,#0a2b3d)!important}
.whitelabel-process .section-split-head{margin-bottom:40px}
.whitelabel-process .compact-timeline{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.whitelabel-process .timeline-step{position:relative;min-height:145px!important;padding:24px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.13);overflow:hidden}
.whitelabel-process .timeline-step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#079bd8,#62dcff);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.whitelabel-process .timeline-step:hover::after{transform:scaleX(1)}
.whitelabel-process .timeline-step span{color:#59d8ff}
.whitelabel-faq{padding:100px 0!important}
.whitelabel-faq .faq-pro{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:74px;align-items:start}
.whitelabel-faq .faq-pro>div:first-child{position:sticky;top:130px}
.whitelabel-faq .faq-list{gap:0;border-top:1px solid #dce7ec}
.whitelabel-faq .faq-item{padding:25px 0!important;border:0!important;border-bottom:1px solid #dce7ec!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:padding-left .2s,border-color .2s}
.whitelabel-faq .faq-item:hover{padding-left:12px!important;border-bottom-color:#79cee9!important}
.whitelabel-faq .faq-item h3{font-size:16px!important;margin-bottom:9px}
.whitelabel-faq .faq-item p{font-size:13px;line-height:1.7;margin:0}
.whitelabel-cta{background:linear-gradient(135deg,#dff6fd,#a9e8fb)!important}
.whitelabel-cta .cta-band-inner{max-width:1080px;margin-inline:auto}
.whitelabel-cta .btn-primary-lg{box-shadow:0 12px 26px rgba(7,127,174,.2)}

@media(max-width:900px){
  .whitelabel-hero{min-height:auto;padding:82px 0 74px!important}
  .whitelabel-hero .landing-hero-grid{grid-template-columns:1fr;gap:42px!important}
  .whitelabel-support .compact-showcase{grid-template-columns:1fr 1fr!important}
  .whitelabel-trust .proof-layout,.whitelabel-faq .faq-pro{grid-template-columns:1fr;gap:38px}
  .whitelabel-trust .proof-layout>div:first-child,.whitelabel-faq .faq-pro>div:first-child{position:static}
  .whitelabel-process .compact-timeline{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  .whitelabel-hero{padding:64px 0 56px!important}
  .whitelabel-hero h1{font-size:clamp(2.3rem,11vw,3.25rem)!important}
  .whitelabel-hero .page-hero-sub{font-size:15px!important}
  .whitelabel-hero .hero-cta{flex-direction:column;align-items:stretch}
  .whitelabel-hero .hero-cta a{text-align:center;justify-content:center}
  .whitelabel-support .compact-showcase,.whitelabel-trust .enterprise-proof,.whitelabel-process .compact-timeline{grid-template-columns:1fr!important}
  .whitelabel-support,.whitelabel-trust,.whitelabel-process,.whitelabel-faq{padding:68px 0!important}
  .whitelabel-support .service-showcase-card{min-height:auto!important}
}

/* Laravel SaaS MVP development */
.mvp-page{background:#fff}
.mvp-hero{min-height:680px;display:flex;align-items:center;padding:100px 0 90px!important;background:radial-gradient(circle at 82% 18%,rgba(41,190,235,.2),transparent 27%),linear-gradient(130deg,#061620 0%,#092b3d 58%,#075f82 100%)!important;color:#fff}
.mvp-hero::before{content:"";position:absolute;right:6%;top:16%;width:260px;height:260px;border:1px solid rgba(91,215,252,.2);border-radius:28px;transform:rotate(10deg);box-shadow:0 0 0 28px rgba(91,215,252,.025),0 0 0 56px rgba(91,215,252,.018)}
.mvp-hero::after{inset:auto 0 0;width:auto;height:1px;border-radius:0;background:linear-gradient(90deg,transparent,rgba(96,219,255,.6),transparent)}
.mvp-hero .landing-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);align-items:center;position:relative;z-index:2}
.mvp-hero .eyebrow{color:#60dafe}
.mvp-hero h1{max-width:850px!important;color:#fff!important;font-size:clamp(3rem,5.7vw,5.5rem)!important;line-height:.99!important;margin:14px 0 24px!important;text-wrap:balance}
.mvp-hero .page-hero-sub{max-width:700px!important;color:rgba(255,255,255,.72)!important;font-size:18px!important}
.mvp-hero .hero-cta{margin-top:31px}
.mvp-hero .btn-primary{padding:13px 22px;background:#13aae1;border-color:#13aae1;color:#fff;box-shadow:0 12px 28px rgba(19,170,225,.2)}
.mvp-hero .btn-outline{padding:13px 22px;color:#fff;border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.06)}
.mvp-hero-panel{padding:30px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:20px!important;background:rgba(255,255,255,.075)!important;box-shadow:none!important;backdrop-filter:blur(14px)}
.mvp-hero-panel strong{display:block;font-size:22px!important;line-height:1.3;color:#fff;margin-bottom:20px}
.mvp-hero-panel ul{display:grid;gap:0!important}
.mvp-hero-panel li{position:relative;padding:13px 0 13px 27px!important;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.72)}
.mvp-hero-panel li:last-child{border-bottom:0}
.mvp-hero-panel li::before{content:"\2713";position:absolute;left:0;color:#5bd9ff;font-weight:800}
.mvp-includes{padding:100px 0!important}
.mvp-includes .section-split-head{margin-bottom:44px}
.mvp-includes .compact-showcase{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.mvp-includes .service-showcase-card{min-height:285px!important;padding:28px!important;border-radius:16px!important;box-shadow:none!important}
.mvp-includes .service-showcase-card>span{display:flex;width:39px;height:39px;align-items:center;justify-content:center;border-radius:10px;background:#e8f7fc;color:#078abe!important;font-size:11px!important}
.mvp-includes .service-showcase-card h3{font-size:19px!important;margin-top:26px}
.mvp-includes .service-showcase-card p{font-size:13px!important;line-height:1.72!important}
.mvp-includes .service-showcase-card:first-child{background:linear-gradient(145deg,#0b8fbe,#082938)!important;border-color:transparent!important}
.mvp-includes .service-showcase-card:first-child h3{color:#fff!important}
.mvp-includes .service-showcase-card:first-child p{color:rgba(255,255,255,.7)!important}
.mvp-includes .service-showcase-card:first-child>span{background:rgba(255,255,255,.13);color:#62dcff!important}
.mvp-sprint{padding:98px 0!important;background:linear-gradient(135deg,#061721,#0a2b3d)!important}
.mvp-sprint .section-split-head{margin-bottom:40px}
.mvp-sprint .compact-timeline{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.mvp-sprint .timeline-step{position:relative;min-height:150px!important;padding:25px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.13);overflow:hidden}
.mvp-sprint .timeline-step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#079bd8,#62dcff);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.mvp-sprint .timeline-step:hover{background:rgba(32,174,224,.13)!important}
.mvp-sprint .timeline-step:hover::after{transform:scaleX(1)}
.mvp-sprint .timeline-step span{color:#5bd9ff}
.mvp-fit{padding:100px 0!important;background:#f2f7f9!important}
.mvp-fit .proof-layout{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:72px;align-items:start}
.mvp-fit .proof-layout>div:first-child{position:sticky;top:130px}
.mvp-fit .proof-layout h2{font-size:clamp(2.1rem,3.5vw,3.15rem)!important;margin:13px 0 20px}
.mvp-fit .enterprise-proof{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mvp-fit .proof-card{position:relative;min-height:190px!important;padding:27px!important;border-radius:15px!important;box-shadow:none!important;overflow:hidden}
.mvp-fit .proof-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#079bd8,#62dcff)}
.mvp-fit .proof-card h3{font-size:17px!important;margin-bottom:10px}
.mvp-fit .proof-card p{font-size:13px;line-height:1.68}
.mvp-fit .proof-card:first-child{background:linear-gradient(145deg,#0b8fbe,#082938)!important;border-color:transparent!important}
.mvp-fit .proof-card:first-child h3{color:#fff!important}
.mvp-fit .proof-card:first-child p{color:rgba(255,255,255,.7)!important}
.mvp-cta{background:linear-gradient(135deg,#dff6fd,#a9e8fb)!important}
.mvp-cta .cta-band-inner{max-width:1080px;margin-inline:auto}
.mvp-cta .btn-primary-lg{box-shadow:0 12px 26px rgba(7,127,174,.2)}

@media(max-width:900px){
  .mvp-hero{min-height:auto;padding:82px 0 74px!important}
  .mvp-hero .landing-hero-grid{grid-template-columns:1fr;gap:42px!important}
  .mvp-includes .compact-showcase{grid-template-columns:1fr 1fr!important}
  .mvp-sprint .compact-timeline{grid-template-columns:1fr 1fr!important}
  .mvp-fit .proof-layout{grid-template-columns:1fr;gap:38px}
  .mvp-fit .proof-layout>div:first-child{position:static}
}
@media(max-width:620px){
  .mvp-hero{padding:64px 0 56px!important}
  .mvp-hero h1{font-size:clamp(2.3rem,11vw,3.25rem)!important}
  .mvp-hero .page-hero-sub{font-size:15px!important}
  .mvp-hero .hero-cta{flex-direction:column;align-items:stretch}
  .mvp-hero .hero-cta a{text-align:center;justify-content:center}
  .mvp-includes .compact-showcase,.mvp-sprint .compact-timeline,.mvp-fit .enterprise-proof{grid-template-columns:1fr!important}
  .mvp-includes,.mvp-sprint,.mvp-fit{padding:68px 0!important}
  .mvp-includes .service-showcase-card{min-height:auto!important}
}