.home{--g:16px;max-width:1240px;padding:0 var(--g);margin:0 auto}@media (min-width:720px){.home{--g:32px}}.home-top{border-bottom:1px solid var(--line);height:64px;font:500 13px/1 var(--mono);justify-content:space-between;align-items:center;display:flex}.home-mark{letter-spacing:.02em;align-items:center;gap:8px;display:inline-flex}.home-dot{background:var(--cobalt);border-radius:50%;width:9px;height:9px}.home-top nav{gap:20px;display:flex}.home-top nav a{color:var(--ink-2);text-decoration:none}.home-top nav a:hover{color:var(--ink)}@media (max-width:720px){.home-top nav a:not(:first-child){display:none}}.hero-kicker{font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0}.hero{border-bottom:1px solid var(--line);padding:72px 0 56px}.hero h1{letter-spacing:-.035em;max-width:17ch;margin:22px 0 0;font-size:clamp(38px,6.4vw,84px);font-weight:500;line-height:.98}.hero h1 em{color:var(--ink-3);font-style:normal}.hero-cols{max-width:920px;color:var(--ink-2);grid-template-columns:1fr 1fr;gap:32px;margin-top:44px;font-size:16px;line-height:1.6;display:grid}.hero-cols b{color:var(--ink);font-weight:500}@media (max-width:760px){.hero-cols{grid-template-columns:1fr;gap:16px}.hero{padding:44px 0 40px}}.hero-legend{font:400 13px/1.4 var(--mono);color:var(--ink-2);align-items:center;gap:10px;margin-top:36px;display:flex}.hero-swatch{border:1.5px dashed var(--cobalt);border-radius:3px;flex:none;width:22px;height:14px}.gal{padding:56px 0 24px}.gal-head{grid-template-columns:1fr minmax(0,520px);align-items:start;gap:32px;margin-bottom:28px;display:grid}.gal-title{letter-spacing:-.02em;padding-top:10px;font-size:28px;line-height:1.1}.gal-title span{color:var(--ink-3)}@media (max-width:860px){.gal-head{grid-template-columns:1fr;gap:18px}}.gal-list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.gal-row{border-bottom:1px solid var(--line);transition:opacity .3s var(--ease)}.gal-row[data-dim]{opacity:.42}.gal-row[data-dim]:hover{opacity:1}.gal-row[data-composing=true]{outline-offset:-2px}.gal-link{color:inherit;grid-template-columns:44px 240px 1fr;gap:28px;padding:24px 0;text-decoration:none;display:grid}.gal-n{font:500 13px/1 var(--mono);color:var(--ink-3);padding-top:4px}.gal-mini{aspect-ratio:8/5;transition:transform .35s var(--ease);border:1px solid;display:block;overflow:hidden}.gal-mini svg{width:100%;height:100%;display:block}.gal-link:hover .gal-mini{transform:translateY(-2px)}.gal-text{align-content:start;gap:8px;min-width:0;display:grid}.gal-meta{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.gal-meta i{margin:0 4px;font-style:normal}.gal-brand{letter-spacing:-.025em;font-size:30px;font-weight:500;line-height:1.05}.gal-pitch{max-width:62ch;color:var(--ink-2);font-size:15px;line-height:1.55}.gal-vs{border-top:1px solid var(--line);max-width:720px;color:var(--ink-2);grid-template-columns:1fr 1fr;gap:0;margin-top:6px;font-size:13px;line-height:1.45;display:grid}.gal-vs>span{gap:4px;padding:10px 16px 0 0;display:grid}.gal-vs>span+span{border-left:1px solid var(--line);padding-left:16px}.gal-vs b{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.gal-vs .gal-after{color:var(--cobalt)}.gal-try{font:400 13px/1.4 var(--mono);color:var(--ink);margin-top:6px}.gal-try q{color:var(--ink-2)}.gal-link:hover .gal-try{color:var(--cobalt)}@media (max-width:860px){.gal-link{grid-template-columns:1fr;gap:14px;padding:22px 0}.gal-n{display:none}.gal-vs{grid-template-columns:1fr}.gal-vs>span+span{border-left:0;padding-left:0}}.layer{border-top:1px solid var(--ink);grid-template-columns:5fr 7fr;gap:24px 56px;margin-top:48px;padding:72px 0;display:grid}.layer h2{letter-spacing:-.03em;margin:18px 0 16px;font-size:40px;line-height:1}.layer-copy p:last-child{color:var(--ink-2);max-width:52ch}.layer-steps{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;align-self:start;margin:0;padding:0;list-style:none;display:grid}.layer-steps li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-2);gap:6px;padding:18px 18px 20px;font-size:14px;line-height:1.45;display:grid}.layer-steps span{font:500 11px/1 var(--mono);color:var(--cobalt)}.layer-steps b{color:var(--ink);font-size:16px;font-weight:500}.layer-code{background:var(--night);color:var(--on-night);font:400 12.5px/1.65 var(--mono);border-radius:4px;grid-column:2;margin:0;padding:20px 22px;overflow-x:auto}@media (max-width:900px){.layer{grid-template-columns:1fr;padding:48px 0}.layer-code{grid-column:1}}@media (max-width:480px){.layer-steps{grid-template-columns:1fr}}.rules{padding:0 0 72px}.rules ol{counter-reset:r;border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:20px 0 0;padding:0;list-style:none;display:grid}.rules li{counter-increment:r;color:var(--ink-2);padding:16px 20px 0 0;font-size:14px;line-height:1.5}.rules li:before{content:counter(r, decimal-leading-zero);font:500 11px/1 var(--mono);color:var(--ink-3);margin-bottom:10px;display:block}.rules b{color:var(--ink);margin-bottom:4px;font-weight:500;display:block}@media (max-width:860px){.rules ol{grid-template-columns:1fr 1fr;gap:8px 0}}@media (max-width:480px){.rules ol{grid-template-columns:1fr}}.home-foot{border-top:1px solid var(--line);font:400 12px/1.4 var(--mono);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:24px 0 40px;display:flex}