.demo-page{background:#fff;color:#082f26}.demo-page-hero{padding:clamp(52px,7vw,96px) 0;background:radial-gradient(circle at 78% 24%,#eef5f0 0,transparent 34%),#fff}.demo-page-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(38px,7vw,90px);align-items:center}.demo-page-hero h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.045em;margin:18px 0 24px;color:#063d2f}.demo-page-hero h1 span{color:#a66a0b}.demo-lead{font-size:18px;line-height:1.65;color:#31473f;max-width:680px}.demo-device-card{background:#fff;border:1px solid #e5dccf;border-radius:28px;padding:18px;box-shadow:0 22px 55px rgba(6,61,47,.12)}.demo-device-card img{display:block;width:100%;height:auto}.demo-device-note{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:14px 6px 2px}.demo-device-note b{font-family:Georgia,serif;font-size:20px;color:#063d2f}.demo-device-note span{font-size:13px;color:#5b6b65;text-align:right;max-width:260px}.demo-overview{background:#fffaf2}.demo-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:32px}.demo-feature-grid article{background:#fff;border:1px solid #eadfce;border-radius:20px;padding:24px;min-height:220px}.demo-feature-grid article span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#063d2f;color:#ffd479;font-weight:900}.demo-feature-grid h3{font-family:Georgia,serif;font-size:24px;margin:18px 0 10px;color:#063d2f}.demo-feature-grid p{color:#31473f;line-height:1.55}.demo-stage{background:#fff}.demo-stage-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:clamp(34px,6vw,84px);align-items:center}.demo-stage-copy h2{font-family:Georgia,serif;font-size:clamp(38px,4.5vw,62px);line-height:1.04;margin:14px 0 20px;color:#063d2f}.demo-stage-copy p,.demo-stage-copy li{font-size:17px;line-height:1.6;color:#31473f}.demo-stage-copy ul{padding-left:20px}.demo-video-shell{position:relative;background:#063d2f;border-radius:24px;padding:14px;box-shadow:0 24px 50px rgba(6,61,47,.16)}.demo-video-shell img{display:block;width:100%;border-radius:16px}.demo-video-badge{position:absolute;left:34px;right:34px;bottom:32px;background:rgba(3,31,24,.94);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 18px;display:grid;gap:4px}.demo-video-badge b{color:#ffd479}.demo-video-badge span{color:#fff;font-size:13px}.demo-chapters{background:#fffaf2}.demo-chapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}.demo-chapter-grid article{background:#fff;border:1px solid #eadfce;border-radius:18px;padding:22px}.demo-chapter-grid b{display:block;font-family:Georgia,serif;font-size:21px;color:#063d2f}.demo-chapter-grid span{display:block;color:#41564f;margin-top:8px;line-height:1.45}.demo-trust{padding:26px 0 46px;background:#fff}.demo-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-trust-grid article{border-top:1px solid #dbcbae;padding-top:18px}.demo-trust-grid strong{display:block;color:#063d2f;font-family:Georgia,serif;font-size:20px}.demo-trust-grid span{display:block;color:#53645e;margin-top:6px;line-height:1.45}@media(max-width:980px){.demo-page-hero-grid,.demo-stage-grid{grid-template-columns:1fr}.demo-device-card{max-width:820px}.demo-feature-grid,.demo-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.demo-page-hero{padding:34px 0 46px}.demo-page-hero h1{font-size:clamp(40px,12vw,58px)}.demo-lead{font-size:16px}.demo-device-card{padding:10px;border-radius:18px}.demo-device-note{display:grid;gap:5px}.demo-device-note span{text-align:left}.demo-feature-grid,.demo-chapter-grid,.demo-trust-grid{grid-template-columns:1fr}.demo-feature-grid article{min-height:0}.demo-stage-copy h2{font-size:38px}.demo-stage-copy p,.demo-stage-copy li{font-size:16px}.demo-video-shell{padding:8px;border-radius:18px}.demo-video-badge{position:static;margin-top:8px}.demo-chapter-grid article{padding:20px}}
/* OBREIRO Design System v1 — normalização */
:root{--obreiro-green:#063d2f;--obreiro-gold:#c9932e;--obreiro-line:#eadfce;--obreiro-paper:#fffdf9;--obreiro-bg:#f7f0e6;--obreiro-text:#0c2e26;--obreiro-muted:#5a6b64}.demo-page{color:var(--obreiro-text)}.demo-page-hero h1 span{color:var(--obreiro-gold)}.demo-feature-grid article,.demo-chapter-grid article,.demo-device-card{border-color:var(--obreiro-line)}.demo-feature-grid article span{color:#fff8e8}.demo-page a:focus-visible,.demo-page button:focus-visible{outline:3px solid rgba(201,147,46,.45);outline-offset:3px}.demo-page a,.demo-page button{min-height:44px}@media(prefers-reduced-motion:reduce){.demo-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}