:root{--navy:#091222;--navy2:#0d182c;--ink:#111a2d;--muted:#505e73;--pale:#a8b7cf;--accent:#8ee6ff;--line:#dce4ee;--white:#f7f9fc;--blue:#254ed4;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #448aff;outline-offset:4px}img{display:block;width:100%;height:100%;object-fit:cover}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 112px));margin:auto}.skip{position:fixed;left:1rem;top:1rem;padding:12px;background:white;z-index:10;transform:translateY(-180%)}.skip:focus{transform:none}section[id]{scroll-margin-top:25px}.header{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff1c}.nav{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:20px;font-weight:750;letter-spacing:.18em;line-height:1;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:6px;color:#aebdd5}.logo{position:relative;width:40px;height:40px;display:block;overflow:hidden;background:#000;border-radius:10px;flex:none;mix-blend-mode:screen}.logo img{position:absolute;width:83px;height:83px;max-width:none;left:-21px;top:-11px}.nav nav{display:flex;gap:31px;font-size:14px;color:#c2cde0}.nav nav a:hover,.nav nav a:focus-visible{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:14px;line-height:1.3;min-height:47px;padding:12px 18px;border:1px solid transparent;border-radius:9px;transition:transform .2s,background .2s,border-color .2s;white-space:normal;text-align:center}.button:hover{transform:translateY(-2px)}.outline{border-color:#ffffff3d;background:#ffffff06;color:white}.outline:hover,.subtle:hover{background:#ffffff12}.primary{color:#08172c;background:linear-gradient(112deg,#9aebff,#acc2ff 70%,#c4b5ff);box-shadow:0 6px 26px #425deb27}.subtle{color:white;background:transparent}.hero{color:white;background:radial-gradient(ellipse at 80% 48%,#24385f 0%,transparent 48%),linear-gradient(130deg,#091222,#101b32);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(28px,5.6vw,80px);align-items:center;min-height:580px;padding-block:66px 74px}.kicker{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.15em;margin:0 0 15px}.kicker i,figcaption i,.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.hero .kicker,.demo .kicker{color:var(--accent)}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(46px,5.3vw,78px);line-height:1.02;letter-spacing:-.065em;margin-bottom:21px;font-weight:780}h1 em{font-style:normal;color:#b7dbff;background:linear-gradient(95deg,#89e5ff,#b5b9ff);background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:clamp(33px,4.2vw,56px);letter-spacing:-.052em;line-height:1.07;margin-bottom:15px}h3{font-size:21px;line-height:1.15;letter-spacing:-.028em;margin-bottom:10px}.lead{color:#c1cde1;font-size:clamp(16px,1.6vw,20px);max-width:500px;margin-bottom:25px}.actions{display:flex;gap:9px;flex-wrap:wrap}.platforms{display:flex;gap:10px;align-items:center;margin-top:33px;flex-wrap:wrap}.platforms span{font-size:9px;letter-spacing:.13em;color:#aebed7;font-weight:750}.platforms b{border:1px solid #ffffff35;padding:4px 9px;border-radius:6px;color:#e6efff;font-size:12px}.hero-figure{margin:0;min-width:0}.mock{border:1px solid #7285b05c;border-radius:19px;background:#101e34;overflow:hidden;padding:13px;box-shadow:0 24px 75px #020711a0}.mock-top,.mock-bottom{display:flex;align-items:center;gap:11px;padding:4px 3px 12px}.mock-top b,.mock-top small{display:block}.mock-top small{color:#a8b7cf;font-size:11px}.mock-brand{display:grid;place-items:center;position:relative;width:40px;height:40px;border-radius:9px;background:#ffe0b6;color:#50301b;font-weight:900;font-size:23px}.live{margin-left:auto;border-radius:100px;padding:4px 8px;color:#bbe6ff;background:#233753;font-size:11px}.live i{width:5px;height:5px}.hero-photo{height:clamp(200px,22vw,315px);background:#172b46;position:relative;overflow:hidden;border-radius:11px}.hero-photo img{object-position:50% 54%}.hero-photo span{position:absolute;bottom:12px;left:12px;padding:5px 8px;border-radius:4px;background:#111a2ded;color:#eff6ff;font-size:9px;font-weight:800;letter-spacing:.12em}.mock-bottom{padding:13px 3px 2px;justify-content:space-between}.mock-bottom strong{font-size:15px}.mock-bottom p{margin:3px 0 0;color:#b9c8de;font-size:12px}.check{color:#a1f2da;background:#174240;border-radius:50%;width:29px;height:29px;flex:none;display:grid;place-items:center}figcaption{margin-top:13px;display:flex;align-items:center;gap:7px;color:#b6c6df;font-size:9px;font-weight:750;letter-spacing:.12em}figcaption span{margin-left:auto}figcaption i{width:5px;height:5px;color:#89e5ff}.services,.process,.demo,.cta{padding-block:84px}.section-lead{color:var(--muted);font-size:17px;max-width:650px;margin-bottom:30px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.service-grid article{border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.service-grid article:hover,.service-grid article:focus-within{transform:translateY(-3px);box-shadow:0 11px 28px #263f6510;border-color:#abbdf4}.service-label{display:flex;align-items:center;gap:9px;color:#354d81;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:12px}.service-label span{display:grid;place-items:center;background:#eaf0ff;color:#2449b1;border-radius:7px;width:31px;height:29px;font-size:11px}.service-grid p,.service-grid ul,.steps p,.cta p:not(.kicker){color:var(--muted);font-size:14px}.service-grid ul{padding-left:19px;margin:0 0 15px}.service-grid li::marker{color:#3d59cd}.service-grid li+li{margin-top:4px}details{border-top:1px solid var(--line);padding-top:10px}details p{margin:8px 0 0}summary{cursor:pointer;font-size:13px;font-weight:700;color:#2346a8}.process{background:#f2f6fb}.steps{margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;list-style:none}.steps li{border-top:1px solid #bdcbe4;padding-top:17px}.steps span{font-size:12px;color:#3454b7;font-weight:800;display:block;margin-bottom:10px}.steps p{max-width:290px;margin-bottom:0}.demo{color:#fff;background:linear-gradient(150deg,#0a1324,#142342)}.demo .section-lead,.panel p{color:#bac8de}.demo-shell{border:1px solid #ffffff35;background:#0c172a;border-radius:17px;overflow:hidden}.tablist{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #ffffff2e}.tablist button,.compare-actions button{background:transparent;color:#b8c8e1;border:0;font-weight:700;font-size:13px}.tablist button{padding:13px 7px;min-height:50px;border-bottom:2px solid transparent}.tablist button:focus-visible{outline-offset:-4px}.tablist button span{color:#a4b8df;margin-right:6px;font-size:10px}.tablist button:hover,.tablist button[aria-selected=true]{color:#fff;background:#1a2b4a;border-bottom-color:#8ee6ff}.panel{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:24px;padding:25px;min-height:315px}.panel h3{font-size:clamp(23px,3vw,35px)}.panel p{font-size:14px}.panel.enter{animation:enter .28s ease-out}@keyframes enter{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}.demo-list{list-style:none;padding:0;margin:0;background:#132441;border:1px solid #ffffff26;border-radius:12px}.demo-list li{display:flex;justify-content:space-between;gap:12px;padding:13px;color:#bbc9df;font-size:13px}.demo-list li+li{border-top:1px solid #ffffff24}.demo-list b{color:#a5f0de;text-align:right}.compare-actions{display:flex;gap:9px;margin-bottom:14px}.compare-actions button{border:1px solid #ffffff47;border-radius:7px;padding:6px 10px}.compare-actions button:hover{background:#24385b;color:#fff}.item-caption{display:grid;gap:3px;border-left:2px solid #8ee6ff;padding-left:11px}.item-caption small{font-size:9px;letter-spacing:.12em;color:#a9d9ff}.item-caption span{font-size:12px;color:#bac8de}.compare{--reveal:55%;--handle:45%;position:relative;height:245px;background:#20314e;border-radius:10px;overflow:hidden}.compare img{position:absolute;inset:0}.compare .before{filter:brightness(.72) saturate(.52) contrast(.78);object-position:50% 62%}.compare .after{clip-path:inset(0 0 0 var(--handle))}.compare-tag{pointer-events:none;position:absolute;top:10px;background:#111b2deb;border-radius:4px;padding:3px 7px;font-size:9px;letter-spacing:.1em;font-weight:800}.left{left:10px}.right{right:10px}.divider{position:absolute;left:var(--handle);top:0;bottom:0;width:2px;background:white;transform:translateX(-50%);pointer-events:none}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;height:32px;width:32px;display:grid;place-items:center;background:white;color:var(--navy);font-weight:800}.compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;direction:rtl;touch-action:pan-y}.compare:focus-within{outline:3px solid #8ee6ff;outline-offset:2px}.illustrative{display:block;margin-top:8px;font-size:10px;color:#aebed8}.cta{background:#edf3ff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta p:not(.kicker){margin-bottom:0}.cta .primary,dialog .primary{background:#203fae;color:white}.footer{min-height:105px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#afbdd3;font-size:12px}footer{background:var(--navy);color:white}.footer .brand{color:#fff}.wa{position:fixed;z-index:4;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));border:1px solid #fff6;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#087749;color:white;box-shadow:0 8px 30px #08162b45;transition:transform .2s,background .2s}.wa:hover{transform:translateY(-3px);background:#09643f}.wa svg{width:30px;height:30px}dialog{max-width:min(420px,calc(100% - 32px));border:1px solid var(--line);padding:26px;border-radius:16px;color:var(--ink);box-shadow:0 20px 70px #0006}dialog::backdrop{background:#07101fb0}dialog h2{font-size:29px}dialog p:not(.kicker){color:var(--muted)}.close{position:absolute;right:10px;top:8px;background:transparent;border:none;font-size:23px;color:#334267}.intro{animation:enter .5s ease-out}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:27px}.wide{display:none}.nav nav{gap:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{min-height:64px;gap:10px;flex-wrap:wrap;padding-block:9px}.nav nav{order:3;width:100%;justify-content:space-between;gap:10px;padding:6px 1px 3px;font-size:12px}.nav .button{min-height:40px;font-size:12px;padding:8px 10px}.brand{font-size:17px}.hero-grid{grid-template-columns:1fr;min-height:0;padding-block:39px 38px;gap:27px}h1{font-size:clamp(38px,9.2vw,58px)}.platforms{margin-top:21px}.hero-photo{height:clamp(185px,54vw,330px)}.services,.process,.demo,.cta{padding-block:50px}.service-grid,.steps,.panel{grid-template-columns:1fr}.steps{gap:18px}.panel{gap:17px;padding:16px;min-height:0}.compare{height:clamp(170px,57vw,295px)}.tablist button{font-size:11px}.tablist button span{display:block;margin:0}.cta-inner,.footer{flex-direction:column;align-items:flex-start;gap:16px}.footer{padding-block:24px;padding-right:52px}.wa{width:50px;height:50px;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Identidade visual: floresta, areia e sálvia. */
:root{--navy:#233a30;--ink:#23352b;--muted:#506258;--blue:#365847;--line:#dae2d7;--accent:#c4dec7}
body{background:#fffefa}.header{background:#233a30;border-color:#ffffff24}.nav{min-height:70px}.nav nav{color:#e2ece3}.brand small{color:#d0ded2}
.hero{color:var(--ink);background:#f6f2e8}.hero-grid{min-height:0;padding-block:60px 63px;gap:clamp(24px,4.5vw,62px);grid-template-columns:1fr 1.1fr}.intro{min-width:0}h1{font-size:clamp(40px,4.4vw,68px);line-height:1.03;letter-spacing:-.059em}h1 em{display:inline;color:#3d604b;background:none;-webkit-text-fill-color:currentColor}.lead{color:#4b5c50;font-size:clamp(16px,1.45vw,19px)}.primary,.cta .primary,dialog .primary{color:#fff;background:#365847;box-shadow:none}.primary:hover{background:#284839}.subtle{color:#365847}.subtle:hover{background:#e8eadd}
.hero-figure video{display:block;width:100%;aspect-ratio:3/2;border-radius:14px;background:#dce6d8;box-shadow:0 12px 35px #233a3017;object-fit:contain}.hero-figure figcaption{color:#506258;justify-content:space-between;font-size:10px;letter-spacing:.095em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.services,.process,.demo,.cta{padding-block:63px}.service-grid article{background:#fffefa;padding:21px}.service-grid article:hover,.service-grid article:focus-within{border-color:#96ac9a;box-shadow:0 8px 26px #20382e10}.service-label,summary,.steps span{color:#365847}.service-label span{color:#365847;background:#e8eee4}.service-grid li::marker{color:#477457}
.process{background:#edf1e8}.steps li{border-color:#b5c6b6}.demo{background:#2e4438}.demo-shell{background:#24392e;border-color:#ffffff45}.demo .section-lead,.panel p,.item-caption span{color:#d5e1d4}.tablist button,.compare-actions button,.tablist button span{color:#d5e4d5}.tablist button:hover,.tablist button[aria-selected=true],.compare-actions button:hover{background:#3b5646;border-bottom-color:#c4dec7}.demo-list{background:#344c3e}.demo-list li{color:#dbe7da}.demo-list b,.item-caption small{color:#c4dec7}.item-caption{border-color:#c4dec7}.compare{--handle:50%;background:#314639}.compare .before{object-position:50% 50%}.compare .after{clip-path:inset(0 calc(100% - var(--handle)) 0 0)}.compare .divider{left:clamp(16px,var(--handle),calc(100% - 16px))}.compare input{direction:ltr}.compare:focus-within{outline-color:#c4dec7}.cta{background:#f6f2e8}footer{background:#233a30}.footer{color:#d4e0d4}.wa{background:#287154}.wa:hover{background:#205a43}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;padding-block:33px;gap:24px}h1{font-size:clamp(38px,9.2vw,57px)}.services,.process,.demo,.cta{padding-block:44px}}

.brand small{text-align:center}.intro .lead,.intro .actions{width:100%;max-width:500px}.intro .actions{justify-content:center}.intro .subtle{border-color:#9eae9f;padding-inline:20px}

/* Paleta gastronômica: terracota, creme, cacau e oliva. */
:root{--navy:#39271f;--ink:#3d2c24;--muted:#6a584a;--blue:#9c4b30;--line:#e7d9ca;--accent:#f0cfa8}
body,.service-grid article{background:#fffcf6}.header,footer{background:#39271f}
.hero,.cta{background:#faf0df}.hero h1 em{color:#9a4a30}.lead,.service-grid p,.service-grid ul,.steps p,.cta p:not(.kicker){color:#6a584a}
.primary,.cta .primary,dialog .primary{background:#a65233;color:#fff}.primary:hover{background:#8b4028}
.subtle{color:#81432e}.intro .actions{justify-content:flex-start;padding-left:clamp(35px,7vw,95px)}
.intro .subtle{border-color:#d2b99d}.subtle:hover{background:#edddc5}
.brand small{text-align:left}
.service-label,summary,.steps span,.kicker{color:#925034}.service-label span{color:#925034;background:#f4e6d4}
.service-grid li::marker{color:#9a5b3e}.service-grid article:hover,.service-grid article:focus-within{border-color:#c39b77}
.process{background:#eee2cf}.steps li{border-color:#ceb99c}
.demo{background:#654333}.demo-shell{background:#4d3428}
.tablist button:hover,.tablist button[aria-selected=true],.compare-actions button:hover{background:#74513d;border-bottom-color:#f0cfa8}
.demo .kicker,.item-caption small{color:#f0cfa8}.demo .section-lead,.panel p,.item-caption span{color:#eee0cc}
.demo-list{background:#644634}.demo-list li{color:#eee0cc}.demo-list b{color:#f5d7ac}
.tablist button,.compare-actions button,.tablist button span{color:#f0dfc9}
.item-caption{border-color:#e6bf8a}.compare{background:#644634}.compare:focus-within{outline-color:#f0cfa8}
.footer{color:#eadac7}.wa{background:#42704c}.wa:hover{background:#315b3b}
@media(max-width:760px){.intro .actions{padding-left:34px}}