.hs{padding-block:var(--sp-7) var(--section-gap);position:relative}.hs__head{text-align:center;margin-bottom:var(--sp-7);flex-direction:column;align-items:center;gap:10px;display:flex}.hs__head--start{text-align:start;align-items:flex-start}.hs__eyebrow{color:var(--brand);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.hs__eyebrow:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.hs__h2{letter-spacing:-.4px;color:var(--txt);text-wrap:balance;max-width:28ch;font-size:clamp(22px,2.4vw,32px);font-weight:900;line-height:1.5}.hs__h2 em{color:var(--accent-text);font-style:normal}.hs__lead{font-size:var(--fs-body);color:var(--txt-3);max-width:58ch;line-height:1.95}.hs__foot{margin-top:var(--sp-6);flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cmp{--plans:1;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);max-width:980px;box-shadow:var(--sh-1);margin-inline:auto;overflow:hidden}.cmp--multi{max-width:1080px}.cmp__row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) repeat(var(--plans),minmax(0,1.2fr));border-top:1px solid var(--line);align-items:stretch;font-size:14px;display:grid}.cmp__row>*{align-items:center;padding:16px 24px;display:flex}.cmp__row>:nth-child(n+2){text-align:center;justify-content:center}.cmp--multi .cmp__row>*{padding-inline:16px}.cmp__hot{background:var(--accent-soft)}.cmp__row--head{background:var(--surf);color:var(--txt-2);border-top:0;font-size:13px;font-weight:800}.cmp__row--head>*{padding-block:14px}.cmp__row--head>.cmp__hot{background:#c49a3c33}.cmp__muted svg{flex-shrink:0;width:15px;height:15px}.cmp__muted{align-items:center;gap:6px;display:inline-flex}.cmp__vip{color:var(--accent-text);gap:6px}.cmp__vip svg{width:16px;height:16px}.cmp__item{color:var(--txt);gap:10px;font-weight:700}.cmp__item a:hover{color:var(--brand)}.cmp__dot{background:var(--green-300);border-radius:50%;flex-shrink:0;width:8px;height:8px}.cmp__price{color:var(--txt);gap:4px;font-weight:800}.cmp__price small,.cmp__sum small{color:var(--txt-3);font-size:11.5px;font-weight:600}.cmp__ok{color:var(--brand);gap:6px;font-weight:700}.cmp__ok svg{flex-shrink:0;width:16px;height:16px}.cmp__no{color:var(--txt-3);align-items:center;gap:6px;display:inline-flex}.cmp__no svg{width:15px;height:15px;color:var(--danger)}.cmp__muted{color:var(--txt-3);font-size:13px}.cmp__row--total{background:var(--surf);font-weight:800}.cmp__row--total>*{padding-block:20px}.cmp__sum{color:var(--txt);flex-direction:column;gap:2px;font-size:20px;font-weight:900}.cmp__sum em{color:var(--txt-3);font-size:11.5px;font-style:normal;font-weight:600}.cmp__sum--vip{color:var(--accent-text)}.need{max-width:1100px;margin-inline:auto}.need__tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.need__tab{border-radius:var(--r-full);background:var(--panel);border:1px solid var(--line);height:42px;color:var(--txt-2);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-base) var(--spring), box-shadow var(--t-base) var(--ease);align-items:center;gap:8px;padding-inline:16px;font-size:14px;font-weight:700;display:inline-flex}.need__tab svg{width:17px;height:17px}.need__tab:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.need__tab.is-on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:var(--sh-brand)}.need__panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-1);grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;padding:32px;display:grid}.need__panel[hidden]{display:none}.need__pick{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.need__ttl{color:var(--txt);font-size:clamp(18px,1.6vw,22px);font-weight:900;line-height:1.6}.need__ttl a:hover{color:var(--brand)}.need__desc{color:var(--txt-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14.5px;line-height:2;display:-webkit-box;overflow:hidden}.need__row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:8px;padding-top:18px;display:flex}.need__price{color:var(--brand);flex-direction:column;font-size:20px;font-weight:900;line-height:1.4;display:flex}.need__price small{color:var(--txt-3);font-size:12px;font-weight:600}.need__price em{color:var(--accent-text);font-size:12px;font-style:normal;font-weight:700}.need__art{flex-direction:column;gap:12px;display:flex}.need__cover{aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--surf);display:block;overflow:hidden}.need__cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-slow) var(--ease);display:block}.need__cover:hover img{transform:scale(1.03)}.need__ph{color:#fff;background:linear-gradient(135deg, var(--green-700), var(--green-500));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.need__ph svg{opacity:.9;width:56px;height:56px}.need__cat{color:var(--brand);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.need__cat svg{width:15px;height:15px}.need__cat:hover{text-underline-offset:4px;text-decoration:underline}.rev{grid-template-columns:300px 1fr;align-items:start;gap:32px;display:grid}.rev__sum{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);flex-direction:column;align-items:flex-start;gap:8px;padding:28px;display:flex}.rev__sum .hs__head{gap:6px;margin-bottom:8px}.rev__sum .hs__h2{font-size:20px}.rev__big{color:var(--txt);letter-spacing:-1px;align-items:baseline;gap:6px;font-size:54px;font-weight:900;line-height:1;display:flex}.rev__big small{color:var(--txt-3);font-size:14px;font-weight:600}.rev__cnt{color:var(--txt-3);font-size:13px}.rev__bars{flex-direction:column;gap:7px;width:100%;margin-top:12px;display:flex}.rev__bars li{color:var(--txt-3);grid-template-columns:14px 1fr 22px;align-items:center;gap:10px;font-size:12px;display:grid}.rev__bars i{background:var(--surf-2);border-radius:7px;height:7px;display:block;position:relative;overflow:hidden}.rev__bars i:after{content:"";width:var(--w);background:var(--accent);border-radius:7px;position:absolute;inset-block:0;inset-inline-start:0}.rev__bars small{text-align:end;font-size:11px}.rev__list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:16px;display:grid}.rev__card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex}.rev__card p{color:var(--txt-2);-webkit-line-clamp:5;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:2;display:-webkit-box;overflow:hidden}.rev__card footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding-top:14px;font-size:13px;display:flex}.rev__who{flex-direction:column;flex:120px;gap:2px;min-width:0;display:flex}.rev__who b{color:var(--txt);font-weight:800}.rev__who small{color:var(--success);white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:inline-flex}.rev__who small svg{width:12px;height:12px}.rev__card footer .chip{flex-shrink:0;max-width:100%;height:26px;margin-inline-start:auto;font-size:11.5px}.rev__av{background:hsl(var(--hue,160) 45% 92%);width:36px;height:36px;color:hsl(var(--hue,160) 45% 32%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rev__av svg{width:18px;height:18px}.vs{grid-template-columns:1fr 64px 1fr;align-items:stretch;max-width:1040px;margin-inline:auto;display:grid}.vs__col{border-radius:var(--r-xl);flex-direction:column;gap:18px;padding:30px;display:flex}.vs__col header{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.vs__col header b{font-size:20px;font-weight:900}.vs__tag{border-radius:var(--r-full);background:var(--danger-soft);color:var(--danger);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.vs__tag svg{width:14px;height:14px}.vs__tag--good{color:var(--gold-300);background:#ffffff1f}.vs__col ul{flex-direction:column;gap:12px;font-size:14px;line-height:1.8;display:flex}.vs__col li{align-items:flex-start;gap:10px;display:flex}.vs__col li svg{flex-shrink:0;width:18px;height:18px;margin-top:4px}.vs__col--bad{background:var(--panel);border:1px solid var(--line);color:var(--txt-2)}.vs__col--bad li svg{color:var(--danger)}.vs__col--good{background:linear-gradient(160deg, var(--green-700), var(--green-900));color:#ffffffd9;box-shadow:var(--sh-3)}.vs__col--good header b{color:#fff}.vs__col--good li svg{color:var(--gold-300)}.vs__col--good .btn{align-self:flex-start;margin-top:auto}.vs__mid{justify-content:center;align-items:center;display:flex}.vs__mid span{background:var(--panel);border:1px solid var(--line);width:48px;height:48px;box-shadow:var(--sh-1);color:var(--txt-3);border-radius:50%;justify-content:center;align-items:center;font-size:10.5px;font-weight:800;display:inline-flex}.steps{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin-inline:auto;display:grid;position:relative}.steps:before{content:"";top:46px;border-top:2px dashed var(--gold-300);position:absolute;inset-inline:16%}.steps li{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex;position:relative}.steps__ic{background:var(--panel);border:1px solid var(--line);width:64px;height:64px;color:var(--brand);box-shadow:var(--sh-1), 0 0 0 10px var(--bg);border-radius:20px;justify-content:center;align-items:center;display:inline-flex}.steps__ic svg{width:28px;height:28px}.steps__n{top:14px;background:var(--accent);width:26px;height:26px;color:var(--green-900);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex;position:absolute;inset-inline-start:calc(50% + 18px)}.steps b{color:var(--txt);margin-top:6px;font-size:16.5px;font-weight:800}.steps p{color:var(--txt-3);max-width:30ch;font-size:13.5px;line-height:1.9}.hfaq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:56px;display:grid}.hfaq__aside{top:calc(var(--hdr-h) + 24px);flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:sticky}.hfaq__aside .hs__head{margin-bottom:12px}.hfaq__list{flex-direction:column;gap:10px;display:flex}.hfaq__i{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--t-fast) var(--ease);overflow:hidden}.hfaq__i[open]{border-color:#125c454d}.hfaq__i summary{cursor:pointer;color:var(--txt);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:800;list-style:none;display:flex}.hfaq__i summary::-webkit-details-marker{display:none}.hfaq__i summary svg{width:18px;height:18px;color:var(--txt-3);transition:transform var(--t-base) var(--ease), color var(--t-base);flex-shrink:0}.hfaq__i[open] summary svg{color:var(--brand);transform:rotate(180deg)}.hfaq__i p{color:var(--txt-2);padding:0 20px 18px;font-size:14px;line-height:2}@media (max-width:980px){.need__panel{grid-template-columns:1fr;gap:22px;padding:24px}.need__art{order:-1}.rev{grid-template-columns:1fr}.rev__sum{flex-flow:wrap;align-items:center;gap:10px 18px}.rev__sum .hs__head,.rev__bars{flex-basis:100%}.vs{grid-template-columns:1fr;gap:14px}.vs__mid{display:none}.steps{grid-template-columns:1fr;gap:8px}.steps:before{display:none}.steps li{text-align:start;flex-direction:row;grid-template-columns:64px 1fr;align-items:flex-start;column-gap:16px;padding:16px 8px;display:grid}.steps__ic{box-shadow:var(--sh-1);grid-row:1/3}.steps b{margin-top:0}.steps p{max-width:none}.steps__n{top:8px;inset-inline-start:52px}.hfaq{grid-template-columns:1fr;gap:24px}.hfaq__aside{position:static}}@media (max-width:640px){.hs{padding-block:var(--sp-7) var(--sp-8)}.hs__head{margin-bottom:var(--sp-6)}.cmp{border-radius:var(--r-lg)}.cmp__row{border-top:1px solid var(--line-2);grid-template-columns:1fr}.cmp__row>*{padding:10px 16px}.cmp__row>:first-child{padding-top:14px}.cmp__row>:last-child{padding-bottom:14px}.cmp__row>:nth-child(n+2){text-align:start;justify-content:space-between}.cmp__row>[data-label]:before{content:attr(data-label);color:var(--txt-3);margin-inline-end:auto;font-size:12px;font-weight:600}.cmp__row>.cmp__plan:before{color:var(--accent-text)}.cmp__row--head{display:none}.cmp__sum{flex-flow:wrap;align-items:baseline;gap:6px;font-size:17px}.cmp__sum em{text-align:end;flex-basis:100%}.need__tabs{margin-inline:calc(-1 * var(--pad));padding-bottom:6px;padding-inline:var(--pad);scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.need__tabs::-webkit-scrollbar{display:none}.need__tab{flex-shrink:0;height:38px;font-size:13px}.need__panel{border-radius:var(--r-lg);padding:18px}.rev__sum{padding:20px}.rev__big{font-size:44px}.vs__col{padding:22px}.hfaq__i summary{padding:14px 16px;font-size:14px}.hfaq__i p{padding:0 16px 14px}}@media (prefers-reduced-motion:reduce){.need__tab:hover,.need__cover:hover img{transform:none}}
