.th{padding-top:clamp(140px,15vw,190px);padding-bottom:clamp(40px,5vw,64px);display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.th h1{font-size:clamp(46px,6.4vw,92px);line-height:.96;letter-spacing:-.056em}
.crumb{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink3)}.crumb a{color:var(--ink2)}.crumb b{font-weight:500;color:var(--ink)}
.cmeta{display:flex;gap:24px;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--ink3)}
.cother a{color:var(--ink);margin-left:10px;border-bottom:1px solid var(--line)}
.tcats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.catc{display:flex;flex-direction:column;gap:16px;padding:14px;border-radius:var(--r);background:var(--s1);transition:transform .5s var(--ease)}
.catc:hover{transform:translateY(-3px);color:var(--ink)}
.cw{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden}
.cw i{position:absolute;width:62%;aspect-ratio:4/3;border-radius:8px;background:var(--s2);box-shadow:var(--sh);transition:transform .7s var(--ease)}
.cw i:nth-child(1){left:6%;top:24%;transform:rotate(-5deg)}.cw i:nth-child(2){left:20%;top:16%}.cw i:nth-child(3){left:34%;top:28%;transform:rotate(4deg)}
.catc:hover .cw i:nth-child(1){transform:translateX(-6%) rotate(-8deg)}.catc:hover .cw i:nth-child(3){transform:translateX(6%) rotate(7deg)}
.catc>div:last-of-type{display:flex;flex-direction:column;gap:2px;padding:0 6px}.catc b{font-weight:500;font-size:16px}.catc span{font-size:13.5px;color:var(--ink3)}
.catc{position:relative}.catc em{position:absolute;right:20px;bottom:22px;font-style:normal;color:var(--ink3);transition:transform .4s var(--ease)}.catc:hover em{transform:translateX(4px);color:var(--ink)}
@media(max-width:900px){.tcats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tsec{padding-top:clamp(56px,6vw,90px)}
.tbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--line2)}
.tsr{display:flex;align-items:center;gap:16px}
.tsr input{width:240px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--s2);font:14px Geist,sans-serif;color:var(--ink);outline:none}
.tsr input:focus{border-color:var(--blue)}
.tgrid .tcard{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.tgrid .tcard.in{opacity:1;transform:none}
.ttag{position:absolute;left:14px;top:14px;z-index:3;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--blue);color:#fff}
.tpv{position:absolute;right:14px;bottom:14px;z-index:3;font-size:13px;font-weight:500;padding:7px 14px;border-radius:999px;background:var(--btn);color:var(--btnT);opacity:0;transform:translateY(6px);transition:all .4s var(--ease)}
.tcard:hover .tpv{opacity:1;transform:none}
.tempty{padding:40px 0;color:var(--ink3)}
.tband{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;background:var(--s1);border-radius:var(--rl);padding:clamp(28px,4vw,56px)}
.tband>div:first-child{display:flex;flex-direction:column;gap:18px}
.tband h2{font-size:clamp(30px,3.6vw,48px)}
.incl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.incl div{display:flex;flex-direction:column;gap:10px}.incl i{width:34px;height:34px;border-radius:10px;background:var(--blueT);color:var(--blue);display:grid;place-items:center;margin-bottom:8px}.incl i svg{width:18px;height:18px}
.incl h3{font-size:18px}.incl p{font-size:15px}
@media(max-width:860px){.incl{grid-template-columns:1fr 1fr}}
.tp{padding-top:clamp(120px,12vw,150px);display:flex;flex-direction:column;gap:24px}
.tph{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:clamp(24px,3vw,48px);align-items:start}
.tpbig,.tpdev{border-radius:18px;overflow:hidden;background:var(--s2);border:1px solid var(--line2);box-shadow:var(--sh)}
.tpimg{aspect-ratio:16/10;background:var(--s1);display:grid;place-items:center}
.tpths{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.tpth{aspect-ratio:16/10;border-radius:12px;background:var(--s1);border:1.5px solid transparent;cursor:pointer;display:grid;place-items:center;padding:6px;transition:border-color .3s}
.tpth .mono{font-size:11px;text-align:center}.tpth.on{border-color:var(--blue)}
.tpbuy{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.tpbuy h1{font-size:clamp(44px,4.6vw,64px);letter-spacing:-.055em;line-height:1}
.tpprice{display:flex;flex-direction:column;gap:4px;padding:18px 0;border-block:1px solid var(--line2)}
.tpprice b{font-size:40px;font-weight:500;letter-spacing:-.05em;line-height:1}.tpprice span{font-size:13.5px;color:var(--ink3)}
.tpcta{display:flex;gap:8px;flex-wrap:wrap}.tpcta .b{flex:1;justify-content:center}
.tpfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tpfacts div{background:var(--s1);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:2px}
.tpfacts b{font-size:24px;font-weight:500;letter-spacing:-.04em}.tpfacts span{font-size:12.5px;color:var(--ink3)}
.tpinc{font-size:14px}.tpinc a{color:var(--blue)}
@media(max-width:900px){.tph{grid-template-columns:1fr}.tpbuy{position:static}}
.dvs{display:flex;justify-content:center;gap:4px;margin:-20px auto 32px;padding:4px;border-radius:999px;background:var(--s1);width:max-content}
.dv{padding:8px 18px;border:0;border-radius:999px;background:none;font:500 14px Geist,sans-serif;color:var(--ink2);cursor:pointer;transition:all .3s}.dv.on{background:var(--s2);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.tpframe{display:flex;justify-content:center}
.tpdev{width:100%;max-width:1000px;transition:max-width .7s var(--ease)}
.tpframe[data-d="t"] .tpdev{max-width:600px}.tpframe[data-d="m"] .tpdev{max-width:340px}
.tpframe[data-d="t"] .tpimg{aspect-ratio:3/4}.tpframe[data-d="m"] .tpimg{aspect-ratio:9/17}
.inside{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);align-items:start}
.inside>div:first-child{display:flex;flex-direction:column;gap:22px;position:sticky;top:110px}
.plist{display:flex;flex-direction:column}
.plist div{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line2);font-size:17px}
.plist div:last-child{border-bottom:1px solid var(--line2)}.plist b{font-weight:500;letter-spacing:-.02em}
.plist em{font-style:normal;font-size:12px;font-weight:500;padding:3px 9px;border-radius:999px;background:var(--blueT);color:var(--blue)}
@media(max-width:860px){.inside{grid-template-columns:1fr}.inside>div:first-child{position:static}}
.tbar .flt button{white-space:nowrap}

.tphl{display:flex;flex-direction:column;gap:8px}
.tphl[hidden],.tempty[hidden]{display:none}
.tphl>.mono{font-size:12.5px;color:var(--ink3)}
.tpo{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line2);border-radius:14px;cursor:pointer;transition:border-color .25s,background .25s}
.tpo:has(input:checked){border-color:var(--blue);background:var(--s1)}
.tpo input{accent-color:var(--blue);margin:3px 0 0}
.tpo span{display:flex;flex-direction:column;gap:3px}.tpo b{font-weight:500;font-size:15px}.tpo em{font-style:normal;font-size:13.5px;color:var(--ink2);line-height:1.45}
.tpnote{font-size:13.5px;color:var(--ink2);margin:4px 0 0}.tpnote a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.dv[disabled]{opacity:.4;cursor:not-allowed}
.tbld{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;padding:3px 8px;border-radius:99px;border:1px solid var(--line);color:var(--ink2);margin-left:6px;vertical-align:1px}