/* PC Optimizer landing page (page-pc-optimizer.php). Builds on motion.css components. */
.pox-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#F5F8FC 0,#EAF1FB 100%);padding:40px 0 70px}
.pox-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}
.pox-glow.g1{width:520px;height:520px;left:-160px;top:-120px;background:#CFE0FF;animation:drift 14s ease-in-out infinite alternate}
.pox-glow.g2{width:420px;height:420px;right:-120px;bottom:-140px;background:#C9F5F2;animation:drift 18s ease-in-out infinite alternate-reverse}
.pox-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
@media (max-width:960px){.pox-hero-grid{grid-template-columns:1fr}.pox-copy{order:-1}}
.pox-copy{display:flex;flex-direction:column;gap:18px}
.pox-copy .crumbs ol{color:var(--muted);margin:0}.pox-copy .crumbs a{color:var(--blue)}
.pox-copy .pill{background:#E8F0FF;border-color:#C9D9FB;color:var(--blue-d)}
.pox-copy h1{font-size:clamp(38px,4.8vw,62px);line-height:1.03;letter-spacing:-.035em;color:#071A35}
.pox-copy h1 em{font-style:normal;background:linear-gradient(90deg,#0866FF,#00BFB8,#0866FF);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradmove 6s linear infinite}
@keyframes gradmove{to{background-position:-200% 0}}
.pox-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px}
.pox-steps li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;font-size:13.5px;font-weight:600;color:#26385A;display:flex;flex-direction:column;gap:2px;transition:transform .3s,box-shadow .3s}
.pox-steps li b{font-family:Sora,sans-serif;color:var(--blue)}
.pox-steps li:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(7,26,53,.08)}
.pox-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.pox-price .now{font-family:Sora,sans-serif;font-size:40px;font-weight:800;color:#071A35}
.pox-price del{color:#8A9AB5;font-size:20px}
.pox-price .save{background:#E8590C;color:#fff;font-weight:800;font-size:13px;padding:5px 10px;border-radius:999px;animation:ping 2s infinite}
.pox-price small{flex-basis:100%;color:var(--muted)}
.pox-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-ghost-dark{border:1px solid #C9D6EA;color:var(--navy);background:#fff}
.pox-link{font-weight:700;text-decoration:none}
.pox-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;color:#4A5D7A;font-size:14px}
.pox-trust li:before{content:"✓ ";color:#00A7A0;font-weight:800}

.pox-live-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;position:relative}
@media (max-width:960px){.pox-live-grid{grid-template-columns:1fr}}
.pox-stats{display:flex;flex-direction:column;gap:18px}
.pox-stat{display:flex;flex-direction:column;gap:8px;flex:1}
.pox-stat small{color:#9FB3D3;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.pox-stat b{font-family:Sora,sans-serif;font-size:30px;color:#2EE0D6;font-variant-numeric:tabular-nums}
.pox-stat p{margin:0;color:#B9C8E2;font-size:14px}
.meter{height:6px;border-radius:6px;background:#16365F;overflow:hidden}
.meter i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#0866FF,#2EE0D6);transition:width .5s ease-out}

.pox-tool-grid{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.pox-tool-grid li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.js .pox-tool-grid>.reveal{transition-delay:calc(var(--i,0) * 60ms)}
.pox-tool-grid li:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(7,26,53,.10);border-color:#BFD3F5}
.pox-tool-grid li:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#0866FF,#00BFB8);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.pox-tool-grid li:hover:after{transform:scaleX(1)}
.pox-tool-grid .svc-ico{width:52px;height:52px;border-radius:14px}
.pox-tool-grid .svc-ico svg{width:28px!important;height:28px!important;color:#0866FF}
.pox-tool-grid strong{font-family:Sora,sans-serif;font-size:16px}
.pox-tool-grid span:last-child{color:var(--muted);font-size:14px;line-height:1.5}

.pox-drive{max-width:860px;margin:0 auto;padding:28px!important;display:flex;flex-direction:column;gap:16px}
.pox-drive-head{display:flex;justify-content:space-between;font-weight:700}
.pox-drive-head span{color:var(--blue);transition:opacity .3s}
.pox-bar{display:flex;height:28px;border-radius:10px;background:#E3ECF8;overflow:hidden}
.pox-bar i{display:block;height:100%;transition:width 1.4s cubic-bezier(.6,0,.2,1)}
.pox-bar .sys{width:34%;background:#5C7CFA}.pox-bar .files{width:28%;background:#0866FF}
.pox-bar .junk{width:24%;background:repeating-linear-gradient(45deg,#FF922B 0 8px,#FFA94D 8px 16px);background-size:22px 22px;animation:stripes 1s linear infinite}
@keyframes stripes{to{background-position:22px 0}}
.pox-before.clean .pox-bar .junk{width:3%}
.pox-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:#26385A}
.pox-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.pox-legend .sys{background:#5C7CFA}.pox-legend .files{background:#0866FF}.pox-legend .junk{background:#FF922B}.pox-legend .free{background:#E3ECF8;border:1px solid #C9D6EA}
.pox-drive-note{margin:0;color:var(--muted);font-size:13px}

.svc-process .timeline{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.pox-table{max-width:860px;margin:0 auto;padding:8px 0!important;overflow:hidden}
.pox-tr{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:14px 24px;border-top:1px solid #E6ECF5;text-align:center}
.pox-tr span:first-child{text-align:left;font-weight:600}
.pox-tr.head{border-top:0;font-family:Sora,sans-serif;font-weight:700;color:#071A35}
.pox-tr .yes{color:#00A7A0;font-weight:800;font-size:18px}.pox-tr .no{color:#A9B6CC}
.pox-tr span:nth-child(3){background:rgba(8,102,255,.04)}
.pox-tr.foot .btn{min-height:44px;padding:0 16px}
@media (max-width:600px){.pox-tr{padding:12px;font-size:14px}.pox-tr.foot{grid-template-columns:1fr;gap:8px}.pox-tr.foot span:first-child{display:none}}
@media (prefers-reduced-motion:reduce){.pox-glow,.pox-copy h1 em,.pox-price .save,.pox-bar .junk{animation:none}}

/* ── Data Recovery page ────────────────────────────────────────────────── */
.drx-hero{background:linear-gradient(180deg,#F3FBFB 0,#E6F4F8 100%)}
.drx-hero .pox-glow.g1{background:#C9F5F2}.drx-hero .pox-glow.g2{background:#CFE0FF}
.drx-hero .pox-copy .pill{background:#E3FAF8;border-color:#B5ECE8;color:var(--teal-d)}
.drx-hero .pox-copy h1 em{background-image:linear-gradient(90deg,#00A7A0,#0866FF,#00A7A0)}
.drx-hero .pox-steps li b{color:var(--teal-d)}
.drx-types-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
@media (max-width:900px){.drx-types-grid{grid-template-columns:1fr}}
.drx-orbit{position:relative;aspect-ratio:1;max-width:460px;width:100%;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#fff 0,#EAF5F7 60%,transparent 61%)}
.drx-orbit:before,.drx-orbit:after{content:"";position:absolute;inset:6%;border-radius:50%;border:1px dashed #BFE3E6;animation:spin 50s linear infinite}
.drx-orbit:after{inset:20%;border-style:solid;border-color:#D5E8F3;animation-duration:30s;animation-direction:reverse}
.drx-orbit img{position:absolute;left:50%;top:50%;width:36%;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 24px 30px rgba(7,26,53,.3));animation:floaty 5s ease-in-out infinite}
.drx-orbit span{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateY(calc(-1 * min(205px,44vw))) rotate(calc(-1 * var(--a)));animation:orbitspin 40s linear infinite}
.drx-orbit span:before{content:attr(data-t)}
.drx-orbit span{font-size:0}
.drx-orbit span{display:flex;align-items:center;justify-content:center}
@keyframes orbitspin{to{transform:rotate(calc(var(--a) + 360deg)) translateY(calc(-1 * min(205px,44vw))) rotate(calc(-1 * var(--a) - 360deg))}}
.drx-types .drx-orbit span{font-size:12px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.drx-types .drx-orbit span{color:#04122A}
.drx-types .drx-orbit span::after{content:"";position:absolute;inset:-9px -12px;border-radius:999px;background:#fff;border:1px solid #CDE6EA;box-shadow:0 8px 18px rgba(7,26,53,.10);z-index:-1;animation:chipglow 4s ease-in-out infinite;animation-delay:calc(var(--d) * -1s)}
@keyframes chipglow{50%{border-color:#2EE0D6;box-shadow:0 8px 22px rgba(0,167,160,.35)}}
.drx-tools .svc-ico{background:linear-gradient(145deg,#E3FAF8,#EEF4FF)}.drx-tools .svc-ico svg{color:#00A7A0}
.drx-tools li:after{background:linear-gradient(90deg,#00A7A0,#0866FF)}
.drx-tip{max-width:760px;margin:28px auto 0;text-align:center;background:#FFF4E6;border:1px solid #FFD8A8;color:#7A4A0A;border-radius:14px;padding:14px 18px}
.drx-table .pox-tr{grid-template-columns:2fr 1fr 1fr 1fr}
.drx-table .pox-tr span:nth-child(3){background:rgba(0,167,160,.06)}
.drx-cta{background:linear-gradient(120deg,#00A7A0,#0866FF)}
@media (max-width:600px){.drx-table .pox-tr{grid-template-columns:1.6fr repeat(3,1fr);font-size:13px}.drx-table .pox-tr.foot{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.drx-orbit:before,.drx-orbit:after,.drx-orbit img,.drx-orbit span,.drx-types .drx-orbit span::after{animation:none}}

/* ── Data Recovery: trust bar, scenarios, devices, repair, rescue ─────── */
.drx-trust{background:#071A35;color:#D5E1F4;overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}
.drx-trust-track{display:flex;gap:46px;width:max-content;padding:16px 0;animation:marquee 38s linear infinite}
.drx-trust:hover .drx-trust-track{animation-play-state:paused}
.drx-trust span{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:600;font-size:14.5px}
.drx-trust i{width:8px;height:8px;border-radius:50%;background:#2EE0D6;box-shadow:0 0 10px #2EE0D6}
@keyframes marquee{to{transform:translateX(-50%)}}
.drx-case-grid{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.js .drx-case-grid>.reveal{transition-delay:calc(var(--i,0) * 70ms)}
.drx-case-grid li{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}
.drx-case-grid li:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(0,167,160,.10),rgba(8,102,255,.08));opacity:0;transition:opacity .35s}
.drx-case-grid li:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(7,26,53,.12);border-color:#9EDFDB}
.drx-case-grid li:hover:before{opacity:1}
.drx-case-ico{position:relative;width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#E3FAF8,#EEF4FF);display:flex;align-items:center;justify-content:center}
.drx-case-ico svg{width:28px;height:28px;color:#00A7A0}
.js .drx-case-ico path{stroke-dasharray:1;stroke-dashoffset:1}
.js .reveal.in .drx-case-ico path{animation:draw 1.3s cubic-bezier(.6,0,.2,1) forwards;animation-delay:calc(var(--i,0) * 70ms + .2s)}
.drx-case-grid strong{position:relative;font-family:Sora,sans-serif;font-size:17px}
.drx-case-grid span:not(.drx-case-ico){position:relative;color:var(--muted);font-size:14.5px;line-height:1.5}
.drx-case-grid em{position:relative;margin-top:auto;font-style:normal;font-weight:700;font-size:14px;color:#00807A;transition:letter-spacing .3s}
.drx-case-grid li:hover em{letter-spacing:.02em}

.drx-devices-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
@media (max-width:900px){.drx-devices-grid{grid-template-columns:1fr}}
.drx-dev-list{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.drx-dev-list li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-weight:600;font-size:14.5px;animation:devpulse 6s ease-in-out infinite;animation-delay:calc(var(--i) * 1s)}
.drx-dev-list svg{width:22px;height:22px;color:#2EE0D6;flex-shrink:0}
@keyframes devpulse{8%{background:rgba(46,224,214,.16);border-color:rgba(46,224,214,.5)}16%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}}
.drx-health{display:flex;flex-direction:column;gap:16px;padding:26px!important}
.drx-disk{position:relative;width:170px;height:170px;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#2B4C7E 0 10%,#0F2E58 11% 100%);box-shadow:inset 0 0 0 8px #16365F,0 18px 40px rgba(0,0,0,.4)}
.drx-disk .platter{position:absolute;inset:16px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.0),rgba(255,255,255,.18),rgba(255,255,255,0) 30%);animation:spin 1.6s linear infinite}
.drx-disk .arm{position:absolute;right:-10px;top:30px;width:90px;height:6px;border-radius:6px;background:#B9C8E2;transform-origin:right center;transform:rotate(-28deg);animation:arm 3s ease-in-out infinite}
@keyframes arm{50%{transform:rotate(-12deg)}}
.drx-hrows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.drx-hrows li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#0F2E58;font-size:13px;color:#9FB3D3}
.drx-hrows b{font-family:Sora,sans-serif;font-size:20px;color:#fff;font-variant-numeric:tabular-nums}
.drx-hstatus{margin:0;text-align:center;font-weight:700;color:#5EE6DF}
.drx-health.ok .drx-hstatus{color:#69DB7C}

.drx-repair-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
@media (max-width:900px){.drx-repair-grid{grid-template-columns:1fr}}
.drx-photo{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 26px 50px rgba(7,26,53,.10)}
.drx-photo-img{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden}
.drx-photo-img .sky{position:absolute;inset:0;background:linear-gradient(180deg,#5AB2FF,#BDE3FF 60%,#FFE3B3)}
.drx-photo-img .sun{position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:#FFD43B;right:16%;top:16%;box-shadow:0 0 40px #FFE066}
.drx-photo-img .hill{position:absolute;bottom:-30%;border-radius:50%}
.drx-photo-img .h1{left:-20%;width:90%;height:70%;background:#2F9E44}.drx-photo-img .h2{right:-25%;width:95%;height:60%;background:#40C057}
.drx-photo-img .glitch{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,0,128,.55) 0 6px,transparent 6px 14px,rgba(0,200,255,.5) 14px 18px,transparent 18px 30px),linear-gradient(180deg,transparent 45%,#7A7A7A 45%);transition:clip-path 1.6s cubic-bezier(.6,0,.2,1);clip-path:inset(0 0 0 0);mix-blend-mode:hard-light}
.drx-photo-img .scan{position:absolute;left:0;right:0;height:16%;top:-16%;background:linear-gradient(180deg,transparent,rgba(46,224,214,.65),transparent)}
.drx-photo.fixing .scan{animation:scanline 1.6s ease-in-out}
.drx-photo.fixed .glitch{clip-path:inset(100% 0 0 0)}
.drx-photo-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 2px;font-weight:700}
.pill-s{font-size:12.5px;padding:5px 10px;border-radius:999px;background:#FFF4E6;color:#B35900}
.drx-photo.fixed .pill-s{background:#E3FAF0;color:#0B6B45}

.drx-rescue-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:18px;position:relative}
.drx-rescue-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;gap:6px;transition:transform .4s,box-shadow .4s,border-color .4s}
.drx-rescue-steps .rs-ico{width:58px;height:58px;margin:0 auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:#EEF4FF;color:#0450C4;transition:background .4s,color .4s,transform .4s}
.drx-rescue-steps small{color:var(--muted)}
.drx-rescue-steps li.on{transform:translateY(-6px);border-color:#2EE0D6;box-shadow:0 20px 40px rgba(0,167,160,.18)}
.drx-rescue-steps li.on .rs-ico{background:linear-gradient(135deg,#00A7A0,#0866FF);color:#fff;transform:scale(1.08)}
.drx-rescue-steps li.done .rs-ico{background:#E3FAF8;color:#00807A}
@media (prefers-reduced-motion:reduce){.drx-trust-track,.drx-dev-list li,.drx-disk .platter,.drx-disk .arm{animation:none}.drx-trust-track{flex-wrap:wrap;width:auto}}

/* Microsoft Store badge */
.ms-store{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 0;font-size:14px;color:inherit;opacity:.9}
.ms-store.ms-center{justify-content:center}
.ms-badge{display:inline-flex;line-height:0;border-radius:8px;transition:transform .2s}
.ms-badge:hover{transform:translateY(-2px)}
.ms-badge img{height:52px;width:auto}