.stc{--stc-ink:#111;--stc-ink-2:#3b3b3b;--stc-blue:#1d44c4;--stc-blue-deep:#16359c;--stc-sky:#dfe8fb;--stc-yellow:#f5d542;--stc-red:#e23b2e;--stc-red-deep:#d4352a;--stc-paper:#f0eee9;--stc-sans:var(--font-figtree), var(--font-archivo), ui-sans-serif, system-ui, sans-serif;--stc-out:cubic-bezier(.16, 1, .3, 1);--stc-spring:cubic-bezier(.34, 1.56, .64, 1);--stc-pad-x:clamp(20px, 5vw, 72px);--stc-head:64px;font-family:var(--stc-sans);color:var(--stc-ink);overflow-x:clip}@media (min-width:1024px){.stc{--stc-head:70px;--stc-screen:calc(100svh - 70px)}}.stc section{scroll-margin-top:70px}.stc svg text{font-family:var(--stc-sans)}.stc-sheet{position:relative}.stc-stage{background:var(--stc-tone,#fff);position:relative}.stc-hold{height:calc(var(--hold) * 1vh);height:calc(var(--hold) * 1svh);display:none}.stc-sheet[data-pin]>.stc-stage{top:var(--stc-head);position:sticky}.stc-sheet[data-pin]>.stc-hold{display:block}@media (max-width:1023.98px){.stc-sheet[data-pin]>.stc-stage:after{content:"";background:var(--stc-tone,#fff);pointer-events:none;height:20svh;position:absolute;top:100%;left:0;right:0}}@media print{.stc-sheet{--stc-p:1!important;--stc-e:1!important}.stc-hold{display:none!important}.stc-sheet[data-pin]>.stc-stage{position:relative}}.stc-pill{height:32px;font:800 12.5px/1 var(--stc-sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:10px;margin:0;padding:0 15px;display:inline-flex}.stc-pill i{background:var(--stc-red);border-radius:50%;width:7px;height:7px}.stc-pill--ink{border-color:var(--stc-ink);background:var(--stc-ink);color:var(--stc-yellow)}.stc-pill--line{color:#fff;border-color:#ffffffa6}.stc-pill--line i{background:var(--stc-yellow)}.stc-btn{border:2px solid var(--stc-ink);background:var(--stc-ink);color:#fff;height:clamp(46px,7.2svh,56px);font:800 15.5px/1 var(--stc-sans);letter-spacing:.01em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 22px 0 26px;transition:background-color .25s,border-color .25s,color .25s;display:inline-flex}.stc-btn:hover{border-color:var(--stc-red);background:var(--stc-red)}.stc-btn:focus-visible{outline:3px solid var(--stc-blue);outline-offset:3px}.stc-btn__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;transition:translate .3s var(--stc-out);flex:none}.stc-btn:hover .stc-btn__icon{translate:0 2px}.stc-btn:hover .stc-btn__icon--go{translate:4px}.stc-btn--ghost{color:var(--stc-ink);background:0 0}.stc-btn--ghost:hover{border-color:var(--stc-ink);background:var(--stc-ink);color:#fff}.stc-btn--paper{color:var(--stc-ink);background:#fff;border-color:#fff}.stc-btn--paper:hover{border-color:var(--stc-ink);background:var(--stc-ink);color:#fff}.stc-btn--paper:focus-visible,.stc-btn--line:focus-visible{outline-color:var(--stc-yellow)}.stc-btn--line{color:#fff;background:0 0;border-color:#ffffffb3}.stc-btn--line:hover{color:var(--stc-ink);background:#fff;border-color:#fff}@keyframes stc-mark{0%{background-size:0% .3em}}@keyframes stc-roll{0%{clip-path:inset(-8px 100% -8px -8px)}to{clip-path:inset(-8px)}}@keyframes stc-roll-bar{0%{opacity:1;right:100%}85%{opacity:1}to{opacity:0;right:0}}.stc-stage .stc-in{--ei:clamp(0, (var(--stc-e,1) - .18 - var(--o,0) * .07) / .4, 1);clip-path:inset(-8px calc((1 - var(--ei)) * 100% - var(--ei) * 8px) -8px -8px);position:relative}.stc-stage .stc-in:after{content:"";top:0;right:calc((1 - var(--ei)) * 100%);background:var(--stc-bar,var(--stc-red));width:5px;opacity:min(clamp(0, var(--ei) * 40, 1), clamp(0, (1 - var(--ei)) * 8, 1));pointer-events:none;position:absolute;bottom:0}.stc-clip{isolation:isolate;background:#fff;position:relative;overflow:clip}.stc-clip:before{content:"";z-index:-1;background-image:linear-gradient(#1d44c413 1px,#0000 1px),linear-gradient(90deg,#1d44c413 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 85% at 76%,#000 30%,#0000 80%);mask-image:radial-gradient(60% 85% at 76%,#000 30%,#0000 80%)}.stc-clip__inner{padding:clamp(40px, 7svh, 72px) var(--stc-pad-x) 48px;min-height:var(--stc-screen,auto);grid-template-columns:minmax(0,1fr);gap:28px;display:grid}@media (min-width:1024px){.stc-clip__inner{height:var(--stc-screen);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,3vw,56px);padding-block:0}}.stc-clip__copy{flex-direction:column;align-items:flex-start;gap:clamp(14px,2.7svh,26px);display:flex}.stc-clip__title{font:900 clamp(40px, min(8.6svh, 4.4vw), 78px) / 1 var(--stc-sans);letter-spacing:-.045em;margin:0}.stc-clip__title span{width:fit-content;display:block}.stc-clip__title mark{color:inherit;background:linear-gradient(var(--stc-yellow), var(--stc-yellow)) no-repeat 0 88% / 100% .3em;padding:0 .04em}.stc-clip__title span:nth-child(3){color:var(--stc-blue)}.stc-clip__lede{max-width:34em;font:500 clamp(16px, 2.6svh, 19px) / 1.55 var(--stc-sans);color:var(--stc-ink-2);margin:0}.stc-clip__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stc-clip__note{font:600 15px/1.4 var(--stc-sans);color:var(--stc-ink-2);margin:0}.stc-clip__note strong{color:var(--stc-ink);font-weight:800}.stc-clip__art{justify-content:center;align-items:center;min-height:0;display:flex}.stc-clip__svg{width:100%;max-width:560px;height:auto;display:block}@media (min-width:1024px){.stc-clip__art{height:100%;padding-block:clamp(14px,4svh,44px)}.stc-clip__svg{max-width:none;height:100%}}.stc-clip__paper{fill:#fff}.stc-clip__edge{fill:none;stroke:var(--stc-ink);stroke-width:3px}.stc-clip__band{fill:var(--stc-blue)}.stc-clip__rule{fill:var(--stc-ink)}.stc-clip__bar{fill:var(--stc-sky)}.stc-clip__brand{letter-spacing:-.02em;fill:#fff;font-size:23px;font-weight:900}.stc-clip__help{fill:#fff;font-size:16px;font-weight:700}.stc-clip__gate{fill:var(--stc-sky)}.stc-clip__gatehead{fill:var(--stc-blue)}.stc-clip__gatetext{fill:#fff;font-size:16px;font-weight:800}.stc-clip__hl{fill:var(--stc-yellow)}.stc-clip__line{fill:#11111147}.stc-clip__key rect{fill:#fff;stroke:#a8bbe8;stroke-width:1.5px}.stc-clip__key text{fill:var(--stc-ink);font-size:16px;font-weight:600}.stc-clip__fk{fill:var(--stc-blue);font-weight:800}.stc-clip__key--off text{fill:#8e9cc0}.stc-clip__newbtn{fill:var(--stc-yellow);stroke:var(--stc-ink);stroke-width:2.5px}.stc-clip__newtext{fill:var(--stc-ink);font-size:16px;font-weight:800}.stc-clip__toast>rect{fill:var(--stc-ink)}.stc-clip__tick{fill:var(--stc-yellow)}.stc-clip__tickmark{fill:none;stroke:var(--stc-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.stc-clip__toast1{fill:#fff;font-size:17px;font-weight:800}.stc-clip__toast2{fill:var(--stc-yellow);font-size:14.5px;font-weight:600}.stc-clip__card{fill:var(--stc-yellow);stroke:var(--stc-ink);stroke-width:3px;stroke-linejoin:round}.stc-clip__ear{fill:#fff;stroke:var(--stc-ink);stroke-width:3px;stroke-linejoin:round}.stc-clip__file{letter-spacing:-.02em;fill:var(--stc-ink);font-size:25px;font-weight:900}.stc-clip__sub{fill:var(--stc-ink);font-size:15px;font-weight:600}.stc-clip__stamp rect{fill:var(--stc-ink)}.stc-clip__stamp text{letter-spacing:.04em;fill:var(--stc-yellow);font-size:13px;font-weight:800}.stc-clip__wire{fill:none;stroke:var(--stc-ink);stroke-width:4.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.stc-clip__cursor path{fill:var(--stc-ink);stroke:#fff;stroke-width:2px;stroke-linejoin:round}@keyframes stc-clip-sheet{0%{opacity:0;transform:translateY(26px)}}.stc-clip{--tp:var(--stc-p,1);--pr:min(clamp(0, (var(--tp) - .77) / .015, 1), clamp(0, (.865 - var(--tp)) / .015, 1))}@media (prefers-reduced-motion:no-preference){.stc-clip__sheet{animation:stc-clip-sheet .9s var(--stc-out) .15s both}}.stc-clip__in{animation:stc-roll .85s cubic-bezier(.65, 0, .35, 1) var(--t,0s) both;position:relative}.stc-clip__in:after{content:"";background:var(--stc-red);pointer-events:none;width:5px;animation:stc-roll-bar .85s cubic-bezier(.65, 0, .35, 1) var(--t,0s) both;position:absolute;top:0;bottom:0}.stc-clip__title mark{animation:stc-mark .7s var(--stc-out) 1s both}.stc-clip__slip{--dr:clamp(0, (var(--tp) - .02) / .18, 1);--bn:sin(clamp(0, (var(--tp) - .2) / .07, 1) * 180deg);--im:sin(clamp(0, (var(--tp) - .43) / .08, 1) * 180deg);transform-box:fill-box;transform-origin:50% 0;translate:0 calc((1 - var(--dr) * var(--dr)) * -62px - var(--bn) * 10px + var(--im) * 7px);rotate:calc(var(--stc-v,0) * 5deg)}.stc-clip__wire{--wd:clamp(0, (var(--tp) - .2) / .2, 1);stroke-dashoffset:calc(1 - var(--wd));opacity:clamp(0, var(--wd) * 40, 1)}.stc-clip__stamp{--sg:clamp(0, (var(--tp) - .42) / .05, 1);transform-box:fill-box;transform-origin:50%;opacity:clamp(0, var(--sg) * 4, 1);scale:calc(1 + 1.6 * (1 - var(--sg)) * (1 - var(--sg)));rotate:calc((1 - var(--sg)) * -16deg)}.stc-clip__slot{fill:none;stroke:var(--stc-ink);stroke-opacity:.4;stroke-width:2px;stroke-dasharray:7 7;opacity:clamp(0, 1 - (var(--tp) - .48) / .06, 1)}.stc-clip__new{--pg:clamp(0, (var(--tp) - .5) / .07, 1);--pb:clamp(0, (var(--tp) - .57) / .07, 1);transform-box:fill-box;transform-origin:50%;opacity:clamp(0, var(--pg) * 4, 1);scale:calc(.3 + .88 * var(--pg) - .18 * var(--pb))}.stc-clip__burst{--bx:clamp(0, (var(--tp) - .52) / .12, 1);fill:none;stroke:var(--stc-ink);stroke-width:3px;transform-box:fill-box;transform-origin:50%;scale:calc(1 + .55 * var(--bx));opacity:calc(sin(var(--bx) * 180deg) * .9)}.stc-clip__newbtn{fill:color-mix(in srgb, var(--stc-ink) calc(var(--pr) * 100%), var(--stc-yellow))}.stc-clip__newtext{fill:color-mix(in srgb, var(--stc-yellow) calc(var(--pr) * 100%), var(--stc-ink))}.stc-clip__cursor{--cu:clamp(0, (var(--tp) - .6) / .17, 1);transform-box:fill-box;transform-origin:0 0;opacity:clamp(0, var(--cu) * 6, 1);translate:calc((1 - var(--cu)) * (1 - var(--cu)) * -190px) calc((1 - var(--cu)) * (1 - var(--cu)) * (1 - var(--cu)) * 170px);scale:calc(1 - .16 * var(--pr))}.stc-clip__toast{--ts:clamp(0, (var(--tp) - .84) / .1, 1);opacity:clamp(0, var(--ts) * 3, 1);translate:0 calc((1 - var(--ts)) * (1 - var(--ts)) * 26px)}.stc-clip__tickmark{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, (var(--tp) - .92) / .05, 1))}.stc-clip__cue{z-index:1;left:var(--stc-pad-x);font:800 12.5px/1 var(--stc-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--stc-ink-2);opacity:clamp(0, (1 - var(--tp)) * 14, 1);align-items:center;gap:12px;margin:0;display:none;position:absolute;bottom:clamp(10px,2.4svh,22px)}.stc-clip__cue i{background:#11111124;width:96px;height:4px;position:relative}.stc-clip__cue i:after{content:"";background:var(--stc-red);transform-origin:0;transform:scaleX(var(--tp));position:absolute;inset:0}@media (min-width:1024px){.stc-clip__cue{display:flex}}@media (max-width:1023.98px){.stc-pill{letter-spacing:.04em;font-size:13px}.stc-btn{height:48px;padding:0 16px 0 18px;font-size:15px}.stc-clip__inner{gap:14px;padding-top:clamp(16px,2.6svh,24px);padding-bottom:clamp(16px,2.6svh,24px)}.stc-clip__copy{gap:12px}.stc-clip__title{font-size:clamp(34px,9.5vw,46px);line-height:1.05}.stc-clip__lede{font-size:16px;line-height:1.5}.stc-clip__actions{gap:8px}.stc-clip__art{overflow:hidden}.stc-clip__svg{flex:none;width:116.667%;max-width:653.333px}.stc-clip__help,.stc-clip__gatetext,.stc-clip__key text,.stc-clip__newtext,.stc-clip__toast1,.stc-clip__sub{font-size:17.5px}.stc-clip__toast2{font-size:16px}.stc-clip__stamp text{font-size:15px}}
.stc-man{--stc-bar:var(--stc-red);background:var(--stc-paper);border-top:2px solid var(--stc-ink);position:relative}.stc-man__inner{padding:clamp(28px, 5svh, 56px) var(--stc-pad-x);min-height:var(--stc-screen,auto);flex-direction:column;gap:clamp(14px,2.8svh,30px);display:flex}@media (min-width:1024px){.stc-man__inner{min-height:0;height:calc(var(--stc-screen) - 2px)}}.stc-man__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;display:flex}.stc-man__intro{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.stc-man__title{font:900 clamp(30px, min(6svh, 3.7vw), 56px) / 1.02 var(--stc-sans);letter-spacing:-.042em;margin:0}.stc-man__parts{border:2.5px solid var(--stc-ink);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:12px 18px;display:flex}.stc-man__parts-head{border-right:2px solid var(--stc-ink);font:800 12.5px/1.2 var(--stc-sans);letter-spacing:.1em;text-transform:uppercase;margin:0;padding-right:18px}.stc-man__parts ul{flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none;display:flex}.stc-man__parts li{font:600 16px/1.2 var(--stc-sans);align-items:center;gap:10px;display:flex}.stc-man__parts b{font-weight:900}.stc-man__part-icon{fill:none;width:26px;height:28px;stroke:var(--stc-ink);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round;flex:none}.stc-man__part-link{font:800 15px/1 var(--stc-sans);color:var(--stc-blue);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.stc-man__part-link:hover{color:var(--stc-red)}.stc-man__part-link:focus-visible{outline:3px solid var(--stc-blue);outline-offset:3px;border-radius:4px}.stc-man__body{--s:4;--sl:0;--f:1;--rg:1;--ld:1;--lg:1;--cp:1;flex:1;grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;display:grid}@media (min-width:1024px){.stc-man__body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(290px,.74fr) minmax(0,1.65fr);gap:clamp(24px,3.4vw,56px)}}.stc-man__rail{flex-direction:column;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.stc-man__step{border-top:2px solid var(--stc-ink);padding-block:clamp(8px,1.6svh,15px);position:relative}.stc-man__step:last-child{border-bottom:2px solid var(--stc-ink)}.stc-man__pick{width:100%;color:var(--stc-ink);font:800 clamp(16px, 2.6svh, 19px) / 1.25 var(--stc-sans);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.stc-man__pick:focus-visible{outline:3px solid var(--stc-blue);outline-offset:4px;border-radius:6px}.stc-man__dot{aspect-ratio:1;border:2.5px solid var(--stc-ink);width:clamp(32px,5.2svh,40px);font:900 16px/1 var(--stc-sans);background:#fff;border-radius:50%;flex:none;place-items:center;transition:background-color .3s,color .3s;display:grid}.stc-man__name{transition:color .3s}.stc-man__step[data-on=false] .stc-man__name{color:#5a5a5a}.stc-man__pick:hover .stc-man__name{color:var(--stc-ink)}.stc-man__step[data-on=true] .stc-man__dot{border-color:var(--stc-ink);background:var(--stc-ink);color:var(--stc-yellow)}.stc-man__more{transition:grid-template-rows .45s var(--stc-out);grid-template-rows:0fr;display:grid}.stc-man__more>p{min-height:0;font:500 16px/1.45 var(--stc-sans);color:var(--stc-ink-2);margin:0;padding-left:calc(clamp(32px,5.2svh,40px) + 14px);overflow:hidden}.stc-man__more>p:before{content:"";height:6px;display:block}.stc-man__step[data-on=true] .stc-man__more{grid-template-rows:1fr}.stc-man__bar{background:var(--stc-red);transform-origin:0;width:100%;height:4px;transform:scaleX(var(--f));position:absolute;bottom:-2px;left:0}.stc-man__panel{grid-template-rows:minmax(0,1fr) auto;gap:clamp(12px,2.2svh,20px);min-height:0;display:grid}.stc-man__stage{place-items:center;min-height:0;display:grid}.stc-man__frame{aspect-ratio:1366/768;border:3px solid var(--stc-ink);background:#fff;border-radius:12px;width:100%;position:relative}@media (min-width:1024px){.stc-man__stage{container-type:size}.stc-man__frame{width:min(100cqw,177.865cqh)}}.stc-man__window{border-radius:9px;position:absolute;inset:0;overflow:hidden}.stc-man__shot{--r:clamp(0, var(--s) - var(--k) + 1, 1);clip-path:inset(0 calc((1 - var(--r)) * 100%) 0 0);margin:0;position:absolute;inset:0}.stc-man__img{object-fit:cover;width:100%;height:100%;display:block}.stc-man__wipe{z-index:1;top:0;bottom:0;left:calc(var(--sl) * 100%);border-right:4px solid var(--stc-ink);background:var(--stc-yellow);width:9%;opacity:min(clamp(0, var(--sl) * 14, 1), clamp(0, (1 - var(--sl)) * 14, 1));pointer-events:none;position:absolute;translate:-100%}.stc-man__count{--tab:clamp(54px, 10svh, 92px);z-index:3;width:var(--tab);height:var(--tab);background:var(--stc-ink);color:var(--stc-yellow);font:900 clamp(34px, 7svh, 64px) / 1 var(--stc-sans);letter-spacing:-.05em;border-radius:12px 0;margin:0;position:absolute;top:-3px;left:-3px;overflow:hidden}.stc-man__reel{translate:0 calc(var(--s) * var(--tab) * -1);display:block}.stc-man__cell{height:var(--tab);place-items:center;display:grid}.stc-man__marks{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stc-man__lead{stroke:var(--stc-ink);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ld));opacity:clamp(0, var(--ld) * 30, 1)}.stc-man__ring{fill:none;stroke:var(--stc-red);stroke-width:8px;transform-box:fill-box;transform-origin:50%;scale:calc(1 + 1.4 * (1 - var(--rg)));opacity:clamp(0, var(--rg) * 3, 1)}.stc-man__lens{left:var(--lx);top:var(--ly);z-index:2;aspect-ratio:1;width:30%;translate:calc((1 - var(--lg)) * var(--fx)) calc((1 - var(--lg)) * var(--fy));scale:calc(.12 + .88 * var(--lg));opacity:clamp(0, var(--lg) * 3, 1);margin:-15% 0 0 -15%;position:absolute}.stc-man__glass{border:3px solid var(--stc-ink);background:#fff;border-radius:50%;position:absolute;inset:0;overflow:hidden}.stc-man__zoom{top:var(--it);left:var(--il);width:var(--iw);max-width:none;height:auto;position:absolute}.stc-man__chip{translate:-50% calc(-55% + (1 - var(--cp)) * 10px);background:var(--stc-ink);color:var(--stc-yellow);font:800 13.5px/1 var(--stc-sans);white-space:nowrap;opacity:var(--cp);border-radius:999px;padding:8px 13px;position:absolute;top:100%;left:50%}.stc-man__nav{align-items:center;gap:14px;display:flex}.stc-man__caption{font:600 16px/1.35 var(--stc-sans);text-align:center;flex:1;margin:0}.stc-man__caption b{font-weight:900}.stc-man__arrow{border:2.5px solid var(--stc-ink);width:46px;height:46px;color:var(--stc-ink);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;transition:background-color .25s,color .25s;display:grid}.stc-man__arrow svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.stc-man__arrow:hover{background:var(--stc-ink);color:#fff}.stc-man__arrow:focus-visible{outline:3px solid var(--stc-blue);outline-offset:3px}@media (max-width:1023.98px){.stc-man__inner{gap:14px;padding-top:clamp(20px,3svh,28px);padding-bottom:clamp(20px,3svh,28px)}.stc-man__title{font-size:clamp(28px,8vw,38px);line-height:1.08}.stc-man__parts-head{letter-spacing:.04em;font-size:13px}.stc-man__pick{font-size:16px}}
.stc-tube{--stc-bar:var(--stc-yellow);background:var(--stc-blue);color:#fff;position:relative}.stc-tube__inner{--tp:var(--stc-p,1);padding:clamp(36px, 6svh, 64px) var(--stc-pad-x);min-height:var(--stc-screen,auto);grid-template-columns:minmax(0,1fr);gap:32px;display:grid}@media (min-width:1024px){.stc-tube__inner{height:var(--stc-screen);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,3.5vw,64px);padding-block:0}}.stc-tube__copy{flex-direction:column;align-items:flex-start;gap:clamp(12px,2.3svh,22px);display:flex}.stc-tube__title{font:900 clamp(32px, min(6.6svh, 3.9vw), 60px) / 1.08 var(--stc-sans);letter-spacing:-.042em;margin:0}.stc-tube__title mark{--mk:clamp(0, (var(--ei,1) - .4) / .6, 1);background:linear-gradient(var(--stc-yellow), var(--stc-yellow)) no-repeat 0 0 / calc(var(--mk) * 100%) 100%;color:color-mix(in srgb, var(--stc-ink) calc(var(--mk) * 100%), #fff);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:0 .12em .04em}.stc-tube__text{max-width:34em;font:500 clamp(16px, 2.5svh, 18.5px) / 1.55 var(--stc-sans);color:#ffffffeb;margin:0}.stc-tube__legs{width:100%;max-width:30em;margin:0;padding:0;list-style:none}.stc-tube__legs li{font:700 clamp(15.5px, 2.4svh, 18px) / 1.3 var(--stc-sans);color:#ffffffe0;border-top:1.5px solid #fff6;align-items:center;gap:14px;padding-block:clamp(7px,1.3svh,11px);transition:color .3s;display:flex}.stc-tube__legs li:last-child{border-bottom:1.5px solid #fff6}.stc-tube__n{width:32px;height:32px;font:900 15px/1 var(--stc-sans);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;transition:background-color .3s,border-color .3s,color .3s;display:grid}.stc-tube__legs li[data-on=true]{color:#fff}.stc-tube__legs li[data-on=true] .stc-tube__n{border-color:var(--stc-yellow);background:var(--stc-yellow);color:var(--stc-ink)}.stc-tube__cta{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.stc-tube__note{max-width:21em;font:600 15px/1.4 var(--stc-sans);color:#ffffffe6;margin:0}.stc-tube__art{justify-content:center;align-items:center;min-height:0;display:flex}.stc-tube__svg{width:100%;max-width:680px;height:auto;display:block}@media (min-width:1024px){.stc-tube__art{height:100%;padding-block:clamp(20px,5svh,56px)}.stc-tube__svg{max-width:none;height:100%}}.stc-tube__edge,.stc-tube__wall,.stc-tube__bore,.stc-tube__flow{fill:none}.stc-tube__edge{stroke:var(--stc-ink);stroke-width:38px}.stc-tube__wall{stroke:#fff;stroke-width:31px}.stc-tube__bore{stroke:var(--stc-blue-deep);stroke-width:17px}.stc-tube__flow{stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 30;stroke-dashoffset:calc(var(--tp) * -1500px);opacity:.6}.stc-tube__collar,.stc-tube__port{fill:#fff;stroke:var(--stc-ink);stroke-width:2.5px}.stc-tube__capsule rect{fill:var(--stc-yellow);stroke:var(--stc-ink);stroke-width:2.5px}.stc-tube__capsule path{fill:none;stroke:var(--stc-ink);stroke-width:2.5px}.stc-tube__pod{--cs:clamp(0, (var(--tp) - .08) / .05, 1);--co:clamp(0, (var(--tp) - .72) / .04, 1);opacity:calc(clamp(0, var(--cs) * 4, 1) * (1 - var(--co)));scale:calc((.3 + .7 * var(--cs)) * (1 - .25 * var(--co)))}.stc-tube__capsule .stc-tube__streak{stroke:#fff;stroke-width:3px;stroke-linecap:round;transform-box:fill-box;transform-origin:100%;scale:calc(.1 + var(--stc-v,0) * var(--stc-v,0) * 2.4) 1;opacity:clamp(0, var(--stc-v,0) * var(--stc-v,0) * 9, .95)}.stc-tube__marker rect{fill:var(--stc-yellow);stroke:var(--stc-ink);stroke-width:2.5px}.stc-tube__marker text{letter-spacing:.08em;fill:var(--stc-ink);font-size:15px;font-weight:900}.stc-tube__marker path{fill:none;stroke:var(--stc-ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.stc-tube__box{fill:#fff;stroke:var(--stc-ink);stroke-width:3px}.stc-tube__band{fill:var(--stc-sky);stroke:var(--stc-ink);stroke-width:3px}.stc-tube__band--ink{fill:var(--stc-ink)}.stc-tube__bandtext{fill:var(--stc-ink);font-size:18px;font-weight:900}.stc-tube__bandtext--ink{fill:var(--stc-yellow)}.stc-tube__inner{--bp:min(clamp(0, (var(--tp) - .03) / .02, 1), clamp(0, (.13 - var(--tp)) / .02, 1))}.stc-tube__btn{fill:color-mix(in srgb, var(--stc-ink) calc(var(--bp) * 100%), var(--stc-yellow));stroke:var(--stc-ink);stroke-width:2.5px}.stc-tube__btntext{fill:color-mix(in srgb, var(--stc-yellow) calc(var(--bp) * 100%), var(--stc-ink));font-size:17px;font-weight:800}.stc-tube__bar{fill:#1113}.stc-tube__inner{--dd:clamp(0, (var(--tp) - .76) / .12, 1);--de:calc(1 - (1 - var(--dd)) * (1 - var(--dd)))}.stc-tube__case>rect:first-child{fill:#fff;stroke:var(--stc-ink);stroke-width:2.5px}.stc-tube__case-tab{fill:var(--stc-yellow)}.stc-tube__case1{fill:var(--stc-ink);font-size:18px;font-weight:900}.stc-tube__case2{fill:var(--stc-ink-2);font-size:15px;font-weight:600}.stc-tube__fresh{opacity:var(--fresh)}.stc-tube__old{opacity:calc(1 - var(--fresh))}.stc-tube__check{opacity:var(--chk)}.stc-tube__check circle{fill:var(--stc-red)}.stc-tube__check path{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.stc-tube__case[data-k="0"]{--fresh:1;--chk:var(--de);translate:0 calc((var(--de) - 1) * 78px);opacity:clamp(0, var(--dd) * 4, 1)}.stc-tube__case[data-k="1"]{--fresh:calc(1 - var(--de));--chk:calc(1 - var(--de));translate:0 calc(var(--de) * 68px);opacity:calc(1 - .5 * var(--de))}.stc-tube__case[data-k="2"]{--fresh:0;--chk:0;translate:0 calc((1 + var(--de)) * 68px);opacity:.5}.stc-tube__case[data-k="3"]{--fresh:0;--chk:0;translate:0 calc((2 + var(--de)) * 68px);opacity:calc(.5 * (1 - var(--de)))}.stc-tube__badge{transform-box:fill-box;transform-origin:50%;transition:transform .35s var(--stc-spring)}.stc-tube__badge circle{fill:#fff;stroke:var(--stc-ink);stroke-width:2.5px;transition:fill .3s}.stc-tube__badge text{fill:var(--stc-ink);font-size:18px;font-weight:900}.stc-tube__badge[data-on=true]{transform:scale(1.18)}.stc-tube__badge[data-on=true] circle{fill:var(--stc-yellow)}@media (max-width:1023.98px){.stc-tube__inner{gap:14px;padding-top:clamp(16px,2.6svh,24px);padding-bottom:clamp(16px,2.6svh,24px)}.stc-tube__copy{gap:10px}.stc-tube__title{font-size:clamp(28px,8vw,38px);line-height:1.08}.stc-tube__text{font-size:16px;line-height:1.5}.stc-tube__legs li{gap:10px;padding-block:5px;font-size:15.5px}.stc-tube__n{width:28px;height:28px}.stc-tube__bandtext,.stc-tube__case1,.stc-tube__badge text{font-size:21px}.stc-tube__btntext{font-size:20px}.stc-tube__case2,.stc-tube__marker text{letter-spacing:.04em;font-size:18px}}
.stc-line{--stc-bar:var(--stc-yellow);--tp:var(--stc-p,1);background:var(--stc-red-deep);color:#fff;position:relative}.stc-line__inner{padding:clamp(36px, 6svh, 64px) var(--stc-pad-x);min-height:var(--stc-screen,auto);grid-template-columns:minmax(0,1fr);gap:32px;display:grid}@media (min-width:1024px){.stc-line__inner{height:var(--stc-screen);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(24px,4vw,72px);padding-block:0}}.stc-line__copy{flex-direction:column;align-items:flex-start;gap:clamp(12px,2.4svh,24px);display:flex}.stc-line__title{font:900 clamp(32px, min(6.8svh, 4vw), 62px) / 1.1 var(--stc-sans);letter-spacing:-.042em;margin:0}.stc-line__title mark{--mk:clamp(0, (var(--ei,1) - .4) / .6, 1);background:linear-gradient(var(--stc-ink), var(--stc-ink)) no-repeat 0 0 / calc(var(--mk) * 100%) 100%;color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .14em .05em}.stc-line__text{max-width:34em;font:500 clamp(16px, 2.5svh, 18.5px) / 1.55 var(--stc-sans);color:#fffffff0;margin:0}.stc-line__number{color:#fff;border-block:2px solid #ffffff8c;flex-direction:column;gap:8px;padding:clamp(10px,1.8svh,16px) 0;text-decoration:none;display:flex}.stc-line__label{font:800 12.5px/1 var(--stc-sans);letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6}.stc-line__digits{font:900 clamp(34px, min(7.6svh, 4.6vw), 70px) / 1 var(--stc-sans);letter-spacing:-.03em;white-space:pre;font-variant-numeric:tabular-nums;transition:color .25s}.stc-line__digits span{display:inline-block}.stc-line__number:hover .stc-line__digits{color:var(--stc-yellow)}.stc-line__number:focus-visible{outline:3px solid var(--stc-yellow);outline-offset:6px}.stc-line__actions{flex-wrap:wrap;gap:12px;display:flex}.stc-line__art{justify-content:center;align-items:center;min-height:0;display:flex}.stc-line__svg{width:100%;max-width:560px;height:auto;display:block;overflow:visible}@media (min-width:1024px){.stc-line__art{height:100%;padding-block:clamp(24px,7svh,72px)}.stc-line__svg{max-width:none;height:100%}}.stc-line__base{fill:#fff;stroke:var(--stc-ink);stroke-width:4px}.stc-line__slot{fill:var(--stc-ink)}.stc-line__key rect{fill:var(--stc-paper);stroke:var(--stc-ink);stroke-width:2px}.stc-line__key text{fill:var(--stc-ink);font-size:15px;font-weight:800}.stc-line__key{transition:translate .12s}.stc-line__key[data-on]{translate:0 3px}.stc-line__key[data-on] rect{fill:var(--stc-yellow)}.stc-line__lamp{fill:var(--stc-yellow);stroke:var(--stc-ink);stroke-width:3px}.stc-line__grip-ink,.stc-line__grip{fill:none;stroke-linecap:round}.stc-line__grip-ink{stroke:var(--stc-ink);stroke-width:58px}.stc-line__grip{stroke:#fff;stroke-width:50px}.stc-line__cup{fill:#fff;stroke:var(--stc-ink);stroke-width:4px}.stc-line__art{--jig:clamp(0, var(--tp) / .33, 1);--lift:clamp(0, (var(--tp) - .36) / .14, 1);--le:calc(var(--lift) * var(--lift) * (3 - 2 * var(--lift)));--hop:calc(sin(var(--jig) * 540deg) * sin(var(--jig) * 540deg));--shk:calc(sin(var(--jig) * 2160deg) * sin(var(--jig) * 180deg))}.stc-line__handset{transform-box:fill-box;transform-origin:50%;translate:calc(var(--le) * -50px) calc(var(--le) * -14px - var(--hop) * 11px);rotate:calc(var(--le) * -18deg + var(--shk) * 5deg)}.stc-line__lamp{fill:color-mix(in srgb, var(--stc-ink) calc(var(--hop) * 100%), var(--stc-yellow))}.stc-line__ring{--x:clamp(0, (var(--tp) - var(--at)) / .09, 1);opacity:calc(sin(var(--x) * 180deg) * 2);transform-box:fill-box;transform-origin:50%;scale:calc(.35 + .8 * var(--x))}.stc-line__ring text{letter-spacing:.02em;fill:var(--stc-yellow);stroke:var(--stc-ink);stroke-width:7px;stroke-linejoin:round;paint-order:stroke;font-size:36px;font-weight:900}.stc-line__ring--a{--at:.02}.stc-line__ring--b{--at:.12}.stc-line__ring--c{--at:.22}.stc-line__bubble{--bb:clamp(0, (var(--tp) - .48) / .1, 1);transform-box:fill-box;transform-origin:30% 100%;opacity:clamp(0, var(--bb) * 4, 1);scale:calc(.5 + .5 * var(--bb) + .14 * sin(var(--bb) * 180deg))}.stc-line__bubble path{fill:#fff;stroke:var(--stc-ink);stroke-width:4px;stroke-linejoin:round}.stc-line__say1{fill:var(--stc-ink);font-size:21px;font-weight:900}.stc-line__say2{fill:var(--stc-ink);font-size:18px;font-weight:600}@media (max-width:1023.98px){.stc-line__inner{gap:14px;padding-top:clamp(20px,3svh,28px);padding-bottom:clamp(20px,3svh,28px)}.stc-line__copy{gap:12px}.stc-line__title{font-size:clamp(28px,8vw,38px);line-height:1.08}.stc-line__text{font-size:16px;line-height:1.5}.stc-line__label{letter-spacing:.04em;font-size:13px}.stc-line__number{padding:4px 0}.stc-line__actions{gap:8px}.stc-line__svg{max-height:40svh}.stc-line__say1{font-size:26px}.stc-line__say2{font-size:24px}}
