*{box-sizing:border-box}
:root{--sky:#279fd8;--sky2:#72d5f7;--deep:#f5fbff;--text:#15384d}
#winrepair-intro{font-family:inherit}
#winrepair-intro{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 46%,#ffffff 0%,#f0faff 48%,#e2f5ff 100%);isolation:isolate;transition:opacity .65s,transform .65s}
.ambient{position:absolute;z-index:-1;width:850px;height:850px;left:50%;top:43%;transform:translate(-50%,-50%);background:radial-gradient(circle,#56c7f52b 0%,#a8e5ff18 42%,transparent 70%)}
.grid{position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#51b9e8 1px,transparent 1px),linear-gradient(90deg,#51b9e8 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse,#000 15%,transparent 76%)}
.scanlines{position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#168fc512 4px)}
#winrepair-intro header,#winrepair-intro #winrepair-intro footer{position:absolute;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;direction:ltr;font:10px Arial,sans-serif;letter-spacing:2.5px;color:#6e9bb4}
#winrepair-intro header{top:28px}#winrepair-intro .brand{color:#197fae;font-weight:bold}#winrepair-intro .brand i,#winrepair-intro .eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sky);box-shadow:0 0 12px var(--sky);margin-right:9px}#winrepair-intro .topline{opacity:.78}
#winrepair-intro .hero{width:min(94vw,900px);padding:66px 10px 62px;display:flex;align-items:center;flex-direction:column;text-align:center}
#winrepair-intro .eyebrow{font-size:12px;color:#397b9b;display:flex;align-items:center;gap:2px}
#winrepair-intro .logo-scene{position:relative;width:min(760px,96vw);height:470px;margin:0 auto}
#winrepair-intro .circuit{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#winrepair-intro .paths path{stroke-dasharray:480;stroke-dashoffset:480;animation:trace-in 1.65s cubic-bezier(.2,.7,.2,1) .2s forwards}
#winrepair-intro .sockets{opacity:0;animation:appear .5s ease 1.15s forwards}#winrepair-intro .dots{opacity:0;animation:appear .35s ease 1.45s forwards}
#winrepair-intro .orbit{position:absolute;left:50%;top:50%;border:1px solid #279fd84d;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
#winrepair-intro .orbit-a{width:260px;height:260px;animation:orbit-pulse 3s ease-in-out infinite}#winrepair-intro .orbit-b{width:320px;height:320px;border-style:dashed;animation:rotate 24s linear infinite}
#winrepair-intro .origin{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:var(--sky2);box-shadow:0 0 20px 8px #55c9f580;animation:origin-out 1.15s ease-out .1s forwards}
#winrepair-intro .logo-lockup{position:absolute;left:50%;top:50%;width:min(420px,76vw);transform:translate(-50%,-50%);z-index:4;opacity:0;animation:logo-show .45s cubic-bezier(.16,1,.3,1) .08s forwards}
#winrepair-intro .logo-lockup img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 16px #48c8f522)}
#winrepair-intro .spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#a1ebff;box-shadow:0 0 12px 3px #55c9f5;opacity:0}
#winrepair-intro .spark-a{left:28%;top:22%;animation:spark 2.6s ease-in-out 1.5s infinite}#winrepair-intro .spark-b{right:24%;top:31%;animation:spark 2.3s ease-in-out 1.9s infinite}#winrepair-intro .spark-c{left:39%;bottom:17%;animation:spark 2.5s ease-in-out 2.2s infinite}
#winrepair-intro .copy{margin-top:-10px;opacity:0;animation:copy-show .45s ease .55s forwards}
#winrepair-intro .rule{height:2px;width:55px;background:var(--sky);box-shadow:0 0 12px var(--sky);margin:0 auto 14px}
#winrepair-intro h1{font-size:clamp(24px,4vw,35px);font-weight:800;margin:0 0 8px;color:#123b53}
#winrepair-intro .copy p{font-size:13px;color:#547f97;margin:0}
#winrepair-intro .progress{width:150px;height:2px;background:#218fc729;border-radius:3px;margin:25px auto 17px;overflow:hidden}
#winrepair-intro .progress span{display:block;height:100%;width:0;background:var(--sky);box-shadow:0 0 12px var(--sky);animation:progress 5.6s linear forwards}
#winrepair-intro #winrepair-intro-enter{border:1px solid #279fd899;border-radius:7px;padding:10px 23px;background:linear-gradient(110deg,#137cac,#36b8e8);color:white;font:600 12px Vazirmatn,Tahoma,sans-serif;cursor:pointer;box-shadow:0 8px 30px #168fc52b;opacity:0;animation:copy-show .4s ease .7s forwards;transition:.2s}
#winrepair-intro #winrepair-intro-enter:hover{transform:translateY(-2px);box-shadow:0 10px 35px #35bff755}#winrepair-intro #winrepair-intro-enter b{margin-right:13px}
#winrepair-intro footer{bottom:24px;font-size:9px}#winrepair-intro .skip{position:absolute;bottom:18px;right:5vw;border:0;background:transparent;color:#4c829f;font:11px Vazirmatn,Tahoma,sans-serif;cursor:pointer}
#winrepair-intro.leaving{opacity:0;transform:scale(1.02);pointer-events:none}
@keyframes trace-in{to{stroke-dashoffset:0}}@keyframes appear{to{opacity:1}}@keyframes logo-show{from{opacity:0;filter:blur(8px);transform:translate(-50%,-50%) scale(.92)}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}}@keyframes origin-out{to{opacity:0;transform:translate(-50%,-50%) scale(3)}}@keyframes orbit-pulse{50%{transform:translate(-50%,-50%) scale(1.06);opacity:.45}}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spark{0%,100%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1.6)}}@keyframes copy-show{to{opacity:1;transform:translateY(0)}}@keyframes progress{to{width:100%}}
@media(max-width:600px){#winrepair-intro header{top:18px}#winrepair-intro .topline{display:none}#winrepair-intro .hero{padding-top:55px}#winrepair-intro .logo-scene{height:340px}#winrepair-intro .circuit{transform:scale(.82)}#winrepair-intro .logo-lockup{width:78vw}#winrepair-intro .copy{margin-top:-15px}#winrepair-intro .copy p{max-width:310px;line-height:2}#winrepair-intro footer{bottom:17px}#winrepair-intro .skip{bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}

#winrepair-intro{position:fixed;inset:0;z-index:999999;min-height:100vh;min-height:100svh;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
#winrepair-intro *{box-sizing:border-box}
#winrepair-intro button{font-family:inherit}
#winrepair-intro .hero{max-height:100vh;overflow:visible}
#winrepair-intro .logo-lockup img{max-width:100%}

/* Winrepair Intro 1.0.2: mobile layout and faster first paint */
#winrepair-intro{padding:0;margin:0;max-width:none;direction:ltr}
#winrepair-intro .hero{min-width:0;max-width:900px}
#winrepair-intro .logo-lockup img{height:auto!important;object-fit:contain}
#winrepair-intro .copy{width:100%;max-width:760px}
#winrepair-intro .copy h1{line-height:1.35;overflow-wrap:anywhere}
#winrepair-intro .copy p{line-height:1.9;overflow-wrap:anywhere}
#winrepair-intro .skip{z-index:10}
@media(max-width:600px){
 #winrepair-intro{width:100vw;height:100dvh;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow:hidden}
 #winrepair-intro header{left:22px;right:22px;top:calc(env(safe-area-inset-top) + 20px)}
 #winrepair-intro .hero{width:100%;max-width:440px;height:100%;max-height:100%;padding:76px 22px 76px;justify-content:center;gap:0}
 #winrepair-intro .eyebrow{font-size:clamp(12px,3.5vw,15px);line-height:1.8;text-align:center;justify-content:center;max-width:100%;direction:rtl}
 #winrepair-intro .logo-scene{width:min(100%,390px);height:clamp(230px,34svh,300px);margin:8px auto 0;flex:0 0 auto}
 #winrepair-intro .circuit{transform:none;width:100%;height:100%;inset:0}
 #winrepair-intro .orbit-a{width:68%;height:auto;aspect-ratio:1}
 #winrepair-intro .orbit-b{width:82%;height:auto;aspect-ratio:1}
 #winrepair-intro .logo-lockup{width:min(68vw,310px);max-width:310px}
 #winrepair-intro .copy{margin:0 auto;width:100%;padding:0 2px}
 #winrepair-intro .rule{margin:0 auto 12px}
 #winrepair-intro .copy h1{font-size:clamp(22px,6.2vw,29px);line-height:1.45;margin:0 0 8px;white-space:normal}
 #winrepair-intro .copy p{font-size:clamp(12px,3.7vw,15px);line-height:1.9;margin:0 auto;max-width:100%;white-space:normal}
 #winrepair-intro .progress{margin:18px auto 14px;width:min(68%,250px)}
 #winrepair-intro #winrepair-intro-enter{font-size:14px;padding:12px 24px;max-width:100%;white-space:normal}
 #winrepair-intro footer{display:none}
 #winrepair-intro .skip{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 18px);left:0;right:0;width:max-content;margin:auto;font-size:12px}
}
@media(max-height:700px) and (max-width:600px){
 #winrepair-intro .hero{padding-top:60px;padding-bottom:58px}
 #winrepair-intro .logo-scene{height:clamp(190px,29svh,240px)}
 #winrepair-intro .progress{margin:12px auto 10px}
}