.marketing-site .locker3d{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.marketing-site .locker3d canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.marketing-site .home-after{z-index:2;background:var(--bg);position:relative}.marketing-site .ch{position:relative}.marketing-site .ch>.ch__pin{z-index:2;min-height:100svh;padding:5.5rem var(--margin) clamp(2rem, 5vh, 4rem);column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-content:center;display:grid;position:sticky;top:0}.marketing-site .ch--pinned{min-height:200svh}.marketing-site .ch__copy{grid-column:1/span 6;align-self:center}.marketing-site .ch__copy .lead{max-width:38ch;margin-top:1.5rem}.marketing-site .ch--hero{min-height:calc(100svh - var(--header-h));background:var(--bg)}.marketing-site .ch--hero .ch__pin{min-height:calc(100svh - var(--header-h));align-content:space-between;padding-top:2.5rem}.marketing-site .ch--hero .ch__copy{grid-column:1/-1;align-self:start}.marketing-site .ch--hero h1{font-size:var(--step-display);margin-left:-.02em}.marketing-site .ch--hero .lead{max-width:40ch}.marketing-site .hero__actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.marketing-site .ch__stage{grid-column:7/-1;justify-content:flex-end;align-self:end;display:flex}.marketing-site .ch__stage-note{color:var(--muted);max-width:40ch;font-style:italic}.marketing-site .ch--parts{background:var(--accent);color:#fff}.marketing-site .ch--parts h2{font-size:var(--step-chapter)}.marketing-site .ch--parts .ch__copy .lead{color:#fff;margin-top:1rem}.marketing-site .steps{margin-top:1.5rem}.marketing-site .steps li{border-top:2px solid}.marketing-site .steps li:last-child{border-bottom:2px solid}.marketing-site .steps button{text-align:left;color:#ffe9ee;cursor:pointer;width:100%;transition:color var(--t-hover) ease, transform var(--t-press) var(--ease-out);padding:.5rem 0;display:grid}.marketing-site .steps button:active{transform:scale(.99)}.marketing-site .steps li[aria-current=true] button{color:#fff}.marketing-site .steps__name{text-transform:uppercase;font-size:clamp(2rem,.8rem + 3.2vw,3.5rem);font-weight:800;font-stretch:62.5%;line-height:.92}.marketing-site .steps__text{font-size:var(--step-lead);max-width:42ch;line-height:1.3;display:block}@media (width>=40em){.marketing-site .ch--parts .lead,.marketing-site .ch--parts .steps__text{font-size:max(1.5rem, var(--step-lead))}}.marketing-site .locker-slot{display:none}@media (width<=68.75em){.marketing-site .locker3d{display:none}.marketing-site .ch>.ch__pin{flex-direction:column;align-content:start;display:flex}.marketing-site .locker-slot{flex:auto;min-height:15rem;margin-top:1rem;display:block;position:relative}.marketing-site .locker-slot canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.marketing-site .ch__copy{grid-column:1/-1;align-self:start}.marketing-site .ch__stage{display:none}.marketing-site .ch--hero .ch__pin{align-content:start}.marketing-site .ch--hero .lead{font-size:var(--step-body);margin-top:1rem}.marketing-site .hero__actions{flex-wrap:nowrap;gap:1rem;margin-top:1.25rem}.marketing-site .ch--parts .lead{max-width:none;font-size:var(--step-body)}.marketing-site .steps{margin-top:1rem}.marketing-site .steps__text{font-size:var(--step-body);display:none}.marketing-site .steps li[aria-current=true] .steps__text{display:block}.marketing-site .ch--pinned{min-height:180svh}}@media (width<=40em){.marketing-site .ch--hero h1{margin-left:0;font-size:2.75rem}}@media (prefers-reduced-motion:reduce){.marketing-site .ch--pinned{min-height:100svh}}.marketing-site .pair{column-gap:var(--gutter);grid-template-columns:1fr 1fr;row-gap:2.5rem;display:grid}.marketing-site .pair .lead{margin-top:1rem}.marketing-site .pair .lead+p{max-width:46ch;margin-top:1rem}.marketing-site .why{gap:2.5rem var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2.5rem;display:grid}.marketing-site .why p{margin-top:.5rem}.marketing-site .spec__pics{grid-template-columns:632fr 438fr;align-items:end;gap:1rem;max-width:calc(535px + 1rem);margin-top:2rem;display:grid}.marketing-site .spec__pics img{width:100%;height:auto}.marketing-site .spec__pics .caption{grid-column:1/-1}.marketing-site .software{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:2rem;display:grid}.marketing-site .software__copy{grid-column:1/-1;grid-template-columns:subgrid;align-items:end;display:grid}.marketing-site .software__copy h2{grid-column:1/span 6}.marketing-site .software__copy .lead{grid-column:7/-1;max-width:44ch}.marketing-site .software__panel{grid-column:1/-1}.marketing-site .software__groups{gap:2.5rem var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(2.5rem,5vw,4rem);display:grid}.marketing-site .software__groups li{border-top:2px solid var(--ink);padding-top:1rem}.marketing-site .software__groups p{margin-top:.5rem}.marketing-site .qp{color:#1c1c1c;-webkit-user-select:none;user-select:none;background:#f0f0f0;border:1px solid #e2e5e8;grid-template-columns:52px minmax(0,1fr);font-size:13px;line-height:1.35;display:grid;overflow:hidden}.marketing-site .qp__rail{background:#fff;border-radius:0 12px 12px 0;align-content:start;justify-items:center;gap:18px;padding:18px 0;display:grid}.marketing-site .qp__rail svg{fill:none;stroke:#818e98;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;overflow:visible}.marketing-site .qp__rail svg.is-active{stroke:var(--accent)}.marketing-site .qp__rail svg.has-badge{background:radial-gradient(circle at 85% 12%, var(--accent) 3.5px, transparent 4px)}.marketing-site .qp__main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.marketing-site .qp__top{justify-content:space-between;align-items:center;gap:1rem;padding:10px 18px;display:flex}.marketing-site .qp__title{font-size:18px;font-weight:700}.marketing-site .qp__user{text-align:right;align-items:center;gap:10px;display:flex}.marketing-site .qp__user b,.marketing-site .qp__user small{display:block}.marketing-site .qp__user small,.marketing-site .qp__groups small,.marketing-site .qp__colhead small,.marketing-site .qp__facts dt{color:#818e98;font-size:12px}.marketing-site .qp__avatar{background:#d3d8dc;border-radius:50%;width:30px;height:30px}.marketing-site .qp__cols{grid-template-columns:180px 210px minmax(0,1fr);gap:10px;padding:0 10px 10px;display:grid}.marketing-site .qp__menu,.marketing-site .qp__groups,.marketing-site .qp__detail{background:#fff;border-radius:6px;padding:8px 0}.marketing-site .qp__menu li,.marketing-site .qp__groups li{border-left:3px solid #0000;padding:7px 14px}.marketing-site .qp__menu li.is-active,.marketing-site .qp__groups li.is-active{border-left-color:var(--accent);background:#fff0f4;font-weight:600}.marketing-site .qp__groups li{display:grid}.marketing-site .qp__colhead{padding:6px 14px 10px;font-weight:700}.marketing-site .qp__groups .qp__colhead{border-left:0}.marketing-site .qp__detail{min-width:0;padding:8px 14px 14px}.marketing-site .qp__detail .qp__colhead{padding-left:0}.marketing-site .qp__locker{background:#e4e7ea;border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;display:grid}.marketing-site .qp__module{grid-template-rows:repeat(8,minmax(22px,1fr));gap:3px;display:grid}.marketing-site .qp__terminal{background:#1c1c1c;border-radius:2px;grid-row:span 4;place-items:center;display:grid}.marketing-site .qp__terminal i{border-top:3px solid var(--accent);background:#3a3e42;width:52%;height:42%}.marketing-site .qp__door{border-radius:2px;align-items:center;padding:0 6px;font-size:11px;display:flex}.marketing-site .qp__door--0{color:#818e98;background:#fff;box-shadow:inset 0 0 0 1px #d3d8dc}.marketing-site .qp__door--1{color:#fff;background:#9aa4ac}.marketing-site .qp__door--2{background:var(--accent);color:#fff}.marketing-site .qp__door--3{color:#fff;background:#1c1c1c}.marketing-site .qp__legend{flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:12px;display:flex}.marketing-site .qp__legend li{align-items:center;gap:6px;display:flex}.marketing-site .qp__legend i{border-radius:2px;width:10px;height:10px}.marketing-site .qp__facts{border-top:1px solid #eceef0;margin-top:12px}.marketing-site .qp__facts div{border-bottom:1px solid #eceef0;grid-template-columns:9rem minmax(0,1fr);gap:8px;padding:7px 0;display:grid}@media (width<=68.75em){.marketing-site .qp__cols{grid-template-columns:190px minmax(0,1fr)}.marketing-site .qp__menu{display:none}}@media (width<=40em){.marketing-site .qp{grid-template-columns:40px minmax(0,1fr)}.marketing-site .qp__rail{gap:14px;padding:14px 0}.marketing-site .qp__cols{grid-template-columns:minmax(0,1fr)}.marketing-site .qp__groups,.marketing-site .qp__user span{display:none}.marketing-site .qp__module{grid-template-rows:repeat(8,minmax(20px,1fr))}.marketing-site .qp__facts div{grid-template-columns:1fr;gap:0}}.marketing-site .how{gap:1.5rem var(--gutter);grid-template-columns:repeat(5,minmax(0,1fr));margin-top:2.5rem;display:grid}.marketing-site .how li{border-top:2px solid #fff;padding-top:1rem}.marketing-site .how__name{text-transform:uppercase;font-size:clamp(1.5rem,.8rem + 2vw,2.25rem);font-weight:800;font-stretch:62.5%;line-height:1;display:block}.marketing-site .how p{margin-top:.5rem}.marketing-site .kinds-links{margin-top:1rem}.marketing-site .kinds-links li{border-top:2px solid var(--ink)}.marketing-site .kinds-links li:last-child{border-bottom:2px solid var(--ink)}.marketing-site .kinds-links a{gap:.15rem;padding:.8rem 0;text-decoration:none;display:grid}.marketing-site .kinds-links__name{text-transform:uppercase;transition:color var(--t-hover) ease;font-size:clamp(1.5rem,.8rem + 2vw,2.25rem);font-weight:800;font-stretch:62.5%;line-height:1}@media (hover:hover) and (pointer:fine){.marketing-site .kinds-links a:hover .kinds-links__name{color:var(--accent)}}@media (width<=68.75em){.marketing-site .pair{grid-template-columns:1fr}.marketing-site .why{grid-template-columns:1fr 1fr}.marketing-site .software__copy h2,.marketing-site .software__copy .lead{grid-column:1/-1}.marketing-site .software__groups{grid-template-columns:1fr 1fr}.marketing-site .how{grid-template-columns:1fr}}@media (width<=40em){.marketing-site .why,.marketing-site .software__groups{grid-template-columns:1fr}}
