.hero{padding:var(--space-24) 0 var(--space-16);border-bottom:var(--border-hairline) solid var(--color-border)}.hero h1{font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);max-width:18ch}.hero p{font-size:var(--fs-lg);color:var(--color-text-muted);line-height:var(--lh-relaxed);max-width:var(--w-reading-max);margin-top:var(--space-8)}.personality{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-10)}.section-head{display:flex;align-items:baseline;gap:var(--space-8);margin:var(--space-20) 0 var(--space-8)}.section-head h2{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.grid{display:grid;grid-gap:var(--space-8);gap:var(--space-8)}.grid.-screens{grid-template-columns:repeat(2,1fr)}.grid.-docs{grid-template-columns:repeat(3,1fr)}@media (max-width:760px){.grid.-docs,.grid.-screens{grid-template-columns:1fr}}@media (max-width:640px){.hero{padding:var(--space-16) 0 var(--space-12)}.hero h1{font-size:var(--fs-2xl);max-width:none}.hero p{font-size:var(--fs-md)}.section-head{margin:var(--space-16) 0 var(--space-6)}.section-head h2{font-size:var(--fs-xl)}}.nav-card{display:flex;flex-direction:column;color:inherit;overflow:hidden}.nav-card,.nav-card:hover{text-decoration:none}.preview{height:116px;border-bottom:var(--border-hairline) solid var(--color-border-subtle);background:var(--color-surface-sunken);position:relative;overflow:hidden;display:flex}.preview .mini-nav{width:46px;background:var(--color-surface);border-right:var(--border-hairline) solid var(--color-border-subtle);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.preview .mini-nav i{height:6px;border-radius:var(--radius-full);background:var(--color-border-strong);display:block}.preview .mini-nav i.on{background:var(--color-primary)}.preview .mini-body{flex:1 1;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.mini-row{height:9px;border-radius:var(--radius-xs);background:var(--color-border)}.mini-tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.mini-tile{height:22px;border-radius:var(--radius-sm);background:var(--color-surface);border:var(--border-hairline) solid var(--color-border-subtle)}.mini-chip{height:8px;border-radius:var(--radius-full)}.nav-card-body{padding:var(--space-8) var(--space-10);display:flex;flex-direction:column;gap:var(--space-3);flex:1 1}.nav-card-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);display:flex;align-items:center;gap:var(--space-4)}.nav-card-title .arw{margin-left:auto;color:var(--color-text-faint);transition:transform var(--dur-fast) var(--ease-out)}.nav-card:hover .arw{transform:translateX(3px);color:var(--color-text)}.nav-card-desc{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-normal)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--space-6)}.sw,.swatches{gap:var(--space-6)}.sw{display:flex;align-items:center;padding:var(--space-6);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.sw-chip{width:26px;height:26px;border-radius:var(--radius-sm);flex:none;border:var(--border-hairline) solid var(--color-border-subtle)}.sw-name{font-family:var(--font-mono);color:var(--color-text-muted);line-height:1.3}.sw-name,.sw-role{font-size:var(--fs-xs)}.sw-role{color:var(--color-text);font-weight:var(--fw-medium)}