/* One public visual language: quiet paper, large live product, restrained glass. */
:root{--premium-paper:#f7f7f2;--premium-ink:#10241f;--premium-line:#d9e2dc}
body{background:var(--premium-paper);color:var(--premium-ink)}
.site-header,header.topo{background:rgba(247,247,242,.92);border-bottom:1px solid var(--premium-line);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}
.site-nav a,.topo .menu a{letter-spacing:-.01em}
.site-nav a[aria-current=page],.topo .menu a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--brand,#0b7a6b);text-underline-offset:8px;text-decoration-thickness:1px}
.site-header .btn,.topo .header-actions .btn{border-radius:6px}

/* Product landings: the film is the subject, set in an editorial spread. */
body:not(:has(header.topo)) .hero{padding:34px 0 76px}
body:not(:has(header.topo)) .hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.83fr);gap:0;align-items:stretch;border:1px solid var(--premium-line);background:#fff}
body:not(:has(header.topo)) .hero .hero-grid>div:first-child{min-width:0;padding:clamp(34px,5.2vw,78px);display:flex;flex-direction:column;justify-content:center}
body:not(:has(header.topo)) .hero h1{max-width:690px}
body:not(:has(header.topo)) .hero .hero-grid .hero-demo{background:#e9eee9;min-width:0;position:relative;padding:28px 26px 22px;justify-content:center}
body:not(:has(header.topo)) .hero .film-frame{width:min(100%,370px)}
body:not(:has(header.topo)) .hero .hero-demo video{width:100%;max-height:none;border:0;border-radius:3px;box-shadow:none}
body:not(:has(header.topo)) .hero .demo-note{background:rgba(247,247,242,.82);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:5px;padding:9px 13px;max-width:45ch;color:#263d36;box-shadow:0 8px 24px rgba(13,31,27,.07)}
body:not(:has(header.topo)) .hero .hero-actions .btn{border-radius:6px}
body:not(:has(header.topo)) .hero .hero-actions .btn.secondary{background:transparent}
.film-toggle{border-radius:5px;background:rgba(16,36,31,.82);backdrop-filter:blur(10px)}
.demo-shell,.bio-visual,.demo-live img{border-radius:5px;box-shadow:none}
.bio-visual{border:1px solid var(--premium-line)}
.choice,.price-card{border-radius:5px}

/* Campaign pages inherit the same restraint while their live previews keep working. */
body:has(header.topo){--paper:#f7f7f2;--paper2:#f0f2ec;--paper3:#e8eee8;--ink:#10241f;--ink2:#52675e;--hair:#d9e2dc;--vidro:rgba(247,247,242,.78);--vidro-forte:rgba(247,247,242,.9);--vidro-fio:rgba(16,36,31,.14);--vidro-sombra:0 10px 30px rgba(16,36,31,.08);--vidro-sombra-rasa:0 4px 12px rgba(16,36,31,.07);--serif:'Bricolage Grotesque',sans-serif;--sans:'Instrument Sans',sans-serif}
body:has(header.topo)::before{background:none}
body:has(header.topo) h1,body:has(header.topo) h2{letter-spacing:-.045em;line-height:.97}body:has(header.topo) .hero h1{font-size:clamp(3rem,5vw,4.6rem)}
body:has(header.topo) h1 em,body:has(header.topo) h2 em{background:none;color:#0b7a6b}
body:has(header.topo) .hero{padding-top:42px}
body:has(header.topo) .hero .blob{display:none}
body:has(header.topo) .hero-grid{gap:0;border:1px solid var(--premium-line);background:#fff;align-items:stretch}
body:has(header.topo) .hero-grid>div:first-child{min-width:0;padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;justify-content:center}
body:has(header.topo) .hero-fone-wrap{min-width:0;background:#e9eee9;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center}
body:has(header.topo) .fone{width:min(330px,100%);border:1px solid var(--premium-line);border-radius:5px;background:#fff;box-shadow:none;transform:none}
body:has(header.topo) .fone-legenda,body:has(header.topo) .prova-viva{max-width:380px}
body:has(header.topo) .prova-viva{box-shadow:0 8px 24px rgba(16,36,31,.07);border-radius:5px}
body:has(header.topo) .hero .btn,body:has(header.topo) .hero .abre-demo{border-radius:6px}
body:has(header.topo) .demo-fone{border:1px solid var(--premium-line)!important;border-radius:5px!important;box-shadow:none!important}
@media(max-width:900px){body:not(:has(header.topo)) .hero .hero-grid{grid-template-columns:1fr}body:not(:has(header.topo)) .hero .hero-grid>div:first-child{padding:40px}body:not(:has(header.topo)) .hero .hero-grid .hero-demo{padding:26px}}
@media(max-width:600px){body:not(:has(header.topo)) .hero{padding:18px 0 48px}body:not(:has(header.topo)) .hero .hero-grid>div:first-child{padding:27px 23px}body:not(:has(header.topo)) .hero .hero-grid .hero-demo{padding:18px}body:not(:has(header.topo)) .hero .film-frame{width:min(100%,310px)}body:not(:has(header.topo)) .hero h1{font-size:clamp(2.6rem,10vw,4rem)}body:has(header.topo) .hero{padding-top:18px}body:has(header.topo) .hero-grid>div:first-child{padding:27px 23px}body:has(header.topo) .hero-fone-wrap{padding:20px 14px}body:has(header.topo) .fone{width:min(300px,100%)}}