/* Remote Computer Repair. Brand: navy #071A35, blue #0866FF, teal #2EE0D6, light #F5F8FC. */
.rr-page{background:#F5F8FC;color:#0B1B33}
.rr-page .h2{color:inherit}
.rr-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rr-hero{background:#071A35;color:#fff;position:relative;overflow:hidden}
.rr-hero .lead{color:#B9C8E2}
.rr-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:36px 48px;align-items:center;padding:72px 24px 64px}
.rr-hero-copy{display:flex;flex-direction:column;gap:18px;min-width:0}
.rr-hero h1{font-size:clamp(36px,4.6vw,58px);line-height:1.05;font-weight:800;letter-spacing:-.03em}
.rr-cta{display:flex;flex-wrap:wrap;gap:12px}
.rr-fine{margin:0;color:#9FB3D3;font-size:14px;line-height:1.55;max-width:52ch}
.rr-stage{position:relative;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.rr-stage::before{content:"";position:absolute;width:72%;height:46%;left:14%;bottom:12%;background:radial-gradient(closest-side,rgba(46,224,214,.28),transparent 72%);pointer-events:none}
.rr-float{width:min(100%,560px);height:auto;animation:rr-float 7.5s ease-in-out infinite}
@keyframes rr-float{50%{transform:translateY(-14px)}}
.rr-pause{position:relative;z-index:2;margin:0 0 8px;background:transparent;color:#D5E1F4;border:1px solid rgba(255,255,255,.28);border-radius:999px;min-height:40px;padding:0 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rr-pause:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.rr-process{padding:88px 0 72px}
.rr-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:36px;align-items:center;margin-bottom:36px}
.rr-intro .lead{margin-top:12px}
.rr-art{margin:0}
.rr-art img,.rr-stage img,.rr-art canvas,.rr-stage canvas{width:min(100%,560px);height:auto;display:block;mix-blend-mode:screen}
.rr-art img.is-cut,.rr-stage img.is-cut,.rr-art canvas.is-cut,.rr-stage canvas.is-cut{mix-blend-mode:normal}
.rr-rail{height:2px;background:#DCE5F1;border-radius:99px;margin:8px 0 28px;overflow:hidden}
.rr-rail-line{display:block;height:100%;width:100%;background:linear-gradient(90deg,#0866FF,#2EE0D6);transform-origin:left center}
.js .rr-rail-line{transform:scaleX(0)}
.js .rr-page.is-steps .rr-rail-line{animation:rr-draw 1.05s ease forwards}
@keyframes rr-draw{to{transform:scaleX(1)}}
.rr-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rr-step{background:#fff;border:1px solid #DCE5F1;border-radius:18px;padding:22px 22px 24px}
.js .rr-step{opacity:0;transform:translateY(14px)}
.js .rr-page.is-steps .rr-step{animation:rr-rise .55s ease forwards}
.rr-page.is-steps .rr-step:nth-child(2){animation-delay:.16s}
.rr-page.is-steps .rr-step:nth-child(3){animation-delay:.32s}
@keyframes rr-rise{to{opacity:1;transform:none}}
.rr-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#E8F0FF;color:#0450C4;font-family:Sora,sans-serif;font-weight:700;margin-bottom:12px}
.rr-step h3{font-size:22px;margin-bottom:8px}
.rr-step p{margin:0;color:#4A5D7A;line-height:1.6}
.rr-handle{padding:24px 0 88px}
.rr-handle-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.1fr);gap:40px;align-items:center}
.rr-list{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.rr-list li{background:#fff;border:1px solid #DCE5F1;border-radius:14px;padding:14px 16px;display:grid;gap:2px}
.rr-list strong{font-family:Sora,sans-serif;font-size:16px}
.rr-list span{color:#4A5D7A;font-size:15px;line-height:1.5}
.rr-related{margin:16px 0 0;color:#4A5D7A;font-size:15px}
.rr-limits{background:#fff;border-top:1px solid #DCE5F1;border-bottom:1px solid #DCE5F1;padding:88px 0}
.rr-limits-head{max-width:680px;margin-bottom:28px}
.rr-limits-head .lead{margin-top:12px}
.rr-limit-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rr-limit-grid li{background:#F5F8FC;border-radius:18px;padding:22px}
.rr-limit-grid h3{font-size:20px;margin-bottom:8px}
.rr-limit-grid p{margin:0;color:#4A5D7A;line-height:1.6}
.rr-faq{padding-top:88px}
.rr-faq-grid{display:grid;gap:12px;max-width:860px;margin:0 auto}
.rr-cta-band{background:#071A35;color:#fff;padding:72px 0}
.rr-cta-band .lead{color:#B9C8E2}
.rr-cta-inner{display:flex;flex-wrap:wrap;gap:28px 40px;align-items:center;justify-content:space-between}
.rr-cta-inner > div:first-child{max-width:640px;display:flex;flex-direction:column;gap:12px}
.rr-page.is-paused .rr-float{animation-play-state:paused}
@media (max-width:900px){
	.rr-hero-grid,.rr-intro,.rr-handle-grid,.rr-steps,.rr-limit-grid{grid-template-columns:1fr}
	.rr-hero-grid{padding-top:48px}
	.rr-art-laptop{order:-1}
}
@media (prefers-reduced-motion:reduce){
	.rr-float{animation:none}
	.js .rr-rail-line,.rr-rail-line{transform:none;animation:none}
	.js .rr-step,.rr-step{opacity:1;transform:none;animation:none}
}
