code{font-family:var(--font-mono)}.kit-wrap{max-width:1080px;padding:var(--sp-8) var(--sp-5) var(--sp-9);margin:0 auto}.kit-wrap section{margin-bottom:var(--sp-9);padding:0}.intro{margin-bottom:var(--sp-9)}.intro h1{letter-spacing:-.02em;max-width:16ch;font-size:44px;font-weight:800;line-height:1.1}.intro p.lede{color:var(--ink-soft);max-width:60ch;margin-top:var(--sp-4);font-size:18px}.kit-sec-head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.kit-sec-head h2{letter-spacing:-.01em;font-size:26px;font-weight:800}.kit-sec-head .num{font-family:var(--font-mono);color:var(--ink-soft);font-size:13px}.sec-note{color:var(--ink-soft);max-width:68ch;margin-bottom:var(--sp-5);font-size:15px}.card{background:var(--white);border-radius:var(--r-lg);border:1.5px solid var(--cloud-dim);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.stage-grid{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=760px){.stage-grid{grid-template-columns:1fr}}.stage{border-radius:var(--r-lg);border:1.5px solid var(--cloud-dim);box-shadow:var(--shadow-sm);padding:var(--sp-7) var(--sp-5);justify-content:center;align-items:center;gap:var(--sp-4);flex-direction:column;min-height:200px;display:flex}.stage-light{background:var(--white)}.stage-cloud{background:var(--cloud-dim)}.stage-plum{background:var(--plum)}.stage-ink{background:var(--ink)}.stage-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);text-align:center;font-size:11px}.stage-plum .stage-label,.stage-ink .stage-label{color:#ffffff8c}.lockup-h{align-items:center;gap:14px;display:flex}.lockup-h .word{font-family:var(--font-display);letter-spacing:-.02em;font-size:30px;font-weight:800}.lockup-h .word .a{color:var(--ink)}.lockup-h .word .b{color:var(--marigold-dk)}.stage-plum .lockup-h .word .a,.stage-ink .lockup-h .word .a{color:var(--white)}.stage-plum .lockup-h .word .b,.stage-ink .lockup-h .word .b{color:var(--marigold)}.lockup-stacked{flex-direction:column;align-items:center;gap:10px;display:flex}.lockup-stacked .word{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:800}.clearspace-demo{border:1.5px dashed var(--cloud-dim);border-radius:var(--r-md);padding:36px;display:inline-block;position:relative}.clearspace-demo .tick{font-family:var(--font-mono);color:var(--ink-soft);font-size:10px;position:absolute}.clearspace-demo .tick.top{top:8px;left:50%;transform:translate(-50%)}.clearspace-demo .tick.left{transform-origin:0;top:50%;left:8px;transform:translateY(-50%)rotate(-90deg)}.size-row{align-items:flex-end;gap:var(--sp-6);flex-wrap:wrap;display:flex}.size-demo{flex-direction:column;align-items:center;gap:10px;display:flex}.size-demo .lbl{font-family:var(--font-mono);color:var(--ink-soft);font-size:11px}.dd-grid{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.dd-grid{grid-template-columns:1fr}}.dd-card{border-radius:var(--r-lg);padding:var(--sp-5);align-items:center;gap:var(--sp-3);text-align:center;flex-direction:column;display:flex}.dd-do{background:var(--meadow-bg);border:1.5px solid #3fa67240}.dd-dont{background:var(--coral-bg);border:1.5px solid #e85b4f40}.dd-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-full);padding:4px 12px;font-size:11px;font-weight:700}.dd-do .dd-badge{background:var(--meadow);color:var(--white)}.dd-dont .dd-badge{background:var(--coral);color:var(--white)}.dd-card p{color:var(--ink-soft);max-width:32ch;font-size:13px}.swatch-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.swatch{border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:var(--white);border:1.5px solid var(--cloud-dim);overflow:hidden}.swatch .chip{height:80px}.swatch .meta{padding:var(--sp-3) var(--sp-4)}.swatch .meta .name{font-size:14px;font-weight:700}.swatch .meta .hex{font-family:var(--font-mono);color:var(--ink-soft);margin-top:2px;font-size:12px}.swatch .meta .use{color:var(--ink-soft);margin-top:6px;font-size:12px}.icon-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.icon-tile{background:var(--white);border:1.5px solid var(--cloud-dim);border-radius:var(--r-md);padding:var(--sp-4);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.icon-tile .ic-wrap{border-radius:var(--r-sm);background:var(--sky-bg);width:44px;height:44px;color:var(--sky);justify-content:center;align-items:center;display:flex}.icon-tile .ic-wrap svg{width:22px;height:22px}.icon-tile .ic-name{font-size:13px;font-weight:700}.icon-tile .ic-use{color:var(--ink-soft);font-size:11px}.fav-row{gap:var(--sp-6);flex-wrap:wrap;align-items:center;display:flex}.fav-demo{flex-direction:column;align-items:center;gap:8px;display:flex}.fav-demo img{border-radius:8px;display:block}.fav-demo .lbl{font-family:var(--font-mono);color:var(--ink-soft);font-size:11px}table.spec{border-collapse:collapse;width:100%;font-size:13px}table.spec th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);border-bottom:1.5px solid var(--cloud-dim);padding:8px 12px;font-size:11px}table.spec td{border-bottom:1px solid var(--cloud-dim);padding:10px 12px}table.spec td.file{font-family:var(--font-mono);color:var(--plum);font-size:12px}.kv{gap:var(--sp-2) var(--sp-5);grid-template-columns:200px 1fr;font-size:14px;display:grid}.kv dt{font-family:var(--font-mono);color:var(--plum);font-weight:600}.kv dd{color:var(--ink-soft);margin:0}.kit-note{border-top:1.5px solid var(--cloud-dim);padding-top:var(--sp-5);color:var(--ink-soft);font-size:13px}