body{font-family:var(--cl-font-family);background:var(--cl-color-bg);color:var(--cl-color-text);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--cl-color-brand)}:focus-visible{box-shadow:var(--cl-focus-ring);border-radius:var(--cl-radius-sm);outline:none}.home{background:radial-gradient(circle at 0% 0%, var(--cl-color-brand-soft), transparent 40%), radial-gradient(circle at 100% 30%, var(--cl-color-secondary-soft), transparent 35%), var(--cl-color-bg);min-height:100vh}.home-bar,.home main,.home-footer{max-width:68rem;padding-inline:var(--cl-space-16);margin:0 auto}.home-bar{padding-block:var(--cl-space-24);justify-content:space-between;align-items:center;display:flex}.home-brand{align-items:center;gap:var(--cl-space-8);color:var(--cl-color-text);font-weight:var(--cl-font-weight-bold);font-size:var(--cl-font-size-16);text-decoration:none;display:inline-flex}.home-brand__logo{width:var(--cl-space-32);height:var(--cl-space-32)}.home-hero{padding-block:var(--cl-space-48) calc(var(--cl-space-48) * 1.5);max-width:46rem}.home-eyebrow,.demo-eyebrow{margin:0 0 var(--cl-space-8);color:var(--cl-color-brand);font-size:var(--cl-font-size-12);font-weight:var(--cl-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.home-title{margin:0 0 var(--cl-space-24);letter-spacing:-.03em;font-size:clamp(2.25rem,1.5rem + 3vw,3.5rem);line-height:1.05;font-weight:var(--cl-font-weight-bold);text-wrap:balance}.home-title span{color:var(--cl-color-brand)}.home-lead{margin:0 0 var(--cl-space-32);max-width:38rem;color:var(--cl-color-text-secondary);font-size:var(--cl-font-size-16);line-height:var(--cl-line-height-24)}.home-actions{gap:var(--cl-space-8);flex-wrap:wrap;display:flex}.home-button{padding:var(--cl-space-8) var(--cl-space-24);border-radius:var(--cl-radius-md);border:var(--cl-border-width) solid transparent;font-size:var(--cl-font-size-14);font-weight:var(--cl-font-weight-semibold);line-height:var(--cl-line-height-24);transition:background-color var(--cl-duration-fast) var(--cl-easing-standard), transform var(--cl-duration-fast) var(--cl-easing-standard);align-items:center;text-decoration:none;display:inline-flex}.home-button:hover{transform:translateY(calc(-1 * var(--cl-space-2)))}.home-button--primary{background:var(--cl-color-brand);color:var(--cl-color-on-brand);box-shadow:var(--cl-shadow-card)}.home-button--primary:hover{background:var(--cl-color-brand-strong)}.home-button--secondary{background:var(--cl-color-surface);border-color:var(--cl-color-border-strong);color:var(--cl-color-text)}.home-button--ghost{color:var(--cl-color-brand);border-color:var(--cl-color-border-strong);padding-inline:var(--cl-space-16)}.home-section{padding-block:var(--cl-space-32)}.home-section__head{justify-content:space-between;align-items:baseline;gap:var(--cl-space-8) var(--cl-space-24);margin-bottom:var(--cl-space-24);border-bottom:var(--cl-border-width) solid var(--cl-color-border);padding-bottom:var(--cl-space-16);flex-wrap:wrap;display:flex}.home-section__head h2{font-size:var(--cl-font-size-24);line-height:var(--cl-line-height-32);letter-spacing:-.01em;margin:0}.home-section__head p{max-width:34rem;color:var(--cl-color-text-muted);font-size:var(--cl-font-size-14);margin:0}.home-products{gap:var(--cl-space-16);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));margin:0;padding:0;list-style:none;display:grid}.home-product{--product-accent:var(--cl-color-brand);gap:var(--cl-space-16);box-sizing:border-box;height:100%;padding:var(--cl-space-24);background:var(--cl-color-surface);border:var(--cl-border-width) solid var(--cl-color-border);border-radius:var(--cl-radius-lg);box-shadow:var(--cl-shadow-card);transition:transform var(--cl-duration-fast) var(--cl-easing-standard), border-color var(--cl-duration-fast) var(--cl-easing-standard);display:grid;position:relative;overflow:hidden}.home-product:before{content:"";height:var(--cl-space-4);background:var(--product-accent);position:absolute;inset:0 0 auto}.home-product:hover{transform:translateY(calc(-1 * var(--cl-space-4)));border-color:var(--product-accent)}.home-product__name{font-size:var(--cl-font-size-20);line-height:var(--cl-line-height-32);margin:0}.home-product__latest{gap:var(--cl-space-4);color:var(--cl-color-text-secondary);font-size:var(--cl-font-size-14);justify-items:start;margin:0;display:grid}.home-product__latest-title{color:var(--cl-color-text);font-weight:var(--cl-font-weight-semibold)}.home-product__latest time{color:var(--cl-color-text-muted);font-size:var(--cl-font-size-12)}.home-product__latest--empty{color:var(--cl-color-text-muted)}.home-product__links{gap:var(--cl-space-16);align-self:end;display:flex}.home-link{font-weight:var(--cl-font-weight-semibold);font-size:var(--cl-font-size-14);text-decoration:none}.home-link:hover{text-decoration:underline}.home-link--muted{color:var(--cl-color-text-secondary)}.home-chip{padding:var(--cl-space-2) var(--cl-space-8);border-radius:var(--cl-radius-pill);font-size:var(--cl-font-size-12);font-weight:var(--cl-font-weight-semibold);display:inline-block}.home-chip--novidade{background:var(--cl-color-secondary-soft);color:var(--cl-color-secondary)}.home-chip--melhoria{background:var(--cl-color-brand-soft);color:var(--cl-color-brand)}.home-chip--correcao{background:var(--cl-color-warning-soft);color:var(--cl-color-warning)}.home-code{padding:var(--cl-space-24);background:var(--cl-color-surface);border:var(--cl-border-width) solid var(--cl-color-border);border-left:var(--cl-space-4) solid var(--cl-color-brand);border-radius:var(--cl-radius-lg);font-family:var(--cl-font-family-mono);font-size:var(--cl-font-size-14);line-height:var(--cl-line-height-24);white-space:pre;margin:0;overflow-x:auto}.home-section code{font-family:var(--cl-font-family-mono)}.home-footer{padding-block:var(--cl-space-32) var(--cl-space-48);color:var(--cl-color-text-muted);font-size:var(--cl-font-size-14)}.demo{--demo-accent:var(--cl-color-brand);min-height:100vh}.demo-header{z-index:1;align-items:center;gap:var(--cl-space-32);padding:var(--cl-space-8) var(--cl-space-24);background:var(--cl-color-surface);border-bottom:var(--cl-border-width) solid var(--cl-color-border);box-shadow:var(--cl-shadow-card);display:flex;position:sticky;top:0}.demo-brand{align-items:center;gap:var(--cl-space-8);display:flex}.demo-brand-mark{width:var(--cl-space-32);height:var(--cl-space-32);border-radius:var(--cl-radius-md);background:var(--demo-accent);color:var(--cl-color-on-brand);font-weight:var(--cl-font-weight-bold);place-items:center;display:grid}.demo-brand-name{font-size:var(--cl-font-size-16);font-weight:var(--cl-font-weight-bold)}.demo-nav{align-self:stretch;gap:var(--cl-space-8);display:flex}.demo-nav-link{align-items:center;gap:var(--cl-space-8);padding:var(--cl-space-16) var(--cl-space-8);border-bottom:var(--cl-space-2) solid transparent;color:var(--cl-color-text-secondary);font-size:var(--cl-font-size-14);font-weight:var(--cl-font-weight-semibold);text-decoration:none;display:inline-flex}.demo-nav-link:hover{color:var(--cl-color-text)}.demo-nav-link[aria-current=page]{color:var(--demo-accent);border-bottom-color:var(--demo-accent)}.demo-avatar{width:var(--cl-space-32);height:var(--cl-space-32);border-radius:var(--cl-radius-pill);background:var(--cl-color-surface-hover);color:var(--cl-color-text-secondary);font-size:var(--cl-font-size-12);font-weight:var(--cl-font-weight-bold);place-items:center;margin-left:auto;display:grid}.demo-button{font:inherit;font-size:var(--cl-font-size-14);font-weight:var(--cl-font-weight-semibold);line-height:var(--cl-line-height-20);padding:var(--cl-space-4) var(--cl-space-16);border-radius:var(--cl-radius-md);border:var(--cl-border-width) solid transparent;cursor:pointer;transition:background-color var(--cl-duration-fast) var(--cl-easing-standard);background:0 0;text-decoration:none}.demo-button--secondary{color:var(--cl-color-brand);border-color:var(--cl-color-border-strong)}.demo-button--flat{color:var(--cl-color-text-secondary)}.demo-button--secondary:hover,.demo-button--flat:hover{background:var(--cl-color-surface-hover)}.demo-tools{right:var(--cl-space-16);bottom:var(--cl-space-16);z-index:2;align-items:center;gap:var(--cl-space-4);padding:var(--cl-space-4) var(--cl-space-8);background:var(--cl-color-surface);border:var(--cl-border-width) solid var(--cl-color-border);border-radius:var(--cl-radius-pill);box-shadow:var(--cl-shadow-modal);flex-wrap:wrap;display:flex;position:fixed}.demo-tools__label{align-items:center;gap:var(--cl-space-4);padding-inline:var(--cl-space-8);color:var(--cl-color-text-muted);font-size:var(--cl-font-size-12);font-weight:var(--cl-font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;display:inline-flex}.demo-tools__logo{width:var(--cl-space-16);height:var(--cl-space-16)}.demo-main{max-width:68rem;padding:var(--cl-space-32) var(--cl-space-16) calc(var(--cl-space-48) * 2);margin:0 auto}.demo-section{gap:var(--cl-space-24);display:grid}.demo-heading{margin-bottom:var(--cl-space-24)}.demo-section .demo-heading{margin-bottom:0}.demo-eyebrow{color:var(--demo-accent)}.demo-title{font-size:calc(var(--cl-font-size-24) * 1.25);line-height:var(--cl-line-height-32);letter-spacing:-.02em;margin:0}.demo-lead{margin:var(--cl-space-8) 0 0;color:var(--cl-color-text-secondary)}.demo-card{padding:var(--cl-space-24);background:var(--cl-color-surface);border:var(--cl-border-width) solid var(--cl-color-border);border-radius:var(--cl-radius-lg);box-shadow:var(--cl-shadow-card)}.demo-card h2{margin:0 0 var(--cl-space-16);font-size:var(--cl-font-size-16)}.demo-kpis{gap:var(--cl-space-16);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:0;padding:0;list-style:none;display:grid}.demo-kpi{gap:var(--cl-space-4);display:grid}.demo-kpi__label{color:var(--cl-color-text-muted);font-size:var(--cl-font-size-14)}.demo-kpi__value{font-size:calc(var(--cl-font-size-24) * 1.25);font-weight:var(--cl-font-weight-bold);font-variant-numeric:tabular-nums}.demo-kpi__trend{color:var(--cl-color-success);font-size:var(--cl-font-size-12);font-weight:var(--cl-font-weight-semibold)}.demo-split{gap:var(--cl-space-16);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}@media (max-width:760px){.demo-split{grid-template-columns:minmax(0,1fr)}.demo-header{gap:var(--cl-space-8);flex-wrap:wrap}}.demo-chart{align-items:flex-end;gap:var(--cl-space-8);height:10rem;display:flex}.demo-chart__bar{border-radius:var(--cl-radius-sm) var(--cl-radius-sm) 0 0;background:linear-gradient(to top, var(--demo-accent), var(--cl-color-brand-soft));opacity:.85;flex:1}.demo-activity{gap:var(--cl-space-16);font-size:var(--cl-font-size-14);margin:0;padding:0;list-style:none;display:grid}.demo-activity li{gap:var(--cl-space-2);display:grid}.demo-activity__meta{color:var(--cl-color-text-muted);font-size:var(--cl-font-size-12)}.preview-backdrop{min-height:100vh;padding:var(--cl-space-32);background:var(--cl-color-bg)}.preview-fake-product{gap:var(--cl-space-16);max-width:60rem;margin:0 auto;display:grid}.preview-fake-bar,.preview-fake-line{border-radius:var(--cl-radius-md);background:var(--cl-color-surface-hover)}.preview-fake-bar{height:var(--cl-space-48)}.preview-fake-line{height:var(--cl-space-16)}.preview-fake-line--short{width:60%}