.demo-bar{background:var(--ink);color:var(--paper);padding:12px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px}.demo-bar a{text-decoration:underline;text-underline-offset:4px}.demo-header{position:static;height:auto;min-height:86px}.demo-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-.04em}.demo-header .links{display:flex;gap:24px;align-items:center;font-size:14px}.demo-main{padding:65px 0 90px}.demo-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;margin-bottom:70px}.demo-hero h1{font-size:clamp(2.8rem,5vw,5rem);margin-top:20px}.demo-hero p{margin-top:24px;color:var(--muted)}.demo-block{padding:40px;background:#dde5da}.demo-block.dark{background:var(--ink);color:var(--paper)}.demo-block.dark p{color:#c0d1ce}.big-symbol{font-family:Georgia,serif;font-size:100px;line-height:1;color:var(--jade);margin:30px 0}.demo-section{padding:55px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.demo-section h2{margin:14px 0 32px}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.demo-card{padding:28px;background:#e6e9e1}.demo-card h3{margin:15px 0}.demo-card p{color:var(--muted)}.demo-contact{display:grid;grid-template-columns:1fr 1fr;gap:65px}.demo-contact p{margin:20px 0;color:var(--muted)}.demo-footer{padding:28px 0;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);font-size:13px}.demo-footer img{width:150px}.result{padding:18px;background:#dfecdf;margin-top:18px}.result:empty{display:none}.mini-list{list-style:none;padding:0}.mini-list li{padding:18px 0;border-top:1px solid #a5bcb0}.workshop{background:#e9dfca}.workshop .demo-brand{font-family:Georgia,serif}.workshop em{color:#926332}.workshop .demo-block{background:#d4c29e}.workshop .demo-card{background:#f5eddd}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.metric{border:1px solid var(--line);padding:22px}.metric strong{display:block;font-size:30px;font-family:Manrope,sans-serif}.toolbar{display:flex;gap:16px;align-items:end;margin:28px 0}.toolbar>div{flex:1}.toolbar input,.toolbar select{margin:0}.crm-list{display:grid;gap:12px}.crm-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:20px;padding:24px;background:#e5e9e1}.crm-row small{display:block;color:var(--muted)}.crm-row select{margin:0;background:var(--paper)}.catalog-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:start}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product{border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;align-items:start}.product-icon{width:52px;height:52px;background:#d5e4d9;display:grid;place-items:center;font-size:26px;margin-bottom:20px}.product h3{font-size:20px}.product p{font-size:14px;color:var(--muted);margin:10px 0;flex:1}.product strong{margin:10px 0 20px}.product button{width:100%}.cart-panel{background:#e6e9e1;padding:28px}.cart-panel h2{font-size:30px;margin-bottom:12px}.cart-row{border-bottom:1px solid #bacabc;padding:18px 0}.cart-row-top{display:flex;justify-content:space-between;gap:14px}.cart-controls{display:flex;align-items:center;gap:14px;margin-top:12px}.cart-controls button{width:38px;height:38px;border:1px solid #8aa395;background:var(--paper);color:var(--ink)}.cart-controls .remove{width:auto;border:0;background:none;text-decoration:underline;margin-left:auto;font-size:12px}.cart-total{display:flex;justify-content:space-between;padding:24px 0;font-size:21px;font-weight:700}.cart-panel label{margin-top:12px}.cart-panel input,.cart-panel textarea{background:var(--paper);margin-bottom:8px}.cart-panel details{margin:22px 0}.cart-panel details summary{text-decoration:underline}.cart-panel #message{font-size:13px;margin-top:15px}.storage-note{font-size:12px;color:var(--muted);margin:18px 0}.error{color:#9d3027;font-size:14px}.play-intro{max-width:800px;margin-bottom:45px}.play-intro h1{font-size:clamp(2.7rem,5vw,4.5rem);margin:20px 0}.play-intro>p{color:var(--muted);font-size:18px}.step-strip{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:28px;font-size:13px}.empty{color:var(--muted);padding:24px 0}.cart-link{display:none}.muted{color:var(--muted)}@media(max-width:900px){.demo-hero{gap:30px}.catalog-layout{gap:22px}.catalog{grid-template-columns:1fr}.metric strong{font-size:24px}}@media(max-width:760px){.demo-main{padding-top:40px}.demo-hero,.demo-contact,.catalog-layout{grid-template-columns:1fr;gap:32px}.demo-cards{grid-template-columns:1fr}.demo-header{padding:18px 20px}.demo-header .links a:not(.button){display:none}.demo-block{padding:28px}.demo-hero{margin-bottom:40px}.demo-section{padding:40px 0}.toolbar{flex-wrap:wrap}.toolbar>div{min-width:100%}.crm-row{grid-template-columns:1fr}.metric-grid{gap:8px}.metric{padding:12px}.metric strong{font-size:20px}.metric span{font-size:11px}.catalog{grid-template-columns:1fr 1fr;gap:12px}.product{padding:16px}.product h3{font-size:18px}.product .button{padding:12px;font-size:13px;gap:8px}.cart-panel{padding:22px}.demo-footer{flex-direction:column}.cart-link{display:flex;position:sticky;bottom:12px;z-index:5;margin-top:20px;box-shadow:0 5px 24px #123d4930}.playground{padding-bottom:30px}}@media(max-width:380px){.catalog{grid-template-columns:1fr}}
.whatsapp-contact{padding:32px;background:#dce6da}.whatsapp-contact h3{font-size:28px;margin:18px 0}.whatsapp-contact>p{margin:20px 0}a[aria-disabled="true"]{opacity:.65;cursor:not-allowed}