.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);margin-top:calc(-1 * var(--nav-h));padding-top:var(--nav-h)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:56px 88px}.hero h1{font-size:clamp(27px,4.2vw,54px);line-height:1.12;margin-top:18px}.hero h1 em{font-style:normal;color:var(--signal)}.hero .lede{margin-top:22px;font-size:clamp(17px,1.4vw,19px);color:var(--muted);max-width:33em}.rot{display:block;transition:opacity .35s ease,transform .35s ease}.rot.out{opacity:0;transform:translateY(-14px)}.rot .w{display:inline-block;white-space:nowrap}.rot .ch{display:inline-block;white-space:pre;animation:chDrop .6s cubic-bezier(.34,1.56,.64,1) both}.rot .blk{display:inline-block;width:.17em;height:.17em;margin-left:.07em;margin-right:-.24em;background:var(--red);vertical-align:baseline;animation:blkDrop .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes chDrop{0%{transform:translateY(-.8em);opacity:0}to{transform:none;opacity:1}}@keyframes blkDrop{0%{transform:translateY(-1.2em);opacity:0}to{transform:none;opacity:1}}.band{overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface);padding-block:18px}.band-track{display:flex;gap:36px;width:max-content;align-items:center;font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:clamp(15px,1.5vw,19px);white-space:nowrap;animation:band 50s linear infinite}.band-track .sq{width:9px;height:9px;background:var(--red);flex-shrink:0}.band-track .hl{color:var(--signal)}.band:hover .band-track{animation-play-state:paused}@keyframes band{to{transform:translate(-50%)}}.build{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}.build-mark{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px);display:flex;flex-direction:column;align-items:center;gap:20px}.build-mark svg{width:min(280px,60vw);height:auto;overflow:visible}.build-mark .b{fill:transparent;stroke:var(--line);stroke-width:1.5;stroke-dasharray:4 3;transition:fill .5s ease,stroke .5s ease,transform .6s cubic-bezier(.34,1.56,.64,1);transform-box:fill-box;transform-origin:center}.build-mark .b.on{fill:var(--mark-j);stroke:transparent;stroke-dasharray:none}.build-mark .b.red{transform:translateY(-14px)}.build-mark .b.red.on{fill:#da1c25;stroke:transparent;stroke-dasharray:none}.build-mark .b.red.on.drop{transform:translateY(0)}.build-mark .count{font-family:var(--f-mono);font-size:13px;color:var(--muted)}.steps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.steps-list li{min-height:34vh;display:flex;flex-direction:column;justify-content:center;gap:8px;padding-block:24px;border-top:1px solid var(--line);opacity:.55;transition:opacity .4s}.steps-list li.on{opacity:1}.steps-list li .k{font-family:var(--f-mono);font-size:13px;color:var(--signal)}.steps-list li h3{font-size:22px;font-weight:600}.steps-list li p{color:var(--muted);max-width:30em}.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.offer{border:1px solid rgba(159,202,211,.4);border-radius:14px;padding:32px 30px;background:var(--surface);min-width:0;display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:16px}:root[data-theme=light] .offer{border-color:#002c5a38;box-shadow:0 18px 40px -28px #002c5a4d}.offer h3{font-family:var(--f-display);font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.02em;line-height:1.3}.offer .for{font-size:14px;color:var(--muted)}.offer .for b{font-weight:600;color:var(--ink)}.offer .price{font-family:var(--f-display);font-size:26px;font-weight:600;padding-bottom:16px;border-bottom:1px solid var(--line);align-self:end}.offer .price small{font-family:var(--f-body);font-size:14px;font-weight:400;color:var(--muted)}.offer ul{margin:0 0 8px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--muted)}.offer li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px}.offer li:before{content:"";width:7px;height:7px;margin-top:8px;background:var(--signal)}.offer .btn{align-self:end;justify-self:stretch}@media(max-width:900px){.hero-grid,.offers{grid-template-columns:1fr}.hero-grid{gap:40px;padding-block:32px 64px}.build{grid-template-columns:1fr;gap:0}.build-mark{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:2;flex-direction:row;justify-content:center;gap:16px;padding-block:12px;background:var(--bg);border-bottom:1px solid var(--line)}.build-mark svg{width:88px}.steps-list li{min-height:40vh}}
