.dtyz-page{--g:max(24px, calc((100% - 1320px) / 2));width:100%;overflow-x:clip}.dtyz-hero{color:#f5f5f7;padding:clamp(56px, 8vw, 104px) var(--g) clamp(40px, 5vw, 64px);background:#0a0a0c}.dtyz-hero .kick{letter-spacing:.1em;color:#5fa9ff;text-transform:uppercase;font-size:13px;font-weight:600}.dtyz-hero h1{letter-spacing:-.03em;text-wrap:balance;margin:16px 0 0;font-size:clamp(38px,6vw,76px);font-weight:700;line-height:1.03}.dtyz-hero p{color:#c7cbd2;max-width:58ch;margin:22px 0 0;font-size:clamp(17px,1.8vw,22px);line-height:1.5}.dtyz-hero .other{color:#7ab7ff;align-items:center;gap:8px;margin-top:18px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.dtyz-hero .other:hover{color:#fff}.dtyz-section{background:var(--surface);color:var(--text);padding:clamp(36px, 5vw, 64px) var(--g) clamp(64px, 8vw, 110px);scroll-margin-top:72px}.dtyz-wrap{max-width:980px;margin:0 auto}.dtyz-wrap button{font:inherit;cursor:pointer}@keyframes dtyzQIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes dtyzQPop{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:none}}.dtyz-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.dtyz-count{color:var(--text-muted);font-size:13.5px;font-weight:600}.dtyz-back{color:var(--accent);background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:14px;font-weight:600;display:inline-flex}.dtyz-bar{background:var(--border-strong);border-radius:4px;height:4px;margin-bottom:clamp(26px,3vw,38px);overflow:hidden}:root:not([data-theme=dark]) .dtyz-bar{background:#e3e6ea}.dtyz-bar>div{background:linear-gradient(90deg,#0071e3,#5fa9ff);border-radius:4px;height:100%;transition:width .4s cubic-bezier(.2,.8,.2,1)}.dtyz-q{animation:.4s cubic-bezier(.2,.8,.2,1) dtyzQIn}.dtyz-q h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(24px,3.2vw,38px);font-weight:700}.dtyz-sub{color:var(--text-muted);margin:8px 0 0;font-size:clamp(15px,1.5vw,18px)}.dtyz-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:22px;display:grid}.dtyz-opt{text-align:start;background:var(--bg);color:var(--text);border:1.5px solid #e3e6ea;border-radius:20px;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;position:relative}:root[data-theme=dark] .dtyz-opt{border-color:var(--border)}.dtyz-opt.chip{padding:16px 18px;padding-inline-end:48px}.dtyz-opt:hover{border-color:#0071e3;transform:translateY(-3px);box-shadow:0 14px 34px #1028501a}.dtyz-opt.on{border-color:#0071e3;box-shadow:0 0 0 4px #0071e31f}.dtyz-opt .ico{background:var(--accent-tint);color:#0071e3;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.dtyz-opt.on .ico{color:#fff;background:#0071e3}.dtyz-opt .t{letter-spacing:-.01em;font-size:17px;font-weight:700;display:block}.dtyz-opt .s{color:var(--text-muted);margin-top:4px;font-size:13px;line-height:1.4;display:block}.dtyz-opt .ck{top:14px;color:#fff;background:#0071e3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;inset-inline-end:14px}.dtyz-opt.chip .ck{margin-top:-11px;top:50%}.dtyz-opt:focus-visible,.dtyz-wrap button:focus-visible,.dtyz-wrap a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dtyz-next{justify-content:flex-start;margin-top:20px;display:flex}.dtyz-next button{color:#fff;background:#0071e3;border:none;border-radius:980px;align-items:center;gap:9px;min-height:50px;padding:14px 28px;font-size:16px;font-weight:700;display:inline-flex}.dtyz-next button:hover{background:#0077ed}.dtyz-res{animation:.5s cubic-bezier(.2,.8,.2,1) dtyzQPop}.dtyz-reshead-t{max-width:640px}.dtyz-reshead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.dtyz-kick{letter-spacing:.03em;color:var(--accent);font-size:13px;font-weight:600}.dtyz-reshead h2{letter-spacing:-.025em;text-wrap:balance;margin:8px 0 0;font-size:clamp(26px,3.6vw,44px);font-weight:700}.dtyz-reshead p{color:var(--text-muted);margin:10px 0 0;font-size:clamp(15px,1.5vw,18px);line-height:1.55}.dtyz-resacts{flex-wrap:wrap;gap:8px;display:flex}.dtyz-resacts button{background:var(--bg);border:1px solid var(--border-strong);color:var(--text);border-radius:980px;align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.dtyz-resacts button:hover{border-color:var(--text)}.dtyz-chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.dtyz-chips span{color:var(--accent-strong);background:var(--accent-tint);border:1px solid #cfe0fb;border-radius:980px;padding:6px 12px;font-size:12.5px;font-weight:600}:root[data-theme=dark] .dtyz-chips span{border-color:#2997ff4d}.dtyz-recs{grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px);margin-top:clamp(24px,3vw,36px);display:grid}.dtyz-rec{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:24px;flex-direction:column;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.dtyz-rec:hover{transform:translateY(-4px);box-shadow:0 22px 50px #10285024}.dtyz-rec.dark{color:#f5f5f7;background:#0a0a0c;border-color:#0a0a0c}:root[data-theme=dark] .dtyz-rec.dark{border-color:#2a2a30}.dtyz-rec .best{top:14px;z-index:1;color:#fff;letter-spacing:.06em;background:#0071e3;border-radius:980px;padding:6px 12px;font-size:11.5px;font-weight:800;position:absolute;inset-inline-start:14px}.dtyz-rec .img{background:#fff;border-radius:18px;justify-content:center;align-items:center;height:200px;padding:18px;display:flex}.dtyz-rec .img img{object-fit:contain;max-width:100%;max-height:100%}.dtyz-rec .cat{color:#86868b;letter-spacing:.04em;margin-top:16px;font-size:12px;font-weight:600}.dtyz-rec h3{letter-spacing:-.02em;text-align:start;margin:4px 0 0;font-size:22px;font-weight:700}.dtyz-rec h3 a{color:inherit;text-decoration:none}.dtyz-rec h3 a:hover{text-underline-offset:4px;text-decoration:underline}.dtyz-rec .why{color:var(--text-muted);margin:8px 0 0;font-size:14.5px;line-height:1.55}.dtyz-rec.dark .why,.dtyz-rec.dark .fits{color:#c7cbd2}.dtyz-rec .fits{color:var(--text-muted);flex-direction:column;gap:7px;margin-top:12px;font-size:13.5px;display:flex}.dtyz-rec .fits>div{align-items:flex-start;gap:8px;display:flex}.dtyz-rec .fk{color:#2997ff;background:#2997ff24;border-radius:6px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}.dtyz-rec .acts{gap:8px;margin-top:auto;padding-top:16px;display:flex}.dtyz-rec .acts button{color:#fff;background:#0071e3;border:none;border-radius:12px;flex:1;min-height:46px;padding:12px;font-size:14.5px;font-weight:700}.dtyz-rec .acts button:hover{background:#0077ed}.dtyz-rec .wa{color:#fff;background:#25d366;border-radius:12px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;text-decoration:none;display:inline-flex}.dtyz-expert{background:var(--bg);border:1px solid var(--border);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(24px,3vw,36px);padding:clamp(20px,2.6vw,30px);display:flex}.dtyz-expert .l{align-items:center;gap:14px;min-width:0;display:flex}.dtyz-expert .ei{background:var(--accent-tint);color:#0071e3;border-radius:14px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dtyz-expert .h{font-size:17px;font-weight:700}.dtyz-expert .s{color:var(--text-muted);margin-top:2px;font-size:14px}.dtyz-expert>button{color:#fff;background:#1d1d1f;border:none;border-radius:980px;min-height:48px;padding:13px 24px;font-size:15px;font-weight:700}:root[data-theme=dark] .dtyz-expert>button{background:#2a2a30}.dtyz-expert>button:hover{background:#0071e3}.dtyz-form{flex-direction:column;gap:10px;display:flex}.dtyz-form h3{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:700}.dtyz-form .sub{color:#6e6e73;margin:0 0 6px;font-size:14px;line-height:1.5}.dtyz-form .dtyt-in{font-size:16px}@media (max-width:900px){.dtyz-page{--g:24px}.dtyz-recs{grid-template-columns:1fr}.dtyz-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.dtyz-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dtyz-q,.dtyz-res{animation:none}.dtyz-opt,.dtyz-rec{transition:none}.dtyz-opt:hover,.dtyz-rec:hover{transform:none}}
