/* Tema escuro e catálogo compacto — extensão da identidade existente. */
:root{
 color-scheme:dark;--paper:#060e18;--navy:#081422;--surface:#0c1a2a;--surface-raised:#112339;--card-bg:#102135;
 --ink:#eef5fc;--muted:#a6bbce;--faint:#8da7bd;--blue:#9dd8ff;--bright:#66caff;--line:#273b50;--radius:16px;
 --cta:#a4e0ff;--cta-ink:#08243b;--cta-hover:#c2ebff;--focus:#a4e0ff;
 --drawing-ink:#c6dff2;--drawing-highlight:#f0f9ff;--drawing-metal:#3b5d79;--drawing-pipe:#132e47;--drawing-water:#204763;
}
body{background:var(--paper);color:var(--ink)}::selection{background:#244b6c;color:#fff}:focus-visible{outline-color:var(--focus)}*{scrollbar-color:#486780 var(--paper)}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{border-color:var(--paper);background:#486780}.skip-link{background:var(--cta);color:var(--cta-ink)}input{caret-color:var(--bright)}.button,.button-dark{background:var(--cta);color:var(--cta-ink)}.button:hover,.button-dark:hover{background:var(--cta-hover)}.button:active{transform:scale(.98)}.button-outline{background:transparent;border-color:#58748d;color:var(--ink)}.button-outline:hover{background:var(--surface-raised);border-color:var(--blue)}.button-light{background:var(--surface-raised);color:var(--blue);border-color:#3e5d77}.button-light:hover{background:#1b3750}.button:hover{box-shadow:none}
.site-header,.site-header.is-light{background:#0c1b2be8;border-color:#354b60;color:var(--ink);box-shadow:none}.site-header.is-light{background:#091624f5}.brand small,.site-header.is-light .brand small,.site-footer .brand small{color:var(--muted)}.site-header.is-light .site-nav>a:not(.button):hover{color:var(--blue)}.site-header.is-light .button{background:var(--cta);color:var(--cta-ink)}.site-header.is-light .button:hover{background:var(--cta-hover)}.site-header.is-light .menu-toggle{border-color:#58748d}.site-header:has(.is-open),.site-header.is-light:has(.is-open){background:#0c1b2bf5}.menu-toggle,.motion-toggle{min-height:44px}
.hero{background:radial-gradient(ellipse at 78% 60%,#13385977,transparent 55%),var(--paper)}.ambient{opacity:.45}.hero h1 span{color:var(--blue)}.hero-copy>p{color:#c0d0df}.hero-copy .hero-note,.hero-bottom{color:var(--muted)}.hero-bottom{border-color:var(--line)}.technical-grid{opacity:.55}.system-strip{background:var(--navy);border-color:var(--line);color:var(--muted)}.system-strip i{background:var(--blue)}
/* O card central avança; a navegação manual e o conteúdo sem JavaScript são preservados. */
.hero-visual{height:610px;width:100%;margin:auto}.hero-deck{position:relative;height:536px;perspective:1200px}.hero-card{position:absolute;left:50%;top:12px;width:350px;margin-left:-175px;padding:24px;border:1px solid #64839e;border-radius:var(--radius);background:var(--surface-raised);transform-origin:center;transition:transform .7s var(--ease),opacity .55s var(--ease);backface-visibility:hidden}.hero-card.is-current{z-index:3;opacity:1;transform:translate(0,0) rotate(0)}.hero-card.is-before{z-index:1;opacity:.46;transform:translate(-102px,34px) rotate(-8deg) scale(.82)}.hero-card.is-after{z-index:1;opacity:.46;transform:translate(102px,34px) rotate(8deg) scale(.82)}.hero-card-bar{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;color:var(--blue);padding-bottom:18px;border-bottom:1px solid #48627a;letter-spacing:.06em}.hero-card-bar span:last-child{font-weight:600;color:var(--muted);letter-spacing:0}.hero-card h2{font-size:24px;line-height:1.3;letter-spacing:-.03em;min-height:63px;margin-top:20px}.hero-card-art{margin:12px -12px 8px}.hero-card-art svg{width:100%;height:168px}.hero-card>p{font-size:12px;line-height:1.8;color:#bfcede;min-height:44px}.hero-card ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:9px;font-size:11px}.hero-card li{display:flex;align-items:center;gap:8px}.hero-card li svg{width:14px;height:14px;color:var(--blue);flex-shrink:0}.hero-card-foot{border-top:1px solid #48627a;margin-top:20px;padding-top:15px;font-size:9px;font-weight:750;letter-spacing:.03em;color:var(--blue)}.hero-selector{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;z-index:4}.hero-selector button{display:flex;gap:7px;align-items:center;min-height:44px;padding:8px 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-size:11px;font-weight:650}.hero-selector button:hover{background:var(--surface)}.hero-selector button[aria-pressed=true]{color:var(--ink);border-color:#496b87;background:var(--surface-raised)}.slide-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.hero-caption{text-align:center;font-size:10px;color:var(--faint);margin-top:8px}
/* Os desenhos compartilham peças e escala de traço; são ilustrações, sem escala de projeto. */
.diagram-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.technical-diagram{display:block;width:100%;height:auto}.drawing-guide{stroke:#52718a;stroke-width:.8}.drawing-flow{stroke:#8ddaff;stroke-width:1.6}.drawing-label{fill:var(--drawing-ink);stroke:none;font:600 11px Manrope,sans-serif;letter-spacing:.03em}.module-card{background:var(--surface);border-color:var(--line);box-shadow:none}.module-card:hover{border-color:#698eab;box-shadow:none;transform:translateY(-4px)}.module-diagram{height:240px;background:#0c2033;border-color:var(--line);display:flex;align-items:start;justify-content:center}.module-diagram:before{display:none}.module-diagram svg{width:100%;max-width:460px;height:210px;padding:14px 14px 0}.module-card:last-child{grid-column:span 2}.module-copy{padding:24px}.module-copy p{color:var(--muted)}.module-copy h3>svg{color:var(--blue)}.diagram-label{font-size:10px;letter-spacing:.02em;left:24px;bottom:16px;color:#b3cbdd}.module-card.is-arriving,.model-board.is-arriving,.hero-copy h1{animation:none}
.plugin-section{background:var(--navy);border-block:1px solid var(--line)}.plugin-copy h2 span{color:var(--blue)}.plugin-copy>p,.plugin-copy .plugin-note{color:var(--muted)}.model-board{border-color:#48627a;border-radius:var(--radius);background:#0d2135;box-shadow:none}.board-bar{border-color:var(--line);font-size:10px;color:var(--muted);letter-spacing:.04em}.board-main{height:300px}.board-main svg{width:95%;height:100%;padding:12px 12px 34px}.board-tag{color:var(--muted);font-size:11px}.sanitary-diagrams{border-color:var(--line);background:var(--surface);color:var(--ink)}.sanitary-diagrams>div+div{border-color:var(--line)}.sanitary-diagrams strong{font-size:12px}.board-footer{border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
.search-field{background:var(--surface);border-color:#4e6b82}.search-field>svg,.search-field input::placeholder{color:var(--muted)}.search-field input{color:var(--ink)}.search-field:focus-within{outline-color:var(--focus)}.plan-filters{border-color:var(--line)}.plan-filters button{color:var(--muted);min-height:44px}.plan-filters button:hover{background:var(--surface-raised);color:var(--ink)}.plan-filters button[aria-pressed=true]{background:var(--cta);color:var(--cta-ink)}.filter-status{font-size:12px;color:var(--muted)}.catalog-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.catalog-title{min-height:125px}.catalog-title h3{color:var(--blue)}.catalog-title p{font-size:13px;color:var(--muted)}.feature-group,.feature-group:last-child{border-color:var(--line)}.group-count{color:var(--muted);font-variant-numeric:tabular-nums}.feature-group summary>svg{color:var(--blue)}.feature-group ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:24px}.feature-group .function-card{background:var(--card-bg);border:1px solid #2c4358;border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;align-items:start;gap:12px;min-width:0;min-height:112px}.feature-group .function-card>.feature-icon{width:30px;height:30px;margin:0;flex-shrink:0;color:#b5e3ff;stroke-width:1.5}.function-card strong{font-weight:650;font-size:12px;line-height:1.5;display:block;letter-spacing:0}.feature-group .function-card p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:8px}.catalog-grid:has(.catalog-column[hidden]){grid-template-columns:minmax(0,1fr)}.catalog-grid:has(.catalog-column[hidden]) .feature-group ul{grid-template-columns:repeat(5,minmax(0,1fr))}
.overview-section{background:var(--navy);border-color:var(--line)}.video-slot{background:var(--surface);border-color:#58758e;border-radius:var(--radius)}.video-mark{color:var(--blue);border-color:#58758e}.video-slot p{color:var(--muted)}.video-slot a{color:var(--blue);min-height:44px}.comparison-section{background:var(--paper)}.scene-label{color:var(--muted);letter-spacing:.05em}.comparison-after>.scene-label{color:var(--blue)}.spreadsheet{background:var(--surface);border-color:var(--line);box-shadow:none}.spreadsheet-bar{background:var(--surface-raised);color:var(--muted);border-color:var(--line)}.spreadsheet-tabs,.spreadsheet-tabs span:first-child{color:var(--muted);border-color:var(--line)}.spreadsheet table,.spreadsheet .cell-strike{color:var(--muted)}.spreadsheet th,.spreadsheet td{border-color:#3b5065}.spreadsheet thead th{background:var(--surface-raised);color:var(--ink)}.spreadsheet tr>th:first-child{background:var(--surface-raised);color:var(--muted)}.spreadsheet .cell-alert{color:#ffb5b5;background:#592e3b;animation:none}.spreadsheet .selected-cell{background:#1d3851;outline-color:#91b9d7}.paper-note{background:#294763;color:var(--ink);box-shadow:none}.sheet{background:var(--surface-raised);color:var(--ink);border-color:#536f88;box-shadow:none}.sheet-head,.sheet-head span:first-child,.sheet-foot,.sheet-foot span{color:var(--blue);border-color:#435c73}.sheet-row{border-color:#435c73;color:var(--muted)}.sheet-row svg{color:var(--blue)}.sheet-diagram{background:transparent}.result-scene .sheet{box-shadow:none}.result-seal{background:#294763;color:var(--muted);border:1px solid #6183a0;box-shadow:none}.result-seal strong,.result-seal svg{color:var(--ink)}
.plans-section{background:var(--navy);border-block:1px solid var(--line)}.plan{background:var(--surface);border-color:#3d556d;box-shadow:none}.plan>p,.plan .plan-period,.price small{color:var(--muted)}.plan h3,.price{color:var(--ink)}.price{font-variant-numeric:tabular-nums}.plan ul{border-color:var(--line)}.plan li{color:var(--ink)}.plan li svg{color:var(--blue)}.plan-featured{background:#142c43;border-color:#6eaad0}.plans-disclaimer,.refund-note{color:var(--muted)}.getting-started{background:var(--paper)}.steps li{border-color:#4e6a83}.steps p{color:var(--muted)}.step-number,.steps a{color:var(--blue)}.faq-section{background:var(--navy);border-block:1px solid var(--line)}.faq-list details,.faq-list details:first-child{border-color:var(--line)}.faq-list .faq-toggle{color:var(--blue)}.faq-grid>div>p,.faq-list details p{color:var(--muted)}.community-section{background:#10283f}.site-footer{background:var(--paper)}.footer-main>div>p,.footer-links a,.footer-bottom,.footer-bottom p{color:var(--muted)}.footer-links strong{color:var(--ink)}.footer-main>div>a:not(.brand){color:var(--blue)}.footer-links a:hover{color:var(--ink)}.footer-bottom{border-color:var(--line)}
.document-hidden *{animation-play-state:paused!important}html:not(.js) .hero-selector,html:not(.js) .motion-toggle{display:none}html:not(.js) .hero-visual{height:auto}html:not(.js) .hero-deck{height:auto;display:grid;gap:16px}html:not(.js) .hero-card{position:static;width:100%;margin:0;transform:none;opacity:1}
@media(max-width:1180px){.hero-visual{height:610px}.hero-card{width:310px;margin-left:-155px;padding:22px}.hero-card h2{font-size:21px}.hero-card.is-before{transform:translate(-72px,34px) rotate(-8deg) scale(.82)}.hero-card.is-after{transform:translate(72px,34px) rotate(8deg) scale(.82)}.feature-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid:has(.catalog-column[hidden]) .feature-group ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.hero-visual{width:min(100%,600px);height:606px}.hero-card{width:350px;margin-left:-175px;padding:24px}.hero-card h2{font-size:24px}.hero-card.is-before{transform:translate(-106px,34px) rotate(-8deg) scale(.82)}.hero-card.is-after{transform:translate(106px,34px) rotate(8deg) scale(.82)}.module-card:last-child{grid-column:auto}.module-diagram{height:230px}.board-main{height:240px}.board-bar{font-size:8px;padding:16px}.board-footer{font-size:8px;padding:14px}}
@media(max-width:760px){.hero-visual{height:602px;width:min(100%,510px)}.hero-card.is-before{transform:translate(-73px,34px) rotate(-7deg) scale(.82)}.hero-card.is-after{transform:translate(73px,34px) rotate(7deg) scale(.82)}.module-diagram{height:180px}.module-diagram svg{height:152px;padding:6px}.diagram-label{font-size:8px;left:16px;bottom:14px}.board-main{height:280px}.board-bar{font-size:10px;padding:18px}.board-footer{font-size:9px}.catalog-grid{grid-template-columns:minmax(0,1fr)}.catalog-title{min-height:0}.feature-group ul,.catalog-grid:has(.catalog-column[hidden]) .feature-group ul{grid-template-columns:repeat(3,minmax(0,1fr))}.function-card strong{font-size:13px}}
@media(max-width:450px){.hero-visual{height:560px}.hero-deck{height:492px}.hero-card{width:calc(100% - 22px);margin:0;left:11px;top:10px;padding:20px}.hero-card h2{font-size:21px;min-height:55px}.hero-card-art svg{height:148px}.hero-card>p{font-size:11px;min-height:41px}.hero-card-bar{font-size:9px;padding-bottom:14px}.hero-card li{font-size:10px}.hero-card-foot{font-size:8px;padding-top:14px;margin-top:16px}.hero-card.is-before{transform:translate(-34px,26px) rotate(-6deg) scale(.86)}.hero-card.is-after{transform:translate(34px,26px) rotate(6deg) scale(.86)}.hero-selector{gap:2px}.hero-selector button{padding-inline:10px;font-size:11px}.module-diagram{height:226px}.module-diagram svg{height:194px;padding:10px}.diagram-label{font-size:10px;left:22px}.board-main{height:220px}.board-bar{font-size:8px;padding:16px}.board-footer{font-size:8px;padding-inline:14px}.sanitary-diagrams>div{padding:8px 6px 14px}.sanitary-diagrams strong{font-size:11px}.feature-group ul,.catalog-grid:has(.catalog-column[hidden]) .feature-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-group .function-card{padding:14px 12px;gap:10px}.function-card strong{font-size:12px}.feature-group .function-card p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-card{transition:none}}
/* A grade mede o maior card e reserva seu espaço, inclusive com texto ampliado. */
.hero-visual{height:auto;padding-block:16px}
.hero-deck{height:auto;display:grid;grid-template-columns:minmax(0,1fr);padding:12px 0 36px}
.hero-card{position:relative;grid-area:1/1;left:auto;top:auto;margin:0 auto;align-self:stretch}
html:not(.js) .hero-card{grid-area:auto}
.result-scene{height:440px}
.result-scene .sheet{height:fit-content;min-height:100%}
.spreadsheet{min-height:440px}
@media(max-width:760px){.result-scene{height:440px}.spreadsheet{min-height:350px}}
.site-footer .brand{color:var(--ink)}
.hero-card-bar,.hero-card-foot,.hero-caption,.diagram-label,.board-bar,.board-footer{font-size:11px}
.hero-card>p{font-size:13px}
.hero-card li,.feature-group .function-card p{font-size:12px}
.sheet-head,.sheet-row,.sheet-foot,.sheet-foot span{font-size:11px;letter-spacing:0}
.result-scene{height:auto;min-height:440px}
.result-scene .sheet{min-height:440px;height:auto}
.spreadsheet-bar,.spreadsheet-tabs,.spreadsheet table,.spreadsheet tr>th:first-child{font-size:11px}
@media(min-width:1600px){.hero h1{font-size:80px}}

/* Apresentação após a capa — 09/11/2026. */
.overview-intro{max-width:1120px}.overview-intro .section-heading{max-width:790px;margin:0 auto 36px;text-align:center}.overview-intro .section-heading p{max-width:640px;margin:20px auto 0}.overview-film{margin:0;min-width:0}.overview-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#02070d;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 60px #0004}.overview-film video:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.overview-film figcaption{margin:16px auto 0;max-width:650px;text-align:center;font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:760px){.overview-intro .section-heading{margin-bottom:24px;text-align:left}.overview-intro .section-heading p{margin-left:0}.overview-film video{border-radius:12px}.overview-film figcaption{text-align:left;font-size:11px}}