/* Route-local presentation; shared fonts, no additional media or motion runtime. */
.apps-main[data-apps-slug="zilaro"]{padding:6.4rem 0 0}
.zilaro-page{--zl-ink:#1a1810;--zl-paper:#f5f0e2;--zl-accent:#b74517;--zl-line:#c5bdae;color:var(--zl-ink);max-width:1360px;margin:auto;padding:clamp(1.25rem,4vw,4rem);font-family:var(--font-body)}
html.dark .zilaro-page{--zl-ink:#f5f0e2;--zl-paper:#252219;--zl-accent:#f0986d;--zl-line:#615a4b}
.zilaro-page [hidden]{display:none}
.zilaro-page :is(a,button,input):focus-visible{outline:3px solid var(--zl-accent);outline-offset:5px}
.zilaro-page h1,.zilaro-page h2,.zilaro-page h3{font-family:var(--font-display);font-weight:850;letter-spacing:-.035em;line-height:1.05}
.zilaro-page p{line-height:1.65;max-width:65ch}
.zilaro-breadcrumb{display:flex;gap:1.5rem;font-size:.85rem;margin-bottom:3rem}
.zilaro-breadcrumb a,.zilaro-text-link{color:inherit;text-decoration:underline;text-underline-offset:.25em}
.zilaro-eyebrow{font:500 .7rem/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--zl-accent)}
.zilaro-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:3rem;padding-bottom:4rem}
.zilaro-hero h1{font-size:clamp(4.5rem,9vw,8.5rem);margin:.75rem 0 1.5rem;letter-spacing:-.07em}.zilaro-brand img{display:block;width:100%;max-width:25rem;height:auto}.zilaro-brand .zilaro-brand-dark{display:none}html.dark .zilaro-brand-light{display:none}html.dark .zilaro-brand .zilaro-brand-dark{display:block}
.zilaro-hero .zilaro-lead{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:750;line-height:1.2;margin-bottom:1.25rem}
.zilaro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1.75rem}
.zilaro-button{display:inline-flex;justify-content:center;align-items:center;gap:1rem;min-height:48px;padding:.85rem 1.1rem;border:1px solid transparent;background:var(--zl-ink);color:var(--zl-paper);font:750 .9rem/1.3 var(--font-body);text-decoration:none;cursor:pointer}
.zilaro-button:hover{background:var(--zl-accent);color:var(--zl-paper)}
.zilaro-button:disabled{opacity:.5;cursor:default}
.zilaro-button--small{min-height:44px;font-size:.8rem;padding:.65rem .8rem}
.zilaro-text-link{font:650 .9rem/1.4 var(--font-body);background:none;border:0;min-height:44px;display:inline-flex;align-items:center;cursor:pointer;padding:.25rem 0}
.zilaro-small{font-size:.82rem}.zilaro-hero .zilaro-small{margin-top:1rem}
.zilaro-preview{margin:0;border:1px solid var(--zl-line);background:var(--zl-paper);padding:.65rem;box-shadow:12px 12px 0 color-mix(in srgb,var(--zl-ink) 8%,transparent)}
.zilaro-preview img{display:block;width:100%;height:auto}.zilaro-preview figcaption{font-size:.75rem;padding:.85rem .5rem .25rem;line-height:1.5}
.zilaro-features{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--zl-line);gap:2rem;padding:2rem 0;margin-bottom:5rem}
.zilaro-features h2{font-size:1.35rem;margin:0 0 .8rem}.zilaro-features p{font-size:.95rem;margin:0}
.zilaro-demo :is(h3,h4){scroll-margin-top:8rem}
.zilaro-demo{scroll-margin-top:8rem;border:1px solid var(--zl-line);padding:clamp(1rem,3vw,2.5rem);background:var(--zl-paper)}
.zilaro-demo-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}.zilaro-demo h2,.zilaro-outro h2{font-size:clamp(2rem,4vw,3.5rem);margin:.6rem 0 1rem}
.zilaro-demo-badge{font:500 .65rem/1.5 var(--font-mono);padding:.6rem .75rem;border:1px solid var(--zl-accent);color:var(--zl-accent);white-space:nowrap}
.zilaro-demo-notice{font-size:.85rem;border-left:3px solid var(--zl-accent);padding:.35rem 0 .35rem 1rem;margin:1.5rem 0}
.zilaro-steps{list-style:none;display:flex;gap:1.5rem;margin:2rem 0;padding:0;border-bottom:1px solid var(--zl-line);font-size:.85rem;font-weight:650}
.zilaro-steps li{padding-bottom:.8rem}.zilaro-steps [aria-current]{border-bottom:3px solid var(--zl-accent);color:var(--zl-accent)}
.zilaro-demo-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.zilaro-demo-product{display:flex;flex-direction:column;min-width:0;border:1px solid var(--zl-line);padding:1rem}
.zilaro-product-art{height:110px;display:grid;place-items:center;font-size:4rem;background:color-mix(in srgb,var(--zl-ink) 5%,transparent);margin-bottom:1rem;color:var(--zl-accent)}
.zilaro-demo-product h3{font-size:1.4rem;margin:.5rem 0}.zilaro-demo-product p:not(.zilaro-eyebrow){font-size:.9rem;margin:.4rem 0 1.25rem}
.zilaro-product-action{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:auto}
.zilaro-cart{margin-top:2rem;border-top:2px solid var(--zl-ink);padding-top:1.5rem}.zilaro-cart h3,.zilaro-demo [data-demo-panel]>h3{font-size:1.7rem;margin:0 0 1rem}
.zilaro-cart ul,.zilaro-checkout-grid ul{list-style:none;margin:0;padding:0}.zilaro-cart li{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--zl-line);padding:.6rem 0}
.zilaro-cart-total{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;margin:.5rem 0 1rem}.zilaro-cart-total strong{white-space:nowrap}
.zilaro-checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.5rem 0}.zilaro-checkout-grid h4{font-weight:750;margin-bottom:.75rem}.zilaro-checkout-grid li{padding:.5rem 0;border-bottom:1px solid var(--zl-line)}
.zilaro-demo-payment{border:1px solid var(--zl-line);padding:1rem;display:flex;flex-wrap:wrap;gap:1.5rem}.zilaro-demo-payment legend{font-weight:650;padding:0 .5rem}.zilaro-demo-payment label{min-height:44px;display:flex;align-items:center;gap:.65rem}.zilaro-demo-payment input{width:20px;height:20px;accent-color:var(--zl-accent)}
.zilaro-success-mark{font-size:3rem;color:var(--zl-accent);margin-bottom:1rem}.zilaro-outro{padding:4rem 0 1rem;max-width:760px}
@media(max-width:800px){.apps-main[data-apps-slug="zilaro"]{padding-top:4.25rem}.zilaro-hero{grid-template-columns:1fr;gap:2rem;padding-bottom:3rem}.zilaro-features{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.zilaro-demo-heading{flex-direction:column}.zilaro-demo-products{grid-template-columns:1fr}.zilaro-demo-product{display:grid;grid-template-columns:48px 1fr;gap:0 1rem}.zilaro-product-art{grid-row:1/5;height:100%;min-height:100px;font-size:2.5rem;margin:0}.zilaro-product-action{grid-column:2}.zilaro-checkout-grid{grid-template-columns:1fr;gap:1rem}.zilaro-steps{gap:1rem;font-size:.78rem}.zilaro-breadcrumb{margin-bottom:2rem}}
@media(forced-colors:active){.zilaro-button{border:1px solid ButtonText}.zilaro-steps [aria-current]{border-color:Highlight}}
