.cs-hero{padding-top:96px}.cs-hero-head{align-items:end;row-gap:40px}.cs-hero-title{grid-column:1/span 8;gap:22px;margin-left:-.04em;display:grid}.cs-hero-side{grid-column:9/span 4;justify-items:start;gap:30px;padding-bottom:8px;display:grid}.cs-hero-line{color:var(--ink-2);letter-spacing:-.012em;text-wrap:pretty;font-size:19px;line-height:1.45}.cs-hero-headline{color:var(--faint);font:600 clamp(30px, 3.4vw, 50px)/1.05 var(--display);letter-spacing:-.03em;text-wrap:balance}.cs-name{font:600 clamp(36px, 11.5vw, 104px)/1 var(--display);letter-spacing:-.042em;flex-wrap:wrap;align-items:baseline;gap:0 .24em;display:flex}.cs-name-clips{white-space:nowrap;align-items:stretch;gap:.06em;font-size:0;display:inline-flex}.cs-clip{color:#fff;border-radius:.14em;padding:.04em .2em .1em;font-size:clamp(36px,11.5vw,104px);line-height:1;position:relative}.cs-clip.is-blue{background:var(--logo-blue)}.cs-clip.is-pink{background:var(--logo-pink)}.cs-clip:before,.cs-clip:after{content:"";background:#ffffffb3;border-radius:1px;width:.045em;position:absolute;top:18%;bottom:18%}.cs-clip:before{left:.06em}.cs-clip:after{right:.06em}.cs-playhead{background:var(--logo-orange);width:clamp(2px,.22vw,3px);margin:-10px 4px;position:relative}.cs-playhead:before{content:"";background:var(--logo-orange);border-radius:2px 2px 6px 6px;width:clamp(9px,1.1vw,16px);height:clamp(7px,.9vw,12px);position:absolute;top:-2px;left:50%;transform:translate(-50%)}.cs-flow{gap:20px;margin-top:64px;display:grid}.cs-raw{background:var(--wash);box-shadow:inset 0 0 0 1px var(--rule);border-radius:14px;padding:22px 24px 24px}.cs-raw-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.cs-raw-head b{font:600 17px/1.2 var(--display)}.cs-raw-head span{color:var(--muted);font-size:14px}.cs-strip{align-items:center;gap:3px;height:72px;display:flex}.cs-strip i{background:var(--line);border-radius:2px;flex:1;min-width:2px}.cs-strip i.is-used{background:var(--blue)}.cs-arrow{color:var(--faint);justify-self:center}.cs-arrow .icon{stroke-width:1.6px;width:28px;height:28px}.cs-out{gap:36px;display:grid}.cs-out-group h3{font:600 20px/1.2 var(--display);letter-spacing:-.012em;margin-bottom:14px}.cs-out-group h3 span{color:var(--muted);font-weight:400}.cs-longs{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cs-long-name{justify-content:space-between;gap:12px;margin-top:10px;font-size:15px;display:flex}.cs-long-name span{color:var(--muted)}.cs-shorts{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.cs-frame{background:#1d2027;border-radius:10px;justify-items:center;display:grid;position:relative;overflow:hidden}.cs-frame.is-wide{aspect-ratio:16/9}.cs-frame.is-tall{aspect-ratio:9/16;align-items:end;padding:0 10px 24%}.cs-frame-art{width:100%;height:100%;position:absolute;inset:0}.cs-caption{color:#0b0d12;font:700 clamp(11px, 1vw, 14px)/1.15 var(--display);text-align:center;text-wrap:balance;background:#fff;border-radius:5px;padding:4px 7px;position:relative;box-shadow:0 2px 10px #0000004d}.cs-length{z-index:1;color:#fff;background:#0b0d12b3;border-radius:4px;padding:2px 5px;font-size:11px;position:absolute;bottom:7px;right:8px}.cs-gets{flex-wrap:wrap;gap:10px 26px;margin-top:40px;font-size:17px;display:flex}.cs-gets li{align-items:center;gap:8px;display:inline-flex}.cs-gets .icon,.cs-safe .icon,.cs-price-card .icon{width:18px;height:18px;color:var(--blue);stroke-width:2.4px;flex:none}.cs-post{align-items:start;row-gap:40px;margin-top:56px}.cs-platforms{grid-column:1/span 5;display:grid}.cs-platforms li{background:linear-gradient(var(--rule), var(--rule)) top / 100% 1px no-repeat;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.cs-platforms b{font:600 24px/1.2 var(--display);letter-spacing:-.016em}.cs-platforms span{color:var(--muted);font-size:16px}.cs-card-shot{background:var(--frame);box-shadow:0 0 0 1px var(--rule), 0 1px 2px #0b0d120d, 0 40px 80px -48px #0b0d1259;border-radius:14px;grid-column:7/span 6;position:relative;overflow:hidden}.cs-card-shot img{top:var(--cs-crop-top);left:var(--cs-crop-left);width:var(--cs-crop-width);max-width:none;height:auto;position:absolute}:root:not([data-theme=dark]) .cs-card-shot .is-dark,:root[data-theme=dark] .cs-card-shot .is-light{display:none}.cs-safe{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:56px;display:grid}.cs-safe-side{background:var(--wash);box-shadow:inset 0 0 0 1px var(--rule);border-radius:14px;padding:30px 32px 32px}.cs-safe-side.is-enjoy{background:var(--blue-wash)}.cs-safe-side h3{font:600 22px/1.2 var(--display);letter-spacing:-.015em;margin-bottom:18px}.cs-safe-side ul{gap:12px;display:grid}.cs-safe-side li{align-items:flex-start;gap:10px;font-size:17px;line-height:1.4;display:flex}.cs-safe-side li .icon{margin-top:2px}.cs-safe-side li.is-bad{color:var(--ink-2)}.cs-safe-side li.is-bad .icon{color:var(--danger)}.cs-price{align-items:start;row-gap:40px;margin-top:28px}.cs-price-text{grid-column:1/span 6;gap:22px;display:grid}.cs-price-text .h2>span{display:block}.cs-price-text .h2 .is-past{color:var(--faint)}.cs-price-text p{max-width:460px;color:var(--muted);text-wrap:pretty;font-size:18px;line-height:1.5}.cs-price-card{background:var(--paper);box-shadow:0 0 0 1px var(--rule), 0 30px 60px -40px #0b0d1240;border-radius:14px;grid-column:8/span 5;gap:22px;padding:30px 32px 32px;display:grid}.cs-price-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.cs-price-head b{font:600 22px/1.2 var(--display)}.cs-price-head span{color:var(--muted);font-size:16px}.cs-price-head strong{color:var(--ink);font:600 40px/1 var(--display);letter-spacing:-.03em}.cs-price-card ul{gap:10px;display:grid}.cs-price-card li{align-items:center;gap:10px;font-size:17px;display:flex}@media (width<=1100px){.cs-hero-title,.cs-hero-side,.cs-platforms,.cs-card-shot,.cs-price-text,.cs-price-card{grid-column:1/-1}.cs-shorts{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-price-card{max-width:520px}}@media (width<=760px){.cs-hero{padding-top:48px}.cs-flow{margin-top:48px}.cs-strip{gap:2px}.cs-strip i{min-width:1px}.cs-shorts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cs-longs,.cs-safe{grid-template-columns:1fr}.cs-safe-side,.cs-price-card{padding:24px}}