.ds-wrapper[data-astro-cid-std4wme7]{background-color:var(--bg-primary);color:var(--text-primary);padding:6rem 0 8rem}.back-home-wrap[data-astro-cid-std4wme7]{justify-content:center;margin-bottom:2rem;display:flex}.back-link[data-astro-cid-std4wme7]{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);opacity:.7;transition:var(--transition-smooth);border-bottom:1px dashed #0000;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.back-link[data-astro-cid-std4wme7]:hover{opacity:1;border-bottom-color:var(--text-primary)}.ds-header[data-astro-cid-std4wme7]{text-align:center;max-width:800px;margin-bottom:6rem}.ds-tagline[data-astro-cid-std4wme7]{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.3em;color:var(--accent);margin-bottom:1.5rem;font-size:.8rem;font-weight:600;display:block}.ds-title[data-astro-cid-std4wme7]{color:var(--text-dark);margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.15}.ds-desc[data-astro-cid-std4wme7]{color:var(--text-primary);opacity:.95;max-width:720px;margin:0 auto;font-size:1.15rem;line-height:1.8}.ds-section[data-astro-cid-std4wme7]{border-top:1px solid var(--border-color);margin-bottom:8rem;padding-top:5rem}.ds-section-header[data-astro-cid-std4wme7]{justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;display:flex}.ds-section-title[data-astro-cid-std4wme7]{color:var(--text-dark);margin-bottom:.5rem;font-size:2rem}.ds-section-intro[data-astro-cid-std4wme7]{opacity:.8;margin-bottom:0;font-size:1.05rem}.color-grid[data-astro-cid-std4wme7]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.color-card[data-astro-cid-std4wme7]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card) 0 var(--radius-card) 0;flex-direction:column;padding:1.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex}.color-card[data-astro-cid-std4wme7]:hover{box-shadow:0 10px 30px var(--shadow-color);transform:translateY(-4px)}.color-swatch-wrapper[data-astro-cid-std4wme7]{border-radius:12px 0;margin-bottom:1.5rem;position:relative;overflow:hidden}.color-swatch[data-astro-cid-std4wme7]{aspect-ratio:2;width:100%;transition:transform .4s}.color-card[data-astro-cid-std4wme7]:hover .color-swatch[data-astro-cid-std4wme7]{transform:scale(1.05)}.color-meta[data-astro-cid-std4wme7]{flex-direction:column;gap:.5rem;display:flex}.color-name[data-astro-cid-std4wme7]{color:var(--text-dark);margin-bottom:.2rem;font-size:1.15rem}.copy-actions[data-astro-cid-std4wme7]{flex-direction:column;gap:.4rem;display:flex}.copy-btn[data-astro-cid-std4wme7]{color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;text-align:left;transition:var(--transition-smooth);border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-family:monospace;font-size:.8rem;display:flex}.copy-btn[data-astro-cid-std4wme7]:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.copy-btn[data-astro-cid-std4wme7] svg[data-astro-cid-std4wme7]{opacity:.6;transition:opacity .2s}.copy-btn[data-astro-cid-std4wme7]:hover svg[data-astro-cid-std4wme7]{opacity:1}.color-usage[data-astro-cid-std4wme7]{opacity:.85;margin-top:.5rem;font-size:.9rem;line-height:1.5}.playground-control[data-astro-cid-std4wme7]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card) 0 var(--radius-card) 0;flex-direction:column;gap:.8rem;margin-bottom:4rem;padding:2rem;display:flex}.control-label[data-astro-cid-std4wme7]{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dark);font-size:.85rem;font-weight:600}#typo-input[data-astro-cid-std4wme7]{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-dark);font-family:var(--font-sans);width:100%;transition:var(--transition-smooth);border-radius:4px;outline:none;padding:.8rem 1.2rem;font-size:1.1rem}#typo-input[data-astro-cid-std4wme7]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--shadow-color)}.typo-block[data-astro-cid-std4wme7]{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem;display:grid}.typo-spec[data-astro-cid-std4wme7]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card) 0 var(--radius-card) 0;padding:2rem}.spec-label[data-astro-cid-std4wme7]{text-transform:uppercase;letter-spacing:.15em;opacity:.6;margin-bottom:.8rem;font-size:.75rem;font-weight:600;display:block}.spec-value[data-astro-cid-std4wme7]{color:var(--text-dark);margin-bottom:.8rem;font-size:1.4rem}.accent-font-example[data-astro-cid-std4wme7]{font-family:var(--font-accent);font-weight:600}.spec-desc[data-astro-cid-std4wme7]{opacity:.85;font-size:.95rem;line-height:1.6}.typo-scale[data-astro-cid-std4wme7]{flex-direction:column;gap:3rem;display:flex}.scale-item[data-astro-cid-std4wme7]{border-bottom:1px dashed var(--border-color);grid-template-columns:200px 1fr;align-items:center;gap:2rem;padding-bottom:3rem;display:grid}.scale-label[data-astro-cid-std4wme7]{text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-size:.75rem;font-weight:600}.scale-preview[data-astro-cid-std4wme7]{word-break:break-word;margin-bottom:.5rem}.tagline-style[data-astro-cid-std4wme7]{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.3em;color:var(--accent);font-size:.8rem;font-weight:600;display:inline-block}.scale-css[data-astro-cid-std4wme7]{color:var(--text-primary);opacity:.6;grid-column:2;font-family:monospace;font-size:.8rem}.button-customizer[data-astro-cid-std4wme7]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card) 0 var(--radius-card) 0;grid-template-columns:1fr 1.5fr;gap:3rem;margin-bottom:4rem;padding:3rem;display:grid}.customizer-controls[data-astro-cid-std4wme7]{flex-direction:column;gap:2rem;display:flex}.control-group[data-astro-cid-std4wme7]{flex-direction:column;gap:.6rem;display:flex}.custom-select[data-astro-cid-std4wme7],.custom-input[data-astro-cid-std4wme7]{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-dark);font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:4px;outline:none;padding:.7rem 1rem;font-size:.95rem}.custom-select[data-astro-cid-std4wme7]:focus,.custom-input[data-astro-cid-std4wme7]:focus{border-color:var(--accent)}.customizer-render-area[data-astro-cid-std4wme7]{flex-direction:column;gap:2rem;display:flex}.preview-box[data-astro-cid-std4wme7]{background-color:var(--bg-primary);border:1px dashed var(--border-color);justify-content:center;align-items:center;min-height:140px;padding:3rem;display:flex;position:relative}.box-tag[data-astro-cid-std4wme7]{text-transform:uppercase;letter-spacing:.1em;opacity:.5;font-size:.65rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.code-box-wrapper[data-astro-cid-std4wme7]{border:1px solid var(--border-color)}.code-box-header[data-astro-cid-std4wme7]{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dark);justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.75rem;font-weight:600;display:flex}.code-copy-action[data-astro-cid-std4wme7]{color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;display:flex}.code-copy-action[data-astro-cid-std4wme7]:hover{color:var(--text-dark)}.code-snippet-box[data-astro-cid-std4wme7]{background-color:var(--bg-card);margin:0;padding:1.2rem;overflow-x:auto}.code-snippet-box[data-astro-cid-std4wme7] code[data-astro-cid-std4wme7]{color:var(--text-primary);font-family:monospace;font-size:.85rem}.ds-note[data-astro-cid-std4wme7]{background-color:var(--bg-card);border-left:3px solid var(--accent);padding:1.5rem 1.75rem;font-size:.95rem;line-height:1.6}.ds-note[data-astro-cid-std4wme7] code[data-astro-cid-std4wme7]{background-color:var(--bg-secondary);border-radius:3px;padding:.1rem .4rem;font-family:monospace;font-size:.85em}.ds-note-title[data-astro-cid-std4wme7]{color:var(--text-dark);margin-bottom:.75rem;font-size:1rem}.ds-two-column-layout[data-astro-cid-std4wme7]{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.showcase-column[data-astro-cid-std4wme7]{flex-direction:column;display:flex}.badges-stack[data-astro-cid-std4wme7]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card) 0 var(--radius-card) 0;flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.badge-item[data-astro-cid-std4wme7]{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.badge-item[data-astro-cid-std4wme7]:last-child{border-bottom:none;padding-bottom:0}.badge-sample-category[data-astro-cid-std4wme7]{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;border-radius:2px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.badge-sample-blue[data-astro-cid-std4wme7]{color:#0f4a42;background-color:#bfe3da66}.badge-sample-green[data-astro-cid-std4wme7]{color:#1f3d17;background-color:#b6d8ac66}.badge-sample-gold[data-astro-cid-std4wme7]{color:#6b4f14;background-color:#f0d9a059}.mini-token[data-astro-cid-std4wme7]{opacity:.6;font-family:monospace;font-size:.75rem}.radius-stack[data-astro-cid-std4wme7]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card) 0 var(--radius-card) 0;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.radius-item[data-astro-cid-std4wme7]{align-items:center;gap:1.5rem;display:flex}.radius-demo[data-astro-cid-std4wme7]{background-color:var(--accent);flex-shrink:0;width:64px;height:64px}.radius-demo-btn[data-astro-cid-std4wme7]{border-radius:var(--radius-btn) 0 var(--radius-btn) 0}.radius-demo-card[data-astro-cid-std4wme7]{border-radius:var(--radius-card) 0 var(--radius-card) 0}.radius-meta[data-astro-cid-std4wme7]{flex-direction:column;gap:.3rem;display:flex}.radius-name[data-astro-cid-std4wme7]{color:var(--text-dark);font-family:monospace;font-weight:600}.radius-val[data-astro-cid-std4wme7]{opacity:.8;font-family:monospace}.sample-card[data-astro-cid-std4wme7]{background-color:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:var(--radius-card) 0 var(--radius-card) 0;flex-direction:column;gap:1.2rem;padding:2.5rem;display:flex;position:relative;overflow:visible;transform:rotate(-1deg)}.sample-card[data-astro-cid-std4wme7]>[data-astro-cid-std4wme7]:not(.leaf-clip){z-index:1;position:relative}.sample-card[data-astro-cid-std4wme7]:hover{box-shadow:0 15px 35px var(--shadow-color);transform:rotate(0)}.sample-card-top[data-astro-cid-std4wme7]{justify-content:space-between;align-items:center;display:flex}.price-sample[data-astro-cid-std4wme7]{font-family:var(--font-serif);color:var(--text-dark);font-size:1.6rem}.sample-card-title[data-astro-cid-std4wme7]{color:var(--text-dark);font-size:1.5rem;line-height:1.3}.sample-card-desc[data-astro-cid-std4wme7]{opacity:.85;font-size:.95rem;line-height:1.6}.sample-card-footer[data-astro-cid-std4wme7]{border-top:1px dashed var(--border-color);padding-top:1rem}.sample-card-benefit[data-astro-cid-std4wme7]{font-size:.85rem}.accordion-section-header[data-astro-cid-std4wme7]{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.btn-micro[data-astro-cid-std4wme7]{border:1px solid var(--text-primary);color:var(--text-primary);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition-smooth);border-radius:var(--radius-btn) 0 var(--radius-btn) 0;background:0 0;padding:.4rem .8rem;font-size:.75rem;font-weight:600}.btn-micro[data-astro-cid-std4wme7]:hover{background-color:var(--text-primary);color:var(--bg-primary)}.faq-accordion-list[data-astro-cid-std4wme7]{flex-direction:column;gap:1rem;display:flex}.faq-item[data-astro-cid-std4wme7]{background-color:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:var(--radius-btn) 0 var(--radius-btn) 0}.faq-item[data-astro-cid-std4wme7][open]{border-color:var(--accent)}.faq-question[data-astro-cid-std4wme7]{font-family:var(--font-sans);color:var(--text-dark);cursor:pointer;user-select:none;justify-content:space-between;align-items:center;padding:1.2rem 1.8rem;font-size:1.05rem;font-weight:600;list-style:none;display:flex;position:relative}.faq-question[data-astro-cid-std4wme7]::-webkit-details-marker{display:none}.faq-icon[data-astro-cid-std4wme7]{justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:relative}.faq-icon[data-astro-cid-std4wme7]:before,.faq-icon[data-astro-cid-std4wme7]:after{content:"";background-color:var(--text-primary);transition:transform .3s;position:absolute}.faq-icon[data-astro-cid-std4wme7]:before{width:12px;height:2px}.faq-icon[data-astro-cid-std4wme7]:after{width:2px;height:12px}.faq-item[data-astro-cid-std4wme7][open] .faq-icon[data-astro-cid-std4wme7]:after{opacity:0;transform:rotate(90deg)}.faq-item[data-astro-cid-std4wme7][open] .faq-icon[data-astro-cid-std4wme7]:before{transform:rotate(180deg)}.faq-answer[data-astro-cid-std4wme7]{opacity:.9;padding:0 1.8rem 1.5rem;font-size:.95rem;line-height:1.6;animation:.3s ease-in-out detailsFade}@keyframes detailsFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-answer[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]{margin-bottom:0}.garden-demo-grid[data-astro-cid-std4wme7]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:2.5rem;margin-bottom:2.5rem;display:grid}.garden-demo-item[data-astro-cid-std4wme7]{text-align:center}.ds-taped-card[data-astro-cid-std4wme7]{background-color:var(--bg-card);border:1.5px solid var(--accent);box-shadow:0 8px 24px var(--shadow-color);border-radius:var(--radius-card) 0 var(--radius-card) 0;padding:2rem 1.5rem 1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:visible;transform:rotate(-1.2deg)}.ds-taped-card[data-astro-cid-std4wme7]>[data-astro-cid-std4wme7]:not(.leaf-clip){z-index:1;position:relative}.ds-taped-card[data-astro-cid-std4wme7]:hover{box-shadow:0 15px 35px var(--shadow-color);transform:scale(1.02)rotate(0)}.ds-demo-text[data-astro-cid-std4wme7]{color:var(--text-primary);opacity:.85;margin-top:.5rem;font-size:.9rem}.ds-demo-caption[data-astro-cid-std4wme7]{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em;color:var(--text-primary);opacity:.7;margin-top:1rem;font-size:.75rem}.pattern-swatch[data-astro-cid-std4wme7]{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-card) 0 var(--radius-card) 0;width:100%;height:180px}@media (width<=992px){.button-customizer[data-astro-cid-std4wme7]{grid-template-columns:1fr;gap:2.5rem;padding:2rem}.ds-two-column-layout[data-astro-cid-std4wme7]{grid-template-columns:1fr;gap:4rem}.typo-block[data-astro-cid-std4wme7]{grid-template-columns:1fr}}@media (width<=768px){.ds-wrapper[data-astro-cid-std4wme7]{padding:4rem 0 6rem}.ds-header[data-astro-cid-std4wme7]{margin-bottom:4rem}.ds-section[data-astro-cid-std4wme7]{margin-bottom:5rem;padding-top:3.5rem}.ds-section-header[data-astro-cid-std4wme7]{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2.5rem}.scale-item[data-astro-cid-std4wme7]{grid-template-columns:1fr;gap:.5rem;padding-bottom:2rem}.scale-css[data-astro-cid-std4wme7]{grid-column:1}}.toast-notification[data-astro-cid-std4wme7]{background-color:var(--text-dark);color:var(--bg-primary);border-radius:var(--radius-btn) 0 var(--radius-btn) 0;box-shadow:0 8px 30px var(--shadow-color);z-index:200;opacity:0;pointer-events:none;padding:.8rem 1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:fixed;bottom:2rem;right:2rem;transform:translateY(100px)}.toast-notification[data-astro-cid-std4wme7].show{opacity:1;transform:translateY(0)}.toast-content[data-astro-cid-std4wme7]{font-family:var(--font-sans);align-items:center;gap:.8rem;font-size:.9rem;font-weight:500;display:flex}.toast-success-icon[data-astro-cid-std4wme7]{color:var(--accent)}