@property --t-a{syntax:"<color>";inherits:true;initial-value:#5C3DF5}
@property --t-b{syntax:"<color>";inherits:true;initial-value:#B33DFF}
@property --t-c{syntax:"<color>";inherits:true;initial-value:#FF4F99}
@property --t-act{syntax:"<color>";inherits:true;initial-value:#2EBF70}
@property --btn-r{syntax:"<length>";inherits:true;initial-value:40px}
:root{--mock-bg:#FFFFFF;--mock-side:#F6F4FD;--mock-row:#FBFAFF;--mock-line:#ECE8F7;--bezel:#1E1B2E}
@media (prefers-color-scheme:dark){:root.site:not([data-theme=light]){--mock-bg:#17142B;--mock-side:#1C1934;--mock-row:#1E1B38;--mock-line:rgba(255,255,255,.08);--bezel:#05040A}}
:root.site[data-theme=dark]{--mock-bg:#17142B;--mock-side:#1C1934;--mock-row:#1E1B38;--mock-line:rgba(255,255,255,.08);--bezel:#05040A}
.num{font-variant-numeric:tabular-nums}
.head{text-align:center;max-width:780px;margin:0 auto}
.head h2{margin-top:12px}
h2.left,.sub.left{text-align:left;margin-left:0}
.tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:var(--track);color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.badge{display:inline-flex;align-items:center;padding:.22em .7em;border-radius:999px;font-size:.82em;font-weight:700;white-space:nowrap;flex-shrink:0;line-height:1.35}
.badge.safe{background:var(--safe-bg);color:var(--safe-ink)}
.badge.mod{background:var(--mod-bg);color:var(--mod-ink)}
.badge.care{background:var(--care-bg);color:var(--care-ink)}
.lights{display:flex;gap:.5em}
.lights i{width:.95em;height:.95em;border-radius:50%;background:#FF5F57;display:block}
.lights i:nth-child(2){background:#FEBC2E}
.lights i:nth-child(3){background:#28C840}
.tg{display:inline-block;position:relative;width:2.2em;height:1.3em;border-radius:999px;background:var(--line-strong);flex-shrink:0;transition:background-color .3s}
.tg::after{content:"";position:absolute;left:.15em;top:.15em;width:1em;height:1em;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .3s var(--ease-out)}
.tg.on{background:var(--green)}
.tg.on::after{transform:translateX(.9em)}
.tg-anim{animation:tgBg 5s var(--ease) infinite}
.tg-anim::after{animation:tgKnob 5s var(--ease) infinite}
@keyframes tgBg{0%,18%{background:var(--line-strong)}26%,66%{background:var(--red)}76%,100%{background:var(--line-strong)}}
@keyframes tgKnob{0%,18%{transform:none}26%,66%{transform:translateX(.9em)}76%,100%{transform:none}}

.hero{position:relative;margin-top:calc(-1 * var(--header-h));padding:calc(var(--header-h) + clamp(28px,5vw,72px)) 0 clamp(48px,6vw,80px);overflow:hidden;isolation:isolate}
@supports (overflow:clip){.hero{overflow:clip}}
.hero .blob{z-index:-1;animation:drift 18s ease-in-out infinite alternate}
.hero .blob.two{animation-duration:22s;animation-delay:-6s}
.hero .blob.three{animation-duration:26s;animation-delay:-11s}
@keyframes drift{to{transform:translate(48px,32px) scale(1.1)}}
.hero .blob.one{width:760px;height:760px;top:-320px;left:-300px}
.hero .blob.two{width:680px;height:680px;top:-160px;right:-300px}
.hero .blob.three{width:620px;height:620px;bottom:-340px;left:28%}
.hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(32px,4.5vw,64px);align-items:center}
.hero-copy .lead{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:540px;text-wrap:pretty}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(46,191,112,.18);animation:dotPulse 2.4s ease-in-out infinite}
.eyebrow .icon{width:16px;height:16px}
@keyframes dotPulse{50%{box-shadow:0 0 0 7px rgba(46,191,112,0)}}
.cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.cta.center{justify-content:center}
.hero-note{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:14px}
.hero-note .icon{width:16px;height:16px;color:var(--green-strong);stroke-width:2.6}
@media (prefers-color-scheme:dark){:where(:root.site:not([data-theme=light])) .hero-note .icon{color:var(--green)}}
:where(:root.site[data-theme=dark]) .hero-note .icon{color:var(--green)}

.stage-wrap{position:relative;container-type:inline-size}
.stage{position:relative;display:flow-root}
.mac{position:relative;z-index:1;margin:0 0 16% 9%;width:91%;font-size:8px;font-size:calc(91cqw / 64);height:40em;display:grid;grid-template-columns:14em minmax(0,1fr);border-radius:1.3em;background:var(--mock-bg);border:1px solid var(--mock-line);box-shadow:var(--shadow-lg);overflow:hidden;line-height:1.3}
.mac-side{background:var(--mock-side);border-right:1px solid var(--mock-line);padding:1.3em .8em;min-width:0}
.mac-side .lights{margin:0 .4em 1.7em}
.mac-nav{list-style:none;display:grid;gap:.2em}
.mac-nav li{display:flex;align-items:center;gap:.65em;padding:.6em .7em;border-radius:.7em;font-size:1.08em;color:var(--muted);white-space:nowrap;min-width:0}
.mac-nav li span{overflow:hidden;text-overflow:ellipsis}
.mac-nav li.on{background:var(--grad);color:#fff;box-shadow:0 .5em 1.2em rgba(178,60,255,.3);font-weight:600}
.mac-nav .icon{width:1.25em;height:1.25em}
.mac-main{display:flex;flex-direction:column;padding:1.5em 1.6em 0;min-width:0}
.mac-head b{display:block;font-size:1.75em;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.mac-head small{display:block;font-size:1.08em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mac-body{flex:1;display:grid;grid-template-columns:14em minmax(0,1fr);gap:1.4em;align-items:center;min-height:0;padding:.8em 0}
.orb-col{display:flex;flex-direction:column;align-items:center;gap:1em;min-width:0}
.orb-wrap{position:relative;width:13em;height:13em}
.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.ring-track{fill:none;stroke:var(--track);stroke-width:7}
.ring-fill{fill:none;stroke:url(#ring-grad);stroke-width:7;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}
.stage[data-phase=clean] .ring-fill,.stage[data-phase=done] .ring-fill{stroke:url(#ring-green)}
.orb{position:absolute;inset:1.75em;border-radius:50%;background:var(--grad);box-shadow:0 1.4em 2.8em rgba(178,60,255,.38),inset 0 .25em .5em rgba(255,255,255,.35);display:grid;place-items:center;color:#fff;text-align:center;transition:transform .5s var(--ease-out)}
.stage[data-phase=done] .orb{transform:scale(1.04)}
.ol{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:scale(.88);transition:opacity .4s ease,transform .55s var(--ease-out);min-width:0;max-width:8.4em}
.ol b{font-size:2em;font-weight:800;letter-spacing:-.02em;line-height:1.05;white-space:nowrap}
.ol small{font-size:1.05em;opacity:.92;margin-top:.25em;white-space:nowrap}
.ol-idle{font-size:1.9em;font-weight:800}
.stage[data-phase=idle] .ol-idle,.stage[data-phase=scan] .ol-scan,.stage[data-phase=found] .ol-found,.stage[data-phase=clean] .ol-done,.stage[data-phase=done] .ol-done{opacity:1;transform:none}
.done-check{width:1.9em;height:1.9em;stroke-width:3;margin-bottom:.15em;transform:scale(0);transition:transform .5s var(--ease-out)}
.stage[data-phase=done] .done-check{transform:none}
.pulse{position:absolute;inset:1.75em;border-radius:50%;border:.16em solid rgba(178,60,255,.5);opacity:0;visibility:hidden;animation:orbPulse 2.6s var(--ease-out) infinite}
.pulse.p2{animation-delay:1.3s}
.stage[data-phase=idle] .pulse,.stage[data-phase=found] .pulse{visibility:visible}
@keyframes orbPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.42);opacity:0}}
.spark{position:absolute;width:1.7em;height:1.7em;opacity:0;pointer-events:none}
.sp1{top:-.4em;right:1.2em;fill:#FFC53D}
.sp2{bottom:.6em;left:-.5em;fill:#FF4F9A;width:1.3em;height:1.3em}
.sp3{top:2.2em;left:-.2em;fill:#B23CFF;width:1.1em;height:1.1em}
.sp4{bottom:-.2em;right:.4em;fill:#2EBF70;width:1.4em;height:1.4em}
.stage[data-phase=done] .spark{animation:sparkPop 1.6s var(--ease-out) both}
.stage[data-phase=done] .sp2{animation-delay:.12s}
.stage[data-phase=done] .sp3{animation-delay:.24s}
.stage[data-phase=done] .sp4{animation-delay:.36s}
@keyframes sparkPop{0%{opacity:0;transform:scale(0) rotate(0)}35%{opacity:1;transform:scale(1.15) rotate(40deg)}100%{opacity:0;transform:scale(.4) rotate(90deg)}}
.status{position:relative;height:1.5em;width:100%}
.st{position:absolute;inset:0;text-align:center;font-size:1.1em;font-weight:600;color:var(--muted);opacity:0;transition:opacity .35s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-done{color:var(--safe-ink)}
.stage[data-phase=scan] .st-scan,.stage[data-phase=found] .st-found,.stage[data-phase=clean] .st-clean,.stage[data-phase=done] .st-done{opacity:1}
.mbtn{display:inline-flex;align-items:center;justify-content:center;min-width:8.5em;padding:.7em 1.6em;border-radius:999px;background:var(--green-strong);color:#fff;font-weight:700;font-size:1.12em;box-shadow:0 .7em 1.6em rgba(19,129,75,.3);transition:transform .2s var(--ease),opacity .35s ease;opacity:.4}
.stage[data-phase=found] .mbtn{opacity:1;animation:btnGlow 1.6s ease-in-out infinite}
.mbtn.press{transform:scale(.9)}
@keyframes btnGlow{50%{box-shadow:0 .7em 1.6em rgba(19,129,75,.3),0 0 0 .5em rgba(46,191,112,.18)}}
.rows{list-style:none;display:grid;gap:.45em;min-width:0}
.row{display:grid;grid-template-columns:1.5em 2.3em minmax(0,1fr) auto;align-items:center;gap:.7em;padding:.55em .8em;border-radius:.9em;background:var(--mock-row);border:1px solid var(--mock-line);transition:background-color .4s ease,border-color .4s ease}
.row.cleaned{background:var(--safe-bg);border-color:transparent}
.ck{width:1.5em;height:1.5em;border-radius:.45em;background:var(--purple);display:grid;place-items:center;color:#fff;transition:background-color .35s ease}
.ck .icon{width:1em;height:1em;stroke-width:3.2}
.row.cleaned .ck{background:var(--green-strong)}
.row.off .ck{background:transparent;box-shadow:inset 0 0 0 .13em var(--line-strong)}
.row.off .ck .icon{opacity:0}
.ri{width:2.3em;height:2.3em;border-radius:.7em;display:grid;place-items:center;background:var(--tint);color:var(--purple)}
@media (prefers-color-scheme:dark){:where(:root.site:not([data-theme=light])) .ri{color:#B9A6FF}}
:where(:root.site[data-theme=dark]) .ri{color:#B9A6FF}
.ri .icon{width:1.2em;height:1.2em}
.rn{min-width:0;display:flex;flex-direction:column;gap:.3em}
.rn b{font-size:1.08em;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl{display:flex;align-items:center;gap:.6em;min-width:0}
.rl .badge{max-width:65%;overflow:hidden;text-overflow:ellipsis}
.bar{flex:1;height:.42em;border-radius:999px;background:var(--track);overflow:hidden;min-width:1.5em}
.bar i{display:block;height:100%;border-radius:inherit;background:var(--grad);transform-origin:left center;transform:scaleX(var(--v,1))}
.row.off .bar i{background:var(--faint);opacity:.5}
.row.cleaned .bar i{background:var(--green)}
.rs{display:inline-block;font-size:1.12em;font-weight:700;min-width:4.9em;text-align:right;white-space:nowrap}
.row.off .rs{color:var(--muted);font-weight:600}
.row.cleaned .rs{color:var(--safe-ink)}
.mac-foot{display:flex;align-items:center;gap:.75em;padding:1em 0 1.25em;border-top:1px solid var(--mock-line);font-size:1.02em;color:var(--muted);min-width:0}
.mac-foot .icon{width:1.3em;height:1.3em}
.disk-name{white-space:nowrap}
.disk{flex:1;height:.6em;border-radius:999px;background:var(--track);overflow:hidden;min-width:2em}
.disk i{display:block;height:100%;border-radius:inherit;background:var(--grad);transform-origin:left center;transform:scaleX(.876)}
.disk-free{display:inline-block;min-width:6.6em;text-align:right;font-weight:600;color:var(--ink);white-space:nowrap}

.phone{position:absolute;z-index:2;left:0;bottom:0;width:22%;font-size:6px;font-size:calc(22cqw / 24);height:50em;border-radius:3.9em;padding:.65em;background:linear-gradient(145deg,#34304d,#0e0c18);box-shadow:var(--shadow-lg),inset 0 0 0 .14em rgba(255,255,255,.14)}
.ph-screen{position:relative;height:100%;border-radius:3.3em;overflow:hidden;background:var(--mock-bg);display:flex;flex-direction:column;padding:1em 1.2em 1.3em;line-height:1.3}
.ph-island{position:absolute;top:.85em;left:50%;width:7.2em;height:2.1em;margin-left:-3.6em;border-radius:999px;background:#000}
.ph-status{display:flex;justify-content:space-between;align-items:center;font-size:1.05em;font-weight:700;padding:.2em .9em 0;height:2.3em}
.ph-sig{display:flex;gap:.2em;align-items:flex-end;height:.9em}
.ph-sig i{display:block;width:.3em;background:var(--ink);border-radius:.1em}
.ph-sig i:nth-child(1){height:45%}
.ph-sig i:nth-child(2){height:70%}
.ph-sig i:nth-child(3){height:100%}
.ph-head{margin-top:1.3em}
.ph-head b{font-size:2.1em;font-weight:800;letter-spacing:-.02em}
.ph-chips{display:flex;gap:.45em;margin:.7em -1.2em 1em 0;overflow:hidden;white-space:nowrap}
.ph-chips span{font-size:.95em;font-weight:600;padding:.42em .85em;border-radius:999px;background:var(--track);color:var(--muted);flex-shrink:0}
.ph-chips .on{background:var(--ink);color:var(--bg)}
.ph-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35em}
.ph-grid::after{content:"";position:absolute;left:-10%;right:-10%;top:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.7),rgba(255,255,255,0));opacity:0;pointer-events:none}
.stage[data-pphase=scan] .ph-grid::after{animation:sweep 1.6s var(--ease) both}
@keyframes sweep{0%{opacity:0;transform:translateY(-100%)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(300%)}}
.ph-t,.pt{position:relative;aspect-ratio:1;border-radius:.6em;background:var(--photo);transition:transform .5s var(--ease-out),opacity .45s ease,box-shadow .3s ease}
.p1{--photo:radial-gradient(circle at 28% 30%,#FFF4C2 0 10%,transparent 11%),radial-gradient(120% 60% at 30% 105%,#7A3E9D 0 55%,transparent 56%),linear-gradient(180deg,#FFB38A,#FF6F91 62%,#845EC2)}
.p2{--photo:radial-gradient(circle at 30% 28%,#FFFFFF 0 9%,transparent 10%),radial-gradient(130% 55% at 70% 108%,#1F3C88 0 55%,transparent 56%),linear-gradient(180deg,#A8D8FF,#3D7BFF 72%,#2A4FB0)}
.p3{--photo:radial-gradient(circle at 26% 32%,#FFF8D6 0 9%,transparent 10%),radial-gradient(120% 60% at 40% 110%,#1D5E46 0 55%,transparent 56%),linear-gradient(180deg,#D4F8E4,#5CC28C 66%,#2B7A57)}
.p4{--photo:radial-gradient(circle at 30% 26%,#FFE3F1 0 8%,transparent 9%),radial-gradient(130% 55% at 60% 108%,#3A2A78 0 55%,transparent 56%),linear-gradient(165deg,#2C2A5A,#7B4BC9 58%,#F49AC1)}
.p5{--photo:radial-gradient(circle at 28% 30%,#FFFDF2 0 10%,transparent 11%),radial-gradient(120% 60% at 30% 106%,#B4532A 0 55%,transparent 56%),linear-gradient(180deg,#FFE6B3,#F7B267 62%,#D4703F)}
.p6{--photo:radial-gradient(circle at 30% 30%,#FFFFFF 0 9%,transparent 10%),radial-gradient(130% 55% at 70% 108%,#4C36B5 0 55%,transparent 56%),linear-gradient(180deg,#EEE5FF,#B79CFF 62%,#6F52D9)}
.ph-t.vid::before{content:"";position:absolute;left:.45em;bottom:.45em;border-left:.75em solid #fff;border-top:.45em solid transparent;border-bottom:.45em solid transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.ph-t.sel,.pt.sel{transform:scale(.86);box-shadow:0 0 0 .2em var(--purple)}
.ph-t.sel::after,.pt.sel::after{content:"";position:absolute;right:.3em;top:.3em;width:1.5em;height:1.5em;border-radius:50%;background:var(--purple) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/62% no-repeat;box-shadow:0 0 0 .14em #fff;animation:pop .35s var(--ease-out)}
.ph-t.gone{transform:scale(.2);opacity:0}
@keyframes pop{from{transform:scale(0)}}
.ph-bar{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.75em .8em .75em 1em;border-radius:1.3em;background:var(--mock-row);border:1px solid var(--mock-line);transition:opacity .35s ease}
.stage[data-pphase=scan] .ph-bar,.stage[data-pphase=idle] .ph-bar{opacity:.45}
.ph-sel{display:inline-block;font-size:.95em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ph-del{font-size:.95em;font-weight:700;color:#fff;background:#D93848;padding:.45em .95em;border-radius:999px;flex-shrink:0;transition:transform .2s var(--ease)}
.ph-del.press{transform:scale(.88)}
.ph-toast{position:absolute;left:1.1em;right:1.1em;bottom:1.2em;padding:1.2em 1em;border-radius:1.5em;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3em;transform:translateY(135%);opacity:0;transition:transform .6s var(--ease-out),opacity .4s ease}
.stage[data-pphase=toast] .ph-toast{transform:none;opacity:1}
.ph-toast-ic{width:2.7em;height:2.7em;border-radius:50%;background:var(--green-strong);color:#fff;display:grid;place-items:center;margin-bottom:.2em}
.ph-toast-ic .icon{width:1.5em;height:1.5em;stroke-width:3}
.ph-toast b{font-size:1.08em;line-height:1.2}
.ph-toast small{font-size:.92em;color:var(--muted)}
.motion-btn{position:absolute;right:0;bottom:0;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),border-color .2s}
.motion-btn:hover{transform:scale(1.06);border-color:var(--sel)}
.motion-btn .icon{width:16px;height:16px;fill:currentColor;stroke:none;grid-area:1/1}
.motion-btn .i-play,.motion-btn.is-paused .i-pause{display:none}
.motion-btn.is-paused .i-play{display:block}
html.motion-paused [data-anim],html.motion-paused [data-anim] *,html.motion-paused .eyebrow .dot{animation-play-state:paused!important}
@container (max-width:559px){
.mac{margin:0;width:100%;font-size:calc(100cqw / 43);height:auto;grid-template-columns:4.4em minmax(0,1fr)}
.mac-side{padding:1.2em .6em}
.mac-side .lights{flex-direction:column;align-items:center;gap:.4em;margin:0 0 1.4em}
.mac-nav li{justify-content:center;padding:.65em 0}
.mac-nav li span{display:none}
.mac-main{padding:1.3em 1.3em 0}
.mac-body{grid-template-columns:1fr;gap:1em}
.orb-col{flex-direction:row;justify-content:flex-start;gap:1.2em;flex-wrap:wrap}
.orb-wrap{width:10.5em;height:10.5em}
.orb{inset:1.4em}
.ol b{font-size:1.7em}
.status{width:auto;flex:1;min-width:8em;text-align:left}
.st{text-align:left}
.phone{position:relative;left:auto;bottom:auto;width:40%;font-size:calc(40cqw / 24);margin:-4% 4% 0 auto}
.motion-btn{right:auto;left:0}
}
@container (max-width:559px) and (min-width:0px){.orb-col .mbtn{margin-left:auto}}

.facts{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(44px,6vw,80px);border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--card) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);overflow:hidden}
.facts li{padding:24px 26px;display:flex;flex-direction:column;gap:4px;min-width:0}
.facts li+li{border-left:1px solid var(--line)}
.facts b{font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.facts li>span{color:var(--muted);font-size:14.5px;line-height:1.45}

.how{position:relative}
.timeline{--art-h:176px;list-style:none;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:56px}
.timeline::before,.timeline::after{content:"";position:absolute;left:calc(100% / 6);right:calc(100% / 6);top:calc(var(--art-h) + 47px);height:2px;border-radius:2px}
.timeline::before{background:var(--line-strong)}
.timeline::after{background:var(--grad);transform-origin:left center;transition:transform 1.8s var(--ease-out) .2s}
html.js .timeline:not(.drawn)::after{transform:scaleX(0)}
.step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.step-art{position:relative;width:100%;height:var(--art-h);border-radius:24px;background:radial-gradient(120% 100% at 50% 0%,var(--sel-bg),transparent 70%),var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden;display:grid;place-items:center}
.step-num{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:24px 0 18px;background:var(--grad);color:#fff;border:2px solid transparent;box-shadow:0 10px 24px rgba(178,60,255,.3);transition:background .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease,transform .6s var(--ease-out);transition-delay:calc(var(--d,0ms) + 600ms)}
html.js .timeline:not(.drawn) .step-num{background:var(--card);color:var(--muted);border-color:var(--line-strong);box-shadow:none;transform:scale(.9)}
.step-num .icon{width:20px;height:20px}
.step h3{display:flex;align-items:center;justify-content:center;gap:10px;font-size:21px;letter-spacing:-.01em}
.step-k{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--tint);color:var(--tint-ink);font-size:13px;font-weight:800}
.step p{color:var(--muted);font-size:15.5px;max-width:330px;margin:8px auto 0;text-wrap:pretty}
.art-scan .mini-orb{position:relative;z-index:2;width:76px;height:76px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px rgba(178,60,255,.35)}
.art-scan .radar{position:absolute;width:190px;height:190px;border-radius:50%;background:conic-gradient(from 0deg,rgba(178,60,255,0) 0deg,rgba(178,60,255,0) 270deg,rgba(178,60,255,.28) 360deg);animation:spin 3.2s linear infinite}
.art-scan .rp{position:absolute;width:76px;height:76px;border-radius:50%;border:2px solid rgba(178,60,255,.4);animation:orbPulse 2.8s var(--ease-out) infinite}
.art-scan .rp.r2{animation-delay:1.4s}
.blip{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(46,191,112,.18);animation:blip 3.2s ease-in-out infinite}
.blip.b1{top:30%;left:26%}
.blip.b2{top:62%;right:24%;background:var(--orange);box-shadow:0 0 0 4px rgba(242,154,31,.18);animation-delay:.9s}
.blip.b3{bottom:18%;left:38%;animation-delay:1.8s}
@keyframes blip{0%,100%{opacity:.25;transform:scale(.6)}20%,45%{opacity:1;transform:scale(1)}}
.art-review{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;padding:0 15%}
.rv{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--card-2);border:1px solid var(--line);animation:rvFocus 4.5s var(--ease) infinite}
.rv:nth-child(2){animation-delay:1.5s}
.rv:nth-child(3){animation-delay:3s}
@keyframes rvFocus{0%,100%{transform:none;box-shadow:none}10%,28%{transform:translateX(6px);box-shadow:0 8px 20px rgba(91,61,245,.12)}38%{transform:none;box-shadow:none}}
.rv .cb{width:18px;height:18px;border-radius:6px;box-shadow:inset 0 0 0 2px var(--line-strong);flex-shrink:0;position:relative}
.rv .cb.on,.rv .cb.flip{background:var(--purple);box-shadow:none}
.rv .cb.on::after,.rv .cb.flip::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.rv .cb.flip{animation:cbFlip 4.5s steps(1) infinite}
.rv .cb.flip::after{animation:cbMark 4.5s steps(1) infinite}
@keyframes cbFlip{0%,49%{background:var(--purple);box-shadow:none}50%,100%{background:transparent;box-shadow:inset 0 0 0 2px var(--line-strong)}}
@keyframes cbMark{0%,49%{opacity:1}50%,100%{opacity:0}}
.rv .ln{flex:1;height:8px;border-radius:4px;background:var(--track)}
.rv .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.dot.g{background:var(--green)}
.dot.o{background:var(--orange)}
.dot.r{background:var(--red)}
.art-clean .cl-bar{display:flex;gap:4px;width:66%;height:16px;padding:3px;border-radius:999px;background:var(--track)}
.cl-fill{display:flex;gap:4px;width:100%;height:100%;animation:clShrink 4.2s var(--ease-out) infinite}
.cl-bar i{display:block;height:100%;border-radius:999px}
.cl-bar .s1{flex:5;background:var(--purple)}
.cl-bar .s2{flex:3;background:var(--violet)}
.cl-bar .s3{flex:2;background:var(--pink)}
@keyframes clShrink{0%,15%{clip-path:inset(0 0 0 0 round 999px)}45%,85%{clip-path:inset(0 70% 0 0 round 999px)}100%{clip-path:inset(0 0 0 0 round 999px)}}
.cl-spark{position:absolute;width:22px;height:22px;fill:#FFC53D;opacity:0;animation:twinkle 4.2s ease-in-out infinite}
.cl-spark.c1{top:24%;left:22%;animation-delay:1.6s}
.cl-spark.c2{top:20%;right:24%;width:16px;height:16px;fill:var(--pink);animation-delay:1.9s}
.cl-spark.c3{bottom:20%;right:34%;width:14px;height:14px;fill:var(--violet);animation-delay:2.2s}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}20%{opacity:1;transform:scale(1) rotate(30deg)}40%{opacity:0;transform:scale(.4) rotate(70deg)}}
.cl-check{position:absolute;bottom:18%;left:50%;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:var(--green-strong);color:#fff;display:grid;place-items:center;animation:clCheck 4.2s var(--ease-out) infinite}
.cl-check .icon{width:18px;height:18px;stroke-width:3}
@keyframes clCheck{0%,40%{transform:scale(0)}50%,85%{transform:scale(1)}95%,100%{transform:scale(0)}}

.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:56px}
.tile{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-sm);transition:opacity .9s var(--ease-out) var(--d,0ms),translate .9s var(--ease-out) var(--d,0ms),transform .4s var(--ease-out),box-shadow .4s ease,border-color .4s ease}
.tile:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}
.t-smart{grid-column:span 4;grid-row:span 2}
.t-uninst,.t-large,.t-dup,.t-photos,.t-lens{grid-column:span 2}
.t-privacy,.t-monitor{grid-column:span 3}
.tile-art{position:relative;height:172px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(120% 100% at 50% 0%,var(--sel-bg),transparent 72%);border-bottom:1px solid var(--line)}
.tile-body{padding:22px 24px 26px}
.tile-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.ti{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(91,61,245,.14),rgba(255,79,154,.14));color:var(--purple)}
@media (prefers-color-scheme:dark){:where(:root.site:not([data-theme=light])) .ti{color:#B9A6FF}}
:where(:root.site[data-theme=dark]) .ti{color:#B9A6FF}
.ti .icon{width:20px;height:20px}
.tile h3{font-size:20px;letter-spacing:-.015em;margin-bottom:6px}
.tile p{color:var(--muted);font-size:15px;text-wrap:pretty}
.t-smart .tile-art{flex:1;min-height:250px;height:auto;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:26px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq{overflow:hidden;width:100%}
.mq-track{display:flex;gap:10px;width:max-content;animation:mq 48s linear infinite}
.mq.rev .mq-track{animation-direction:reverse;animation-duration:56s}
.mq.slow .mq-track{animation-duration:64s}
.tile:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(calc(-50% - 5px))}}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:14px;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-sm)}
.chip i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.chip i.g{background:var(--green)}
.chip i.o{background:var(--orange)}
.chip i.r{background:var(--red)}
.big-stat{display:flex;align-items:baseline;gap:12px;margin-top:18px;flex-wrap:wrap}
.big-stat b{display:inline-block;min-width:2ch;font-size:clamp(44px,5vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1}
.big-stat span{color:var(--muted);font-weight:600;font-size:15px}
.art-uninst svg{width:80%;max-width:250px;overflow:visible}
.art-uninst g{transform-box:fill-box;transform-origin:center}
.un-app rect{fill:url(#g-brand)}
.un-app .un-star{fill:#fff}
.un-left rect{fill:var(--card);stroke:var(--faint);stroke-width:1.5}
.un-trash rect{fill:none;stroke:var(--muted);stroke-width:3}
.un-trash .un-lid{fill:var(--muted);stroke:none}
.un-trash path{stroke:var(--muted);stroke-width:2.5;stroke-linecap:round;fill:none}
.l1{--dx:48px;--dy:38px}
.l2{--dx:-50px;--dy:42px}
.l3{--dx:52px;--dy:-40px}
.l4{--dx:-54px;--dy:-44px}
.un-left{animation:unLeft 6s var(--ease) infinite}
.un-app{animation:unApp 6s var(--ease) infinite}
.un-trash{animation:unTrash 6s var(--ease) infinite}
.un-lid{transform-box:fill-box;transform-origin:0% 100%;animation:unLid 6s var(--ease) infinite}
@keyframes unLeft{0%,14%{transform:none;opacity:1}34%{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}88%{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}89%{transform:none;opacity:0}100%{transform:none;opacity:1}}
@keyframes unApp{0%,34%{transform:none;opacity:1}40%{transform:scale(1.08);opacity:1}62%{transform:translate(118px,9px) scale(.25);opacity:0}88%{transform:translate(118px,9px) scale(.25);opacity:0}89%{transform:none;opacity:0}100%{transform:none;opacity:1}}
@keyframes unLid{0%,42%{transform:none}50%,60%{transform:translateY(-4px) rotate(-16deg)}68%,100%{transform:none}}
@keyframes unTrash{0%,62%{transform:none}67%{transform:scale(1.07)}74%,100%{transform:none}}
.art-large{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;padding:0 13%}
.lf{display:flex;align-items:center;gap:12px}
.lf .icon{width:20px;height:20px;color:var(--muted)}
.lf i{display:block;height:12px;flex:1;border-radius:999px;background:var(--grad);transform-origin:left center;transform:scaleX(var(--w));animation:lfGrow 5s var(--ease-out) infinite}
.lf:nth-child(2) i{animation-delay:.15s;opacity:.85}
.lf:nth-child(3) i{animation-delay:.3s;opacity:.7}
.lf:nth-child(4) i{animation-delay:.45s;opacity:.55}
@keyframes lfGrow{0%{transform:scaleX(0)}30%,88%{transform:scaleX(var(--w))}100%{transform:scaleX(var(--w));opacity:0}}
.art-dup{display:flex!important;align-items:center;justify-content:center;gap:16px}
.doc{position:relative;width:62px;height:80px;border-radius:10px;background:var(--card);border:1.5px solid var(--line-strong);padding:14px 10px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm)}
.doc i{display:block;height:5px;border-radius:3px;background:var(--track);animation:docLine 4s ease-in-out infinite}
.doc i:nth-child(2){width:80%;animation-delay:.2s}
.doc i:nth-child(3){width:92%;animation-delay:.4s}
.doc i:nth-child(4){width:64%;animation-delay:.6s}
.doc i:nth-child(5){width:86%;animation-delay:.8s}
@keyframes docLine{0%,10%{background:var(--track)}20%,60%{background:rgba(178,60,255,.45)}75%,100%{background:var(--track)}}
.doc.d2{animation:dupFade 4s var(--ease) infinite}
@keyframes dupFade{0%,62%{opacity:1;transform:none}74%,88%{opacity:.35;transform:scale(.94)}100%{opacity:1;transform:none}}
.doc-ok{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px var(--card);animation:okPop 4s var(--ease-out) infinite}
.doc-ok .icon{width:14px;height:14px;stroke-width:3}
@keyframes okPop{0%,58%{transform:scale(0)}66%,90%{transform:scale(1)}100%{transform:scale(0)}}
.eq{font-size:30px;font-weight:800;color:var(--accent);animation:eqPop 4s var(--ease-out) infinite}
@keyframes eqPop{0%,40%{transform:scale(.6);opacity:.3}50%,90%{transform:scale(1);opacity:1}100%{transform:scale(.6);opacity:.3}}
.scanline{position:absolute;left:24%;right:24%;top:22%;height:2px;border-radius:2px;background:var(--grad);box-shadow:0 0 12px rgba(178,60,255,.6);animation:scanY 4s ease-in-out infinite}
@keyframes scanY{0%{transform:translateY(0);opacity:0}8%{opacity:1}45%{transform:translateY(96px);opacity:1}52%,100%{transform:translateY(96px);opacity:0}}
.art-photos{display:grid!important;grid-template-columns:repeat(3,48px);gap:8px;align-content:center;justify-content:center}
.pt{width:48px;border-radius:10px;font-size:9px}
.pt.pick{animation:ptPick 4.8s var(--ease-out) infinite}
.pt.pick.k2{animation-delay:.5s}
.pt.pick::after{content:"";position:absolute;right:-5px;top:-5px;width:18px;height:18px;border-radius:50%;background:var(--purple) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/60% no-repeat;box-shadow:0 0 0 2px var(--card);animation:ptCheck 4.8s var(--ease-out) infinite;animation-delay:inherit}
@keyframes ptPick{0%,18%{transform:none;box-shadow:none;opacity:1}26%,62%{transform:scale(.86);box-shadow:0 0 0 3px var(--purple);opacity:1}74%,90%{transform:scale(.2);opacity:0}100%{transform:none;opacity:1;box-shadow:none}}
@keyframes ptCheck{0%,18%{transform:scale(0)}26%,62%{transform:scale(1)}74%,100%{transform:scale(0)}}
.lens{width:150px;height:150px;overflow:visible}
.lens-rot{transform-origin:70px 70px;animation:spin 40s linear infinite}
.seg{fill:none;animation:segIn 1.6s var(--ease-out) both}
.s-a,.s-b,.s-c{stroke-width:18}
.s-d,.s-e,.s-f,.s-g,.s-h{stroke-width:14;animation-delay:.3s}
.s-a{stroke:#5B3DF5}.s-b{stroke:#B23CFF}.s-c{stroke:#FF4F9A}.s-d{stroke:#8B74FF}.s-e{stroke:#2EBF70}.s-f{stroke:#F29A1F}.s-g{stroke:#FF8DB8}.s-h{stroke:#C9A4FF}
.lens-core{fill:var(--card);stroke:var(--line-strong);stroke-width:1.5}
@keyframes segIn{from{stroke-dasharray:0 100}}
.t-lens:hover .seg{filter:saturate(1.2)}
.art-privacy{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.br-win{width:min(78%,300px);border-radius:14px;background:var(--card);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);overflow:hidden;font-size:14px}
.br-bar{display:flex;align-items:center;gap:5px;padding:8px 10px;background:var(--card-2);border-bottom:1px solid var(--line)}
.br-bar i{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}
.br-url{flex:1;height:10px;margin-left:8px;border-radius:5px;background:var(--track)}
.br-rows{display:grid;gap:6px;padding:10px 12px}
.br-row{position:relative;display:flex;align-items:center;gap:10px}
.br-row .icon{width:15px;height:15px;color:var(--muted)}
.br-row .ln{flex:1;height:7px;border-radius:4px;background:var(--track)}
.br-warn{position:absolute;right:-6px;top:-10px;width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;animation:warnPop 5s var(--ease-out) infinite}
.br-warn .icon{width:12px;height:12px;color:#fff;stroke-width:2.6}
@keyframes warnPop{0%,22%{transform:scale(0)}30%,64%{transform:scale(1)}72%,100%{transform:scale(0)}}
.br-names{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 16px}
.br-names span{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--muted)}
.art-monitor{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;padding:0 6%}
.mon{width:100%;height:92px;overflow:hidden}
.mon .grid{stroke:var(--line);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.wave{animation:wave 7s linear infinite}
.wave.w2{animation-duration:10s}
.wave path{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round}
.w1 path{stroke:#B23CFF}
.w2 path{stroke:#2EBF70}
@keyframes wave{to{transform:translateX(-300px)}}
.gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gauge{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:var(--muted)}
.gauge i{display:block;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--pink)) left/calc(var(--g) * 100%) 100% no-repeat,var(--track);animation:breathe 3.6s ease-in-out infinite}
.gauge:nth-child(2) i{animation-delay:.6s}
.gauge:nth-child(3) i{animation-delay:1.2s}
@keyframes breathe{50%{opacity:.7}}
.more-h{font-size:clamp(22px,2.4vw,28px);text-align:center;margin:64px 0 0;letter-spacing:-.02em}
.extras{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.extra{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:opacity .9s var(--ease-out) var(--d,0ms),translate .9s var(--ease-out) var(--d,0ms),transform .35s var(--ease-out),box-shadow .35s ease,border-color .35s ease}
.extra:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}
.ei{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--grad);color:#fff;flex-shrink:0;box-shadow:0 8px 20px rgba(178,60,255,.25);transition:transform .45s var(--ease-out)}
.extra:hover .ei{transform:rotate(-8deg) scale(1.06)}
.ei .icon{width:21px;height:21px}
.extra h4{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:16.5px;margin-bottom:4px}
.extra p{color:var(--muted);font-size:14.5px}

.safety-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}
.safety-copy h2{margin-top:12px}
.checks{list-style:none;display:grid;gap:14px;margin-top:28px}
.checks li{display:flex;gap:14px;align-items:flex-start;font-size:16px}
.ck-ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--safe-bg);color:var(--safe-ink);flex-shrink:0}
.ck-ic .icon{width:15px;height:15px;stroke-width:3}
.safety-art{display:grid;gap:18px}
.risk-card{list-style:none;display:grid;gap:6px;padding:12px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-md)}
.risk-row{display:flex;gap:14px;align-items:flex-start;padding:14px 14px;border-radius:16px;animation:riskFocus 7.5s var(--ease) infinite;animation-delay:calc(var(--i) * 2.5s)}
@keyframes riskFocus{0%,100%{background:transparent;box-shadow:none}5%,30%{background:var(--sel-bg);box-shadow:inset 0 0 0 1.5px var(--sel)}36%{background:transparent;box-shadow:none}}
.rk{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;margin-top:2px;box-shadow:inset 0 0 0 2px var(--line-strong);color:transparent}
.rk.on{background:var(--purple);box-shadow:none;color:#fff}
.rk .icon{width:14px;height:14px;stroke-width:3.2}
.rk-main{min-width:0;flex:1}
.rk-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rk-top b{font-size:16px}
.rk-top .badge{font-size:12.5px}
.rk-main p{color:var(--muted);font-size:14.5px;margin-top:4px}
.priv-card{margin-left:10%;padding:18px 20px;border-radius:22px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-md);font-size:15px}
.priv-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.priv-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--purple)}
@media (prefers-color-scheme:dark){:where(:root.site:not([data-theme=light])) .priv-ic{color:#B9A6FF}}
:where(:root.site[data-theme=dark]) .priv-ic{color:#B9A6FF}
.priv-ic .icon{width:18px;height:18px}
.priv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:15px}
.priv-row .tg{font-size:16px}
.priv-warn{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--care-bg);color:var(--care-ink);font-size:14px;font-weight:600;line-height:1.45;animation:warnGlow 5s var(--ease) infinite}
.priv-warn .icon{width:18px;height:18px;margin-top:1px}
@keyframes warnGlow{0%,22%,76%,100%{box-shadow:none}30%,66%{box-shadow:0 0 0 3px rgba(229,72,77,.25)}}

.dev-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;margin-top:52px;align-items:stretch}
.dev-art{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;border-radius:28px;border:1px solid var(--line);background:radial-gradient(110% 80% at 50% 0%,var(--sel-bg),transparent 70%),var(--card);box-shadow:var(--shadow-md)}
.dev-scene{position:relative;height:190px}
.dev-lines{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.flow{fill:none;stroke:var(--sel);stroke-width:2;stroke-dasharray:4 8;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:flow 1.1s linear infinite;opacity:.8}
@keyframes flow{to{stroke-dashoffset:-12}}
.dev-mac{position:absolute;left:1%;top:50%;width:26%;transform:translateY(-50%)}
.dm-screen{position:relative;display:grid;place-items:center;aspect-ratio:16/10;border-radius:10px 10px 3px 3px;background:var(--grad);border:5px solid var(--bezel);color:#fff;box-shadow:var(--shadow-md);overflow:hidden}
.dm-screen .icon,.dp-screen .icon{width:30%;height:auto;max-width:44px;fill:rgba(255,255,255,.9);stroke:none;animation:floaty 4s ease-in-out infinite}
.dm-screen i,.dp-screen i{position:absolute;left:18%;right:18%;bottom:14%;height:7%;min-height:4px;border-radius:4px;background:rgba(255,255,255,.3);overflow:hidden}
.dm-screen i::after,.dp-screen i::after{content:"";position:absolute;inset:0;background:var(--green);border-radius:inherit;transform-origin:left center;animation:fillBar 4s var(--ease-out) infinite}
@keyframes fillBar{0%{transform:scaleX(.25)}50%,85%{transform:scaleX(.75)}100%{transform:scaleX(.25)}}
.dm-base{display:block;height:9px;width:118%;margin-left:-9%;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#D9D5EA,#B9B4D1)}
@media (prefers-color-scheme:dark){:where(:root.site:not([data-theme=light])) .dm-base{background:linear-gradient(180deg,#4A4566,#2E2A45)}}
:where(:root.site[data-theme=dark]) .dm-base{background:linear-gradient(180deg,#4A4566,#2E2A45)}
.dev-phone{position:absolute;right:3%;top:50%;width:12%;min-width:46px;transform:translateY(-50%)}
.dp-screen{position:relative;display:grid;place-items:center;aspect-ratio:9/19;border-radius:14px;background:var(--grad);border:4px solid var(--bezel);box-shadow:var(--shadow-md);overflow:hidden}
.dev-key{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);color:var(--ink);z-index:1}
.dev-key .icon{width:18px;height:18px;color:var(--accent)}
.kt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap;animation:typeKey 7s steps(17,end) infinite}
@keyframes typeKey{0%{clip-path:inset(0 100% 0 0)}40%,90%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 0)}}
.seats-box{display:grid;gap:14px;justify-items:center;text-align:center}
.seats-h{font-weight:700;font-size:14px}
.seats{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--track)}
.seats button{min-width:64px;min-height:44px;border:0;border-radius:11px;background:transparent;font-weight:700;font-size:16px;color:var(--muted);cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s}
.seats button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}
.seat-dots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(100%,360px)}
.seat-dots i{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;border:1.5px dashed var(--line-strong);color:var(--faint);transition:background-color .45s var(--ease-out),border-color .45s,color .45s,transform .45s var(--ease-out),box-shadow .45s;transform:scale(.92)}
.seat-dots i .icon{width:44%;height:44%}
.seat-dots i.on{background:var(--grad);border-color:transparent;border-style:solid;color:#fff;transform:none;box-shadow:0 8px 18px rgba(178,60,255,.28)}
.seat-dots i:nth-child(2){transition-delay:40ms}.seat-dots i:nth-child(3){transition-delay:80ms}.seat-dots i:nth-child(4){transition-delay:120ms}.seat-dots i:nth-child(5){transition-delay:160ms}.seat-dots i:nth-child(6){transition-delay:200ms}.seat-dots i:nth-child(7){transition-delay:240ms}.seat-dots i:nth-child(8){transition-delay:280ms}.seat-dots i:nth-child(9){transition-delay:320ms}.seat-dots i:nth-child(10){transition-delay:360ms}
.seat-cap{font-weight:600;color:var(--muted);font-size:15px;min-height:23px}
.dev-lists{display:grid;gap:18px;align-content:start}
.dev-list{padding:24px}
.dl-head{display:flex;gap:14px;align-items:center}
.dl-head h3{font-size:19px}
.req{color:var(--muted);font-size:13.5px}
.pchips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pchips li{padding:7px 12px;border-radius:999px;background:var(--tint);color:var(--tint-ink);font-size:13.5px;font-weight:600}
.dev-list .fine{margin-top:14px}
.dev-note{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14.5px;padding:0 8px}
.dev-note .icon{width:18px;height:18px;color:var(--accent)}

.style-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.style-copy h2{margin-top:12px}
.ctl{margin-top:26px}
.ctl-h{font-weight:700;font-size:14px;margin-bottom:10px}
.swatches{display:flex;flex-wrap:wrap;gap:10px}
.sw{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:6px 15px 6px 6px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--card);cursor:pointer;font-weight:600;font-size:14px;transition:border-color .25s,box-shadow .25s,transform .2s var(--ease)}
.sw:hover{transform:translateY(-1px)}
.sw i{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b) 55%,var(--c));box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.sw[aria-pressed=true]{border-color:var(--sel);box-shadow:0 0 0 3px var(--sel-bg)}
.seg-mini{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;background:var(--track);max-width:100%}
.seg-mini button{border:0;background:transparent;min-height:40px;padding:9px 14px;border-radius:10px;font-weight:600;font-size:14px;color:var(--muted);cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s}
.seg-mini button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}
.preview{position:relative;padding:28px 8px;--t-a:#5C3DF5;--t-b:#B33DFF;--t-c:#FF4F99;--t-act:#2EBF70;--t-fg:#fff;--btn-r:40px;transition:--t-a .7s ease,--t-b .7s ease,--t-c .7s ease,--t-act .7s ease,--btn-r .5s var(--ease-out)}
.preview[data-theme=ocean]{--t-a:#0D5CD9;--t-b:#0094E6;--t-c:#1ACCBF;--t-act:#007AF2}
.preview[data-theme=forest]{--t-a:#0D734D;--t-b:#219E66;--t-c:#8CCC40;--t-act:#1F945C}
.preview[data-theme=sunset]{--t-a:#ED4D33;--t-b:#FA8526;--t-c:#FFC238;--t-act:#EB661F}
.preview[data-theme=rose]{--t-a:#CC2E73;--t-b:#F5548C;--t-c:#FF9E9E;--t-act:#DB387A}
.preview[data-theme=graphite]{--t-a:#33333D;--t-b:#61616E;--t-c:#9494A1;--t-act:#15122B}
@media (prefers-color-scheme:dark){:where(:root.site:not([data-theme=light])) .preview[data-theme=graphite]{--t-act:#F4F2FF;--t-fg:#15122B}}
:where(:root.site[data-theme=dark]) .preview[data-theme=graphite]{--t-act:#F4F2FF;--t-fg:#15122B}
.preview[data-shape=rounded]{--btn-r:12px}
.preview[data-shape=square]{--btn-r:0px}
.pv-glow{position:absolute;inset:6% 4%;border-radius:40px;background:radial-gradient(circle at 25% 30%,var(--t-a),transparent 58%),radial-gradient(circle at 75% 70%,var(--t-c),transparent 58%);filter:blur(42px);opacity:.42}
.pv-win{position:relative;max-width:440px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden;font-size:15px}
.pv-top{display:flex;align-items:center;height:38px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--card-2);font-size:10px}
.pv-body{display:grid;gap:18px;padding:22px}
.pv-head{display:flex;align-items:center;gap:14px}
.pv-head div{min-width:0}
.pv-head b{display:block;font-size:18px}
.pv-head small{display:block;color:var(--muted);font-size:13px}
.pv-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:linear-gradient(135deg,var(--t-a),var(--t-b) 55%,var(--t-c));box-shadow:0 10px 24px color-mix(in srgb,var(--t-b) 38%,transparent)}
.pv-icon .icon{width:22px;height:22px}
.pv-field{position:relative;padding-top:24px}
.pv-label{position:absolute;left:0;top:0;font-size:13px;font-weight:600;color:var(--ink);transform-origin:left top;transition:transform .45s var(--ease-out),color .3s,background-color .3s,padding .3s}
.pv-input{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line-strong);background:var(--field);color:var(--ink);transition:border-radius .4s var(--ease-out),border-color .3s,background-color .3s,padding .4s var(--ease-out),box-shadow .3s}
.pv-input .icon{width:17px;height:17px;color:var(--muted)}
.pv-val{font-weight:500}
.caret{width:1.5px;height:18px;margin-left:-8px;background:var(--t-b);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.preview[data-field=outlined] .pv-input{border-color:var(--t-b);box-shadow:0 0 0 4px color-mix(in srgb,var(--t-b) 16%,transparent)}
.preview[data-field=filled] .pv-input{border-color:transparent;background:color-mix(in srgb,var(--t-a) 9%,var(--card));box-shadow:inset 0 -2px 0 var(--t-b)}
.preview[data-field=underlined] .pv-input{border-radius:0;border-color:transparent;border-bottom-color:var(--t-b);border-bottom-width:2px;background:transparent;padding:0 2px}
.preview[data-field=floating] .pv-input{border-color:var(--t-b)}
.preview[data-field=floating] .pv-label{transform:translate(12px,16px) scale(.9);background:var(--card);padding:0 6px;color:var(--t-b)}
.pv-meter-top{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-size:14px;color:var(--muted)}
.pv-meter-top b{font-size:20px;color:var(--ink);letter-spacing:-.02em}
.pv-track{display:block;height:10px;border-radius:999px;background:var(--track);overflow:hidden}
.pv-track i{display:block;height:100%;width:68%;border-radius:inherit;background:linear-gradient(90deg,var(--t-a),var(--t-b) 55%,var(--t-c))}
.pv-rows{display:grid;gap:8px}
.pv-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--card-2);border:1px solid var(--line);font-size:14px}
.pv-ck{position:relative;width:18px;height:18px;border-radius:6px;background:var(--t-act);flex-shrink:0}
.pv-ck::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid var(--t-fg);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pv-name{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-row .badge{font-size:12px}
.pv-actions{display:flex;gap:10px;flex-wrap:wrap}
.pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:var(--btn-r);font-weight:700;font-size:19px;transition:background-color .3s}
.pv-btn .icon{width:18px;height:18px}
.pv-btn.primary{background:color-mix(in srgb,var(--t-act) 85%,#000);color:var(--t-fg);box-shadow:0 10px 22px color-mix(in srgb,var(--t-act) 30%,transparent)}
.preview[data-theme=graphite] .pv-btn.primary{background:var(--t-act)}
.pv-btn.secondary{border:1.5px solid var(--line-strong);color:var(--ink);background:var(--card)}

.price-controls{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:36px}
.tabs{position:relative;display:inline-flex;gap:2px;padding:5px;border-radius:16px;background:var(--track);max-width:100%}
.tabs button{position:relative;z-index:1;min-height:44px;border:0;background:transparent;font-weight:600;font-size:15px;padding:10px 24px;border-radius:12px;cursor:pointer;color:var(--muted);transition:color .3s ease}
.tabs button.active{color:var(--ink)}
.tabs-thumb{position:absolute;left:0;top:5px;bottom:5px;width:0;border-radius:12px;background:var(--card);box-shadow:var(--shadow-sm);transition:transform .5s var(--ease-out),width .5s var(--ease-out)}
.tabs:not(.ready) button.active{background:var(--card);box-shadow:var(--shadow-sm)}
.country-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.country-row .select{min-width:260px;max-width:100%}
.country-row .input{padding:10px 40px 10px 14px;font-size:15px;min-height:44px}
.usd-note{text-align:center}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.plan{position:relative;display:flex;flex-direction:column;padding:24px 24px 22px;border-radius:26px;background:var(--card);border:2px solid var(--line);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .3s var(--ease),background-color .3s}
.plan:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.plan.selected{border-color:var(--sel);box-shadow:0 24px 50px rgba(91,61,245,.16);background:linear-gradient(180deg,var(--sel-bg),var(--card) 62%)}
.plan input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.plan:focus-within{outline:3px solid var(--focus);outline-offset:3px}
.plan:has(input:focus:not(:focus-visible)){outline:none}
.plan-top{display:flex;justify-content:space-between;align-items:flex-start}
.plan-pic{position:relative;width:56px;height:56px}
.plan-pic img{width:56px;height:56px;border-radius:15px;box-shadow:0 10px 22px rgba(91,61,245,.28)}
.plan-pic b{position:absolute;right:-12px;bottom:-6px;background:#FFC53D;color:#1a1a1a;font-size:12px;font-weight:800;padding:3px 8px;border-radius:999px;border:2.5px solid var(--card)}
.radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong);position:relative;transition:background-color .25s,border-color .25s}
.plan.selected .radio{border-color:var(--sel);background:var(--sel)}
.plan.selected .radio::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}
.plan-name{display:block;font-size:18px;font-weight:700;margin-top:18px}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin-top:6px}
.amount{display:inline-block;font-size:clamp(30px,3.2vw,38px);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.price small{font-size:15px;font-weight:600;color:var(--muted)}
.price .was{color:var(--muted);font-size:15px}
.plans.swap .amount{animation:priceIn .5s var(--ease-out)}
@keyframes priceIn{from{opacity:0;transform:translateY(10px)}}
.save{display:block;color:var(--pink-text);font-size:14px;font-weight:600;margin-top:6px;min-height:21px}
.per{display:block;font-size:13.5px;color:var(--accent);min-height:20px;margin-top:2px}
.checkout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px;align-items:center;margin-top:22px;padding:30px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.perks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;font-size:15px}
.perks li{display:flex;align-items:center;gap:12px}
.perks em{font-style:normal}
.perks span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--purple);flex-shrink:0}
@media (prefers-color-scheme:dark){:where(:root.site:not([data-theme=light])) .perks span{color:#B9A6FF}}
:where(:root.site[data-theme=dark]) .perks span{color:#B9A6FF}
.perks .icon{width:17px;height:17px}
.pay{text-align:right}
.today{color:var(--muted);font-size:16px;margin-bottom:12px}
.today b{color:var(--ink);font-size:22px}
.pay .btn{width:100%;padding:17px;font-size:18px;border-radius:14px}
.pay .cards-row{justify-content:flex-end;margin-top:12px}
.single{display:flex;align-items:center;gap:18px;margin-top:16px;padding:20px 24px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(91,61,245,.07),rgba(255,79,154,.07))}
.single-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--grad);color:#fff;flex-shrink:0}
.single-ic .icon{width:22px;height:22px}
.single-text{flex:1;min-width:0}
.single-text b{font-size:17px}
.single-text p{color:var(--muted);font-size:14px}
.free-line{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;font-weight:600;font-size:15px;text-align:center}
.free-line .icon{width:18px;height:18px;color:var(--green-strong);stroke-width:2.6}
@media (prefers-color-scheme:dark){:where(:root.site:not([data-theme=light])) .free-line .icon{color:var(--green)}}
:where(:root.site[data-theme=dark]) .free-line .icon{color:var(--green)}
.compare{max-width:760px;margin:10px auto 0;text-align:center;color:var(--muted);font-size:14px}
.fine.center{max-width:760px;margin:14px auto 0;text-align:center}

.faq{max-width:800px;margin:44px auto 0;display:grid;gap:12px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:18px;transition:opacity .9s var(--ease-out) var(--d,0ms),translate .9s var(--ease-out) var(--d,0ms),border-color .3s ease,box-shadow .3s ease}
.faq details[open]{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-weight:650;font-size:16.5px;border-radius:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover .fx{background:var(--sel-bg)}
.fx{position:relative;width:30px;height:30px;border-radius:50%;background:var(--tint);flex-shrink:0;transition:transform .4s var(--ease-out),background-color .25s}
.fx::before,.fx::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--accent)}
.fx::after{transform:rotate(90deg)}
.faq details[open] .fx{transform:rotate(45deg)}
.ans{padding:0 22px 20px;color:var(--muted);font-size:15.5px}
.ans a{color:var(--accent)}
.faq details[open] .ans{animation:ansIn .45s var(--ease-out)}
@keyframes ansIn{from{opacity:0;transform:translateY(-6px)}}

.final-sec{padding-top:24px}
.final{position:relative;isolation:isolate;overflow:hidden;border-radius:36px;padding:clamp(56px,8vw,96px) clamp(22px,5vw,64px);text-align:center;color:#fff;background:linear-gradient(135deg,#4B2FD9,#8E2BD6 55%,#C2306F);box-shadow:0 40px 90px rgba(91,61,245,.3)}
.final h2{color:#fff}
.final .sub{color:rgba(255,255,255,.9)}
.final-icon{position:relative;width:112px;height:112px;margin:0 auto 26px;border-radius:26px;box-shadow:0 24px 50px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.22);animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.final-ring{position:absolute;z-index:-1;left:50%;top:clamp(56px,8vw,96px);width:420px;height:420px;margin:-154px 0 0 -210px;border-radius:50%;border:1px solid rgba(255,255,255,.16);animation:ringBreath 7s ease-in-out infinite}
.final-ring.r2{width:640px;height:640px;margin:-264px 0 0 -320px;animation-delay:-3.5s}
@keyframes ringBreath{0%,100%{transform:scale(.94);opacity:.6}50%{transform:scale(1.04);opacity:1}}
.final-spark{position:absolute;fill:#fff;opacity:.0;animation:twinkle 5s ease-in-out infinite}
.final-spark.f1{width:22px;height:22px;top:16%;left:14%}
.final-spark.f2{width:16px;height:16px;top:24%;right:16%;animation-delay:1.6s}
.final-spark.f3{width:14px;height:14px;bottom:18%;left:22%;animation-delay:3.1s}
.btn-light{background:#fff;color:#2A1A6E;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.btn-light:hover{box-shadow:0 18px 36px rgba(0,0,0,.24)}
.btn-outline-light{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.08)}
.btn-outline-light:hover{background:rgba(255,255,255,.16)}
.final :focus-visible{outline-color:#fff}
.final-ios{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;font-size:14px;color:rgba(255,255,255,.9)}
.final-ios .icon{width:16px;height:16px}
.foot-end{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.foot-admin{font-size:13px}
.foot-admin:hover{color:var(--accent)}

@media (max-width:1080px){
.bento{grid-template-columns:repeat(2,minmax(0,1fr))}
.t-smart{grid-column:span 2;grid-row:auto}
.t-uninst,.t-large,.t-dup,.t-photos,.t-lens,.t-privacy{grid-column:span 1}
.t-monitor{grid-column:span 2}
.extras{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){
.hero-grid{grid-template-columns:minmax(0,1fr);gap:44px}
.hero-copy{text-align:center}
.hero-copy .lead{margin:0 auto}
.hero-copy .cta{justify-content:center}
.hero-note{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}
.stage-wrap{max-width:720px;margin:0 auto;width:100%}
.facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.facts li:nth-child(3){border-left:0}
.facts li:nth-child(n+3){border-top:1px solid var(--line)}
.safety-grid,.style-grid,.dev-grid{grid-template-columns:minmax(0,1fr)}
.safety-copy,.style-copy{max-width:640px}
.priv-card{margin-left:0}}
@media (max-width:860px){
.plans,.checkout,.perks{grid-template-columns:minmax(0,1fr)}
.pay{text-align:left}
.pay .cards-row{justify-content:flex-start}
.single{flex-wrap:wrap}
.single .btn{width:100%}}
@media (max-width:760px){
.timeline{grid-template-columns:minmax(0,1fr);gap:34px;margin-top:40px}
.timeline::before,.timeline::after{left:23px;right:auto;top:24px;bottom:24px;width:2px;height:auto}
.timeline::after{transform-origin:center top}
html.js .timeline:not(.drawn)::after{transform:scaleY(0)}
.step{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:18px;text-align:left;align-items:start}
.step-num{grid-column:1;grid-row:1;margin:0}
.step-text{grid-column:2;grid-row:1}
.step-art{grid-column:2;grid-row:2;margin-top:16px;height:150px}
.step h3{justify-content:flex-start;margin-top:10px}
.step p{margin-left:0}}
@media (max-width:640px){
.bento{grid-template-columns:minmax(0,1fr);gap:16px}
.t-smart,.t-uninst,.t-large,.t-dup,.t-photos,.t-lens,.t-privacy,.t-monitor{grid-column:auto}
.t-smart .tile-art{min-height:210px}
.extras{grid-template-columns:minmax(0,1fr)}
.tabs button{padding:10px 16px}
.dev-art{padding:20px}
.dev-scene{height:150px}
.kt{font-size:11px}
.dev-key{padding:8px 10px;gap:6px}
.facts li{padding:18px}
.risk-row{padding:12px 10px}}
@media (max-width:420px){
.tabs button{padding:10px 12px;font-size:14px}
.country-row .select{min-width:0;width:100%}
.sw{padding-right:12px}
.seg-mini button{padding:9px 11px}
.pv-body{padding:18px}
.pv-btn{padding:0 16px}}
@media (prefers-reduced-motion:reduce){
.mq-track{animation:none!important}
.motion-btn{display:none}
.final-icon{animation:none}}