[data-swayish=pages] .hero-wall{height:calc(var(--deck-h,100svh) - 196px);flex-direction:column;gap:clamp(16px,2.8vh,32px);display:flex}[data-swayish=pages] .hero-wall>*{flex-shrink:0}[data-swayish=pages] .hero-wall .crowd{flex:1 1 0;width:100%;height:auto;min-height:200px}@media (max-width:860px){[data-swayish=pages] .hero-wall{height:calc(var(--deck-h,100svh) - var(--top,64px) - var(--foot,72px) - 20px);gap:16px}}[data-swayish=pages] .how-head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:clamp(32px,5vw,64px);display:grid}[data-swayish=pages] .how-head>*{min-width:0}[data-swayish=pages] .hint-tap,[data-swayish=pages] .how-rail,[data-swayish=pages] .how-taps,[data-swayish=pages] .how-live{display:none}@media (hover:none){[data-swayish=pages] .hint-hover{display:none}[data-swayish=pages] .hint-tap{display:inline}}[data-swayish=pages] #how .slide-inner{height:calc(var(--deck-h,100svh) - 196px);flex-direction:column;gap:clamp(20px,3.6vh,40px);display:flex}[data-swayish=pages] #how .hc-grid{--wide:2.6fr;--tall:3fr;min-height:0;transition:grid-template-columns 1.1s var(--calm), grid-template-rows 1.1s var(--calm);--t-idle:clamp(20px, 2.6cqi, 30px);--t-open:clamp(22px, 3cqi, 34px);--t-closed:clamp(16px, 1.9cqi, 22px);flex:1;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,1.4vw,20px);display:grid;container-type:inline-size}@media (min-width:861px){[data-swayish=pages] #how .hc-grid:is([data-on="1"],[data-on="4"]){grid-template-columns:minmax(0, var(--wide)) minmax(0, 1fr) minmax(0, 1fr)}[data-swayish=pages] #how .hc-grid:is([data-on="2"],[data-on="5"]){grid-template-columns:minmax(0, 1fr) minmax(0, var(--wide)) minmax(0, 1fr)}[data-swayish=pages] #how .hc-grid:is([data-on="3"],[data-on="6"]){grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, var(--wide))}[data-swayish=pages] #how .hc-grid:is([data-on="1"],[data-on="2"],[data-on="3"]){grid-template-rows:minmax(0, var(--tall)) minmax(0, 1fr)}[data-swayish=pages] #how .hc-grid:is([data-on="4"],[data-on="5"],[data-on="6"]){grid-template-rows:minmax(0, 1fr) minmax(0, var(--tall))}}[data-swayish=pages] .hc{--pad:clamp(16px, 1.6vw, 24px);--dd:clamp(16px, 1.15vw, 18px);outline:none;min-width:0;min-height:0;position:relative}[data-swayish=pages] .hc:focus-visible{outline-offset:3px;outline:2px solid #fff}[data-swayish=pages] .hc-clip{filter:brightness(.55)saturate(.85);transition:filter 1.6s var(--calm);position:absolute;inset:0;overflow:hidden}[data-swayish=pages] .hc.is-on .hc-clip,[data-swayish=pages] .hc.is-lit .hc-clip{filter:none}[data-swayish=pages] .hc .hc-box{--lw:calc((min(var(--max), 100vw) - 2 * var(--gutter)) * .64);--lh:calc(var(--deck-h,100svh) * .66);width:var(--lw);height:var(--lh);left:calc(50% - var(--lw) / 2);top:calc(50% - var(--lh) / 2);position:absolute}[data-swayish=pages] .hc-ui{z-index:2;pointer-events:none;padding:clamp(10px, 1vw, 14px) var(--pad) var(--pad);grid-template:"n""art"minmax(0,1fr)"text"/minmax(0,1fr);row-gap:12px;display:grid;position:absolute;inset:0}[data-swayish=pages] .hc-ui:before{content:"";opacity:0;transition:opacity 1.4s var(--calm);background:linear-gradient(#0000 26%,#0606165c 58%,#060616a8 100%);position:absolute;inset:0}[data-swayish=pages] .hc.is-on .hc-ui:before{opacity:1}[data-swayish=pages] .hc-n{letter-spacing:.06em;color:#fff;grid-area:n;font-size:12px;font-weight:600;position:relative}[data-swayish=pages] .hc-text{grid-area:text;position:relative}[data-swayish=pages] .hc h3{font-family:var(--vf);font-size:var(--t-idle);font-weight:var(--vw1);letter-spacing:var(--vls);transition:font-size 1.1s var(--calm);line-height:1.08}[data-swayish=pages] #how .hc-grid[data-on] .hc h3{font-size:var(--t-closed)}[data-swayish=pages] #how .hc-grid[data-on] .hc.is-on h3{font-size:var(--t-open)}[data-swayish=pages] .hc-desc{transition:grid-template-rows .8s var(--calm);grid-template-rows:0fr;display:grid}[data-swayish=pages] .hc-desc>div{min-height:0;overflow:hidden}[data-swayish=pages] .hc-desc .in{max-width:52ch;font-size:var(--dd);opacity:0;transition:opacity .35s var(--calm);padding-top:14px;font-weight:500;line-height:1.45}[data-swayish=pages] .hc-desc p{color:#fff}[data-swayish=pages] .hc-desc ul{color:#fffc;gap:8px;margin-top:12px;list-style:none;display:grid}[data-swayish=pages] .hc-desc li{padding-left:20px;position:relative}[data-swayish=pages] .hc-desc li:before{content:"";background:#fff9;width:10px;height:1px;position:absolute;top:.72em;left:0}[data-swayish=pages] .hc-desc b{color:#fff;font-weight:600}[data-swayish=pages] .hc.is-on .hc-desc{transition:grid-template-rows 1.1s var(--calm) .15s;grid-template-rows:1fr}[data-swayish=pages] .hc.is-on .hc-desc .in{opacity:1;transition:opacity 1s var(--calm) .6s}[data-swayish=pages] .hc-art{z-index:2;position:relative;overflow:visible}[data-swayish=pages] .hc-art .l{fill:none;stroke:#fff;stroke-width:1.25px;stroke-linecap:butt;stroke-linejoin:miter}[data-swayish=pages] .hc-art .l.r{stroke-linecap:round;stroke-linejoin:round}[data-swayish=pages] .hc-art .l.g{stroke:#ffffff61}[data-swayish=pages] .hc-art .dash{stroke-dasharray:2 4}[data-swayish=pages] .hc-art .s{fill:#fff3}[data-swayish=pages] .hc-art .w{fill:#fffffff0}[data-swayish=pages] .hc-art .lab{fill:#ffffffc7;letter-spacing:.1em;text-anchor:middle;text-transform:uppercase;font-size:9px;font-weight:600}[data-swayish=pages] .hc-art .a{transform-box:fill-box;transform-origin:50%;transition:opacity .6s var(--calm), transform .6s var(--calm), stroke-dashoffset .6s var(--calm)}[data-swayish=pages] .hc-art .in-draw{stroke-dasharray:1 2;stroke-dashoffset:1px}[data-swayish=pages] .hc-art .in-fade,[data-swayish=pages] .hc-art .in-dot,[data-swayish=pages] .hc-art .in-drop{opacity:0}[data-swayish=pages] .hc-art .in-drop{transform:translateY(-8px)}[data-swayish=pages] .hc-art .in-dot{transform:scale(.4)}[data-swayish=pages] .hc-art .in-gx{transform-origin:0;transform:scaleX(0)}[data-swayish=pages] .hc-art .in-gy{transform-origin:50% 100%;transform:scaleY(0)}[data-swayish=pages] .hc.is-on .hc-art .out-fade{opacity:0}[data-swayish=pages] .hc-art .lab.lg{font-size:12.5px}[data-swayish=pages] .hc.is-on .hc-art .a{--at:calc(var(--dl,0s) + .5s);transition:opacity var(--du,1.6s) var(--calm) var(--at), transform var(--du,1.6s) var(--calm) var(--at), stroke-dashoffset var(--du,1.6s) cubic-bezier(.45, 0, .2, 1) var(--at)}[data-swayish=pages] .hc.is-on .in-draw{stroke-dashoffset:0}[data-swayish=pages] .hc.is-on .in-fade,[data-swayish=pages] .hc.is-on .in-dot,[data-swayish=pages] .hc.is-on .in-drop{opacity:var(--to,1);transform:none}[data-swayish=pages] .hc.is-on .in-gx,[data-swayish=pages] .hc.is-on .in-gy{transform:none}[data-swayish=pages] .hc.is-on .mv{transform:translate(var(--mx,0px), var(--my,0px))}[data-swayish=pages] .hc-fig{grid-area:art;min-height:0;margin-bottom:4px;position:relative}[data-swayish=pages] .hc .hc-art{opacity:0;width:100%;height:100%;transition:opacity .5s var(--calm);position:absolute;inset:0}[data-swayish=pages] .hc.is-on .hc-art{opacity:1;transition:opacity 1.2s var(--calm) .45s}@media (prefers-reduced-motion:reduce){[data-swayish=pages] #how .hc-grid,[data-swayish=pages] .hc-clip,[data-swayish=pages] .hc-art,[data-swayish=pages] .hc-desc,[data-swayish=pages] .hc-desc .in,[data-swayish=pages] .hc-ui:before,[data-swayish=pages] .hc-art .a,[data-swayish=pages] .hc,[data-swayish=pages] .hc h3{transition:none!important}}@media (min-width:861px) and (max-height:960px){[data-swayish=pages] #how .hc-grid{--tall:4fr}[data-swayish=pages] .hc-fig{right:var(--pad);top:40px;bottom:var(--pad);grid-area:auto;width:36%;margin:0;position:absolute}[data-swayish=pages] .hc-desc .in{max-width:60%}}@media (min-width:861px) and (max-width:1180px){[data-swayish=pages] #how .hc-grid{--wide:3.4fr}}@media (min-width:861px) and (max-height:760px){[data-swayish=pages] #how .hc-grid{--tall:4.4fr}[data-swayish=pages] .hc{--dd:14px}[data-swayish=pages] .hc-fig{width:32%}[data-swayish=pages] .hc-desc .in{max-width:64%}}@media (min-width:861px) and (max-height:860px){[data-swayish=pages] #how h2.big{font-size:clamp(36px,4.2vw,56px)}[data-swayish=pages] #how .lede{font-size:16px}[data-swayish=pages] #how .slide-inner{gap:16px}[data-swayish=pages] #how .hc-grid{--t-idle:clamp(18px, 2.2cqi, 26px);--t-open:clamp(20px, 2.5cqi, 28px);--t-closed:clamp(15px, 1.7cqi, 20px)}[data-swayish=pages] .hc{--dd:15px}}@media (min-width:861px) and (max-height:700px){[data-swayish=pages] #how .hc-grid{--t-idle:clamp(16px, 2cqi, 22px);--t-open:clamp(18px, 2.2cqi, 24px);--t-closed:clamp(14px, 1.6cqi, 18px)}[data-swayish=pages] .hc{--dd:14px}[data-swayish=pages] .hc-desc .in{padding-top:8px;line-height:1.38}[data-swayish=pages] .hc-desc ul{gap:5px;margin-top:8px}}@media (max-width:860px){[data-swayish=pages] #how .slide-inner{touch-action:pan-y;flex-direction:column;gap:12px;height:100%;display:flex}[data-swayish=pages] #how .rv{filter:none;transition-property:opacity,transform}[data-swayish=pages] #how .how-head{flex:none;display:block}[data-swayish=pages] #how .how-head .lede{display:none}[data-swayish=pages] #how .how-rail{flex:none;align-items:center;gap:10px;height:20px;display:flex}[data-swayish=pages] .how-n{font-family:var(--vf);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}[data-swayish=pages] .how-n em{color:var(--muted);font-style:normal;font-weight:600}[data-swayish=pages] .how-segs{flex:1;grid-template-columns:repeat(6,1fr);gap:4px;display:grid}[data-swayish=pages] .how-segs i{height:2px;transition:background-color .3s var(--calm);background:#ffffff2e}[data-swayish=pages] .how-segs i.done{background:#fff9}[data-swayish=pages] .how-segs i.now{background:#fff}[data-swayish=pages] .how-next{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}[data-swayish=pages] .how-next:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)}[data-swayish=pages] #how .how-taps{z-index:3;display:block;position:absolute;inset:0}[data-swayish=pages] #how .how-tap{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;top:0;bottom:0}[data-swayish=pages] #how .how-tap.prev{width:30%;left:0}[data-swayish=pages] #how .how-tap.next{left:30%;right:0}[data-swayish=pages] #how .how-tap:focus-visible{outline-offset:-6px;border-radius:14px;outline:2px solid #fff}[data-swayish=pages] #how .how-tap[aria-disabled=true]{cursor:default}[data-swayish=pages] #how .how-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;display:block;position:absolute;overflow:hidden}[data-swayish=pages] #how .hc-grid{flex:1;min-height:0;transition:none;display:block;position:relative}[data-swayish=pages] #how .hc{--pad:14px;--dd:15px;--ap:0;--p:0;opacity:0;visibility:hidden;transition:opacity .42s var(--calm), transform .42s var(--calm), visibility 0s linear .42s;grid-template-rows:clamp(140px,40%,300px) minmax(0,1fr);grid-template-columns:minmax(0,1fr);row-gap:14px;display:grid;position:absolute;inset:0;overflow:hidden;transform:translate(-6%)scale(.98)}[data-swayish=pages] #how .hc.is-after{transform:translate(6%)scale(.98)}[data-swayish=pages] #how .hc.is-cur{z-index:1;opacity:1;visibility:visible;transition:opacity .42s var(--calm), transform .42s var(--calm);transform:none}[data-swayish=pages] #how .hc:not(.is-cur) .hc-box{transition:transform 0s linear .46s;transform:translateY(300%)}[data-swayish=pages] #how .hc.is-cur .hc-box{transition:none}[data-swayish=pages] #how .hc-clip{filter:none;grid-area:1/1;transition:none;position:relative;inset:auto}[data-swayish=pages] #how .hc-clip:after{content:"";pointer-events:none;background:#0606164d;position:absolute;inset:0}[data-swayish=pages] #how .hc .hc-box{--lw:100%;--lh:100%;width:100%;height:100%;top:0;left:0}[data-swayish=pages] #how .hc-ui{display:contents}[data-swayish=pages] #how .hc-ui:before,[data-swayish=pages] #how .hc-n{display:none}[data-swayish=pages] #how .hc-fig{z-index:2;grid-area:1/1;margin:0}[data-swayish=pages] #how .hc-text{grid-area:2/1;align-self:start}[data-swayish=pages] #how .hc h3{font-size:clamp(24px,7.6vw,30px);transition:none}[data-swayish=pages] #how .hc-desc{grid-template-rows:1fr;transition:none}[data-swayish=pages] #how .hc-desc .in{opacity:1;padding-top:10px;transition:none}[data-swayish=pages] #how .hc-desc p{font-size:16px;line-height:1.42}[data-swayish=pages] #how .hc-desc ul{gap:6px;margin-top:10px}[data-swayish=pages] #how .hc.is-on .hc-art .a{--at:calc(var(--dl,0s) * .6 + .15s);transition:opacity calc(var(--du,1.6s) * .7) var(--calm) var(--at), transform calc(var(--du,1.6s) * .7) var(--calm) var(--at), stroke-dashoffset calc(var(--du,1.6s) * .7) cubic-bezier(.45, 0, .2, 1) var(--at)}[data-swayish=pages] #how .hc-art .l{stroke-width:2px}}@media (max-width:860px) and (max-height:760px){[data-swayish=pages] #how .slide-inner{gap:8px}[data-swayish=pages] #how .hc{grid-template-rows:clamp(110px,34%,240px) minmax(0,1fr);row-gap:10px}[data-swayish=pages] #how .hc h3{font-size:26px}[data-swayish=pages] #how .hc-desc .in{padding-top:8px}[data-swayish=pages] #how .hc-desc ul{gap:4px;margin-top:8px}}@media (max-width:860px) and (max-height:620px){[data-swayish=pages] #how .hc{--dd:14px;grid-template-rows:clamp(96px,28%,180px) minmax(0,1fr);row-gap:8px}[data-swayish=pages] #how .hc h3{font-size:23px}[data-swayish=pages] #how .hc-desc .in{padding-top:6px}[data-swayish=pages] #how .hc-desc p{font-size:14.5px;line-height:1.38}[data-swayish=pages] #how .hc-desc ul{gap:3px;margin-top:6px}}@media (max-width:860px) and (orientation:landscape) and (max-height:520px){[data-swayish=pages] #how .slide-inner{grid-template:"head rail""stage stage"minmax(0,1fr)/auto minmax(0,1fr);align-items:center;gap:8px 28px;display:grid}[data-swayish=pages] #how .how-head{grid-area:head}[data-swayish=pages] #how .how-rail{grid-area:rail}[data-swayish=pages] #how .hc-grid{grid-area:stage;align-self:stretch}[data-swayish=pages] #how .hc{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,42%) minmax(0,1fr);column-gap:20px}[data-swayish=pages] #how .hc-clip,[data-swayish=pages] #how .hc-fig{grid-area:1/1}[data-swayish=pages] #how .hc-text{grid-area:1/2;align-self:center}[data-swayish=pages] #how .hc h3{font-size:24px}[data-swayish=pages] #how .hc-desc .in{padding-top:6px;font-size:13px}[data-swayish=pages] #how .hc-desc p{font-size:14px}[data-swayish=pages] #how .hc-desc ul{gap:3px;margin-top:6px}}@media (max-width:860px) and (prefers-reduced-motion:reduce){[data-swayish=pages] #how .hc,[data-swayish=pages] #how .hc .hc-box,[data-swayish=pages] #how .how-segs i{transition:none!important}[data-swayish=pages] #how .hc{transform:none!important}[data-swayish=pages] #how .hc-art .a{transition:none!important}[data-swayish=pages] #how .hc .hc-art{opacity:1}[data-swayish=pages] #how .hc-art .in-draw{stroke-dashoffset:0}[data-swayish=pages] #how .hc-art .in-fade,[data-swayish=pages] #how .hc-art .in-dot,[data-swayish=pages] #how .hc-art .in-drop{opacity:var(--to,1);transform:none}[data-swayish=pages] #how .hc-art .in-gx,[data-swayish=pages] #how .hc-art .in-gy{transform:none}[data-swayish=pages] #how .hc-art .out-fade{opacity:0}}@media (max-width:860px){[data-swayish=pages][data-still] #how .hc .hc-art{opacity:1}[data-swayish=pages][data-still] #how .hc-art .in-draw{stroke-dashoffset:0}[data-swayish=pages][data-still] #how .hc-art .in-fade,[data-swayish=pages][data-still] #how .hc-art .in-dot,[data-swayish=pages][data-still] #how .hc-art .in-drop{opacity:var(--to,1);transform:none}[data-swayish=pages][data-still] #how .hc-art .in-gx,[data-swayish=pages][data-still] #how .hc-art .in-gy{transform:none}[data-swayish=pages][data-still] #how .hc-art .out-fade{opacity:0}}[data-swayish=pages] .cost-head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:clamp(32px,5vw,64px);display:grid}[data-swayish=pages] .cost-head>*{min-width:0}[data-swayish=pages] .cost-read{width:fit-content;color:var(--fg);text-underline-offset:4px;margin-top:14px;font-size:15px;font-weight:600;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59;display:block}[data-swayish=pages] .cost-read:hover,[data-swayish=pages] .cost-read:focus-visible{text-decoration-color:currentColor}[data-swayish=pages] .cost-fig{margin-top:clamp(160px,24vh,260px)}[data-swayish=pages] .phases{position:relative}[data-swayish=pages] .phases .track{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}[data-swayish=pages] .phases .track i{background:color-mix(in srgb, var(--fg) 14%, transparent);height:10px;position:relative;overflow:hidden}[data-swayish=pages] .phases .track i:after{content:"";background:var(--spectrum);transform-origin:0;transition:transform .9s var(--calm);background-size:500% 100%;position:absolute;inset:0;transform:scaleX(0)}[data-swayish=pages] .phases .track i:first-child:after{background-position:0 0}[data-swayish=pages] .phases .track i:nth-child(2):after{background-position:25% 0}[data-swayish=pages] .phases .track i:nth-child(3):after{background-position:50% 0}[data-swayish=pages] .phases .track i:nth-child(4):after{background-position:75% 0}[data-swayish=pages] .phases .track i:nth-child(5):after{background-position:100% 0}[data-swayish=pages] .is-active .phases .track i:after{transform:scaleX(1)}[data-swayish=pages] .is-active .phases .track i:nth-child(2):after{transition-delay:.25s}[data-swayish=pages] .is-active .phases .track i:nth-child(3):after{transition-delay:.5s}[data-swayish=pages] .is-active .phases .track i:nth-child(4):after{transition-delay:.75s}[data-swayish=pages] .is-active .phases .track i:nth-child(5):after{transition-delay:1s}[data-swayish=pages] .phases .labels{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px;display:grid}[data-swayish=pages] .phases .labels span{opacity:.45;padding-right:12px}[data-swayish=pages] .phases .labels span.pay{opacity:1}[data-swayish=pages] .phases .labels b{letter-spacing:-.02em;font-size:clamp(16px,1.35vw,22px);font-weight:600;display:block}[data-swayish=pages] .phases .labels small{color:var(--muted);margin-top:6px;font-size:clamp(13px,.95vw,15px);font-weight:500;line-height:1.4;display:block}[data-swayish=pages] .phases .span{text-align:center;border-bottom:1px dashed color-mix(in srgb, var(--fg) 30%, transparent);padding-bottom:10px;font-size:15px;font-weight:600;position:absolute;top:-56px}[data-swayish=pages] .phases .free{opacity:.55;width:calc(40% - 4px);left:0}[data-swayish=pages] .phases .paid{border-bottom-style:solid;border-bottom-color:color-mix(in srgb, var(--fg) 50%, transparent);width:calc(60% - 4px);padding-left:190px;left:calc(40% + 4px)}[data-swayish=pages] .phases .paid .sm{display:none}[data-swayish=pages] .phases .marker{background:var(--fg);height:40px;color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .6s var(--calm) 1.1s, transform .9s var(--sway) 1.1s;border-radius:999px;align-items:center;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex;position:absolute;top:-76px;left:calc(40% - 1px);transform:translateY(10px)}[data-swayish=pages] .phases .marker:after{content:"";background:var(--fg);width:1px;height:36px;position:absolute;top:100%;left:0}[data-swayish=pages] .is-active .phases .marker{opacity:1;transform:none}[data-swayish=pages] .keep{justify-content:center;align-items:flex-end;gap:clamp(10px,1.4vw,18px);display:flex}[data-swayish=pages] .keep .panel{aspect-ratio:9/16;height:min(46vh,440px);transition:transform .9s var(--sway), filter .6s var(--calm)}[data-swayish=pages] .keep .panel:not(.pick){filter:brightness(.45)saturate(.7)}[data-swayish=pages] .keep .pick{height:min(56vh,540px)}[data-swayish=pages] .keep .pick:before{content:"Yours to use";z-index:2;color:#fff;background:#000000c7;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}@media (max-width:860px){[data-swayish=pages] .crowd{height:100%;min-height:0}[data-swayish=pages] .cost-head{grid-template-columns:minmax(0,1fr);gap:16px}[data-swayish=pages] #cost .slide-inner{flex-direction:column;display:flex}[data-swayish=pages] .cost-fig{margin:auto 0;padding-top:64px}[data-swayish=pages] .phases .track{gap:4px}[data-swayish=pages] .phases .track i{height:8px}[data-swayish=pages] .phases .labels{gap:4px;margin-top:12px}[data-swayish=pages] .phases .labels span{padding-right:2px}[data-swayish=pages] .phases .labels b{letter-spacing:-.01em;font-size:12px}[data-swayish=pages] .phases .labels small{font-size:10.5px;line-height:1.3}[data-swayish=pages] .phases .span{padding-bottom:8px;font-size:11px;top:-40px}[data-swayish=pages] .phases .paid{text-align:right;padding-left:0}[data-swayish=pages] .phases .paid .lg{display:none}[data-swayish=pages] .phases .paid .sm{display:inline}[data-swayish=pages] .phases .marker{height:30px;padding:0 12px;font-size:12px;top:-54px}[data-swayish=pages] .phases .marker:after{height:24px}[data-swayish=pages] .keep{align-items:center;height:100%;min-height:0;container-type:size}[data-swayish=pages] .keep .panel{height:min(74cqh,55.5556cqw - 13.3333px)}[data-swayish=pages] .keep .pick{height:min(90cqh,66.6667cqw - 16px)}}@media (max-width:860px) and (orientation:landscape) and (max-height:520px){[data-swayish=pages] .cost-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}[data-swayish=pages] #cost .lede{font-size:13px;line-height:1.45}[data-swayish=pages] .cost-fig{padding-top:52px}[data-swayish=pages] .phases .labels small{display:none}}@media (max-width:860px) and (orientation:portrait){[data-swayish=pages] #cost .slide-inner{gap:16px;height:100%}[data-swayish=pages] #cost .cost-head{display:contents}[data-swayish=pages] #cost .cost-head h2{flex:1 1 0}[data-swayish=pages] #cost .lede{flex-direction:column;flex:1 1 0;order:3;justify-content:flex-end;display:flex}[data-swayish=pages] .cost-fig{flex:none;order:2;margin:0}}