.b-top{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:20px 32px;display:flex}.b-back{border:1.5px solid var(--ink);transition:background-color .18s var(--ease-out), color .18s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:850;text-decoration:none;display:inline-flex}.b-back:hover{background:var(--ink);color:var(--cream)}.b-main{max-width:1120px;margin:0 auto;padding:0 32px 64px}.small{color:var(--muted);font-size:14px;font-weight:650;line-height:1.5}.small b{color:var(--ink)}.b-intro{max-width:820px;padding:48px 0 40px}.b-eyebrow{color:var(--tangerine-deep);font-size:15px;font-weight:850}.b-intro h1{letter-spacing:-.035em;margin-top:14px;font-size:clamp(42px,6vw,76px);font-weight:950;line-height:.98}.b-lede{color:#3a322a;max-width:60ch;margin-top:20px;font-size:clamp(18px,1.6vw,21px);font-weight:600;line-height:1.5}.b-sec{border-top:1px solid var(--line);padding:56px 0}.b-head{align-items:center;gap:12px;margin-bottom:28px;display:flex}.b-n{font-family:var(--mono);background:var(--tangerine);border-radius:999px;padding:3px 9px;font-size:13px;font-weight:500}.b-head h2{letter-spacing:-.03em;font-size:clamp(30px,3.4vw,44px);font-weight:950;line-height:1}.b-sub{margin:40px 0 16px;font-size:18px;font-weight:900}.b-para{color:#3a322a;max-width:72ch;margin-bottom:28px;font-size:17px;line-height:1.55}.b-btn{border:1.5px solid var(--ink);background:var(--paper);cursor:pointer;min-height:44px;transition:background-color .18s var(--ease-out), color .18s var(--ease-out);border-radius:999px;margin-top:18px;padding:0 18px;font-size:15px;font-weight:850}.b-btn:hover,.b-btn[aria-pressed=true]{background:var(--ink);color:var(--cream)}.logo-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.logo-stage{aspect-ratio:4/3;background:var(--wallpaper);border:1px solid var(--line);cursor:pointer;border-radius:32px;place-items:center;display:grid}.logo-copy h3{letter-spacing:-.025em;font-size:28px;font-weight:950;line-height:1.1}.logo-copy p{color:#3a322a;margin-top:14px;font-size:17px;line-height:1.55}.logo-copy p.small{color:var(--muted);font-size:14px}.lockups{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tile{border:1px solid var(--line);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:190px;margin:0;padding:24px 16px 16px;display:flex}.tile figcaption{color:var(--muted);text-align:center;font-size:12.5px;font-weight:800}.t-cream{background:var(--cream)}.t-paper{background:var(--paper)}.t-ink{background:var(--ink);border-color:var(--ink)}.t-ink figcaption{color:#b9ad9e}.t-ink .on-dark{color:var(--cream)}.t-tangerine{background:var(--tangerine);border-color:var(--tangerine)}.t-tangerine figcaption{color:var(--ink)}.tile-mark{border-radius:14px}.wordmark.solo{font-size:46px}.logo-rules{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;display:grid}.sizes{background:var(--paper);border:1px solid var(--line);border-radius:24px;align-items:flex-end;gap:28px;margin-bottom:14px;padding:24px;display:flex}.sizes figure{flex-direction:column;align-items:center;gap:10px;margin:0;display:flex}.sizes figcaption{color:var(--muted);text-align:center;max-width:11ch;font-size:11.5px;font-weight:800}.clear{background:var(--paper);border:1px solid var(--line);border-radius:24px;margin-bottom:14px;padding:24px}.clear-box{outline:1.5px dashed var(--tangerine-deep);outline-offset:0;border-radius:6px;padding:11px;display:inline-flex}.swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.sw-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden}.sw-chip{height:110px;display:block}.sw-chip.sw-line{border-bottom:1px solid var(--line)}.sw-meta{padding:12px 14px 16px}.sw-name{font-size:17px;font-weight:950}.sw-code{margin-top:6px;font-size:12px;line-height:1.55}.sw-code span{color:var(--tangerine-deep)}.sw-role{color:var(--muted);margin-top:8px;font-size:13px;font-weight:650;line-height:1.45}.tints{flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:20px;display:flex}.tints .small{max-width:44ch}.tints ul{flex-wrap:wrap;gap:10px 18px;margin:0;padding:0;list-style:none;display:flex}.tints li{align-items:center;gap:8px;font-size:13.5px;display:flex}.tints li span:first-child{border:1px solid var(--line);border-radius:50%;width:28px;height:28px}.tints .mono{color:var(--muted);font-size:12px}.type-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.type-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:24px}.type-big{letter-spacing:-.04em;font-size:120px;font-weight:1000;line-height:1}.type-big.mono{letter-spacing:0;color:var(--tangerine-deep);font-weight:500}.type-name{margin:12px 0 8px;font-size:22px;font-weight:950}.scale{margin:24px 0 0;padding:0;list-style:none}.scale li{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);align-items:baseline;gap:24px;padding:18px 0;display:grid}.scale-role{flex-direction:column;gap:2px;font-size:15px;font-weight:900;display:flex}.scale-role small{color:var(--muted);font-size:12.5px;font-weight:700}.scale-sample{overflow-wrap:anywhere;min-width:0}.s-display{letter-spacing:-.035em;font-size:clamp(48px,7vw,80px);font-weight:950;line-height:.98}.s-h2{letter-spacing:-.03em;font-size:clamp(28px,3vw,38px);font-weight:950;line-height:1.04}.s-title{letter-spacing:-.02em;font-size:20px;font-weight:950}.s-body{font-size:17px;font-weight:600}.s-chat{background:var(--paper);border:1px solid var(--line);border-radius:20px 20px 20px 6px;justify-self:start;padding:8px 14px 9px;font-size:16px;font-weight:620}.s-cap{color:var(--muted);font-size:12.5px;font-weight:800}.s-mono{font-family:var(--mono);font-size:15.5px;font-weight:500}.voice{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.voice-col{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:22px}.voice-h{margin-bottom:12px;font-size:15px;font-weight:950}.voice ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.v-say{background:var(--ink);color:var(--cream);border-radius:20px 20px 6px;justify-self:start;padding:8px 14px 9px;font-weight:700}.v-not{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--tangerine);padding:8px 2px;font-weight:650;text-decoration-thickness:2px}.motion{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;display:grid}.principles{color:#3a322a;gap:16px;margin:0;padding-left:22px;font-size:16.5px;line-height:1.5;display:grid}.principles li::marker{font-family:var(--mono);color:var(--tangerine-deep)}.principles b{color:var(--ink);font-weight:900}.demo-stage{background-color:var(--wallpaper);border:1px solid var(--line);border-radius:24px;gap:10px;min-height:210px;padding:22px 18px;display:grid}.d-row{align-items:flex-end;gap:8px;display:flex;position:relative}.d-row .av{background:var(--sand);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:950;display:inline-grid}.d-mine{justify-content:flex-end}.d-sys{justify-content:center}.d-bubble{background:var(--paper);transform-origin:0 100%;border-radius:20px 20px 20px 6px;padding:8px 14px 9px;font-weight:620}.d-bubble.mine{background:var(--ink);color:var(--cream);transform-origin:100% 100%;border-radius:20px 20px 6px}.d-pay{background:var(--tangerine);border-radius:999px;padding:6px 12px;font-size:14px}.d-typing{background:var(--paper);opacity:0;border-radius:20px 20px 20px 6px;gap:4px;padding:12px 14px;display:flex;position:absolute;bottom:0;left:38px}.d-typing i{background:#b5a898;border-radius:50%;width:7px;height:7px}.demo-stage.play .d-typing{animation:.9s step-end both d-typing}.demo-stage.play .d-typing i{animation:bob .9s var(--ease-out) 1}.demo-stage.play .d-typing i:nth-child(2){animation-delay:.12s}.demo-stage.play .d-typing i:nth-child(3){animation-delay:.24s}.demo-stage.play .d-theirs .d-bubble{animation:d-arrive .7s var(--spring) .9s both}.demo-stage.play .d-mine .d-bubble{animation:d-arrive .7s var(--spring) 1.6s both}.demo-stage.play .d-pay{animation:d-pop .76s var(--spring) 2.3s both;transform-origin:50%}@keyframes d-typing{0%{opacity:1}to{opacity:0}}@keyframes d-arrive{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:none}}@keyframes d-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes bob{0%,60%,to{transform:none}30%{transform:translateY(-4px)}}.spring{margin:20px 0 0}.spring svg{width:100%;max-width:360px;height:auto;overflow:visible}.g-line{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4}.g-curve{fill:none;stroke:var(--tangerine);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.icons{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:24px 40px;display:grid}.icon-main{grid-template-columns:180px minmax(0,300px);align-items:center;gap:24px;margin:0;display:grid}.icon-main svg{filter:drop-shadow(0 16px 24px #b84a0640)}.icon-main figcaption,.icon-alts figcaption{color:var(--muted);font-size:14px;font-weight:650;line-height:1.5}.icon-main b{color:var(--ink)}.icon-alts{flex-wrap:wrap;gap:24px;display:flex}.icon-alts figure{flex-direction:column;gap:10px;max-width:130px;margin:0;display:flex}.icon-alts figcaption{font-size:12.5px}.icon-sizes div{align-items:flex-end;gap:12px;height:96px;display:flex}.notif{border:1px solid var(--line);background:#ffffffe6;border-radius:22px;grid-column:1/-1;align-items:center;gap:12px;max-width:400px;padding:12px 16px 12px 12px;display:flex;box-shadow:0 18px 40px -26px #1d181380}.notif svg{flex:none}.notif-h{justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.notif-h span{color:var(--muted);font-size:12.5px;font-weight:700}.notif .mono{font-size:14px}.notif-s{color:var(--muted);font-size:12.5px;font-weight:700}.b-foot{border-top:1px solid var(--line);max-width:1120px;padding:32px 32px calc(40px + env(safe-area-inset-bottom));gap:6px;margin:0 auto;font-size:14px;font-weight:750;display:grid}@media (width<=899px){.b-top,.b-main,.b-foot{padding-left:16px;padding-right:16px}.b-back{font-size:14px}.logo-hero,.logo-rules,.type-pair,.voice,.motion,.icons{grid-template-columns:minmax(0,1fr)}.lockups,.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.scale li{grid-template-columns:minmax(0,1fr);gap:8px}.icon-main{grid-template-columns:minmax(0,1fr)}.sizes{gap:18px;padding:18px}.wordmark.solo{font-size:38px}}@media (width<=420px){.lockups{grid-template-columns:minmax(0,1fr)}}