.section{padding-block:clamp(88px,11vw,168px)}.section~.section{border-top:1px solid var(--separator)}.headline-xl>span,.display>span{display:block}.section__lead{margin-top:20px}.split{gap:40px;display:grid}@media (width>=960px){.split{grid-template-columns:minmax(340px,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(32px,4vw,72px)}.split__aside{padding-top:10px}}.seg{background:var(--surface);border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;max-width:440px;padding:4px;display:grid}.seg__btn{appearance:none;min-height:44px;color:var(--ink-2);cursor:pointer;transition:background-color var(--quick) var(--ease), color var(--quick) var(--ease), box-shadow var(--quick) var(--ease);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:500;display:inline-flex}.seg__btn svg{width:17px}.seg__btn:hover{color:var(--ink)}.seg__btn[aria-selected=true]{background:var(--page);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #00000014}.group{background:var(--surface);border-radius:12px;margin:16px 0 0;padding:0;list-style:none;overflow:hidden}.group__row{gap:3px;min-height:68px;padding:16px 18px;display:grid}.group__row+.group__row{border-top:1px solid var(--separator)}.group__title{letter-spacing:-.01em;font-size:17px;font-weight:600}.group__detail{color:var(--ink-2);font-size:15px;line-height:1.4}.demo{background:var(--surface);border-radius:20px;padding:clamp(20px,3vw,32px)}.demo__now{min-height:6.2em}.demo__line{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.625rem,1.2rem + 1.5vw,2.375rem);font-weight:700;line-height:1.12}.demo__line.is-waiting{color:var(--ink-2)}.demo__next{color:var(--ink-2);margin-top:10px;font-size:17px}.demo__timeline{margin-top:28px}.demo__track{border-radius:8px;height:40px;position:relative;overflow:hidden}.demo__blocks{transition:transform var(--quick) var(--ease);position:absolute;inset:0}.demo__block{appearance:none;background:var(--accent-soft);cursor:pointer;transition:background-color var(--quick) var(--ease);border:0;border-radius:6px;padding:0;position:absolute;top:4px;bottom:4px}.demo__block:hover{background:var(--separator)}.demo__block.is-current{background:var(--accent)}.demo__block:focus-visible{outline-offset:1px}.demo__head{pointer-events:none;position:absolute;inset:0}.demo__head span{background:var(--signature);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:-1px}.demo__ticks{height:18px;color:var(--ink-2);margin-top:6px;font-size:12px;font-weight:500;position:relative}.demo__ticks span{position:absolute;top:0}.demo__ticks span:last-child{transform:translate(-100%)}.demo__controls{gap:20px;margin-top:24px;display:grid}@media (width>=640px){.demo__controls{grid-template-columns:auto 1fr;align-items:center;column-gap:32px}}.demo__transport{align-items:center;gap:14px;display:flex}.demo__play{appearance:none;background:var(--accent);width:52px;height:52px;color:var(--on-accent);cursor:pointer;transition:opacity var(--quick) var(--ease);border:0;border-radius:50%;place-items:center;display:grid}.demo__play:hover{opacity:.85}.demo__play svg{grid-area:1/1;width:17px}.demo__icon-play{margin-left:3px}.demo__icon-pause,.demo__play.is-playing .demo__icon-play{display:none}.demo__play.is-playing .demo__icon-pause{display:block}.demo__time{color:var(--ink-2);font-size:15px;font-weight:500}.demo__label{font-size:15px;font-weight:600;display:block}.demo__slider{color:var(--ink-2);align-items:center;gap:12px;margin-top:8px;font-size:12px;font-weight:500;display:flex}.demo__value{color:var(--ink-2);margin-top:6px;font-size:13px}.demo__note{border-top:1px solid var(--separator);color:var(--ink-2);margin-top:22px;padding-top:16px;font-size:13px}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:44px}input[type=range]::-webkit-slider-runnable-track{background:var(--accent-soft);border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:var(--accent-soft);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:28px;height:28px;margin-top:-11px;box-shadow:0 2px 6px #0000002e,0 0 0 .5px #00000014}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0000002e,0 0 0 .5px #00000014}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--page), 0 0 0 4px var(--ink)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--page), 0 0 0 4px var(--ink)}.plans__grid{gap:12px;margin-top:clamp(40px,5vw,64px);display:grid}@media (width>=760px){.plans__grid{grid-template-columns:1fr 1fr}}.plan{border-radius:20px;padding:clamp(24px,3vw,36px)}.plan--free{background:var(--surface)}.plan--pro{background:var(--accent);color:var(--on-accent)}.plan__name{letter-spacing:-.03em;font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem);font-weight:700;line-height:1}.plan--pro .plan__name{background:var(--signature);color:var(--on-signature);border-radius:.28em;padding:.06em .3em .1em;display:inline-block}.plan__sub{opacity:.72;margin-top:8px;font-size:15px}.plan__list{gap:14px;margin:28px 0 0;padding:0;font-size:17px;list-style:none;display:grid}.plan__list li{align-items:flex-start;gap:12px;display:flex}.plan__list svg{flex:none;width:20px;margin-top:2px}.plans__fine{color:var(--ink-2);margin-top:18px;font-size:13px}.final__inner{align-items:center}.final__copy{justify-items:start;gap:36px;display:grid}.final__cta{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.final__note{color:var(--ink-2);font-size:13px}.final__device{justify-self:center;width:100%;max-width:520px;container-type:inline-size}@property --pt{syntax:"<length>";inherits:true;initial-value:1px}@property --cp{syntax:"<length>";inherits:true;initial-value:1px}@property --wu{syntax:"<length>";inherits:true;initial-value:1px}.device-box{position:relative;container-type:size}.phone{--pt:min(calc(90cqh / 902), calc(88cqw / 430));width:calc(430 * var(--pt));height:calc(902 * var(--pt));border-radius:calc(68 * var(--pt));box-shadow:inset 0 0 0 calc(1.4 * var(--pt)) #48484a, inset 0 0 0 calc(4 * var(--pt)) #1b1b1d, 0 calc(28 * var(--pt)) calc(56 * var(--pt)) calc(-18 * var(--pt)) #00000047;font-family:var(--font);-webkit-font-smoothing:antialiased;background:#1b1b1d;margin:auto;position:absolute;inset:0}.phone__btn{width:calc(3.2 * var(--pt));border-radius:calc(2 * var(--pt));background:#2c2c2e;position:absolute}.phone__btn--action{left:calc(-2.6 * var(--pt));top:calc(176 * var(--pt));height:calc(34 * var(--pt))}.phone__btn--up{left:calc(-2.6 * var(--pt));top:calc(236 * var(--pt));height:calc(62 * var(--pt))}.phone__btn--down{left:calc(-2.6 * var(--pt));top:calc(312 * var(--pt));height:calc(62 * var(--pt))}.phone__btn--side{right:calc(-2.6 * var(--pt));top:calc(266 * var(--pt));height:calc(98 * var(--pt))}.phone__screen{inset:calc(14 * var(--pt));border-radius:calc(54 * var(--pt));isolation:isolate;background:#fafafa;position:absolute;overflow:hidden}.ps{position:absolute;inset:0}.ps--app{color:#171717;background:#fafafa}.phone--live .ps--home,.phone--live .ps--lock{opacity:0}.sb{height:calc(54 * var(--pt));padding-top:calc(6 * var(--pt));color:#171717;z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.sb--light{color:#fff}.sb__time{width:calc(148 * var(--pt));text-align:center;font-size:calc(17 * var(--pt));letter-spacing:-.01em;font-weight:600}.sb__icons{width:calc(148 * var(--pt));justify-content:center;align-items:center;gap:calc(6 * var(--pt));display:flex}.sb__icons svg:first-child{width:calc(18 * var(--pt))}.sb__icons svg:nth-child(2){width:calc(16 * var(--pt))}.sb__icons svg:nth-child(3){width:calc(27 * var(--pt))}.app__head{top:calc(70 * var(--pt));left:calc(20 * var(--pt));right:calc(22 * var(--pt));height:calc(44 * var(--pt));justify-content:space-between;align-items:center;display:flex;position:absolute}.app__mark{font-size:calc(36 * var(--pt));letter-spacing:-.055em;font-weight:600;line-height:1}.app__more{width:calc(22 * var(--pt))}.app__track{top:calc(130 * var(--pt));left:calc(20 * var(--pt));right:calc(20 * var(--pt));align-items:center;gap:calc(14 * var(--pt));display:flex;position:absolute}.app__cover{width:calc(48 * var(--pt));border-radius:calc(6 * var(--pt));flex:none}.app__meta{gap:calc(2 * var(--pt));display:grid}.app__title{font-size:calc(18 * var(--pt));letter-spacing:-.01em;font-weight:500}.app__artist{font-size:calc(16 * var(--pt));color:#6b6b6b}.app__lyrics{top:calc(196 * var(--pt));height:calc(400 * var(--pt));position:absolute;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 10% 85%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 10% 85%,#0000 100%)}.app__list{padding:0 calc(20 * var(--pt)) 0 calc(24 * var(--pt));gap:calc(20 * var(--pt));transition:transform var(--lyric) var(--ease);will-change:transform;margin:0;list-style:none;display:grid}.app__line{font-size:calc(28 * var(--pt));letter-spacing:-.012em;color:#6b6b6b;transition:color var(--lyric) var(--ease);font-weight:700;line-height:1.2}.app__line.is-current{color:#171717}.app__progress{top:calc(606 * var(--pt));left:calc(20 * var(--pt));right:calc(20 * var(--pt));position:absolute}.app__bar{height:calc(5 * var(--pt));border-radius:calc(3 * var(--pt));background:#dedede;display:block;overflow:hidden}.app__fill{background:var(--signature);transform-origin:0;height:100%;display:block}.app__times{margin-top:calc(9 * var(--pt));font-size:calc(12 * var(--pt));color:#6b6b6b;justify-content:space-between;font-weight:500;display:flex}.app__transport{top:calc(660 * var(--pt));left:calc(18 * var(--pt));right:calc(18 * var(--pt));height:calc(44 * var(--pt));color:#171717;grid-template-columns:repeat(3,1fr);place-items:center;display:grid;position:absolute}.app__skip{width:calc(32 * var(--pt))}.app__pause{width:calc(22 * var(--pt))}.app__row{top:calc(724 * var(--pt));left:calc(20 * var(--pt));right:calc(20 * var(--pt));height:calc(56 * var(--pt));padding:0 calc(12 * var(--pt)) 0 calc(18 * var(--pt));border-radius:calc(12 * var(--pt));align-items:center;gap:calc(16 * var(--pt));background:#efefef;display:flex;position:absolute}.app__row-icon{width:calc(13 * var(--pt));flex:none}.app__row-text{gap:calc(1 * var(--pt));flex:1;display:grid}.app__row-title{font-size:calc(16 * var(--pt));font-weight:500}.app__row-sub{font-size:calc(14 * var(--pt));color:#6b6b6b}.switch{width:calc(62 * var(--pt));height:calc(28 * var(--pt));border-radius:calc(14 * var(--pt));transition:background-color var(--standard) var(--ease);background:#e0e0e0;flex:none;position:relative}.switch__knob{top:calc(2 * var(--pt));left:calc(2 * var(--pt));width:calc(37 * var(--pt));height:calc(24 * var(--pt));border-radius:calc(12 * var(--pt));box-shadow:0 calc(1 * var(--pt)) calc(3 * var(--pt)) #00000029;transition:transform var(--standard) var(--ease);background:#fff;position:absolute}.switch.is-on{background:var(--signature)}.switch.is-on .switch__knob{transform:translateX(calc(21 * var(--pt)))}.app__tabs{top:calc(794 * var(--pt));left:calc(66 * var(--pt));width:calc(272 * var(--pt));height:calc(62 * var(--pt));padding:calc(3 * var(--pt));border-radius:calc(31 * var(--pt));box-shadow:0 calc(6 * var(--pt)) calc(18 * var(--pt)) #00000014, 0 0 0 calc(.6 * var(--pt)) #0000000f;background:#fff;grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.tab{align-content:center;place-items:center;gap:calc(3 * var(--pt));border-radius:calc(28 * var(--pt));font-size:calc(11 * var(--pt));color:#171717;font-weight:500;display:grid}.tab svg{width:calc(22 * var(--pt))}.tab.is-selected{background:#eee}.home-ind{left:calc(131 * var(--pt));bottom:calc(8 * var(--pt));width:calc(140 * var(--pt));height:calc(5 * var(--pt));border-radius:calc(3 * var(--pt));z-index:2;background:#171717;position:absolute}.home-ind--light{background:#fff}.wall{background:#3b0d1a url(/images/wallpaper-lock-light.webp) 50%/cover no-repeat;position:absolute;inset:0}.ps--home .wall{background-image:url(/images/wallpaper-home-light.webp)}@media (prefers-color-scheme:dark){.wall{background-image:url(/images/wallpaper-lock-dark.webp)}.ps--home .wall{background-image:url(/images/wallpaper-home-dark.webp)}}.ps--lock{color:#fff}.lock__date{top:calc(94 * var(--pt));text-align:center;font-size:calc(20 * var(--pt));color:#ffffffdb;font-weight:600;position:absolute;left:0;right:0}.lock__clock{top:calc(114 * var(--pt));text-align:center;font-family:var(--font-rounded);font-size:calc(108 * var(--pt));letter-spacing:-.02em;font-weight:600;line-height:1;position:absolute;left:0;right:0}.la{left:calc(12 * var(--pt));right:calc(12 * var(--pt));bottom:calc(148 * var(--pt));padding:calc(16 * var(--pt)) calc(18 * var(--pt));border-radius:calc(24 * var(--pt));color:#171717;background:#fafafa;position:absolute}.la__head{align-items:center;gap:calc(12 * var(--pt));margin-bottom:calc(13 * var(--pt));display:flex}.la__mark{font-size:calc(17 * var(--pt));letter-spacing:-.047em;font-weight:600}.la__track{font-size:calc(11 * var(--pt));color:#6b6b6b;margin-left:auto}.la__refresh{width:calc(34 * var(--pt));height:calc(34 * var(--pt));background:#efefef;border-radius:50%;place-items:center;display:grid}.la__refresh svg{width:calc(13 * var(--pt))}.la__primary,.island__primary{font-size:calc(20 * var(--pt));letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.la__secondary,.island__secondary{margin-top:calc(8 * var(--pt));font-size:calc(15 * var(--pt));color:#6b6b6b;white-space:nowrap;text-overflow:ellipsis;min-height:1.3em;overflow:hidden}.lock__btn{bottom:calc(40 * var(--pt));width:calc(50 * var(--pt));height:calc(50 * var(--pt));color:#fff;background:#ffffff24;border-radius:50%;place-items:center;display:grid;position:absolute}.lock__btn svg{width:calc(22 * var(--pt))}.lock__btn--left{left:calc(22 * var(--pt))}.lock__btn--right{right:calc(22 * var(--pt))}.home__grid{top:calc(78 * var(--pt));left:calc(26 * var(--pt));right:calc(26 * var(--pt));row-gap:calc(26 * var(--pt));grid-template-columns:repeat(4,1fr);justify-items:center;display:grid;position:absolute}.home__app{justify-items:center;gap:calc(7 * var(--pt));display:grid}.home__icon{width:calc(64 * var(--pt));height:calc(64 * var(--pt));border-radius:calc(15 * var(--pt));background:rgba(255, 255, 255, var(--tone,.18))}.home__label{width:calc(38 * var(--pt));height:calc(5 * var(--pt));border-radius:calc(3 * var(--pt));background:#ffffff4d}.home__dock{left:calc(14 * var(--pt));right:calc(14 * var(--pt));bottom:calc(24 * var(--pt));height:calc(92 * var(--pt));padding:0 calc(14 * var(--pt));border-radius:calc(36 * var(--pt));background:#ffffff1f;justify-content:space-around;align-items:center;display:flex;position:absolute}.phone__off{opacity:0;pointer-events:none;z-index:3;background:#000;position:absolute;inset:0}.island{left:calc(11 * var(--pt));top:calc(11 * var(--pt));width:calc(380 * var(--pt));height:calc(168 * var(--pt));color:#f0f0f0;z-index:4;clip-path:inset(0 calc(127 * var(--pt)) calc(131 * var(--pt)) calc(127 * var(--pt)) round calc(18.5 * var(--pt)));background:#000;position:absolute}.island[data-state=compact]{clip-path:inset(0 calc(90 * var(--pt)) calc(131 * var(--pt)) calc(90 * var(--pt)) round calc(18.5 * var(--pt)))}.island[data-state=expanded]{clip-path:inset(0 round calc(44 * var(--pt)))}.island__compact{left:calc(90 * var(--pt));width:calc(200 * var(--pt));height:calc(37 * var(--pt));padding:0 calc(14 * var(--pt));opacity:0;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0}.island[data-state=compact] .island__compact{opacity:1}.island__mark{font-size:calc(14 * var(--pt));letter-spacing:-.04em;font-weight:600}.island__mark--lg{font-size:calc(17 * var(--pt));letter-spacing:-.047em}.island__wave{width:calc(16 * var(--pt));color:var(--signature)}.island__expanded{padding:calc(20 * var(--pt)) calc(24 * var(--pt)) calc(18 * var(--pt));opacity:0;flex-direction:column;display:flex;position:absolute;inset:0}.island[data-state=expanded] .island__expanded{opacity:1}.island__head{margin-bottom:calc(12 * var(--pt));justify-content:space-between;align-items:center;display:flex}.island__refresh{width:calc(34 * var(--pt));height:calc(34 * var(--pt));color:#f5f5f5;background:#272727;border-radius:50%;place-items:center;display:grid}.island__refresh svg{width:calc(13 * var(--pt))}.island__primary{color:#f5f5f5;margin-top:auto}.island__secondary{margin-top:calc(6 * var(--pt));color:#a9a9a9}.lock-preview{--pt:calc(100cqw / 402);width:100%;height:calc(500 * var(--pt));border-radius:calc(36 * var(--pt));color:#fff;font-family:var(--font);isolation:isolate;position:relative;overflow:hidden}.lock-preview .wall{background-position:top;background-size:100%}.lock-preview .lock__date{top:calc(34 * var(--pt))}.lock-preview .lock__clock{top:calc(56 * var(--pt));font-size:calc(96 * var(--pt))}.lock-preview .la{bottom:calc(16 * var(--pt))}.carplay{--cp:min(calc(94cqw / 744), calc(62cqh / 324));width:calc(744 * var(--cp));height:calc(324 * var(--cp));font-family:var(--font);color:#f5f5f5;margin:auto;position:absolute;inset:0}.carplay__frame{border-radius:calc(30 * var(--cp));box-shadow:inset 0 0 0 calc(1.2 * var(--cp)) #ffffff29, 0 calc(30 * var(--cp)) calc(60 * var(--cp)) calc(-24 * var(--cp)) #00000073;background:#121212;position:absolute;inset:0}.carplay__frame:after{content:"";inset:calc(12 * var(--cp));border-radius:calc(20 * var(--cp));background:#000;position:absolute}.carplay__screen{inset:calc(12 * var(--cp));border-radius:calc(20 * var(--cp));position:absolute}.cp-side{width:calc(76 * var(--cp));padding:calc(16 * var(--cp)) 0 calc(18 * var(--cp));border-radius:calc(20 * var(--cp)) 0 0 calc(20 * var(--cp));background:#141414;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0}.cp-side__time{font-size:calc(16 * var(--cp));font-weight:600}.cp-side__signal{width:calc(16 * var(--cp));margin-top:calc(6 * var(--cp))}.cp-side__apps{margin-top:calc(18 * var(--cp));gap:calc(10 * var(--cp));display:grid}.cp-side__app{width:calc(46 * var(--cp));height:calc(46 * var(--cp));border-radius:calc(12 * var(--cp));background:rgba(255, 255, 255, var(--tone,.2));place-items:center;display:grid}.cp-side__app svg{width:calc(22 * var(--cp))}.cp-side__dash{width:calc(22 * var(--cp));margin-top:auto}.cp-np{left:calc(88 * var(--cp));top:calc(12 * var(--cp));width:calc(300 * var(--cp));height:calc(276 * var(--cp));padding:calc(16 * var(--cp));border-radius:calc(18 * var(--cp));background:#262626;position:absolute}.cp-np__cover{width:calc(92 * var(--cp));border-radius:calc(8 * var(--cp))}.cp-np__title{margin-top:calc(14 * var(--cp));font-size:calc(19 * var(--cp));font-weight:600;display:block}.cp-np__artist{margin-top:calc(2 * var(--cp));font-size:calc(15 * var(--cp));color:#a9a9a9;display:block}.cp-np__bar{left:calc(16 * var(--cp));right:calc(16 * var(--cp));bottom:calc(62 * var(--cp));height:calc(4 * var(--cp));border-radius:calc(2 * var(--cp));background:#3d3d3d;position:absolute;overflow:hidden}.cp-np__fill{background:#f5f5f5;width:70%;height:100%;display:block}.cp-np__transport{left:calc(16 * var(--cp));right:calc(16 * var(--cp));bottom:calc(16 * var(--cp));height:calc(30 * var(--cp));padding:0 calc(30 * var(--cp));justify-content:space-between;align-items:center;display:flex;position:absolute}.cp-np__transport svg{width:calc(30 * var(--cp))}.cp-np__transport .cp-np__pause{width:calc(20 * var(--cp))}.cp-la{left:calc(400 * var(--cp));top:calc(12 * var(--cp));width:calc(308 * var(--cp));height:calc(276 * var(--cp));padding:calc(18 * var(--cp)) calc(20 * var(--cp));border-radius:calc(18 * var(--cp));background:#262626;flex-direction:column;display:flex;position:absolute}.cp-la__mark{font-size:calc(16 * var(--cp));letter-spacing:-.035em;font-weight:600}.cp-la__line{margin-top:calc(14 * var(--cp));font-size:calc(28 * var(--cp));letter-spacing:-.012em;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.cp-la__track{font-size:calc(14 * var(--cp));color:#a9a9a9;margin-top:auto}@media (width<=959px){.carplay{--cp:min(calc(100cqw / 552), calc(72cqh / 424));width:calc(552 * var(--cp));height:calc(424 * var(--cp))}.cp-np{display:none}.cp-la{left:calc(88 * var(--cp));width:calc(428 * var(--cp));height:calc(376 * var(--cp));padding:calc(24 * var(--cp)) calc(26 * var(--cp))}.cp-la__mark{font-size:calc(20 * var(--cp))}.cp-la__line{font-size:calc(36 * var(--cp))}.cp-la__track{font-size:calc(18 * var(--cp))}}.watch{--wu:min(calc(86cqh / 462), calc(80cqw / 240));width:calc(240 * var(--wu));height:calc(462 * var(--wu));font-family:var(--font);color:#f5f5f5;margin:auto;position:absolute;inset:0}.watch__band{left:calc(40 * var(--wu));width:calc(160 * var(--wu));height:calc(118 * var(--wu));background:#2a2a2a;position:absolute}.watch__band--top{top:0;-webkit-mask-image:linear-gradient(#0000,#000 65%);mask-image:linear-gradient(#0000,#000 65%)}.watch__band--bottom{bottom:0;-webkit-mask-image:linear-gradient(#000 35%,#0000);mask-image:linear-gradient(#000 35%,#0000)}.watch__case{left:calc(10 * var(--wu));top:calc(100 * var(--wu));width:calc(220 * var(--wu));height:calc(262 * var(--wu));border-radius:calc(64 * var(--wu));box-shadow:inset 0 0 0 calc(1.2 * var(--wu)) #ffffff24, 0 calc(24 * var(--wu)) calc(48 * var(--wu)) calc(-18 * var(--wu)) #0006;background:#1f1f1f;position:absolute}.watch__crown{right:calc(-8 * var(--wu));top:calc(64 * var(--wu));width:calc(12 * var(--wu));height:calc(46 * var(--wu));border-radius:calc(5 * var(--wu));box-shadow:inset calc(-2 * var(--wu)) 0 0 #ffffff14;background:#2e2e2e;position:absolute}.watch__button{right:calc(-4 * var(--wu));top:calc(140 * var(--wu));width:calc(6 * var(--wu));height:calc(56 * var(--wu));border-radius:calc(3 * var(--wu));background:#2a2a2a;position:absolute}.watch__screen{inset:calc(10 * var(--wu));border-radius:calc(54 * var(--wu));background:#000;position:absolute;overflow:hidden}.w-time{top:calc(12 * var(--wu));right:calc(26 * var(--wu));font-size:calc(15 * var(--wu));font-weight:600;position:absolute}.w-peek{left:calc(26 * var(--wu));right:calc(26 * var(--wu));height:calc(10 * var(--wu));border-radius:calc(8 * var(--wu));background:#1a1a1a;position:absolute}.w-peek--top{top:calc(38 * var(--wu))}.w-peek--bottom{top:calc(207 * var(--wu))}.w-card{left:calc(10 * var(--wu));right:calc(10 * var(--wu));top:calc(50 * var(--wu));height:calc(152 * var(--wu));padding:calc(14 * var(--wu)) calc(16 * var(--wu));border-radius:calc(24 * var(--wu));background:#262626;flex-direction:column;display:flex;position:absolute}.w-card__mark{font-size:calc(13 * var(--wu));letter-spacing:-.035em;font-weight:600}.w-card__line{margin-top:calc(8 * var(--wu));font-size:calc(19 * var(--wu));letter-spacing:-.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.w-card__track{font-size:calc(12 * var(--wu));color:#a9a9a9;margin-top:auto}@media (prefers-color-scheme:dark){.phone__screen,.ps--app{color:#f5f5f5;background:#171717}.sb{color:#f5f5f5}.app__artist,.app__times,.app__row-sub,.app__line{color:#a9a9a9}.app__line.is-current,.app__transport{color:#f5f5f5}.app__bar{background:#3d3d3d}.app__row{background:#272727}.switch{background:#3d3d3d}.switch.is-on .switch__knob{box-shadow:0 calc(1 * var(--pt)) calc(4 * var(--pt)) #00000059}.app__tabs{box-shadow:0 calc(6 * var(--pt)) calc(18 * var(--pt)) #0000004d, 0 0 0 calc(.6 * var(--pt)) #ffffff14;background:#272727}.tab{color:#f5f5f5}.tab.is-selected{background:#3a3a3a}.home-ind{background:#f5f5f5}.la{color:#f5f5f5;box-shadow:inset 0 0 0 calc(.6 * var(--pt)) #ffffff1f;background:#171717}.la__track,.la__secondary{color:#a9a9a9}.la__refresh{color:#f5f5f5;background:#272727}}.scene{--scroll-len:625svh;height:calc(100svh + var(--scroll-len));position:relative}.stage{height:100svh;padding:calc(var(--header-h) + 12px) var(--gutter) 0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:sticky;top:0;overflow:clip}.stage__copy{z-index:2;flex-direction:column;gap:14px;display:flex;position:relative}.copy-stack{display:grid;position:relative}.copy-stack>*{opacity:0;pointer-events:none;transition:opacity .45s var(--ease), transform var(--lyric) var(--ease);grid-area:1/1;align-self:start;transform:translateY(28px)}.copy-stack>.is-past{transform:translateY(-28px)}.copy-stack>.is-active{opacity:1;pointer-events:auto;transform:none}.hero .display{display:grid}.copy-stack>.hero{position:absolute;inset:0 0 auto}.hero__lead{margin-top:16px;font-size:16px}.hero__works{color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:14px;font-size:15px;font-weight:600;display:flex}.hero__works-label{color:var(--ink-2);font-weight:400}.hero__svc{align-items:center;gap:7px;display:inline-flex}.hero__svc svg{width:18px;height:18px}.hero__cta{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:22px;display:flex}.hero__note{color:var(--ink-2);font-size:13px}.hero__cue{color:var(--ink-2);align-items:center;gap:8px;margin-top:40px;font-size:13px;font-weight:500;display:none}.hero__cue svg{width:16px}.story__view{height:96px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 60%,#0000 92%);mask-image:linear-gradient(#000 0 60%,#0000 92%)}.story__list{transition:transform var(--lyric) var(--ease);gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.story__title{letter-spacing:-.03em;text-wrap:balance;color:var(--ink-2);transition:color var(--lyric) var(--ease);font-size:clamp(1.625rem,1.05rem + 2.3vw,2.75rem);font-weight:700;line-height:1.06}.story__line.is-current .story__title{color:var(--ink)}.story__bodies{margin-top:10px;display:grid}.story__body{max-width:30em;color:var(--ink-2);text-wrap:pretty;opacity:0;transition:opacity var(--standard) var(--ease), color var(--ground) var(--ease);grid-area:1/1;font-size:15px;line-height:1.42}.story__body.is-current{opacity:1}.beat__title{letter-spacing:-.03em;text-wrap:balance;transition:color var(--ground) var(--ease);font-size:clamp(1.625rem,1.05rem + 2.3vw,3.25rem);font-weight:700;line-height:1.04}.beat__body{max-width:30em;color:var(--ink-2);text-wrap:pretty;transition:color var(--ground) var(--ease);margin-top:10px;font-size:15px;line-height:1.42}.tier{vertical-align:1px;white-space:nowrap;transition:background-color var(--ground) var(--ease), color var(--ground) var(--ease), box-shadow var(--ground) var(--ease);border-radius:6px;margin-left:4px;padding:1px 8px;font-size:12px;font-weight:600;line-height:18px;display:inline-block}.tier--pro{background:var(--signature);color:var(--on-signature)}.tier--free{box-shadow:inset 0 0 0 1px var(--separator);color:var(--ink)}.rail{transition:opacity var(--standard) var(--ease);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.stage[data-beat="0"] .rail{opacity:0;pointer-events:none}.rail__item{appearance:none;text-align:left;min-height:24px;color:var(--ink-2);cursor:pointer;transition:color var(--standard) var(--ease);background:0 0;border:0;align-content:center;gap:10px;padding:0;display:grid}.rail__item:hover,.rail__item.is-current{color:var(--ink)}.rail__track{background:var(--separator);height:3px;transition:background-color var(--ground) var(--ease);border-radius:2px;display:block;overflow:hidden}.rail__fill{background:var(--signature);transform-origin:0;height:100%;transition:background-color var(--ground) var(--ease);display:block;transform:scaleX(0)}.rail__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage__devices{z-index:1;margin-top:8px;position:relative}.stage__devices>*{will-change:transform, opacity}.carplay--live,.watch--live{opacity:0}@media (width>=960px){.stage{max-width:calc(var(--max) + 2 * var(--gutter));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(340px,5fr) minmax(0,7fr);column-gap:clamp(32px,4vw,72px);margin-inline:auto;padding-bottom:24px}.stage__copy{align-self:center;gap:44px;height:auto}.copy-stack>.hero{position:relative;inset:auto}.copy-stack>.story{align-self:center}.story__view{height:clamp(240px,42svh,400px);-webkit-mask-image:linear-gradient(#0000 0,#000 24% 56%,#0000 92%);mask-image:linear-gradient(#0000 0,#000 24% 56%,#0000 92%)}.story__list{gap:20px}.story__bodies{margin-top:22px}.story__body{font-size:17px}.hero__lead{font-size:inherit;margin-top:22px}.hero__works{margin-top:18px;font-size:16px}.hero__cta{margin-top:30px}.hero__cue{display:inline-flex}.beat__body{margin-top:18px;font-size:17px}.stage[data-beat="0"] .rail{opacity:1;pointer-events:auto}.rail{gap:10px;max-width:560px}.rail__item{min-height:44px;padding-top:6px}.rail__label{clip:auto;width:auto;height:auto;font-size:13px;font-weight:500;line-height:1.2;position:static;overflow:visible}.stage__devices{margin-top:0}}.frames{padding:24px var(--gutter) 24px;max-width:calc(var(--max) + 2 * var(--gutter));gap:56px;margin:0 auto;list-style:none;display:none}.frame{gap:20px;display:grid}.frame__device{height:480px}.frame:nth-child(4) .frame__device{height:300px}@media (width>=960px){.frames{gap:24px}.frame{grid-template-columns:5fr 7fr;align-items:center;column-gap:72px}.frame__device,.frame:nth-child(4) .frame__device{height:min(78svh,660px)}}@media (prefers-reduced-motion:reduce){.scene{height:auto}.stage{height:auto;padding-bottom:24px;display:block;position:static}.copy-stack>.hero{opacity:1;pointer-events:auto;position:static;transform:none}.copy-stack>.story,.rail,.stage__devices,.hero__cue{display:none!important}.frames{display:grid}}.store[data-astro-cid-5u4v5uha]{align-items:center;min-height:48px;margin:0;display:inline-flex}a[data-astro-cid-5u4v5uha].store{transition:opacity var(--quick) var(--ease);border-radius:10px}a[data-astro-cid-5u4v5uha].store:hover{opacity:.8}a[data-astro-cid-5u4v5uha].store img[data-astro-cid-5u4v5uha]{width:auto;height:48px}.store--soon[data-astro-cid-5u4v5uha]{gap:12px}.store--soon[data-astro-cid-5u4v5uha] img[data-astro-cid-5u4v5uha]{width:auto;height:48px}.store__soon[data-astro-cid-5u4v5uha]{color:var(--ink-2);transition:color var(--ground) var(--ease);font-size:13px;font-weight:600}.cover[data-astro-cid-fhr3lq2a]{aspect-ratio:1;background:#0c0a16;flex:none;height:auto;display:block;overflow:hidden;box-shadow:inset 0 0 0 .5px #dedede80}