/* Reference refinement: tactile paper, editorial scale, varied scroll cadence. */
body:after{content:'';position:fixed;inset:0;z-index:150;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23noise)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.grain{opacity:.02}.hero{background:radial-gradient(ellipse at 75% 55%,#2849df 0%,#1d3fd6 64%,#1a38c9)}.nav{background:#1d3fd6e8;transition:transform .45s cubic-bezier(.22,1,.36,1)}.nav-away:not(:focus-within):not(:hover){transform:translateY(-105%)}.nav:focus-within{transform:none}.hero-copy{top:28%;max-width:54%}.hero h1{font-size:clamp(66px,6.6vw,112px);font-weight:700;line-height:.97}.hero .eyebrow{display:none}.hero .lead{max-width:500px;font-size:clamp(18px,1.6vw,23px);margin-top:30px}.eyebrow{letter-spacing:.025em;font-size:12px}.copy h2,.section-heading h2{font-weight:700}.flying-paper{box-shadow:0 1px 1px #081f6638,3px 8px 12px #091a6e22;border-radius:1px 1px 7px 1px;background:linear-gradient(150deg,#fffffc,#e9ecf5);border-bottom:1px solid #a5afca}.flying-paper:after{background:linear-gradient(110deg,transparent 50%,#7181ab12 75%,#ffffffb0 98%);box-shadow:inset -1px -2px 2px #8191b226}.flying-paper:nth-child(4n){background:linear-gradient(135deg,#fffde8,#efebc5)}.flying-paper:nth-child(6n){border-radius:1px 1px 17px 1px}.flying-paper:nth-child(6n):after{background:linear-gradient(165deg,transparent 70%,#93a0c13b 88%,#fff 91%,#d0d8e8 100%)}.paper-brand{font-size:7px;letter-spacing:.04em}.paper-title{font-size:10px;letter-spacing:-.015em}.doc-code{position:absolute;bottom:16px;right:12px;width:28%;height:17px;background:repeating-linear-gradient(90deg,#253a66 0 1px,transparent 1px 3px,#253a66 3px 5px,transparent 5px 7px);opacity:.55}.paper-seal{font-size:7px}.hero-app{background:linear-gradient(135deg,#fff 35%,#edf0f7);box-shadow:0 4px 0 #c5cce1,0 7px 0 #a8b5d6,14px 30px 36px #13277b48,inset 0 0 0 2px #fff}.app-chart{background:linear-gradient(#eef1fb,#e7ecfa)}.hero-checks{font-size:clamp(17px,1.6vw,24px);gap:18px}.organized .eyebrow{display:none}.organized h2{font-weight:700}.organized{top:30%}.workflow{border-radius:5px;border:0;box-shadow:1px 2px 0 #dce1ec,3px 5px 0 #eff1f7,5px 8px 0 #d6dce9,12px 30px 50px -25px #12275f50}.window-top{padding-top:22px;padding-bottom:22px}.ai-paper,.public-sheet,.receipt{background-color:#fffef9;background-image:repeating-linear-gradient(0deg,#50608003 0 1px,transparent 1px 3px)}.ai-paper{box-shadow:2px 3px 0 #e6e8ed,5px 7px 0 #fffef9,7px 10px 0 #dfe3e9,10px 20px 35px -15px #14265a50}.public-sheet{box-shadow:2px 3px 0 #dce1e8,4px 6px 0 #fffef9,7px 10px 0 #e3e6ed,10px 23px 30px -15px #15295c40}.receipt{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.receipt-item h3{font-family:Figtree,sans-serif;font-size:25px}.receipt-item p{font-size:12px;line-height:1.7}.receipt-head{font-size:20px}.receipt-footer strong{font-family:Figtree,sans-serif}.text-link{border:1px solid #ffffffc0;border-radius:99px;padding:15px 22px}.text-link:hover{background:white;color:var(--blue)}.motion-orbit{opacity:.35}.blue .copy .detail{color:#ccd6ff}.public-row{padding-top:22px;padding-bottom:22px}.closing-title{font-weight:650}.closing .soft{color:#c0ccff}
@media(min-width:901px) and (min-height:700px){.section.flow-scene{height:auto;padding:130px 0;overflow:hidden}.flow-scene>.wrap{position:relative;top:auto;height:auto;min-height:650px;padding-top:0;padding-bottom:0}.flow-scene .motion-label,.flow-scene .scene-progress{display:none}.flow-scene .copy h2{font-size:clamp(48px,4.7vw,76px)}.flow-scene .ai-paper{padding:42px;max-width:530px}.flow-scene .receipt{max-width:450px;padding:40px}.flow-scene .receipt-item{margin:32px 0}.flow-scene .receipt-item p{font-size:13px}.scroll-scene:not(.flow-scene){height:165svh}.scroll-scene .copy h2{font-weight:700}}
@media(max-width:700px){.hero-copy{top:18%;max-width:none}.hero h1{font-size:clamp(48px,12.5vw,78px);letter-spacing:-.06em}.hero .lead{font-size:17px;max-width:350px;margin-top:25px}.organized{top:17%}.organized h2{font-size:clamp(42px,11.6vw,68px)}.hero-checks{font-size:15px;gap:14px;margin-top:23px}.hero-track{height:230svh}.eyebrow{font-size:10px}.section{padding:80px 0}.copy h2,.section-heading h2{font-size:clamp(43px,10.5vw,61px)}.receipt-item p{font-size:12px}.closing-title{font-size:clamp(60px,13.6vw,90px)}}
@media(prefers-reduced-motion:reduce){.nav-away{transform:none}.hero-track{height:auto}.section.flow-scene{height:auto}.flow-scene>.wrap{min-height:0}.hero-copy{display:none}}
.hero-webgl{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;transition:opacity .8s}.webgl-ready .hero-webgl{opacity:1}.webgl-ready .paper-world,.webgl-ready .hero-app{display:none}.hero-track{height:360svh;min-height:1800px}.hero-copy{z-index:4}.organized{z-index:4}.hero-webgl{touch-action:pan-y}
@media(max-width:700px){.hero-track{height:310svh;min-height:1800px}.hero-copy{top:15%}.hero h1{font-size:clamp(48px,12.5vw,78px)}.hero .lead{max-width:93%;font-size:16px}.organized{top:16%}.organized h2{font-size:clamp(42px,11vw,66px)}.hero-checks{font-size:14px;gap:12px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.hero-track{height:auto;min-height:0}.hero-webgl{transition:none}}
/* Responsive review: preserve reading space and avoid clipped interactive cards. */
.split>*{min-width:0}.copy p,.section-heading>p{text-wrap:pretty}.hero-copy .lead{max-width:490px}.caption,.demo-tag,.paper-note{color:#65718c}.light .transparency-copy p{color:#606b80}.soft{color:#afbeff}.phone-wrap{isolation:isolate}.motion-orbit{z-index:-1}.ai-tabs button{min-height:44px}.resource-list summary{min-height:60px}details[open] summary{color:#d9e2ff}.status-box{min-height:100px}
@media(max-width:700px){.hero-copy{top:17%;right:22px}.hero-copy .lead{font-size:16px;max-width:100%;line-height:1.45}.hero h1{font-size:clamp(43px,11.8vw,70px)}.hero .hero-foot{bottom:18px}.hero-track{height:280svh}.hero-checks{font-size:13px;gap:10px}.organized{top:15%}.organized h2{font-size:clamp(39px,10.5vw,60px)}.split{gap:48px}.section{padding:72px 0}.ai-paper{padding:26px;margin:0 8px}.public-sheet{padding:28px;margin:12px}.phone{width:min(310px,calc(100vw - 68px))}.receipt{margin:10px;padding:30px 24px}.receipt-footer{gap:12px}.receipt-footer>span{font-size:8px}.board-bottom button{min-height:44px}.copy .detail{line-height:1.6}.closing-bottom .pill{max-width:100%;white-space:normal}.resource-list summary{font-size:16px}.scene-progress{display:none}}
@media(max-width:370px){.nav{gap:8px}.nav .brand{font-size:24px}.nav .pill{font-size:10px;padding:12px;gap:6px}.hero h1{font-size:43px}.big-number{font-size:105px}.big-number span{font-size:18px}.vote-counts{gap:16px}.vote-counts strong{font-size:54px}.receipt-item{gap:12px}}
@media(max-width:700px) and (max-height:740px){.hero-copy{top:14%}.hero h1{font-size:clamp(40px,10.8vw,58px)}.hero .lead{font-size:14px;margin-top:18px}.organized{top:14%}.organized h2{font-size:40px}.hero-checks{font-size:12px;margin-top:16px}.hero{min-height:620px}}
@media(prefers-reduced-motion:reduce){.hero-track{height:auto}.hero-copy{display:none}.hero-app{z-index:8}}
/* Navigation remains available when space is too narrow for the full menu. */
.nav nav{gap:20px;font-size:13px}.menu-toggle{display:none;width:44px;height:44px;border-radius:50%;color:white;background:#ffffff14;align-items:center;justify-content:center;flex-direction:column;gap:6px;flex-shrink:0}.menu-toggle span{display:block;width:18px;height:2px;background:currentColor;transition:transform .2s}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav.menu-open{transform:none}.menu-toggle:focus-visible{outline-offset:3px}#gestao:focus{outline:none}
@media(max-width:1100px){.nav{gap:14px}.nav .brand{margin-right:auto}.menu-toggle{display:flex;order:3}.nav .pill{order:2}.nav nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;background:var(--blue);padding:16px var(--margin) 26px;border-bottom:1px solid #ffffff30;box-shadow:0 20px 30px #0a1e8b22}.nav.menu-open nav{display:grid;gap:0}.nav nav a{display:block;padding:15px 0;min-height:48px;border-top:1px solid #ffffff20;font-size:16px;opacity:1}.nav nav a:hover,.nav nav a:focus-visible{color:#dbe3ff}.nav.menu-open{background:var(--blue)}}
@media(max-width:700px){.nav{gap:10px}.nav .brand{font-size:25px}.nav .pill{font-size:10px;padding:12px 14px;gap:8px}.menu-toggle{width:40px;height:40px}}
@media(max-width:370px){.nav{gap:7px;padding-left:16px;padding-right:16px}.nav .brand{font-size:23px}.nav .pill{padding:11px 10px;font-size:9px;gap:4px}.menu-toggle{width:36px;height:36px}}
/* Argumento dor → solução: quadro "O problema" antes de cada título e a frase para o presidente no fechamento. */
.dor{display:flex;flex-direction:column;gap:7px;max-width:520px;margin:0 0 30px;padding:15px 18px;border-left:3px solid #d9534c;background:#d9534c10;border-radius:0 6px 6px 0;font-size:15px;line-height:1.5;color:#545d73;text-wrap:pretty}.dor span{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#c2403a}.blue .dor{background:#ffffff12;border-left-color:#ff9a92;color:#e3e9ff}.blue .dor span{color:#ffb9b3}.section-heading .dor{max-width:560px}.scroll-scene .dor{margin-bottom:24px}.scroll-scene .big-number{margin-bottom:18px}
.frase-presidente{margin:70px 0 0;max-width:980px;padding-left:28px;border-left:3px solid #ffffff70;font-size:clamp(22px,2.3vw,36px);font-weight:600;line-height:1.25;letter-spacing:-.025em;text-wrap:pretty}.frase-presidente span{display:block;margin-bottom:14px;font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#bccbff}
@media(min-width:901px) and (min-height:700px){.scroll-scene .copy h2{font-size:clamp(40px,3.9vw,64px)}.scroll-scene .big-number{font-size:clamp(80px,8vw,124px)}}
@media(max-width:700px){.dor{font-size:14px;padding:13px 15px;margin-bottom:24px}.frase-presidente{margin-top:46px;padding-left:18px;font-size:21px}}
/* SEO e acessibilidade: selo do hero visível (diz o que é o produto), título do mockup como texto e rodapé com contraste ≥ 4.5:1. */
.hero-copy .eyebrow{display:block;margin-bottom:22px}.hero-app .app-titulo{font-size:25px;font-weight:700;line-height:1.02;letter-spacing:-.055em;margin-top:7px}footer small{color:#c8d3ff}
@media(max-width:700px){.hero-copy .eyebrow{font-size:10px;margin-bottom:16px}}
.motion-label{opacity:.78;font-size:10px}
/* Card da IA: no lugar das barras cinzas, o documento que a IA entrega (minuta, ata ou resposta da busca), "escrito" com a rolagem via --ink. */
.text-lines.ia-doc{gap:9px;margin-top:22px;padding:16px 18px;border:1px solid #e2e6ef;border-radius:8px;background:#fff;box-shadow:0 1px 2px #15234a0d}.text-lines.ia-doc i{width:auto;height:auto;background:none;transform:none;font-style:normal;font-size:13px;line-height:1.45;color:#3f4968;clip-path:inset(0 calc((1 - var(--ink,1))*100%) 0 0)}.text-lines.ia-doc i:first-child{font-size:10px;font-weight:700;letter-spacing:.09em;color:var(--blue)}
@media(max-width:700px){.text-lines.ia-doc{padding:13px 14px}.text-lines.ia-doc i{font-size:12px}}
/* Seção "As soluções" logo abaixo do hero: as 12 soluções em 4 frentes, direto ao ponto. Cada frente leva à seção que a detalha. */
.section.light.solucoes{background:#fff;border-bottom:1px solid #e3e6ee}.solucoes .section-heading{margin-bottom:56px}.solucoes-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.solucao-grupo{border-top:3px solid var(--blue);padding-top:20px}.solucao-grupo h3{font-size:22px;letter-spacing:-.03em;line-height:1.15;margin-bottom:8px}.solucao-grupo h3 a{display:flex;align-items:baseline;gap:10px;transition:color .2s}.solucao-grupo h3 a:hover{color:var(--blue)}.solucao-grupo h3 span{font-size:11px;font-weight:650;letter-spacing:.1em;color:var(--blue)}.solucao-grupo h3 i{font-style:normal;font-size:16px;color:var(--blue);margin-left:auto}.solucao-grupo ul{list-style:none;margin:0;padding:0}.solucao-grupo li{padding:14px 0;border-top:1px solid #e6e9f0;font-size:14px;line-height:1.45;color:#5c667c}.solucao-grupo li:first-child{border-top:0}.solucao-grupo strong{display:block;margin-bottom:3px;font-size:16px;font-weight:650;color:var(--dark)}
@media(max-width:1100px){.solucoes-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px}}
@media(max-width:700px){.solucoes .section-heading{margin-bottom:36px}.solucoes-grade{grid-template-columns:1fr;gap:34px}.solucao-grupo h3{font-size:21px}}
/* Cupom de recapitulação (5 frentes): itens mais compactos para caber na tela. */
.receipt .receipt-item{margin:16px 0}.receipt .receipt-item h3{font-size:21px}.receipt .receipt-item p{margin-top:6px;line-height:1.6}.receipt .receipt-rule{margin:20px 0}