.snip{padding-block:var(--section)}.snip__inner{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:clamp(28px,4vw,56px);display:grid}.snip__title{grid-column:1/-1}.snip__lead{max-width:34ch;font-size:var(--step-lead);grid-column:1/span 5;font-weight:500;line-height:1.3}.snip__facts{grid-column:1/span 5;max-width:40ch;line-height:1.55}.snip__plans{white-space:nowrap;font-weight:600}.snip__dock{grid-column:1/span 4;justify-items:start;row-gap:14px;display:grid}.snip__mascot{aspect-ratio:96/108;width:96px;margin-left:24px;display:block}.snip .snip__mascot:not([data-live]) .ce-mascot,.snip .snip__mascot:not([data-live]) .ce-mascot *{animation-play-state:paused}.snip__chat{background:var(--surface);gap:14px;width:100%;padding:20px;display:grid;position:relative}.snip__chat:before{content:"";background:var(--surface);width:14px;height:14px;position:absolute;top:-7px;left:65px;transform:rotate(45deg)}.snip__greeting{font-size:var(--step-body);line-height:1.45}.snip__starters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.snip__starters li{background:var(--surface-3);min-height:44px;font-size:var(--step-small);align-items:center;padding:8px 12px;font-weight:600;line-height:1.3;display:flex}.snip__promise{color:var(--muted);font-size:var(--step-small);line-height:1.5}.snip__reel{grid-area:2/6/span 2/-1;grid-template-columns:subgrid;align-items:start;margin:0;display:grid}.snip__phone{aspect-ratio:9/16;background:var(--surface);grid-column:1/span 3}.snip__video{object-fit:cover;width:100%;height:100%;scroll-margin:calc(var(--site-bar) + 16px) 0 16px;display:block}.snip__about{grid-column:4/-1;row-gap:20px;min-width:0;display:grid}.snip__effects-title{font-family:var(--font-display);font-size:var(--step-section);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;font-weight:700;line-height:1}.snip__effects{row-gap:6px;margin:0;padding:0;list-style:none;display:grid}.snip__effect{row-gap:4px;padding-bottom:10px;display:grid}.snip__effect-name{min-height:32px;color:var(--text);font:inherit;font-size:var(--step-body);text-align:left;cursor:pointer;transition:color var(--t-hover) ease;background:0 0;border:0;justify-self:start;padding:0;font-weight:600;line-height:1.3}.snip__effect-about{color:var(--muted);font-size:var(--step-small);line-height:1.45}.snip__effect-bar{height:2px;margin-top:6px;display:block}.snip__effect-bar i{background:var(--lime);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.snip__effect[data-on] .snip__effect-bar i{transform:scaleX(var(--fill,0))}.snip__effects:has([data-on]) .snip__effect:not([data-on]) .snip__effect-name{color:var(--muted)}@media (hover:hover) and (pointer:fine){.snip__effect-name:hover{color:var(--lime)}}.snip__foot{grid-template-columns:44px minmax(0,1fr);align-items:start;column-gap:16px;display:grid}.snip__play{background:var(--surface-3);width:44px;height:44px;color:var(--text);cursor:pointer;transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-press) ease;border:0;border-radius:0;place-items:center;padding:0;display:grid}.snip__play:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.snip__play:hover{background:var(--paper);color:var(--ink)}}.snip__credit{max-width:54ch;color:var(--muted);font-size:var(--step-small);line-height:1.5}@media (min-width:1100px){.snip:not([data-effects]) .snip__dock{grid-area:2/7/span 2/-1}.snip:not([data-effects]) .snip__facts{grid-row:3;align-self:end}}@media (max-width:1099px){.snip__lead,.snip__facts{grid-column:1/-1}.snip__dock{grid-area:3/1/auto/-1;grid-template-columns:96px minmax(0,34rem);align-items:start;column-gap:20px}.snip__mascot{margin:8px 0 0}.snip__chat:before{top:62px;left:-7px}.snip__reel{grid-area:4/1/auto/-1}.snip__phone{grid-column:1/span 5}.snip__about{grid-column:6/-1}}@media (max-width:639px){.snip__dock{grid-template-columns:minmax(0,1fr);row-gap:14px}.snip__mascot{width:80px;margin-left:16px}.snip__chat:before{top:-7px;left:49px}.snip__reel{grid-template-columns:minmax(0,1fr);row-gap:28px}.snip__phone{grid-column:1;justify-self:center;width:min(78%,300px)}.snip__about{grid-column:1}}@media (prefers-reduced-motion:reduce){.snip__effect-name,.snip__play{transition:none}.snip__play:active{transform:none}}