.device-card{isolation:isolate;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);height:100%;box-shadow:var(--shadow-sm);transition:box-shadow var(--t), border-color var(--t);flex-direction:column;padding:8px;display:flex;position:relative;overflow:hidden}.device-card:hover{border-color:color-mix(in srgb, var(--ink) 30%, transparent);box-shadow:var(--shadow-card)}.card-title h3 a:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.card-title h3 a:focus-visible{outline:none}.device-card:has(.card-title h3 a:focus-visible){outline:2px solid var(--green);outline-offset:2px}.card-media{background:var(--surface-raised);border-radius:12px;position:relative;overflow:hidden}.card-art{aspect-ratio:3/2;display:block}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow);display:block}.device-card:hover .card-art img{transform:scale(1.03)}.card-tag,.card-compare{z-index:2;background:color-mix(in srgb, var(--surface) 95%, transparent);box-shadow:var(--shadow-sm);border-radius:999px;position:absolute}.card-tag{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:.7rem;font-weight:700;line-height:1.2;display:inline-flex;top:10px;left:10px}.card-compare{min-height:34px;color:var(--ink);font:inherit;cursor:pointer;transition:background-color var(--t-fast), color var(--t-fast);border:0;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:.78rem;font-weight:700;display:inline-flex;top:10px;right:10px}.card-compare:before{content:"";position:absolute;inset:-6px}.card-compare:hover:not(:disabled){color:var(--on-accent);background:var(--green)}.card-compare:focus-visible{outline:2px solid var(--green);outline-offset:2px}.card-compare:disabled{cursor:not-allowed;opacity:.6}.card-compare svg:nth-of-type(2){display:none}.card-compare[aria-pressed=true]{color:var(--on-accent);background:var(--green);opacity:1}.card-compare[aria-pressed=true] svg:first-of-type{display:none}.card-compare[aria-pressed=true] svg:nth-of-type(2){display:block}.card-compare[aria-pressed=true] span{font-size:0}.card-compare[aria-pressed=true] span:after{content:"Added";font-size:.78rem}.card-body{flex-direction:column;flex:1;gap:14px;padding:14px 8px 6px;display:flex}.card-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-brand{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px;font-size:.72rem;font-weight:700}.card-title h3{letter-spacing:-.025em;margin:0;font-size:1.28rem;font-weight:800;line-height:1.15}.card-title h3 a{color:var(--ink);transition:color var(--t-fast)}.device-card:hover .card-title h3 a{color:var(--green)}.card-go{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--ink);transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast), transform var(--t-fast);border-radius:50%;flex:none;place-items:center;display:grid}.device-card:hover .card-go{border-color:var(--green);color:var(--on-accent);background:var(--green);transform:translate(3px)}.card-specs{background:var(--surface-raised);border-radius:12px;margin:0;padding:4px 12px;display:grid}.card-specs>div{justify-content:space-between;align-items:baseline;gap:16px;min-width:0;padding:8px 0;display:flex}.card-specs>div+div{border-top:1px solid var(--line)}.card-specs dt{color:var(--muted);flex:none;font-size:.8rem;font-weight:600}.card-specs dd{min-width:0;color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.86rem;font-weight:700;overflow:hidden}.card-dates{border-top:1px solid var(--line);flex:1;margin:0;padding-top:8px;line-height:1.4}.card-dates>div{grid-template-columns:104px minmax(0,1fr);align-items:baseline;gap:12px;padding:4px 0;display:grid}.card-dates dt{color:var(--muted);font-size:.8rem;font-weight:500}.card-dates dd{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;margin:0;font-size:.84rem;font-weight:650}.card-dates .card-version{grid-template-columns:48px minmax(0,1fr)}@media (prefers-reduced-motion:reduce){.device-card:hover .card-go{transform:none}}.device-art{isolation:isolate;width:100%;height:370px;position:relative}.art-scene{place-items:center;display:grid;position:absolute;inset:0}.art-scene:before{content:"";background:var(--surface-raised);filter:blur(8px);border-radius:50%;width:min(420px,100%);height:300px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.scene-ring{border:1px dashed color-mix(in srgb, var(--green) 22%, transparent);border-radius:50%;animation:36s linear infinite art-spin;position:absolute}.scene-ring--one{width:290px;height:290px}.scene-ring i{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 18%, transparent);border-radius:50%;position:absolute;top:-4px;left:50%;translate:-50%}.scene-spark{background:var(--green);border-radius:50%;width:6px;height:6px;animation:3.2s ease-in-out infinite art-twinkle;position:absolute}.scene-spark--one{top:12%;right:16%}.scene-spark--two{animation-delay:-1.6s;bottom:14%;left:14%}.guide-card{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--panel-body);width:210px;box-shadow:var(--shadow-card);position:absolute}.guide-card--back{--r:-9deg;--x:-56px;--y:-18px;opacity:.4;height:250px;padding:14px;animation:7s ease-in-out infinite art-bob}.guide-card--mid{--r:-4.5deg;--x:-28px;--y:-8px;opacity:.65;height:260px;padding:14px;animation:6s ease-in-out -2s infinite art-bob}.guide-card--back i,.guide-card--mid i{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--green) 14%, transparent);height:74px;display:block}.guide-card--back b,.guide-card--mid b{background:var(--line-strong);border-radius:3px;height:5px;margin-top:9px;display:block}.guide-card--front{--r:3deg;--x:22px;--y:6px;flex-direction:column;width:224px;padding:15px;animation:5s ease-in-out -1s infinite art-bob;display:flex;position:relative}.guide-art{border-radius:var(--radius-md);background:var(--surface);height:96px;display:block;position:relative;overflow:hidden}.guide-device{border:2px solid color-mix(in srgb, var(--ink) 50%, transparent);border-radius:var(--radius-sm);background:var(--surface-raised);width:38px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.guide-glow{background:var(--green);border-radius:50%;width:9px;height:9px;animation:2.4s ease-in-out infinite art-pulse;position:absolute;bottom:14px;right:16px}.guide-kicker{margin-top:13px;display:flex}.guide-kicker i{background:var(--green);transform-origin:0;border-radius:3px;width:58px;height:5px;animation:3.6s ease-in-out infinite art-grow}.guide-line{background:var(--line-strong);border-radius:3px;height:5px;margin-top:9px;display:block}.guide-line--head{background:color-mix(in srgb, var(--ink) 55%, transparent);height:8px}.guide-line--short{width:62%}.guide-meta{border-top:1px solid var(--line);align-items:center;gap:7px;margin-top:15px;padding-top:12px;display:flex}.guide-meta i{background:color-mix(in srgb, var(--green) 40%, transparent);border-radius:50%;flex:none;width:18px;height:18px}.guide-meta b{background:var(--line-strong);border-radius:2px;width:52px;height:4px}.guide-meta s{background:var(--line);border-radius:2px;width:30px;height:4px;margin-left:auto;text-decoration:none}.lib-floor{background:color-mix(in srgb, var(--ink) 10%, transparent);filter:blur(6px);border-radius:50%;width:260px;height:34px;animation:5s ease-in-out infinite art-breathe;position:absolute;bottom:18%;left:50%;translate:-50%}.lib-tablet,.lib-phone,.lib-watch{border:1px solid var(--line-strong);background:var(--panel-body);box-shadow:var(--shadow-card);position:absolute}.lib-tablet{--r:-10deg;--x:-70px;--y:-6px;opacity:.8;border-radius:18px;width:150px;height:200px;padding:10px;animation:7s ease-in-out -3s infinite art-bob}.lib-tablet i,.lib-screen{background:linear-gradient(150deg, color-mix(in srgb, var(--green) 26%, var(--surface)), var(--surface) 70%);border-radius:10px;height:100%;display:block}.lib-phone{--r:4deg;--x:18px;--y:4px;border-radius:22px;width:108px;height:206px;padding:8px;animation:5s ease-in-out infinite art-bob}.lib-cam{background:color-mix(in srgb, var(--ink) 40%, transparent);z-index:1;border-radius:8px;width:26px;height:12px;position:absolute;top:16px;left:18px}.lib-watch{--r:8deg;--x:108px;--y:40px;border-radius:20px;width:62px;height:72px;padding:7px;animation:6s ease-in-out -1.5s infinite art-bob}.lib-watch:before,.lib-watch:after{content:"";background:var(--line-strong);z-index:-1;width:28px;height:22px;position:absolute;left:16px}.lib-watch:before{border-radius:8px 8px 0 0;top:-18px}.lib-watch:after{border-radius:0 0 8px 8px;bottom:-18px}.lib-watch i{background:radial-gradient(circle, color-mix(in srgb, var(--green) 40%, var(--surface)) 0 22%, var(--surface) 24%);border-radius:50%;height:100%;display:block}.lib-chip{border:1px solid var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-card);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;display:flex;position:absolute}.lib-chip i{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite art-pulse}.lib-chip b{background:color-mix(in srgb, var(--ink) 30%, transparent);border-radius:3px;width:46px;height:5px}.lib-chip--a{animation:6s ease-in-out infinite art-drift;top:16%;left:8%}.lib-chip--b{animation:7s ease-in-out -3s infinite art-drift;bottom:22%;right:4%}.lib-chip--b b{width:34px}.cs-phone{border:1px solid var(--line-strong);background:var(--panel-body);width:92px;height:176px;box-shadow:var(--shadow-card);border-radius:20px;padding:7px;position:absolute;top:16%}.cs-phone i{background:linear-gradient(160deg, color-mix(in srgb, var(--green) 24%, var(--surface)), var(--surface) 70%);border-radius:14px;height:100%;display:block}.cs-phone--a{--r:-9deg;--x:-86px;--y:0px;animation:5.5s ease-in-out infinite art-bob}.cs-phone--b{--r:9deg;--x:86px;--y:0px;animation:5.5s ease-in-out -2.75s infinite art-bob}.cs-phone--b i{background:linear-gradient(200deg, color-mix(in srgb, var(--ink) 16%, var(--surface)), var(--surface) 70%)}.cs-vs{z-index:2;border:2px solid var(--green);width:52px;height:52px;color:var(--ink);background:var(--surface);font:400 .9rem/1 var(--font-title), sans-serif;border-radius:50%;place-items:center;animation:2.8s ease-out infinite art-ring;display:grid;position:absolute;top:30%}.cs-panel{z-index:1;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-raised);width:236px;box-shadow:var(--shadow);gap:11px;padding:14px 16px;animation:7s ease-in-out -1s infinite art-drift;display:grid;position:absolute;bottom:12%}.cs-row{grid-template-columns:1fr 8px 1fr;align-items:center;gap:10px;display:grid}.cs-row b{background:color-mix(in srgb, var(--ink) 30%, transparent);transform-origin:100%;border-radius:3px;height:6px;animation:4s ease-in-out infinite art-grow}.cs-row b:last-child{background:var(--green);transform-origin:0;animation-delay:-2s}.cs-row em{background:var(--line-strong);border-radius:50%;width:8px;height:8px}.cs-row:nth-child(2) b{animation-duration:5s;animation-delay:-1s}.cs-row:nth-child(2) b:last-child{animation-delay:-3.5s}.cs-row:nth-child(3) b{animation-duration:4.6s;animation-delay:-2.4s}.guide-card,.lib-tablet,.lib-phone,.lib-watch,.cs-phone{transform:translate(var(--x,0), var(--y,0)) rotate(var(--r,0))}@keyframes art-bob{0%,to{transform:translate(var(--x,0), var(--y,0)) rotate(var(--r,0))}50%{transform:translate(var(--x,0), calc(var(--y,0) - 10px)) rotate(calc(var(--r,0) + 1.5deg))}}@keyframes art-drift{50%{transform:translate(6px,-8px)}}@keyframes art-spin{to{transform:rotate(360deg)}}@keyframes art-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes art-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--green) 0%, transparent);transform:scale(1.25)}}@keyframes art-grow{0%,to{transform:scaleX(1)}50%{transform:scaleX(.55)}}@keyframes art-breathe{50%{opacity:.6;transform:scaleX(.9)}}@keyframes art-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 45%, transparent)}to{box-shadow:0 0 0 16px color-mix(in srgb, var(--green) 0%, transparent)}}@media (width<=1080px){.device-art{height:330px}.scene-ring--one{width:250px;height:250px}}@media (width<=900px){.device-art{height:340px}}@media (width<=620px){.device-art{zoom:.7;height:360px}}@media (prefers-reduced-motion:reduce){.device-art *,.device-art :before,.device-art :after{animation:none!important}}.directory-guide-title{margin:0 0 28px;font-size:clamp(1.6rem,3vw,2.3rem)}.directory-guide{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.directory-guide li{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-body);padding:20px}.directory-guide li>span{color:var(--green);font-family:var(--font-mono), monospace;font-size:.72rem}.directory-guide h3{margin:12px 0 8px;font-size:1.02rem}.directory-guide p{color:var(--color-copy);margin:0;font-size:.88rem;line-height:1.62}@media (width<=1000px){.directory-guide{grid-template-columns:1fr 1fr}}@media (width<=620px){.directory-guide{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-body);grid-template-columns:1fr;gap:0;overflow:hidden}.directory-guide li{background:0 0;border:0;border-radius:0;padding:18px}.directory-guide li+li{border-top:1px solid var(--line)}}.directory-chips a{gap:8px}.directory-chips svg{flex:none}.directory-layout{grid-template-columns:265px minmax(0,1fr);align-items:start;gap:28px;display:grid}.filter-panel{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--panel-body);box-shadow:var(--panel-lit);padding:20px;position:sticky;top:96px}.filter-panel>summary{border-bottom:1px solid var(--line);min-height:44px;color:var(--ink);font-family:var(--font-ui-accent), sans-serif;letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:0 0 14px;font-size:.68rem;font-weight:400;list-style:none;display:flex}.filter-panel>summary::-webkit-details-marker{display:none}.filter-panel>summary:after{content:"—";color:var(--color-link);flex-shrink:0}.filter-panel:not([open]){padding:0}.filter-panel:not([open])>summary{border-radius:inherit;border:0;min-height:64px;margin:0;padding:18px 20px}.filter-panel:not([open])>summary:after{content:"+"}.filter-fields{gap:14px;margin-bottom:16px;display:grid}.filter-note{color:var(--muted);margin:16px 0 0;font-size:.7rem;line-height:1.55}.directory-results{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;min-width:0;display:grid}.directory-results>*{grid-column:1/-1}.directory-results>.directory-search{grid-column:1}.directory-results>.directory-bar{grid-column:2}.directory-search{grid-template-columns:19px minmax(0,1fr);margin-bottom:18px}.directory-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;margin-bottom:18px;display:flex}.sort-field{flex-direction:row;align-items:center;gap:10px}.sort-field select{width:180px;min-height:42px;font-size:.8rem}.active-filters{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.active-filters:empty{display:none}.active-filters button{border-radius:999px;min-height:34px;padding:6px 12px;font-size:.72rem}@media (width<=900px){.directory-layout{grid-template-columns:minmax(0,1fr) auto;gap:12px}.directory-results{display:contents}.directory-results>*{order:3;grid-column:1/-1}.directory-results>.directory-search{order:1;grid-column:1/-1;margin:0}.filter-panel{order:2;grid-column:1;justify-self:start;position:static}.directory-results>.directory-bar{order:2;grid-column:2;margin:0}.filter-panel[open]{grid-column:1/-1;justify-self:stretch}.filter-panel[open]~.directory-results>.directory-bar{grid-column:1/-1}.filter-panel:not([open]){box-shadow:none;background:var(--surface);border-radius:999px}.filter-panel:not([open])>summary{min-height:44px;color:var(--control-text);font-family:var(--font-body), sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;border-radius:999px;gap:10px;padding:0 18px;font-size:.86rem;font-weight:650}.filter-panel:not([open])>summary:hover{color:var(--ink)}.filter-fields{grid-template-columns:1fr 1fr}.directory-results>.active-filters{margin:0}.sort-field>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=620px){.filter-fields{grid-template-columns:1fr}.sort-field .custom-select{width:172px}.directory-chips{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.directory-chips a{min-width:0;min-height:60px;box-shadow:none;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;gap:5px;padding:6px 2px;font-size:.7rem}.directory-chips a:hover{transform:none}}#article-devices[data-astro-cid-5tbgx76u]{padding-top:0}.section[data-astro-cid-5tbgx76u]:has(+#article-devices){padding-bottom:64px}#article-sources[data-astro-cid-5tbgx76u]{margin-bottom:0}.article-hero[data-astro-cid-5tbgx76u]{padding-bottom:92px}.article-head[data-astro-cid-5tbgx76u]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px);display:grid}.article-head-copy[data-astro-cid-5tbgx76u]{min-width:0}.article-hero[data-astro-cid-5tbgx76u] h1[data-astro-cid-5tbgx76u]{max-width:20ch;font-size:clamp(2.1rem,4.6vw,3.6rem)}.article-hero[data-astro-cid-5tbgx76u] .eyebrow[data-astro-cid-5tbgx76u] a[data-astro-cid-5tbgx76u]{text-underline-offset:3px;text-decoration:underline}.article-hero[data-astro-cid-5tbgx76u] .lead[data-astro-cid-5tbgx76u]{max-width:56ch;margin:20px 0 0}.byline[data-astro-cid-5tbgx76u]{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:24px;font-size:.72rem;font-weight:750;display:flex}.byline-avatar[data-astro-cid-5tbgx76u]{background:var(--surface-raised);border-radius:50%;flex:none;width:22px;height:22px}.byline[data-astro-cid-5tbgx76u] a[data-astro-cid-5tbgx76u]{color:var(--color-copy);font-weight:800}.byline[data-astro-cid-5tbgx76u] a[data-astro-cid-5tbgx76u]:hover{color:var(--color-link)}.article-figure[data-astro-cid-5tbgx76u]{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--panel-lit);place-items:center;margin:0;padding:0;display:grid;position:relative;overflow:hidden}.article-figure[data-astro-cid-5tbgx76u]:before{content:"";background:var(--edge-hairline);opacity:.7;height:1px;position:absolute;top:0;left:24px;right:24px}.article-figure[data-astro-cid-5tbgx76u] img[data-astro-cid-5tbgx76u]{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.notice--unconfirmed[data-astro-cid-5tbgx76u]{border-color:color-mix(in srgb, var(--amber) 45%, var(--line));background:var(--amber-soft)}@media (width<=900px){.article-head[data-astro-cid-5tbgx76u]{grid-template-columns:1fr}.article-hero[data-astro-cid-5tbgx76u]{padding-bottom:68px}}.article-figure[data-astro-cid-5tbgx76u] figcaption[data-astro-cid-5tbgx76u]{border-top:1px solid var(--line);width:100%;color:var(--muted);padding:10px 16px 12px;font-size:.7rem;line-height:1.5}.tool{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);gap:22px;padding:clamp(18px,3vw,28px);display:grid}.tool-cats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tool-cat{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--t-fast), background-color var(--t-fast), color var(--t-fast);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:.9rem;font-weight:650;display:inline-flex}.tool-cat svg{color:var(--muted);flex:none}.tool-cat:hover{border-color:var(--green)}.tool-cat[aria-pressed=true]{border-color:var(--green);color:var(--on-accent);background:var(--green)}.tool-cat[aria-pressed=true] svg{color:currentColor}.tool-cat:disabled{color:var(--muted);cursor:not-allowed;border-style:dashed}.tool-cat:disabled:hover{border-color:var(--line-strong)}.tool-cat small{white-space:nowrap;background:var(--surface-raised);border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:600}.tool-duel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);width:min(100%,680px);margin-inline:auto;display:grid;position:relative}.tool-duel:before{content:"";border-left:1px dashed var(--line-strong);width:0;position:absolute;top:8%;bottom:8%;left:50%}.tool-slot{gap:12px;min-width:0;display:grid}.tool-photo{aspect-ratio:3/2;border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--paper-2);transition:border-color var(--t);position:relative;overflow:hidden}.tool-slot.is-filled .tool-photo{border-style:solid;border-color:var(--line)}.tool-photo img{object-fit:cover;width:100%;height:100%;animation:tool-in var(--t-slow) both;display:block}@keyframes tool-in{0%{opacity:0;transform:scale(1.04)}}.tool-empty{color:var(--muted);place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.tool-slot.is-filled .tool-empty{display:none}.tool-empty>span{border:1px dashed var(--line-strong);border-radius:50%;place-items:center;width:52px;height:52px;display:none}.tool-empty small{font-size:.8rem;font-weight:650}.tool:not([data-cat]) .tool-empty>[data-icon=phones],.tool[data-cat=""] .tool-empty>[data-icon=phones],.tool[data-cat=phones] .tool-empty>[data-icon=phones],.tool[data-cat=tablets] .tool-empty>[data-icon=tablets],.tool[data-cat=earbuds] .tool-empty>[data-icon=earbuds],.tool[data-cat=watches] .tool-empty>[data-icon=watches]{display:grid}.tool-vs{border:2px solid var(--line-strong);width:52px;height:52px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-card);font:400 .9rem/1 var(--font-title), sans-serif;transition:border-color var(--t), background-color var(--t), color var(--t);border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(50% - 35px);left:50%;translate:-50% -50%}.tool.is-ready .tool-vs{border-color:var(--green);color:var(--on-accent);background:var(--green)}.tool-go{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-top:18px;display:flex}#tool-hint{color:var(--muted);margin:0;font-size:.88rem}#tool-hint.is-error{color:var(--amber)}.tool-go .button{min-width:200px}@media (width<=620px){.tool{gap:18px}.tool-cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.tool-cat{border-radius:var(--radius-control);flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:62px;padding:6px 4px;font-size:.76rem}.tool-cat small{background:0 0;padding:0;font-size:.6rem}.tool-duel{gap:12px;container-type:inline-size}.tool-duel:before{display:none}.tool-slot{gap:8px}.tool-slot .field>span:first-child{font-size:.62rem}.tool-slot .select-trigger{gap:6px;padding:9px 10px;font-size:.8rem;line-height:1.3}.tool-slot .select-trigger>span:first-child{white-space:normal}.tool-empty>span{width:44px;height:44px}.tool-empty small{display:none}.tool-vs{width:38px;height:38px;font-size:.72rem;top:calc(16.6667cqw - 2px)}.tool-go .button{width:100%}}.blog-tools{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 16px;margin-bottom:26px;display:grid}.blog-search{grid-template-columns:19px minmax(0,1fr)}.blog-sort{align-items:center;gap:10px;display:flex}.blog-category{display:none}.blog-chips{grid-column:1/-1;margin:0}.blog-chips button{border:1px solid var(--control-border);min-height:42px;color:var(--control-muted);background:color-mix(in srgb, var(--surface) 92%, transparent);font:inherit;cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast), background-color var(--t-fast);border-radius:999px;align-items:center;padding:9px 18px;font-size:.84rem;font-weight:700;display:inline-flex}.blog-chips button:hover{border-color:color-mix(in srgb, var(--green) 40%, var(--line));color:var(--control-text)}.blog-chips button[aria-pressed=true]{border-color:var(--action-primary-border);color:var(--action-primary-text);background:var(--action-primary-bg);box-shadow:var(--action-primary-bevel)}@media (width<=620px){.blog-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.blog-search{grid-column:1/-1}.blog-chips{display:none}.blog-category{order:1;display:flex}.blog-sort{order:2}.blog-category,.blog-sort{min-width:0}.blog-category>span,.blog-sort>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blog-category .custom-select,.blog-sort .custom-select{width:100%}}.contact-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,6vw,80px);display:grid}.contact-hero .lead{max-width:52ch}.contact-mail{overflow-wrap:anywhere;margin-top:28px}.contact-art{isolation:isolate;height:300px;position:relative}.contact-orbit{z-index:-1;border:1.5px dashed color-mix(in srgb, var(--ink) 12%, transparent);box-shadow:none;border-radius:50%;position:absolute;inset:12% 4% 8% 16%}.contact-phone{border:6px solid var(--surface-raised);background:var(--surface);width:138px;height:240px;box-shadow:0 0 0 1px var(--line-strong), var(--shadow);border-radius:26px;flex-direction:column;gap:10px;padding:18px 12px 14px;animation:6s ease-in-out infinite contact-hover;display:flex;position:absolute;top:30px;left:8%;transform:rotate(-6deg)}.contact-to{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:10px;display:flex}.contact-to img{border-radius:6px}.contact-phone u,.contact-line,.contact-reply b{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:4px;flex:1;height:5px}.contact-line{transform-origin:0;flex:none;animation:6s ease-in-out infinite contact-type}.contact-line:nth-of-type(3){animation-delay:.4s}.contact-line--short{width:55%;animation-delay:.8s}.contact-send{border-radius:var(--radius-sm);color:var(--ink-dark);background:var(--action-primary-bg);box-shadow:none;font:700 .56rem var(--font-mono), monospace;letter-spacing:.2em;text-align:center;text-transform:uppercase;margin-top:auto;padding:7px 0;animation:6s ease-out infinite contact-send}.contact-plane{background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%,27% 50%);width:30px;height:22px;animation:6s ease-in-out infinite contact-fly;position:absolute;top:22%;left:50%}.contact-at{border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);border-radius:var(--radius-md);width:58px;height:58px;color:var(--ink);background:var(--surface);box-shadow:none;font:600 1.4rem var(--font-mono), monospace;place-items:center;animation:5s ease-in-out -2s infinite contact-float;display:grid;position:absolute;top:12%;right:6%}.contact-reply{border:1px solid color-mix(in srgb, var(--ink) 15%, transparent);border-radius:var(--radius-md);background:var(--surface-raised);width:150px;box-shadow:var(--shadow);gap:7px;padding:14px;animation:6s ease-in-out infinite contact-float;display:grid;position:absolute;bottom:14%;right:4%}.contact-reply i{border-radius:var(--radius-sm);background:var(--green-soft);width:20px;height:20px;box-shadow:none}.contact-reply b:last-child{width:62%}@keyframes contact-fly{0%,45%{opacity:0;transform:translate(-60px,40px)rotate(-18deg)scale(.7)}55%{opacity:1}85%{opacity:1;transform:translate(70px,-26px)rotate(-8deg)scale(1)}to{opacity:0;transform:translate(96px,-36px)rotate(-6deg)scale(.9)}}@keyframes contact-hover{50%{transform:rotate(-4.5deg)translateY(-8px)}}@keyframes contact-type{0%{transform:scaleX(0)}20%,80%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes contact-send{0%,38%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 50%, transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--green) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.contact-art *,.contact-art :before,.contact-art :after{animation:none!important}}@keyframes contact-float{50%{transform:translateY(-8px)}}.contact-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:22px;display:grid}.contact-card{border-radius:var(--radius-card);background:var(--panel-body) padding-box, var(--edge-lit) border-box;box-shadow:var(--panel-lit);border:1px solid #0000;padding:clamp(24px,4vw,38px)}.contact-card h2{font-size:clamp(1.35rem,2.2vw,1.8rem)}.reason-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.reason-item{border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--ink) 2%, transparent);transition:transform var(--t), border-color var(--t), background-color var(--t);grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:18px;display:grid}.reason-item:hover{border-color:color-mix(in srgb, var(--green) 45%, transparent);background:var(--green-soft);transform:translateY(-3px)}.reason-num{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--green);background:var(--green-soft);font:700 .72rem var(--font-mono), monospace;place-items:center;display:grid}.reason-item strong,.checklist strong{font-size:.98rem;display:block}.reason-item small,.checklist small{color:var(--color-copy);margin-top:5px;font-size:.86rem;line-height:1.55;display:block}.reason-item svg{color:var(--green);transition:transform var(--t)}.reason-item:hover svg{transform:translate(3px)}.checklist{gap:18px;margin:26px 0 0;padding:0;list-style:none;display:grid}.checklist li{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;display:grid}.checklist li>span{border:1px solid color-mix(in srgb, var(--green) 40%, transparent);width:34px;height:34px;color:var(--green);background:var(--green-soft);font:700 .7rem var(--font-mono), monospace;border-radius:50%;place-items:center;display:grid}.checklist li:nth-child(3)>span{border-color:color-mix(in srgb, var(--green) 45%, transparent);color:var(--green);background:var(--green-soft)}.contact-policy{border-top:1px solid var(--line);color:var(--muted);margin:26px 0 0;padding-top:18px;font-size:.84rem}.contact-policy a{color:var(--green);font-weight:700}.contact-faqs{grid-column:1/-1}.faq-list{gap:10px;margin-top:26px;display:grid}.faq-list details{border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--ink) 2%, transparent);transition:border-color var(--t), background-color var(--t);padding:0 18px}.faq-list details[open]{border-color:color-mix(in srgb, var(--green) 40%, transparent);background:var(--green-soft)}.faq-list summary{justify-content:space-between;align-items:center;gap:18px;padding:18px 0;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{flex:none;width:18px;height:18px;position:relative}.faq-list summary i:before,.faq-list summary i:after{content:"";background:var(--green);width:12px;height:2px;transition:transform var(--t);border-radius:2px;position:absolute;top:8px;left:3px}.faq-list summary i:after{transform:rotate(90deg)}.faq-list details[open] summary i:after{transform:rotate(0)}.faq-list details p{max-width:80ch;color:var(--color-copy);margin:-4px 0 18px;line-height:1.7}@media (width<=960px){.contact-hero-grid,.contact-layout{grid-template-columns:1fr}.contact-art{width:min(100%,440px);margin-inline:auto}}@media (width<=620px){.reason-list{grid-template-columns:1fr}.contact-mail{width:100%}.contact-art{zoom:.75}}