.demo-module__7re_5q__page{overflow-x:clip}.demo-module__7re_5q__inner{width:100%;max-width:1232px;margin-inline:auto;padding-inline:16px}.demo-module__7re_5q__grid{grid-template-columns:280px minmax(0,1fr);gap:40px;display:grid}.demo-module__7re_5q__topBar{justify-content:space-between;align-items:center;padding-block:32px;display:flex}.demo-module__7re_5q__brand{letter-spacing:-.01em;font-size:15px;font-weight:600}.demo-module__7re_5q__nav{color:var(--color-lichen);gap:32px;font-size:14px;font-weight:500;display:flex}.demo-module__7re_5q__nav a{border-bottom:1px solid #0000;padding-bottom:2px;transition:color .15s}.demo-module__7re_5q__nav a:hover{color:var(--color-ink)}.demo-module__7re_5q__nav a[aria-current=page]{color:var(--color-ink);border-color:var(--color-ink)}.demo-module__7re_5q__hero{justify-content:space-between;align-items:flex-end;gap:80px;padding-block:120px 104px;display:flex}.demo-module__7re_5q__heroMain{flex-direction:column;gap:28px;max-width:680px;display:flex}.demo-module__7re_5q__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-evergreen);align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.demo-module__7re_5q__dot{background:var(--color-evergreen);border-radius:50%;width:6px;height:6px}.demo-module__7re_5q__heroTitle{letter-spacing:-.04em;font-size:72px;font-weight:600;line-height:74px}.demo-module__7re_5q__heroSide{flex-direction:column;flex-shrink:0;gap:32px;width:400px;padding-bottom:6px;display:flex}.demo-module__7re_5q__heroIntro{color:var(--color-lichen);font-size:16px;line-height:26px}.demo-module__7re_5q__index{border-top:1px solid var(--color-ink);list-style:none}.demo-module__7re_5q__indexRow{border-bottom:1px solid var(--color-frost);align-items:center;gap:16px;padding-block:14px;display:flex}.demo-module__7re_5q__indexNum{width:28px;color:var(--color-muted);flex-shrink:0;font-size:13px;font-weight:500}.demo-module__7re_5q__indexName{color:var(--color-lichen);flex-direction:column;flex:1;gap:2px;font-size:13px;display:flex}.demo-module__7re_5q__indexName strong{color:var(--color-ink);font-size:15px;font-weight:600}.demo-module__7re_5q__indexTime{color:var(--color-lichen);font-variant-numeric:tabular-nums;font-size:13px}.demo-module__7re_5q__indexRow:hover strong{color:var(--color-evergreen)}.demo-module__7re_5q__chapter{padding:40px 0 160px;scroll-margin-top:0}.demo-module__7re_5q__chapterHead{padding-block:32px 64px}.demo-module__7re_5q__rail{border-top:1px solid var(--color-ink);flex-direction:column;gap:6px;padding-top:16px;display:flex}.demo-module__7re_5q__railNum{color:var(--color-evergreen);font-size:13px;font-weight:500}.demo-module__7re_5q__railProduct{font-size:15px;font-weight:600}.demo-module__7re_5q__railModule{color:var(--color-lichen);font-size:14px}.demo-module__7re_5q__headMain{border-top:1px solid var(--color-frost);flex-direction:column;gap:24px;padding-top:16px;display:flex}.demo-module__7re_5q__headline{letter-spacing:-.03em;max-width:820px;font-size:48px;font-weight:600;line-height:54px}.demo-module__7re_5q__summary{max-width:620px;color:var(--color-lichen);font-size:17px;line-height:28px}.demo-module__7re_5q__visit{border-bottom:1px solid var(--color-evergreen);color:var(--color-evergreen);align-self:flex-start;padding-bottom:2px;font-size:15px;font-weight:500;transition:border-color .15s}.demo-module__7re_5q__visit:hover{border-color:#0000}.demo-module__7re_5q__stage{background:var(--color-mist);padding-block:72px 56px}.demo-module__7re_5q__browser{border:1px solid var(--color-field);background:var(--color-snow);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #16201b0a,0 24px 48px -24px #16201b2e}.demo-module__7re_5q__chrome{border-bottom:1px solid var(--color-frost);align-items:center;gap:16px;height:40px;padding-inline:16px;display:flex}.demo-module__7re_5q__dots{flex-shrink:0;gap:6px;width:60px;display:flex}.demo-module__7re_5q__dots i{background:var(--color-field);border-radius:50%;width:10px;height:10px}.demo-module__7re_5q__address{background:var(--color-mist);min-width:0;max-width:max-content;color:var(--color-lichen);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;margin-inline:auto;padding:4px 14px;font-size:12px;overflow:hidden}.demo-module__7re_5q__video{aspect-ratio:1198/580;background:var(--color-ink);position:relative}.demo-module__7re_5q__video img{object-fit:cover;object-position:top left}.demo-module__7re_5q__video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-module__7re_5q__scrim{background:linear-gradient(#16201b00 50%,#16201bc7 100%);position:absolute;inset:0}.demo-module__7re_5q__play{color:var(--color-snow);text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-end;gap:20px;padding:32px;display:flex;position:absolute;inset:0}div.demo-module__7re_5q__play{cursor:default}.demo-module__7re_5q__playIcon{background:var(--color-snow);width:64px;height:64px;color:var(--color-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.demo-module__7re_5q__play:hover .demo-module__7re_5q__playIcon{transform:scale(1.06)}.demo-module__7re_5q__playText{flex-direction:column;justify-content:center;gap:4px;min-height:64px;display:flex}div.demo-module__7re_5q__play .demo-module__7re_5q__playText{min-height:0}.demo-module__7re_5q__playTitle{letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:26px}.demo-module__7re_5q__playMeta{color:#ffffffbf;font-size:14px}.demo-module__7re_5q__notes{padding-top:96px}.demo-module__7re_5q__notes>div{border-top:1px solid var(--color-frost);padding-block:24px}.demo-module__7re_5q__notes>div:last-child{border-bottom:1px solid var(--color-frost)}.demo-module__7re_5q__notes dt{padding-top:2px;font-size:14px;font-weight:600}.demo-module__7re_5q__notes dd{max-width:620px;font-size:16px;line-height:26px}.demo-module__7re_5q__noticing{flex-direction:column;gap:10px;list-style:none;display:flex}.demo-module__7re_5q__screens{align-items:flex-start;gap:40px;padding-top:72px;display:flex}.demo-module__7re_5q__screensFlip{flex-direction:row-reverse}.demo-module__7re_5q__screens figure,.demo-module__7re_5q__phones figure{flex-direction:column;gap:14px;display:flex}.demo-module__7re_5q__figLarge{flex:760 1 0;min-width:0}.demo-module__7re_5q__figSmall{flex:400 1 0;min-width:0;padding-top:120px}.demo-module__7re_5q__frame{border:1px solid var(--color-frost);background:var(--color-mist);border-radius:8px;position:relative;overflow:hidden}.demo-module__7re_5q__figLarge .demo-module__7re_5q__frame{aspect-ratio:16/10}.demo-module__7re_5q__figSmall .demo-module__7re_5q__frame{aspect-ratio:4/3}.demo-module__7re_5q__figFull{flex:1;min-width:0}.demo-module__7re_5q__figFull .demo-module__7re_5q__frame{aspect-ratio:16/9}.demo-module__7re_5q__frame img{object-fit:cover;object-position:top left}.demo-module__7re_5q__screens figcaption,.demo-module__7re_5q__phones figcaption{color:var(--color-lichen);gap:14px;font-size:13px;line-height:20px;display:flex}.demo-module__7re_5q__screens figcaption span,.demo-module__7re_5q__phones figcaption span{color:var(--color-evergreen);flex-shrink:0;font-weight:600}.demo-module__7re_5q__screensIntro{padding-top:96px}.demo-module__7re_5q__screensIntro+.demo-module__7re_5q__phones,.demo-module__7re_5q__screensIntro+.demo-module__7re_5q__screenGroup>.demo-module__7re_5q__screens:first-child{padding-top:56px}.demo-module__7re_5q__screensLabel{border-top:1px solid var(--color-ink);color:var(--color-evergreen);padding-top:16px;font-size:13px;font-weight:500}.demo-module__7re_5q__screensLead{border-top:1px solid var(--color-frost);letter-spacing:-.015em;padding-top:16px;padding-right:max(0px,100% - 640px);font-size:24px;font-weight:600;line-height:32px}.demo-module__7re_5q__phones{flex-wrap:wrap;align-items:flex-start;gap:40px 32px;padding-top:72px;display:flex}.demo-module__7re_5q__phone{width:calc(25% - 24px);max-width:264px}.demo-module__7re_5q__phone:nth-child(2n){padding-top:64px}.demo-module__7re_5q__phonesSteps{justify-content:space-between}.demo-module__7re_5q__phonesSteps .demo-module__7re_5q__phone{width:calc(33.3333% - 60px);max-width:340px}.demo-module__7re_5q__phonesSteps .demo-module__7re_5q__phone:nth-child(2n){padding-top:0}.demo-module__7re_5q__phonesSteps .demo-module__7re_5q__phone:nth-child(2){padding-top:64px}.demo-module__7re_5q__phonesSteps .demo-module__7re_5q__phone:nth-child(3){padding-top:128px}.demo-module__7re_5q__phoneFrame{aspect-ratio:1175/1999;border:1px solid var(--color-field);background:var(--color-mist);position:relative;overflow:hidden;box-shadow:0 24px 48px -28px #16201b40}.demo-module__7re_5q__phoneFrame img{object-fit:cover;object-position:top}.demo-module__7re_5q__closing{padding-bottom:96px}.demo-module__7re_5q__closing>*{padding-top:32px}.demo-module__7re_5q__closingLabel{border-top:1px solid var(--color-ink);color:var(--color-evergreen);font-size:13px;font-weight:500}.demo-module__7re_5q__closingTitle{letter-spacing:-.03em;max-width:720px;font-size:40px;font-weight:600;line-height:46px}.demo-module__7re_5q__closingLink{border-bottom:1px solid var(--color-evergreen);color:var(--color-evergreen);align-self:flex-start;padding-bottom:2px;font-size:15px;font-weight:500;transition:border-color .15s}.demo-module__7re_5q__closingLink:hover{border-color:#0000}.demo-module__7re_5q__footer{border-top:1px solid var(--color-frost);color:var(--color-lichen);justify-content:space-between;gap:16px;padding-block:20px 48px;font-size:13px;display:flex}.demo-module__7re_5q__footer a:hover{color:var(--color-ink)}@media (max-width:960px){.demo-module__7re_5q__grid{grid-template-columns:minmax(0,1fr);gap:0}.demo-module__7re_5q__hero{flex-direction:column;align-items:stretch;gap:48px;padding-block:56px 72px}.demo-module__7re_5q__heroSide{width:auto}.demo-module__7re_5q__heroTitle{font-size:44px;line-height:48px}.demo-module__7re_5q__rail{flex-direction:row;align-items:baseline;gap:12px}.demo-module__7re_5q__headMain{border-top:0}.demo-module__7re_5q__headline{font-size:32px;line-height:38px}.demo-module__7re_5q__chapter{padding-bottom:96px}.demo-module__7re_5q__chapterHead{padding-block:16px 40px}.demo-module__7re_5q__stage{padding-block:32px}.demo-module__7re_5q__notes{padding-top:56px}.demo-module__7re_5q__notes dt{padding-bottom:8px}.demo-module__7re_5q__screens,.demo-module__7re_5q__screensFlip{flex-direction:column;align-items:stretch;gap:32px;padding-top:48px}.demo-module__7re_5q__figSmall{padding-top:0}.demo-module__7re_5q__phones{gap:32px 16px;padding-top:48px}.demo-module__7re_5q__phone{width:calc(50% - 8px)}.demo-module__7re_5q__phone:nth-child(2n){padding-top:40px}.demo-module__7re_5q__phonesSteps .demo-module__7re_5q__phone{width:calc(50% - 8px)}.demo-module__7re_5q__phonesSteps .demo-module__7re_5q__phone:nth-child(2){padding-top:40px}.demo-module__7re_5q__phonesSteps .demo-module__7re_5q__phone:nth-child(3){padding-top:0}.demo-module__7re_5q__screensIntro{padding-top:56px}.demo-module__7re_5q__screensLead{border-top:0;padding-top:8px;padding-right:0;font-size:20px;line-height:28px}.demo-module__7re_5q__closingTitle{font-size:30px;line-height:36px}.demo-module__7re_5q__closing>*+*{padding-top:16px}}@media (max-width:560px){.demo-module__7re_5q__nav{gap:20px}.demo-module__7re_5q__play{gap:14px;padding:16px}.demo-module__7re_5q__playIcon{width:48px;height:48px}.demo-module__7re_5q__playText{min-height:48px}button.demo-module__7re_5q__play .demo-module__7re_5q__playTitle{display:none}div.demo-module__7re_5q__play .demo-module__7re_5q__playTitle{font-size:16px;line-height:22px}.demo-module__7re_5q__chrome{height:32px;padding-inline:12px}.demo-module__7re_5q__dots{gap:5px;width:42px}.demo-module__7re_5q__dots i{width:8px;height:8px}.demo-module__7re_5q__address{padding:2px 10px;font-size:11px}.demo-module__7re_5q__playMeta{font-size:13px}}.demo-module__7re_5q__solo{flex-direction:column;gap:24px;padding-block:48px 120px;display:flex}.demo-module__7re_5q__soloBack{color:var(--color-evergreen);align-self:flex-start;font-size:14px;font-weight:500}.demo-module__7re_5q__soloBack:hover{text-underline-offset:3px;text-decoration:underline}.demo-module__7re_5q__soloVideo{aspect-ratio:16/9;border:1px solid var(--color-field);background:var(--color-ink);border-radius:10px;width:100%;display:block;box-shadow:0 24px 48px -24px #16201b2e}