.cl9{--ease-eo:cubic-bezier(0, 0, .58, 1);background:#fff;flex-direction:column;align-items:center;gap:44px;padding:150px 0 110px;display:flex}.cl9 .cl9-lab{font:500 13px / normal var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--color-mute);white-space:nowrap}.cl9 .cl9-grid{grid-template-columns:repeat(4,300px);row-gap:8px;display:grid}.cl9 .cl9-foot{font:400 14px / normal var(--font-body);color:var(--color-mute)}.cl9 .cc{width:300px;height:120px;position:relative}.cl9 .cc-bg{border-radius:var(--radius-cell);background:var(--color-paper);opacity:0;width:284px;height:104px;transition:opacity .25s var(--ease-eo);position:absolute;top:8px;left:8px}.cl9 .cc:hover .cc-bg,.cl9 .cc:focus-within .cc-bg{opacity:1}.cl9 .cc-f{transition:opacity .6s var(--ease-io);position:absolute;inset:0}.cl9 .cc-f.off{opacity:0;pointer-events:none}.cl9 .cc-logo{opacity:.62;transition:opacity .25s var(--ease-eo);position:absolute}.cl9 .cc-word{text-align:center;font:600 26px / normal var(--font-body);letter-spacing:-.6px;color:var(--color-ink);opacity:.62;white-space:nowrap;transition:opacity .25s var(--ease-eo);position:absolute;left:0;right:0}.cl9 .cc-word.s{font-size:22px}.cl9 .cc:hover .cc-logo,.cl9 .cc:hover .cc-word,.cl9 .cc:focus-within .cc-logo,.cl9 .cc:focus-within .cc-word{opacity:1}.cl9 .cc-card{z-index:4;border:1px solid var(--color-rule-2);width:300px;box-shadow:var(--shadow-card);opacity:0;pointer-events:none;transition:opacity .25s var(--ease-eo), transform .25s var(--ease-eo);background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px;display:flex;position:absolute;bottom:134px;left:0;transform:translateY(6px)}.cl9 .cc-card:after{content:"";clip-path:polygon(6.7% 0,93.3% 0,50% 100%);background:#fff;width:18px;height:7.5px;position:absolute;bottom:-8.5px;left:141px}.cl9 .cc:hover .cc-card,.cl9 .cc:focus-within .cc-card{opacity:1;pointer-events:auto;transform:none}.cl9 .cc-f.off .cc-card{display:none}.cl9 .cc-card b{font:600 17px / 22px var(--font-body);color:var(--color-ink);white-space:nowrap}.cl9 .cc-chips{gap:6px;display:flex}.cl9 .cc-chips span{border-radius:var(--radius-pill);background:var(--color-peach);font:500 12px / 14px var(--font-body);color:var(--color-peach-text);white-space:nowrap;padding:5px 10px}.cl9 .cc-card p{font:400 14px / 20px var(--font-body);color:var(--color-text-2)}.cl9 .cc-card a{font:500 13px / normal var(--font-body);color:var(--color-orange-text);gap:6px;display:flex}@media (max-width:1100px){.cl9 .cl9-grid{grid-template-columns:repeat(2,300px)}}@media (max-width:700px){.cl9 .cl9-grid{zoom:calc((100vw - 2 * var(--gutter-sm)) / 600px)}}
.ts9{background:var(--color-white);padding:130px 0}.ts9 .ts9-in{width:var(--column);flex-direction:column;align-items:center;gap:70px;margin:0 auto;display:flex}.ts9 .ts9-top{flex-direction:column;gap:43px;width:100%;display:flex}.ts9 .ts9-hd{white-space:nowrap;justify-content:space-between;align-items:center;display:flex}.ts9 .ts9-hd h2{font:600 50px / 1.1 var(--font-display);letter-spacing:-2px;color:var(--color-ink)}.ts9 .ts9-hd p{font:400 18px / 26px var(--font-body);color:var(--color-mute)}.ts9 .ts9-rows{flex-direction:column;gap:30px;display:flex}.ts9 .ts9-rule{background:var(--color-rule-2);height:1px;display:block}.ts9 .ts9-cols{transition:opacity var(--dur-fast) var(--ease-io);align-items:center;display:flex}.ts9 .ts9-cols.sw{opacity:0}.ts9 .tq{border-left:1px solid var(--color-rule);flex:none;width:396px;height:380px;margin:0;position:relative}.ts9 .tq-logo{opacity:.6;height:34px;position:absolute;top:0;left:27px;-webkit-mask-position:0;mask-position:0}.ts9 .tq-logo.t{height:44px;top:-6px}.ts9 .tq-word{font:600 24px / normal var(--font-body);letter-spacing:-.6px;color:var(--color-ink);white-space:nowrap;position:absolute;top:0;left:27px}.ts9 .tq-q{width:332px;font:400 18px / 28px var(--font-body);color:var(--color-ink);margin:0;position:absolute;top:72px;left:27px}.ts9 .tq-b{border:1px solid var(--color-line);font:500 13px / normal var(--font-body);color:var(--color-ink);white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:8px;align-items:center;gap:6px;padding:7px 12px;display:flex;position:absolute;top:270px;left:27px}.ts9 .tq-b b{color:var(--color-orange-text);transition:transform var(--dur-fast) var(--ease-out);font-weight:500}.ts9 .tq-b:hover{border-color:var(--color-ink)}.ts9 .tq-b:hover b{transform:translate(3px)}.ts9 .tq-n{font:500 14px / 20px var(--font-body);color:var(--color-ink);white-space:nowrap;position:absolute;top:332px;left:27px}.ts9 .tq-r{font:400 13px / 18px var(--font-body);color:var(--color-mute);white-space:nowrap;position:absolute;top:354px;left:27px}.ts9 .ts9-ctl{align-items:center;gap:28px;display:flex}.ts9 .ts9-b{border-radius:var(--radius-pill);background:var(--color-white);border:1px solid var(--color-line);width:44px;height:44px;font:500 16px / normal var(--font-body);color:var(--color-ink);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.ts9 .ts9-b:hover{border-color:var(--color-ink)}.ts9 .ts9-dots{align-items:center;gap:10px;display:flex}.ts9 .ts9-dots i{background:var(--color-line);width:7px;height:7px;transition:width .5s var(--ease-io), background .5s var(--ease-io);border-radius:4px;display:block}.ts9 .ts9-dots i.on{background:var(--color-orange);width:22px}@media (max-width:1679px){.ts9 .ts9-in{zoom:calc(100vw / 1680px)}}@media (max-width:1100px){.ts9 .ts9-in{zoom:1;width:auto;padding:0 var(--gutter-sm)}.ts9 .ts9-hd{white-space:normal;flex-direction:column;align-items:flex-start;gap:12px}.ts9 .ts9-hd h2{font-size:var(--text-section)}.ts9 .ts9-cols{scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}.ts9 .tq{scroll-snap-align:start}}