:root{--paper:#f7f8f2;--white:#fff;--ink:#182e27;--muted:#596b62;--green:#146c45;--deep:#103f32;--lime:#d4f1a4;--line:#dce3d9;--soft:#edf2e9;--radius:24px;--max:1200px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,system-ui,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}button:active,.button:active{transform:scale(.98);transition:transform 100ms ease-out}img,svg{max-width:100%}svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #67a85c;outline-offset:5px}[hidden]{display:none!important}
.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}
.section{padding:112px 0}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px}
.eyebrow:before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.1;text-wrap:balance}h1{font-size:clamp(44px,5.5vw,76px)}h2{font-size:clamp(32px,4vw,51px)}h3{font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.025em}p{color:var(--muted)}
.intro{font-size:17px;line-height:1.8;max-width:610px}
.section-head{display:flex;justify-content:space-between;gap:56px;align-items:end;margin-bottom:48px}
.section-head h2{max-width:650px}
.section-head>p{max-width:380px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:13px 22px;border:1px solid transparent;border-radius:9px;background:var(--deep);color:#fff;font-size:13px;font-weight:500;transition:background .2s ease,transform .2s var(--ease)}
.button:hover{background:#1e5844}
.button.pale{background:var(--lime);color:var(--deep)}
.button.pale:hover{background:#c1e88a}
.button.outline{border-color:#c5d1c3;background:transparent;color:var(--ink)}
.button.outline:hover{background:#e9eee3}
.arrow{font-size:20px;line-height:1}
.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:500;border-bottom:1px solid #9aafa0;padding:7px 0}
.skip{position:fixed;top:-70px;left:20px;padding:12px;background:white;z-index:100}
.skip:focus{top:12px}
.site-header{position:sticky;top:0;background:rgba(247,248,242,.92);backdrop-filter:blur(18px);z-index:20}
.header-inner{height:88px;display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line)}
.brand{display:block;flex-shrink:0}
.brand-logo{display:block;width:154px;height:auto}
.nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px}
.nav a{padding:12px 0}
.nav a:hover{color:var(--green)}
.header-actions{display:flex;align-items:center;gap:22px;font-size:12px}
.header-actions .button{font-size:12px;padding:11px 16px;min-height:42px}
.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:transparent;padding:8px 12px;min-height:44px;font-size:12px}
.mobile-nav{padding:16px 0 24px;display:grid;gap:5px}
.mobile-nav a{padding:10px 0}
.hero{padding:64px 0 0;text-align:center}
.hero .eyebrow{justify-content:center;margin-bottom:24px}
.hero h1{max-width:1040px;margin:auto}
.hero h1 em{font-style:normal;color:var(--green)}
.hero-copy{max-width:700px;margin:24px auto 0;font-size:16px;line-height:1.8}
.hero-ctas{display:flex;align-items:center;justify-content:center;gap:25px;margin:28px 0 18px}
.hero-note{font-size:11px;color:var(--muted)}
.hero-note span{margin:0 10px;color:#9db196}
.product-stage{margin:46px auto 0;padding:22px 22px 0;background:#e1ead9;border-radius:24px 24px 0 0;position:relative;text-align:left}
.product-window{border:1px solid #d5dfd4;background:#fff;border-radius:13px 13px 0 0;box-shadow:0 12px 50px #23482b13;overflow:hidden;display:grid;grid-template-columns:176px minmax(0,1fr)}
.product-sidebar{background:var(--deep);color:#c6d9ce;padding:22px 16px;display:flex;flex-direction:column;gap:5px}
.product-wordmark{font-size:20px;letter-spacing:.1em;font-weight:600;color:#fff;margin:0 10px 25px}
.product-sidebar span{font-size:11px;padding:8px 12px;border-radius:5px}
.product-sidebar .selected{color:#fff;background:#2d5c49}
.product-sidebar .side-label{font-size:9px;letter-spacing:.14em;padding:12px 12px 4px;color:#c1d1c7}
.side-iara{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:11px;padding:18px 10px 0}
.spark{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--lime);color:var(--deep);border-radius:9px;flex-shrink:0;font-size:21px}
.product-main{min-width:0;padding:23px;background:#f9fbf8}
.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:10px}
.product-top h3{font-size:17px;font-weight:600}
.product-top p{font-size:10px;margin-top:2px}
.demo-tag{font-size:9px;line-height:1.5;color:#536d60;border:1px solid #d9e3d6;padding:5px 9px;border-radius:5px;background:#fff}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.metric{padding:14px;background:#fff;border:1px solid #e5eae1;border-radius:8px}
.metric small{display:block;font-size:9px;color:#667c6e}
.metric strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.05em;margin:2px 0}
.metric span{font-size:9px;color:var(--green)}
.metric .warning{color:#966920}
.metric.featured{background:#ecf4e4;border-color:#dbe8d0}
.chart-row{display:grid;grid-template-columns:1.35fr 1fr;gap:13px;margin-top:13px}
.chart-panel,.attention-panel{border:1px solid #e5eae1;background:#fff;border-radius:8px;padding:17px}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:10px;font-weight:500}
.panel-heading small{font-size:8px;color:var(--muted);font-weight:400}
.line-chart{width:100%;height:110px}
.chart-labels{display:flex;justify-content:space-between;font-size:8px;color:#6d7e74;padding-left:26px;margin-top:5px}
.chart-legend{font-size:8px;color:var(--muted);display:flex;gap:16px;margin-top:10px;justify-content:center}
.chart-legend span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#397950;margin-right:4px}
.chart-legend span+span:before{background:#c3d59e}
.attention-row{padding:10px 0;border-top:1px solid #edf0e9;display:flex;align-items:center;gap:9px;font-size:10px}
.attention-dot{width:6px;height:6px;background:#b58c41;border-radius:50%;flex-shrink:0}
.attention-row strong{font-size:10px;font-weight:500;display:block}
.attention-row p{font-size:9px}
.attention-row>span:last-child{margin-left:auto;color:#819084}
.product-insight{background:#edf4e6;border:1px solid #dce8d1;margin-top:13px;border-radius:8px;padding:11px 14px;display:flex;align-items:center;gap:12px;font-size:10px}
.product-insight p{color:#46634f}
.product-insight b{color:var(--deep);font-weight:600}
.product-insight .spark{width:26px;height:26px;font-size:19px}
.segments{padding:25px 0 30px;border-bottom:1px solid var(--line)}
.segments .container{display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.segments small{font-size:10px;color:var(--muted);max-width:125px}
.segments span{font-size:13px;font-weight:500;color:#4f6658}
.split{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
.problem{background:#fff}
.problem h2{max-width:470px}
.problem .intro{margin:25px 0}
.problem-line{display:grid;grid-template-columns:36px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}
.problem-line:first-child{border-top:1px solid var(--line)}
.problem-line .number{font-size:11px;color:#94a18f;padding-top:5px}
.problem-line h3{font-size:18px;margin-bottom:7px}
.problem-line p{font-size:13px}
.problem-bottom{font-size:13px;color:var(--green);margin-top:25px}
.flow-section{padding:80px 0}
.flow-head{text-align:center;max-width:720px;margin:auto}
.flow-head h2{font-size:38px}
.flow-head p{margin-top:20px}
.flow{display:grid;grid-template-columns:repeat(7,1fr);margin-top:42px;gap:6px}
.flow-step{position:relative;text-align:center;padding:12px 4px}
.flow-step:after{content:"→";position:absolute;right:-8px;top:26px;color:#7b9982}
.flow-step:last-child:after{display:none}
.flow-icon{border:1px solid #d7e0ce;border-radius:14px;width:47px;height:47px;display:grid;place-items:center;margin:0 auto 14px;background:#fff;color:var(--green);font-size:17px}
.flow-step b{display:block;font-size:12px;font-weight:500}
.flow-step small{font-size:10px;color:var(--muted)}
.iara-section{background:var(--deep);color:#fff;position:relative}
.iara-section .eyebrow{color:var(--lime)}
.iara-section h2{font-size:clamp(38px,4.5vw,60px)}
.iara-section h2 em{color:var(--lime);font-style:normal}
.iara-section .intro{color:#bfcec4;margin:25px 0 28px;font-size:15px}
.iara-section .split{gap:72px;align-items:start}
.question-list{display:grid;gap:8px;margin-top:30px}
.question-button{background:transparent;border:1px solid #5c7b69;color:#f1f5ed;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:13px 15px;font-size:12px;transition:background 150ms ease,border-color 150ms ease}
.question-button:hover{background:#24513f}
.question-button[aria-pressed="true"]{background:#d4f1a4;color:#153c2b;border-color:#d4f1a4}
.iara-caption{font-size:10px;color:#c7d6c9;margin-top:14px}
.chat{background:#f8faf5;color:var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 25px 60px #032b2230}
.chat-top{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e1e7d9;background:#fff}
.chat-top strong{display:block;font-size:13px;font-weight:600}
.chat-top small{display:block;font-size:10px;color:var(--muted)}
.chat-top .demo-tag{margin-left:auto}
.chat-body{padding:24px;min-height:425px}
.chat-question{padding:13px 18px;border-radius:13px 13px 3px 13px;background:#e5eddc;font-size:12px;margin:0 0 24px 34px;color:var(--ink)}
.chat-answer{font-size:12px;color:#405849;line-height:1.9}
.chat-answer h3{font-size:14px;font-weight:600;margin-bottom:9px;color:var(--ink)}
.answer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}
.answer-metrics div{border:1px solid #dfe7d8;padding:11px;border-radius:8px;background:#fff}
.answer-metrics small{font-size:8px;display:block;color:var(--muted)}
.answer-metrics b{display:block;font-size:21px;color:var(--green);font-weight:500}
.answer-callout{padding:12px 14px;border-left:2px solid #c3a85b;background:#f2f0e4;margin:16px 0}
.answer-callout b{display:block;font-size:11px;color:#775c21}
.chat-bottom{padding:16px 24px;border-top:1px solid #e1e7d9;display:flex;align-items:center;gap:9px;font-size:10px;color:#506849;background:#eff4e8}
.agent-roadmap{border-top:1px solid #436452;margin-top:54px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.agent-roadmap p{font-size:12px;color:#c5d5c9;max-width:430px}
.agent-roadmap strong{color:#fff;font-weight:500}
.agent-labels{display:flex;flex-wrap:wrap;gap:8px}
.agent-labels span{border:1px solid #52765f;border-radius:6px;padding:7px 12px;font-size:10px;color:#dde8d7}
.operations{background:#fff}
.bento{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}
.operation-primary{background:#ecf0e5;border-radius:var(--radius);padding:34px;grid-row:span 2;display:flex;flex-direction:column;overflow:hidden}
.bento-label{display:flex;align-items:center;gap:12px;margin-bottom:17px;font-size:11px;color:#4f7057}
.bento-number{font-size:10px;color:#526d52;border:1px solid #c3d1bc;padding:3px 8px;border-radius:4px}
.operation-primary h3{font-size:29px;max-width:380px}
.operation-primary>p{font-size:13px;margin-top:15px;max-width:400px}
.schedule{background:#fff;border-radius:12px;padding:22px;margin-top:32px;box-shadow:0 12px 26px #24432b0a}
.schedule-title{display:flex;justify-content:space-between;font-size:11px;margin-bottom:18px}
.schedule-title span{font-size:9px;color:var(--muted)}
.schedule-grid{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:7px;align-items:center;font-size:9px;text-align:center}
.schedule-grid .row-label{text-align:left;font-size:10px}
.schedule-grid .day{font-size:8px;color:#637466;padding-bottom:8px}
.shift{border-radius:5px;background:#edf3e6;padding:8px 2px;color:#3a7142;font-size:9px}
.shift.off{background:#f6f6f2;color:#7a847b}
.shift.cover{background:#f4e9cb;color:#7b641c}
.schedule-legend{display:flex;gap:13px;flex-wrap:wrap;font-size:8px;margin-top:15px;color:#66765e}
.schedule-note{margin-top:18px;padding:12px;border-radius:6px;background:#f2f5ed;font-size:10px;color:#506e48;display:flex;gap:10px;align-items:center}
.operation-secondary{padding:30px;border-radius:var(--radius);border:1px solid var(--line);display:grid;grid-template-columns:1fr 90px;gap:20px;align-items:center}
.operation-secondary h3{font-size:23px;margin-bottom:13px}
.operation-secondary p{font-size:12px}
.ring{height:86px;width:86px;border-radius:50%;background:conic-gradient(#548552 0 78%,#e7eedf 78%);display:grid;place-items:center}
.ring:before{content:"Ponto";display:grid;place-items:center;width:67px;height:67px;border-radius:50%;background:white;font-size:11px}
.mini-bars{height:85px;display:flex;align-items:end;gap:7px}
.mini-bars i{flex:1;background:#8fb47b;border-radius:4px 4px 0 0}
.operation-features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}
.operation-features h3{font-size:14px;margin-bottom:8px}
.operation-features p{font-size:12px}
.integration{padding:72px 0;background:#edf2e7}
.integration .split{gap:75px}
.integration h2{font-size:38px}
.integration .intro{font-size:14px;margin-top:21px}
.department-map{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}
.department{padding:22px;background:#fafcf7;border:1px solid #dae3d1;border-radius:12px;text-align:center}
.department b{font-size:14px;font-weight:500;display:block}
.department small{font-size:10px;color:var(--muted)}
.department-core{grid-column:1/-1;background:var(--deep);color:var(--lime);text-align:center;border-radius:10px;padding:13px;font-size:13px}
.compare-section{background:#fff}
.comparison{border-top:1px solid var(--line)}
.compare-row{display:grid;grid-template-columns:1fr 1fr}
.compare-cell{padding:21px 28px;font-size:13px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}
.compare-cell.before{color:#6b766b;background:#fafbf8}
.compare-cell.after{background:#edf4e4;color:#255735}
.compare-title{font-size:12px;font-weight:600;padding-block:23px}
.compare-symbol{font-size:17px;color:#97a190}
.after .compare-symbol{color:#397340}
.indicators{padding-top:0;background:#fff}
.insight-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}
.insight-art{background:#e8efde;padding:32px;border-radius:var(--radius)}
.finance-panel{background:#fff;border-radius:14px;padding:24px;box-shadow:0 12px 35px #24432b0a}
.finance-panel h3{font-size:14px;margin-bottom:21px}
.finance-total{display:flex;gap:24px;border-bottom:1px solid #e1e7da;padding-bottom:20px;margin-bottom:20px}
.finance-total small{font-size:9px;display:block;color:var(--muted)}
.finance-total b{font-size:25px;font-weight:500;letter-spacing:-.05em}
.finance-total .positive{color:var(--green)}
.bar-row{display:grid;grid-template-columns:70px 1fr 40px;gap:12px;align-items:center;margin:15px 0;font-size:10px}
.bar-track{height:9px;background:#edf1e7;border-radius:3px;overflow:hidden}
.bar-track span{display:block;height:100%;background:#78a568;border-radius:3px}
.bar-row.warning .bar-track span{background:#baa76f}
.bar-row b{font-size:10px;font-weight:500}
.insight-copy .intro{font-size:14px;margin:25px 0}
.modules{background:var(--paper)}
.module-list{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}
.module{border-top:1px solid #cfdac8}
.module:nth-last-child(-n+2){border-bottom:1px solid #cfdac8}
.t-acc-head{width:100%;background:none;border:0;display:flex;align-items:center;text-align:left;gap:20px;padding:24px 0;color:var(--ink)}
.module-index{font-size:11px;color:#6d856b}
.module-name{font-size:19px;font-weight:500;letter-spacing:-.025em}
.t-acc-chevron{margin-left:auto;width:18px}
.t-acc-chevron svg{fill:none;stroke:currentColor;stroke-width:1.5}
.module-content{padding:0 32px 24px}
.module-content p{font-size:12px;margin-bottom:13px}
.module-content ul{padding:0;margin:0;display:flex;gap:7px;flex-wrap:wrap;list-style:none}
.module-content li{font-size:10px;padding:5px 9px;border:1px solid #cfdbc6;border-radius:5px;background:#fdfefb}
.benefits{background:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 30px;margin-top:44px}
.benefit{padding:26px 0;border-top:1px solid var(--line)}
.benefit h3{font-size:21px;color:var(--green);margin-bottom:12px}
.benefit p{font-size:12px}
.audience{background:#e8efdf}
.audience .split{align-items:start}
.audience .intro{font-size:14px;margin-top:22px}
.audience-list{display:grid;gap:0}
.audience-item{padding:19px 0;border-bottom:1px solid #cbd8c1;display:flex;gap:18px;align-items:start}
.audience-item:first-child{padding-top:0}
.audience-item span{font-size:10px;color:#718768;padding-top:4px}
.audience-item h3{font-size:17px;margin-bottom:5px}
.audience-item p{font-size:12px}
.onboarding{background:var(--paper)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.step{padding-top:24px;border-top:1px solid #c6d4be;position:relative}
.step:before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:#5f8a4e}
.step-number{font-size:38px;letter-spacing:-.04em;color:#8ca579;font-weight:400;margin-bottom:28px}
.step h3{font-size:18px;margin-bottom:10px}
.step p{font-size:12px}
.security{padding:0 0 95px}
.security-box{background:var(--deep);color:#fff;border-radius:var(--radius);padding:50px;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}
.security-box .eyebrow{color:var(--lime)}
.security-box h2{font-size:34px}
.security-box p{color:#cfdbd0;font-size:13px;margin-top:20px}
.security-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.security-list div{font-size:12px;padding:18px 0;border-bottom:1px solid #446650;display:flex;gap:12px;align-items:center}
.security-list span{color:#c1e99e}
.contact{padding:85px 0 100px;background:#e9efdf;border-top:1px solid #d3dec9}
.contact .split{align-items:start;gap:90px}
.contact h2{font-size:clamp(36px,4vw,53px)}
.contact .intro{font-size:14px;margin:25px 0 34px}
.contact-points{display:grid;gap:16px;font-size:12px;color:#4e6c45}
.contact-points span{display:flex;gap:12px;align-items:center}
.contact-form{padding:32px;background:#fff;border-radius:18px;border:1px solid #d7e1cf}
.contact-form h3{font-size:19px;margin-bottom:7px}
.contact-form>p{font-size:12px;margin-bottom:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field label{font-size:11px;font-weight:500}
.field input,.field textarea{border:1px solid #d6e0ce;background:#fcfdf9;min-width:0;width:100%;padding:11px 12px;border-radius:7px;font-size:13px;color:var(--ink);resize:vertical}
.field input{height:46px}
.field input::placeholder,.field textarea::placeholder{color:#7a8775}
.full{grid-column:1/-1}
.contact-form .button{width:100%;margin-top:18px}
.consent{font-size:10px;margin-top:13px;line-height:1.7;color:#667660}#leadOk{margin-top:16px;padding:14px;background:#e9f3df;border-radius:8px;color:#285a34;font-size:12px}
.site-footer{padding:38px 0 25px;background:var(--paper)}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.footer-top .brand-logo{width:140px}
.footer-links{display:flex;flex-wrap:wrap;gap:26px;font-size:12px}
.footer-bottom{padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}
.footer-bottom a{text-decoration:underline}
.footer-owner{margin-top:12px;font-size:10px;line-height:1.8;color:var(--muted)}
.footer-owner a{white-space:nowrap;text-decoration:underline}
.js-ready .t-stagger{contain:style}
.no-js-motion .t-stagger-line{opacity:1;transform:none;filter:none}
@media(min-width:1500px){.hero{padding-top:80px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}
.nav{gap:18px}
.header-inner{gap:25px}
.header-actions{gap:14px}
.header-actions>a:first-child{display:none}
.split{gap:48px}
.section{padding:85px 0}
.product-sidebar{padding:20px 10px}
.product-window{grid-template-columns:145px minmax(0,1fr)}
.security-box{gap:38px;padding:38px}
.agent-roadmap{align-items:start}
.agent-labels{max-width:300px}
.operation-secondary{grid-template-columns:1fr 70px;padding:26px}
.ring{width:68px;height:68px}
.ring:before{width:52px;height:52px}
.module-list{gap:0 28px}
.contact .split{gap:45px}
.insight-layout{gap:42px}
.finance-total{gap:15px}
.finance-total b{font-size:21px}}
@media(max-width:800px){html{scroll-padding-top:85px}
.header-inner{height:74px;gap:15px;justify-content:space-between}
.brand-logo{width:139px}
.nav{display:none}
.menu-toggle{display:block}
.header-actions{margin-left:auto}
.header-actions .button{min-height:42px;font-size:11px;padding:10px 13px}
.hero{padding-top:45px}
.hero h1{font-size:53px}
.hero-copy{font-size:15px}
.hero-note{font-size:10px}
.product-stage{padding:14px 14px 0;margin-top:34px}
.product-window{grid-template-columns:1fr}
.product-sidebar{display:none}
.product-main{padding:18px}
.section-head{display:block}
.section-head>p{margin-top:22px;max-width:620px}
.split,.iara-section .split,.insight-layout,.contact .split{grid-template-columns:1fr;gap:42px}
.problem h2{max-width:650px}
.problem .intro{max-width:650px}
.flow-head h2{font-size:32px}
.flow{grid-template-columns:repeat(4,1fr);gap:18px 5px}
.flow-step:nth-child(4):after{display:none}
.flow-step:last-child{grid-column:auto}
.iara-section h2{max-width:600px}
.question-list{grid-template-columns:1fr 1fr}
.question-button{font-size:11px}
.question-button:first-child{grid-column:1/-1}
.chat-body{min-height:360px}
.agent-roadmap{display:block}
.agent-labels{max-width:none;margin-top:20px}
.bento{grid-template-columns:1fr 1fr}
.operation-primary{grid-column:1/-1;grid-row:auto}
.operation-primary h3{max-width:none}
.operation-secondary{display:block}
.ring,.mini-bars{display:none}
.schedule{max-width:600px;width:100%}
.benefit-grid{grid-template-columns:repeat(2,1fr)}
.steps{grid-template-columns:1fr 1fr;gap:35px}
.security-box{grid-template-columns:1fr;gap:25px}
.contact-form{max-width:650px;width:100%}
.footer-top{align-items:start}
.footer-links{gap:15px}
.section{padding:75px 0}
.indicators{padding-top:0}
.security{padding-bottom:75px}
.segments .container{justify-content:center;gap:14px 25px}
.segments small{max-width:none;flex-basis:100%;text-align:center}
.segments span{font-size:11px}
.section-head{margin-bottom:32px}
.module-name{font-size:17px}
.t-acc-head{gap:13px}
.module-content{padding-left:24px}
.product-insight{font-size:10px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}
.header-inner{gap:10px}
.brand-logo{width:116px}
.header-actions .button{display:none}
.menu-toggle{padding:7px 11px}
.hero{padding-top:36px}
.hero .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:20px}
.hero h1{font-size:41px;letter-spacing:-.055em}
.hero-copy{font-size:13px;line-height:1.9;margin-top:20px}
.hero-ctas{flex-direction:column;gap:10px;margin:24px 0 14px}
.hero-ctas .button{width:100%;min-height:50px}
.hero-ctas .text-link{font-size:12px}
.hero-note{font-size:9px;line-height:1.7}
.hero-note span{margin:0 4px}
.product-stage{padding:8px 8px 0;border-radius:14px 14px 0 0;margin-top:28px}
.product-window{border-radius:9px 9px 0 0}
.product-main{padding:12px}
.product-top{margin-bottom:12px}
.product-top h3{font-size:14px}
.product-top p{font-size:9px;max-width:180px}
.demo-tag{font-size:8px;max-width:93px;padding:4px 6px}
.metrics{grid-template-columns:1fr 1fr;gap:7px}
.metric{padding:11px}
.metric strong{font-size:23px}
.metric small{font-size:8px}
.chart-row{grid-template-columns:1fr;margin-top:8px;gap:8px}
.chart-panel{padding:13px}
.attention-panel{display:none}
.line-chart{height:92px}
.product-insight{align-items:start;padding:10px;font-size:9px;gap:8px}
.product-insight .spark{width:21px;height:21px;font-size:16px}
.chart-labels,.chart-legend{font-size:8px}
.section{padding:61px 0}h2{font-size:34px;letter-spacing:-.05em}
.eyebrow{font-size:9px;margin-bottom:17px}
.intro{font-size:14px}
.problem .intro{font-size:14px}
.problem-line{padding:20px 0;gap:12px;grid-template-columns:24px 1fr}
.problem-line h3{font-size:17px}
.problem-line p{font-size:12px}
.flow-section{padding:53px 0}
.flow{grid-template-columns:repeat(2,1fr);gap:20px 10px;margin-top:30px}
.flow-step:nth-child(even):after{display:none}
.flow-step:last-child{grid-column:1/-1}
.flow-head h2{font-size:29px}
.flow-head p{font-size:13px}
.iara-section h2{font-size:42px}
.iara-section .intro{font-size:13px}
.question-list{grid-template-columns:1fr}
.question-button{font-size:11px;min-height:48px}
.chat-top{padding:17px}
.chat-body{padding:18px;min-height:425px}
.chat-question{margin-left:12px;font-size:11px}
.chat-answer{font-size:11px}
.answer-metrics{gap:6px}
.answer-metrics div{padding:8px}
.answer-metrics b{font-size:19px}
.answer-metrics small{font-size:7px}
.chat-bottom{padding:15px;font-size:9px}
.agent-roadmap{margin-top:34px}
.agent-labels span{font-size:9px;padding:6px 9px}
.bento{grid-template-columns:1fr;gap:15px}
.operation-primary{padding:23px}
.operation-primary h3{font-size:25px}
.operation-primary>p{font-size:12px}
.operation-secondary{padding:23px;display:grid;grid-template-columns:1fr 60px}
.operation-secondary h3{font-size:22px}
.ring{display:grid;width:58px;height:58px}
.ring:before{width:43px;height:43px;font-size:9px}
.mini-bars{display:flex;height:65px}
.schedule{padding:14px;margin-top:25px}
.schedule-grid{gap:4px;grid-template-columns:1.4fr repeat(5,1fr)}
.schedule-grid .row-label{font-size:8px}
.shift{font-size:8px}
.schedule-title{font-size:10px}
.schedule-title span{font-size:8px}
.schedule-note{font-size:9px}
.operation-features{grid-template-columns:1fr;gap:22px}
.integration{padding:55px 0}
.integration h2{font-size:32px}
.department{padding:18px 9px}
.department b{font-size:12px}
.department small{font-size:9px}
.compare-row{grid-template-columns:1fr 1fr}
.compare-cell{padding:17px 13px;font-size:11px;gap:8px;align-items:start}
.compare-title{font-size:11px}
.compare-symbol{font-size:13px}
.insight-art{padding:18px}
.finance-panel{padding:19px}
.finance-total{gap:18px}
.finance-total b{font-size:23px}
.bar-row{grid-template-columns:62px 1fr 30px;gap:8px}
.insight-layout{gap:30px}
.indicators{padding-top:0}
.module-list{grid-template-columns:1fr}
.module:nth-last-child(2){border-bottom:0}
.module-name{font-size:18px}
.t-acc-head{padding:21px 0}
.benefit-grid{gap:0 22px}
.benefit h3{font-size:19px}
.benefit p{font-size:11px}
.benefit{padding:21px 0}
.audience .split{gap:30px}
.audience-item h3{font-size:16px}
.steps{gap:30px 24px}
.step-number{font-size:31px;margin-bottom:18px}
.step h3{font-size:15px}
.step p{font-size:11px}
.security{padding-bottom:60px}
.security-box{padding:27px;gap:20px}
.security-box h2{font-size:29px}
.security-list{grid-template-columns:1fr;gap:0}
.security-list div{padding:13px 0}
.contact{padding:60px 0}
.contact h2{font-size:38px}
.contact .split{gap:30px}
.contact-form{padding:24px}
.form-grid{grid-template-columns:1fr;gap:14px}
.field input,.field textarea{font-size:16px}
.field label{font-size:11px}
.contact-form h3{font-size:18px}
.footer-top{flex-direction:column;gap:26px}
.footer-links{gap:13px 20px;font-size:11px}
.footer-bottom{flex-direction:column;gap:10px;font-size:9px}
.segments{padding:21px 0}
.segments .container{gap:13px 20px}
.segments span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}
.t-stagger-line{opacity:1!important;transform:none!important;filter:none!important}}
@media(prefers-reduced-transparency:reduce){.site-header{background:var(--paper);backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#354e3d;--line:#819579}
.site-header{background:var(--paper);backdrop-filter:none}
.demo-tag{color:#304a36}
.field input,.field textarea{border-color:#74866c}}
:root {
  --stagger-dur: 500ms;
  --stagger-distance: 12px;
  --stagger-stagger: 40ms;
  --stagger-blur: 3px;
  --stagger-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Lines start translated down + blurred + invisible; .is-shown
   on the parent flips them to their resting state. The second
   line's transition-delay holds it back by --stagger-stagger
   so the eye lands on the headline first. */
.t-stagger-line {
  display: block;
  opacity: 0;
  transform: translateY(var(--stagger-distance));
  filter: blur(var(--stagger-blur));
  transition:
    opacity   var(--stagger-dur) var(--stagger-ease),
    transform var(--stagger-dur) var(--stagger-ease),
    filter    var(--stagger-dur) var(--stagger-ease);
  will-change: transform, opacity, filter;
}
.t-stagger-line--2 { transition-delay: var(--stagger-stagger); }

.t-stagger.is-shown .t-stagger-line {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
/* Exit decouples from the stagger: same fade for every line,
   no Y return, no blur — so the disappearance reads as a
   single quiet fade instead of a reverse reveal. */
.t-stagger.is-hiding .t-stagger-line {
  opacity: 0;
  transform: translateY(0);
  filter: blur(0);
  transition:
    opacity 200ms ease,
    transform 0s linear,
    filter 0s linear;
  transition-delay: 0s;
}

@media (prefers-reduced-motion: reduce) {
  .t-stagger-line { transition: none !important; }
}

:root {
  --acc-expand: 250ms;
  --acc-collapse: 250ms;
  --acc-chevron: 250ms;
  --acc-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* grid-template-rows 0fr → 1fr gives a clean height animation
   with no JS measurement; the inner element clips overflow. */
.t-acc-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--acc-collapse) var(--acc-ease);
}
.t-acc[data-open="true"] .t-acc-panel {
  grid-template-rows: 1fr;
  transition: grid-template-rows var(--acc-expand) var(--acc-ease);
}
.t-acc-panel-inner {
  overflow: hidden;
  opacity: 0;
  filter: blur(2px);
  transition:
    opacity var(--acc-collapse) var(--acc-ease),
    filter var(--acc-collapse) var(--acc-ease);
}
.t-acc[data-open="true"] .t-acc-panel-inner {
  opacity: 1;
  filter: blur(0);
  transition:
    opacity var(--acc-expand) var(--acc-ease),
    filter var(--acc-expand) var(--acc-ease);
}
/* Flip the chevron vertically to turn the "v" into a "^".
   scaleY(-1) about the centre passes through a flat line at
   the midpoint (same look as a `d:` path morph) but animates
   in every browser, unlike CSS `d:` morphing (Chromium only).
   The chevron path is symmetric about the 16x16 viewBox
   centre, so the flip lands exactly on the "^"; non-scaling
   -stroke keeps the stroke width constant through the flip. */
.t-acc-chevron {
  display: inline-flex;
  transform: scaleY(1);
  transform-origin: center;
  transition: transform var(--acc-chevron) var(--acc-ease);
}
.t-acc-chevron path { vector-effect: non-scaling-stroke; }
.t-acc[data-open="true"] .t-acc-chevron {
  transform: scaleY(-1);
}

@media (prefers-reduced-motion: reduce) {
  .t-acc-panel, .t-acc-panel-inner, .t-acc-chevron {
    transition: none !important;
  }
}


/* Espaço para o novo item da navegação, mantendo o menu existente. */
@media(min-width:801px) and (max-width:1150px){.header-inner{gap:20px}.nav{gap:16px}.header-actions{gap:14px}.header-actions>a:first-child{display:none}}