/* RankUp internal pages: editorial layouts, grounded in the identity of the home page. */
.ru-refresh{--ru-ink:#17251a;--ru-lime:#a3ef79;--ru-muted:#667568;--ru-paper:#f7f9f3;background:var(--ru-paper);color:var(--ru-ink)}
.ru-refresh .wrap{width:min(1320px,calc(100% - 96px))}.ru-refresh main{overflow:clip}.ru-refresh .ep-intro{background:#f7f9f3;border:0;padding:86px 0 78px}.ru-refresh .ep-intro-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.ru-refresh .ep-intro h1{font-size:clamp(48px,6.6vw,94px);line-height:.99;letter-spacing:-.075em;max-width:1000px}.ru-refresh .ep-lede{font-size:clamp(16px,1.35vw,19px);line-height:1.65;max-width:580px;color:#617164;margin-top:25px}.ru-refresh .ep-label{color:#478749;font-size:10px;letter-spacing:.15em;font-weight:800}.ru-refresh .ep-section{padding-top:100px;padding-bottom:110px}.ru-refresh .ep-link{font-weight:800;color:#1a3220}.ru-refresh .ep-link:hover{color:#4f9d42}.ru-refresh .ep-band{background:#c3f59f;color:#17251a;padding:75px 0}.ru-refresh .ep-band h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.065em}.ru-refresh .ep-band p{color:#436247}.ru-refresh .svc-button{background:#17251a;color:#fff;border-radius:100px;padding:18px 24px}.ru-refresh .svc-button:hover{background:#315739}.ru-refresh footer{background:#111b13}
/* Four distinct service category openings. */
.search-visibility-page .ep-intro,.digital-marketing-page .ep-intro,.web-development-page .ep-intro,.ai-automation-page .ep-intro{padding:65px 0 70px}.ru-refresh .ep-intro-grid:has(.ru-hero-art){grid-template-columns:1fr 1fr;align-items:center;gap:5%;}.ru-refresh .ep-intro-grid:has(.ru-hero-art)>div:first-child{grid-column:1;grid-row:1}.ru-refresh .ep-intro-grid:has(.ru-hero-art) .service-hero-actions{grid-column:1;grid-row:2;align-self:start;display:flex;gap:25px;align-items:center}.ru-refresh .ep-intro-grid:has(.ru-hero-art) h1{font-size:clamp(48px,5.7vw,78px)}.ru-hero-art{position:relative;grid-column:2;grid-row:1 / 3;margin:0;min-height:470px;border-radius:20px;overflow:hidden;background:#d8e8d1}.ru-hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.ru-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d1e13d9,transparent 70%)}.ru-hero-art figcaption{position:absolute;z-index:1;bottom:30px;left:32px;right:32px;color:white}.ru-hero-art figcaption span,.ru-hero-art figcaption small{display:block;font-size:9px;letter-spacing:.15em;font-weight:800}.ru-hero-art figcaption strong{display:block;font:800 clamp(25px,3vw,42px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;max-width:400px;margin:15px 0 30px}.ru-hero-art figcaption small{opacity:.7}
/* Service content has a visual above every explanation. */
.ru-refresh .service-library-heading{margin-bottom:45px}.ru-refresh .service-library-heading h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.06em;margin:15px 0 25px}.ru-refresh .service-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.ru-refresh .service-chapter{display:block!important;margin:0!important;padding:0!important;border:1px solid #dfe8dc;border-radius:18px;overflow:hidden;background:#fff}.ru-refresh .service-art{height:320px;min-height:0;margin:0;border-radius:0}.ru-refresh .service-chapter-copy{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;padding:32px!important}.ru-refresh .service-chapter-copy h3{font-size:27px;line-height:1.13;letter-spacing:-.05em;margin:10px 0 15px}.ru-refresh .service-chapter-copy p,.ru-refresh .service-steps li{font-size:14px;line-height:1.65}.ru-refresh .service-chapter-process h4,.ru-refresh .service-chapter-outcome h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ru-refresh .service-chapter-outcome{background:#eef9e9;border:0;border-radius:10px;padding:20px}.ru-refresh .ep-feature{background:#17251a;color:#f6fcf2}.ru-refresh .ep-feature p{color:#bbccbb}.ru-refresh .ep-feature h2,.ru-refresh .ep-soft h2{font-size:clamp(37px,4vw,60px);letter-spacing:-.06em}.ru-refresh .ep-soft{background:#edf3e9}.ru-refresh .ep-jumps a{border-radius:100px}
/* Service directory */
.ru-refresh .ep-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.ru-refresh .ep-route{display:flex;flex-direction:column;background:white;border:1px solid #e0e9dc;border-radius:18px;padding:18px;overflow:hidden;transition:transform .25s,box-shadow .25s}.ru-refresh .ep-route:hover{transform:translateY(-5px);box-shadow:0 20px 50px #17341915}.ru-route-art{height:280px;position:relative;overflow:hidden;border-radius:11px;margin:14px 0 24px;background:#bdd5ba}.ru-route-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08170c70,transparent 65%)}.ru-route-art img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.ep-route:hover img{transform:scale(1.05)}.ru-route-art span,.ru-route-art small,.ru-route-art b{position:absolute;z-index:1;color:white}.ru-route-art span{left:22px;top:22px;font-size:10px;font-weight:800;letter-spacing:.12em}.ru-route-art b{right:20px;top:16px;font-size:28px}.ru-route-art small{bottom:18px;left:22px;font-size:8px;letter-spacing:.12em}.ru-refresh .ep-route h2{font-size:clamp(25px,2.4vw,35px);line-height:1.1;margin:0 10px 12px;letter-spacing:-.05em}.ru-refresh .ep-route>p,.ru-refresh .ep-route>strong{margin:0 10px 16px}.ru-refresh .ep-route>strong{margin-top:auto;padding-top:20px;color:#38843b}
/* Industry pages combine the customer's problem with a relevant visual. */
.ru-refresh .ep-industry-layout{display:block}.ru-refresh .ep-industry-layout>.ep-jumps{position:static;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.ru-refresh .ep-industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.ru-refresh .ep-industry{background:white;border:1px solid #e0e8dd;border-radius:18px;padding:18px 18px 30px;overflow:hidden}.ru-industry-art{height:250px;margin:0 0 25px;position:relative;border-radius:10px;overflow:hidden}.ru-industry-art img{width:100%;height:100%;object-fit:cover}.ru-industry-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1a0e88,transparent 60%)}.ru-industry-art span,.ru-industry-art small{position:absolute;z-index:1;color:white;left:20px;letter-spacing:.12em;font-weight:800}.ru-industry-art span{top:20px;font-size:10px}.ru-industry-art small{bottom:16px;font-size:8px}.ru-refresh .ep-industry>p,.ru-refresh .ep-industry>h2,.ru-refresh .ep-industry>a{margin-left:12px;margin-right:12px}.ru-refresh .ep-industry h2{font-size:clamp(25px,2.5vw,36px);line-height:1.12;margin-top:12px;margin-bottom:15px}.ru-refresh .ep-includes{border-top:1px solid #e4ebe1;padding-top:18px;margin-top:22px}
/* Portfolio, journal, studio and contact each retain their own editorial layout. */
.ru-refresh .ep-case{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:7%;padding:55px 0 95px;border-bottom:1px solid #d9e4d7}.ru-refresh .ep-case:nth-child(even){grid-template-columns:.8fr 1.2fr}.ru-refresh .ep-case:nth-child(even) .ep-photo{order:2}.ru-refresh .ep-case .ep-photo{height:560px;border-radius:18px;overflow:hidden}.ru-refresh .ep-case h2{font-size:clamp(34px,3.7vw,53px);line-height:1.06;letter-spacing:-.06em;margin:18px 0 30px}.ru-refresh .ep-case dt{font-weight:800;color:#3c8440;margin-top:20px}.ru-refresh .ep-case dd{margin:5px 0;color:#637166;line-height:1.7}.ru-refresh .ep-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.ru-refresh .ep-read:first-child{grid-column:span 2;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px}.ru-refresh .ep-read .ep-photo{height:300px;border-radius:16px;overflow:hidden}.ru-refresh .ep-read:first-child .ep-photo{height:470px}.ru-refresh .ep-read h2{font-size:clamp(27px,3vw,42px);line-height:1.12;margin:15px 0}.ru-refresh .ep-read p:not(.ep-label){color:#68776a;line-height:1.7}.ru-refresh .ep-read .ep-link{display:inline-block;margin-top:20px}.ru-refresh .ep-about-story{gap:7%;align-items:center}.ru-refresh .ep-about-story h2{font-size:clamp(37px,4.3vw,62px);line-height:1.04}.ru-refresh .ep-about-story .ep-photo{min-height:500px;border-radius:18px;overflow:hidden}.ru-refresh .ep-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.ru-refresh .ep-contact-info{background:#192a1d!important;color:#fff!important;border-radius:18px;padding:40px!important}.ru-refresh .ep-contact-info h2{font-size:40px}.ru-refresh .ep-contact-info a,.ru-refresh .ep-contact-info p{color:#e3efdf}.ru-refresh #enquiry{background:#fff;border:1px solid #dce8d9;border-radius:18px;padding:40px}.ru-refresh #enquiry input,.ru-refresh #enquiry select,.ru-refresh #enquiry textarea{border-radius:8px;background:#f5f8f2;border:1px solid #dbe6d8}.ru-refresh #enquiry button{background:#192a1d;color:#fff;border-radius:100px}.ru-refresh .ep-photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.ru-refresh .wrap{width:calc(100% - 40px)}.ru-refresh .ep-intro{padding:55px 0}.ru-refresh .ep-intro-grid,.ru-refresh .ep-intro-grid:has(.ru-hero-art){display:block}.ru-refresh .ep-intro h1{font-size:clamp(43px,10vw,65px)}.ru-refresh .ep-intro-grid:has(.ru-hero-art) .service-hero-actions{margin:25px 0;flex-wrap:wrap}.ru-hero-art{min-height:330px;margin-top:30px}.ru-refresh .ep-section{padding-top:65px;padding-bottom:70px}.ru-refresh .service-chapters,.ru-refresh .ep-route-grid,.ru-refresh .ep-industry-grid,.ru-refresh .ep-contact-grid,.ru-refresh .ep-reading-grid{grid-template-columns:1fr}.ru-refresh .service-art{height:270px}.ru-refresh .ep-case,.ru-refresh .ep-case:nth-child(even){grid-template-columns:1fr;gap:30px;padding:30px 0 65px}.ru-refresh .ep-case:nth-child(even) .ep-photo{order:0}.ru-refresh .ep-case .ep-photo{height:350px}.ru-refresh .ep-read:first-child{grid-column:auto;display:block}.ru-refresh .ep-read:first-child .ep-photo,.ru-refresh .ep-read .ep-photo{height:280px}.ru-refresh .ep-read>div{padding:20px 0}.ru-refresh .ep-about-story .ep-photo{min-height:320px}.ru-refresh #enquiry,.ru-refresh .ep-contact-info{padding:25px!important}}
@media(prefers-reduced-motion:reduce){.ru-refresh *{scroll-behavior:auto!important;transition:none!important}}
.ru-refresh .ep-intro h1{color:#17251a}.ru-refresh .ep-intro .ep-lede{color:#56695b}.ru-refresh .ep-intro .ep-label{color:#39833e}.ru-refresh .ep-intro-grid:has(.ru-hero-art) .service-hero-actions{justify-content:flex-start;text-align:left}
@supports (animation-timeline:view()){ @media (prefers-reduced-motion:no-preference){.ru-refresh .service-art,.ru-refresh .ru-route-art,.ru-refresh .ru-industry-art,.ru-refresh .ep-case .ep-photo,.ru-refresh .ep-read .ep-photo{animation:ru-image-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 80%}}}@keyframes ru-image-arrive{from{clip-path:inset(4% round 14px);transform:translateY(18px)}to{clip-path:inset(0 round 14px);transform:translateY(0)}}
.ru-refresh .ep-about-story .ep-photo{height:500px;min-height:0}.ru-refresh .ep-about-story .ep-photo img{width:100%;height:100%;object-fit:cover}.ru-refresh .nav-cta[aria-current=page]{color:#fff}.ru-refresh .ep-intro .ep-link{color:#245c2a}@media(max-width:800px){.ru-refresh .ep-about-story .ep-photo{height:340px}}