.b-wrap{width:100%;max-width:1200px;padding:0 var(--gutter);margin:0 auto}.btn-sm{--h:40px;padding:0 16px;font-size:.875rem}.b-top{padding:calc(18px + env(safe-area-inset-top)) var(--gutter) 18px;border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:20px;display:flex}.b-top nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:22px;font-size:.875rem;display:flex}.b-top nav a:not(.btn){color:var(--fog);text-decoration:none}.b-top nav a:not(.btn):hover{color:var(--paper)}@media (width<=860px){.b-top nav a:not(.btn){display:none}}.b-hero{padding:clamp(64px,10vw,140px) 0 clamp(40px,6vw,80px)}.b-title{margin-top:18px;font-size:clamp(3rem,11vw,9.5rem)}.b-lede{max-width:42rem;color:var(--fog);margin-top:24px;font-size:clamp(1.05rem,1.4vw,1.3rem)}.b-sec{border-top:1px solid var(--hairline);padding:clamp(64px,9vw,120px) 0}.b-head{max-width:46rem;margin-bottom:clamp(32px,4vw,52px)}.b-head .eyebrow{margin-bottom:14px}.b-head>p:not(.eyebrow){color:var(--fog);margin-top:16px}.b-h2{font-size:clamp(1.9rem,4vw,3.4rem)}.b-h3{font-family:var(--font-display);margin:48px 0 18px;font-size:1.25rem;font-weight:720;font-stretch:125%}.tile{border:1px solid var(--hairline);border-radius:18px;place-items:center;gap:18px;min-height:220px;padding:32px 24px 24px;display:grid;position:relative;overflow:hidden}.tile--dark{background:var(--deep)}.tile--light{background:var(--paper);color:var(--night);border-color:#e2dbcd}.tile--light .tile-cap{color:#6a6458}.tile-cap{text-transform:uppercase;color:var(--fog);text-align:center;font-size:.6875rem}.logo-stage{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;display:grid}.logo-demo{cursor:default;min-height:380px}.replay{position:absolute;top:16px;right:16px}.tile--construct{background:var(--night)}.construct{width:min(100%,340px);height:auto}.lockups{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.logo--stack{flex-direction:column;gap:10px}.specs{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.sizes{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:32px;display:flex}.sizes>span{justify-items:center;gap:10px;display:grid}.sizes i{color:var(--fog);font-size:.6875rem;font-style:normal}.cs-box{outline:1px dashed var(--slate);outline-offset:0;background:repeating-linear-gradient(45deg,#5b63721f 0 6px,#0000 6px 12px);padding:28px}.cs-box .logo{background:var(--deep)}@media (width<=960px){.logo-stage,.specs{grid-template-columns:minmax(0,1fr)}.lockups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.lockups{grid-template-columns:minmax(0,1fr)}.logo-demo{min-height:300px}.logo-demo .logo-mark{width:140px;height:140px}}.ratio{border:1px solid var(--hairline);border-radius:6px;height:18px;display:flex;overflow:hidden}.ratio-cap{text-align:left;margin:10px 0 28px}.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.swatch{align-content:start;gap:4px;display:grid}.swatch .chip{border:1px solid var(--hairline);border-radius:14px;align-items:flex-end;height:120px;margin-bottom:10px;padding:12px;font-size:.75rem;display:flex}.chip--light{color:var(--paper)}.chip--dark{color:var(--night)}.swatch strong{font-weight:700;font-stretch:120%}.swatch .mono{font-size:.8125rem}.swatch p{color:var(--fog);margin-top:4px;font-size:.875rem}@media (width<=860px){.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.swatches{grid-template-columns:minmax(0,1fr)}}.widths{font-family:var(--font-display);gap:4px;margin-bottom:40px;font-size:clamp(2rem,5vw,3.6rem);font-weight:780;line-height:1.05;display:grid}.widths span{align-items:baseline;gap:16px;display:flex}.widths i{color:var(--fog);font-size:.75rem;font-style:normal;font-weight:400;font-stretch:100%}.scale{margin:0;padding:0;list-style:none;display:grid}.scale li{border-top:1px solid var(--hairline);grid-template-columns:17rem minmax(0,1fr);align-items:baseline;gap:24px;padding:22px 0;display:grid}.sc-l{color:var(--fog);font-size:.75rem}.sc-xl{font-size:clamp(2.6rem,7vw,7.5rem)}.sc-lg{font-size:clamp(1.8rem,4vw,4rem)}.sc-md{font-family:var(--font-display);font-size:1.3125rem;font-weight:720;font-stretch:125%}.sc-body{max-width:36rem}.sc-data{font-size:clamp(1rem,1.6vw,1.375rem)}@media (width<=760px){.scale li{grid-template-columns:minmax(0,1fr);gap:10px}}.voice{border-collapse:collapse;width:100%}.voice th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;color:var(--fog);padding:0 0 14px;font-size:.75rem;font-weight:400}.voice td{border-top:1px solid var(--hairline);vertical-align:top;width:50%;padding:18px 16px 18px 0}.voice td:first-child{font-family:var(--font-display);color:var(--paper);font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:680;font-stretch:120%}.voice td:last-child{color:var(--fog);text-decoration:line-through #9c978d80}.motion-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.principles{gap:22px;margin:0;padding:0;list-style:none;display:grid}.principles li{grid-template-columns:2.4em 1fr;gap:8px;display:grid}.principles strong{font-size:1.1rem;font-weight:700;font-stretch:120%}.principles p{color:var(--fog);margin-top:4px}.mdemo{align-content:start;justify-items:stretch}.mline{width:100%;height:auto}.mline-dot{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 6px #e3b765)}.mdemo .btn{justify-self:center}.mtokens{gap:0;margin:6px 0 0;font-size:.75rem;display:grid}.mtokens div{border-top:1px solid var(--hairline);grid-template-columns:9em 1fr;gap:12px;padding:9px 0;display:grid}.mtokens dt{color:var(--fog);text-transform:uppercase}.mtokens dd{margin:0}@media (width<=860px){.motion-grid{grid-template-columns:minmax(0,1fr)}}.icons{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:24px;display:grid}.icons figure{justify-items:center;gap:14px;margin:0;display:grid}.icons figcaption{text-transform:uppercase;color:var(--fog);text-align:center;font-size:.6875rem}.appicon{width:168px;height:168px;box-shadow:0 24px 50px -20px #000000e6, 0 0 0 1px var(--hairline);overflow:hidden}.appicon svg{width:100%;height:100%}.appicon--ios{border-radius:38px}.appicon--android{border-radius:50%}.homescreen{background:linear-gradient(160deg,#2a2d36,#15171c);border-radius:26px;grid-template-columns:repeat(4,40px);gap:14px;padding:18px;display:grid}.hs-app{background:#ffffff1f;border-radius:10px;width:40px;height:40px;overflow:hidden}.hs-faloos svg{width:100%;height:100%}.favicon-demo{border:1px solid var(--hairline);background:#1b1e25;border-bottom:0;border-radius:10px 10px 0 0;align-items:center;gap:10px;min-width:220px;padding:10px 14px;font-size:.75rem;display:flex}.favicon-demo img{width:18px;height:18px}@media (width<=960px){.icons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.icons{grid-template-columns:minmax(0,1fr)}}.b-foot{border-top:1px solid var(--hairline);padding:40px 0 calc(40px + env(safe-area-inset-bottom))}.b-foot .footer-inner{gap:14px;display:grid}.b-foot p{font-size:.75rem}