@font-face{font-family:SilomSite;src:url(assets/silom.ttf) format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream-100);color:var(--ink-700);font-family:Montserrat,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{margin:0;font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;color:var(--blue-500);line-height:.94}
p{margin:0}
img{display:block;max-width:100%}
a{color:var(--blue-500);text-decoration:none;transition:color .12s cubic-bezier(.2,.7,.2,1)}
a:hover{color:var(--blue-700)}
:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px;position:relative}
.lbl{font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:lowercase;color:var(--blue-500);display:block}
.lbl-dim{color:var(--ink-500)}
.lbl-inv{color:rgba(244,243,235,.7)}
.sec{padding:84px 0;position:relative;overflow:hidden}
.sec-w{background:var(--white)}
.sec-b{background:var(--blue-500);color:var(--cream-100)}
.sec-b h1,.sec-b h2,.sec-b h3,.sec-b h4{color:var(--cream-100)}
.sec-b .lead{color:rgba(244,243,235,.78)}
.sec-b :focus-visible{outline-color:var(--cream-100)}
.h-dsp{font-size:clamp(40px,4.8vw,70px);text-transform:uppercase;color:var(--blue-500)}
.h2{font-size:clamp(28px,3vw,42px);text-transform:uppercase}
.h3{font-size:19px;text-transform:uppercase}
.lead{font-size:19px;line-height:1.6;color:var(--ink-500);max-width:64ch}
.small{font-size:15px;color:var(--ink-500)}
.rule{height:1px;background:var(--border-hairline)}
.stack{display:flex;flex-direction:column}
.axis{width:48px;height:3px;background:var(--blue-500)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:none;border:2px solid transparent;border-radius:0;cursor:pointer;transition:background .12s,color .12s,border-color .12s,transform .12s}
.btn svg{transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.btn:hover svg{transform:translateX(4px)}
.btn-p{background:var(--blue-500);color:var(--cream-100)}
.btn-p:hover{background:var(--blue-600);color:var(--cream-100)}
.btn-p:active{background:var(--blue-700);transform:scale(.985)}
.btn-s{border-color:var(--blue-500);color:var(--blue-500);background:transparent}
.btn-s:hover{background:var(--blue-050);border-color:var(--blue-500);color:var(--blue-700)}
.btn-inv{background:var(--cream-100);color:var(--blue-500)}
.btn-inv:hover{background:#fff;color:var(--blue-700)}
.btn-gi{border-color:rgba(244,243,235,.45);color:var(--cream-100)}
.btn-gi:hover{background:rgba(244,243,235,.14);color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.hdr{position:sticky;top:0;z-index:50;background:var(--cream-100);border-bottom:1px solid transparent;transition:border-color .2s}
.hdr.on{border-color:var(--border-hairline)}
.hdr-in{max-width:1200px;margin:0 auto;padding:0 40px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.logo{position:relative;overflow:hidden;display:block;flex:none;width:var(--lw,196px);height:calc(var(--lw,196px)*.2662);text-decoration:none}
.logo img{position:absolute;width:calc(var(--lw,196px)*1.4599);max-width:none;height:auto;left:calc(var(--lw,196px)*-.2091);top:calc(var(--lw,196px)*-.27)}
.nav{display:flex;align-items:center;gap:26px}
.nav a{font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:lowercase;color:var(--ink-900);position:relative;padding:6px 0;text-decoration:none}
.nav a:hover,.nav a.act{color:var(--blue-500)}
.hdr-side{display:flex;align-items:center;gap:18px}
.iconlink{color:var(--ink-700);display:flex}
.iconlink:hover{color:var(--blue-500)}
.gridlines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(1,19,238,.06) 1px,transparent 1px);background-size:100px 100%}
.hero{position:relative;overflow:hidden;padding:104px 0 0}
.hero-plate{position:absolute;top:0;right:-4%;width:56%;height:100%;background:url(assets/design-21.png) center right/cover no-repeat;animation:wipe .4s cubic-bezier(.2,.7,.2,1) both}
@keyframes wipe{from{transform:translateX(8%)}to{transform:none}}
.hero-in{position:relative;max-width:640px;display:flex;flex-direction:column;gap:26px;padding-bottom:96px}
.caps{display:inline-flex;align-items:center;gap:10px;background:var(--cream-100);border:1px solid var(--blue-500);padding:9px 16px;align-self:flex-start}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border-hairline);padding:10px 14px;font-size:13px;color:var(--ink-700);transition:border-color .12s}
.chip:hover{border-color:var(--blue-500)}
.chip svg{color:var(--blue-500);flex-shrink:0}
.mstrip{display:grid;grid-template-columns:repeat(4,1fr)}
.mstrip>div{padding:40px 28px;border-left:1px solid rgba(244,243,235,.25)}
.mstrip>div:first-child{border-left:0}
.mnum{font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:clamp(38px,4vw,56px);line-height:1;color:var(--cream-100);font-variant-numeric:tabular-nums}
.mcap{font-size:14px;color:rgba(244,243,235,.7);margin-top:10px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.card{background:var(--white);border:1px solid var(--border-hairline);padding:34px;display:flex;flex-direction:column;gap:16px;transition:border-color .12s}
.card:hover{border-color:var(--blue-500)}
.card .idx{font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:11px;letter-spacing:.2em;color:var(--blue-500)}
.card svg.ico{color:var(--blue-500)}
.card .more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:lowercase}
.card .more svg{transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.card:hover .more svg{transform:translateX(4px)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-500)}
.chk svg{color:var(--blue-500);flex-shrink:0;margin-top:5px}
.rev{opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.rev.in{opacity:1;transform:none}
.steps{margin-top:48px;border-bottom:1px solid var(--border-hairline)}
.step{display:grid;grid-template-columns:72px 1fr;gap:24px;padding:30px 12px;border-top:1px solid var(--border-hairline);transition:background .12s}
.step:hover{background:var(--cream-050)}
.step .n{font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:13px;letter-spacing:.16em;color:var(--blue-500)}
.step h3{margin-bottom:8px}
.rows{border-top:1px solid var(--border-hairline)}
.row{display:flex;align-items:center;gap:16px;padding:20px 10px;border-bottom:1px solid var(--border-hairline);color:var(--ink-900);font-size:16px;transition:background .12s,padding .2s cubic-bezier(.2,.7,.2,1)}
.row svg.ico{color:var(--blue-500);flex-shrink:0}
.row:hover{background:var(--white);color:var(--blue-500);padding-left:18px}
.row .ar{margin-left:auto;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
.row:hover .ar{opacity:1;transform:none}
.acc{border-top:1px solid var(--border-hairline);margin-top:40px}
.acc details{border-bottom:1px solid var(--border-hairline)}
.acc summary{list-style:none;cursor:pointer;padding:22px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:17px;font-weight:500;color:var(--ink-900);transition:color .12s}
.acc summary::-webkit-details-marker{display:none}
.acc summary:hover,.acc details[open] summary{color:var(--blue-500)}
.acc summary svg{flex-shrink:0;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.acc details[open] summary svg{transform:rotate(180deg)}
.acc .ans{padding:0 4px 26px;color:var(--ink-500);font-size:16px;max-width:72ch}
.form{background:var(--cream-100);border:1px solid var(--border-hairline);padding:38px;display:grid;gap:20px;align-content:start}
.field{display:grid;gap:8px}
.field label{font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:lowercase;color:var(--ink-500)}
input,select,textarea{font-family:Montserrat,sans-serif;font-size:16px;color:var(--ink-900);background:var(--cream-050);border:1px solid var(--border-hairline);border-radius:0;height:48px;padding:0 14px;width:100%;transition:border-color .12s,box-shadow .12s}
textarea{height:auto;min-height:118px;padding:14px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}
.ok{font-size:14px;color:var(--signal-positive);opacity:0;transition:opacity .2s}
.ok.on{opacity:1}
.contact-line{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--border-hairline);color:var(--ink-900);font-size:16px}
.contact-line svg{color:var(--blue-500);flex-shrink:0}
.plate-cta{position:relative;background:var(--cream-100);padding:128px 0}
.plate-cta .inner{max-width:620px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;background:transparent;border:0;padding:48px 40px}
.foot{background:var(--blue-500);color:var(--cream-100)}
.foot-in{max-width:1200px;margin:0 auto;padding:80px 40px 0;display:grid;grid-template-columns:1fr 2fr;gap:56px}

.foot a{color:rgba(244,243,235,.78);font-size:14px}
.foot a:hover{color:#fff}
.foot h4{font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:lowercase;color:var(--cream-100);margin-bottom:16px}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.foot-links{display:flex;flex-direction:column;gap:10px}
.foot-bot{max-width:1200px;margin:28px auto 0;padding:22px 40px;border-top:1px solid rgba(244,243,235,.2);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:rgba(244,243,235,.6)}
@media(max-width:1080px){.sec{padding:64px 0}.wrap,.hdr-in,.foot-in{padding-left:24px;padding-right:24px}.g3,.g2,.foot-cols,.mstrip,.foot-in{grid-template-columns:1fr 1fr}.hero-plate{display:none}.hero-in{max-width:none}.nav{display:none}}
@media(max-width:640px){.g3,.g2,.foot-cols,.mstrip,.foot-in{grid-template-columns:1fr}.mstrip>div{border-left:0;padding:28px 0;border-top:1px solid rgba(244,243,235,.25)}}
@media(prefers-reduced-motion:reduce){.rev{opacity:1;transform:none}.btn:hover svg,.card:hover .more svg{transform:none}.hero-plate{animation:none}.row:hover{padding-left:10px}}

.hdr a,.hdr a:hover,.hdr a:visited,.hdr a:focus{text-decoration:none!important;border-bottom:0!important}
.mstrip>div{text-align:center;display:grid;grid-template-rows:auto auto;align-content:start}
a.chk,a.chk:hover,a.chk:visited,a.chk:focus{text-decoration:none!important}
a.chk:hover{color:var(--blue-500)}
a.more,a.more:hover,a.more:visited,a.more:focus{text-decoration:none!important;border-bottom:0!important}
.mstrip .mnum{font-size:clamp(22px,2.1vw,28px)}
.mstrip .mcap{font-size:11.5px;margin-top:6px}
.mstrip>div{padding:18px 28px;border-left:0}
.mstrip .mcap{min-height:3.4em}
.sec-cream{background:var(--cream-100)}
.h2-blue{color:var(--blue-500)}
.card-cream{background:var(--cream-100);border-color:var(--border-hairline)}
.card-head{display:flex;align-items:center;gap:14px}
.card-head .h3{margin:0;color:var(--blue-500)}
.rows-blue .row{color:var(--blue-500)}
body{--ink-900:#5B5959;--ink-700:#5B5959;--ink-500:#5B5959}
.foot-logo img{filter:brightness(0) invert(1)}
.gridlines{display:none}
.lead{font-size:16px}
.foot a:not(.btn),.foot a:not(.btn):hover,.foot a:not(.btn):visited{text-decoration:none!important;border-bottom:0!important}
.foot .btn{text-decoration:none}
.foot h4::first-letter{text-transform:uppercase}
@media(min-width:641px) and (max-width:1080px){.g3:not(.g3-stack)>:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 12px)}}
.hero-in{margin:0 auto;align-items:center;text-align:center}
.hero-in .caps{align-self:center}
.hero-in .btns,.hero-in .chips{justify-content:center}
.hero-in .lead{max-width:none}
.card-cream{border-radius:10px}

/* escala de raio: 12 cards / 8 blocos / 6 controles */
.card,.card-cream,.form{border-radius:12px}
.chip,.caps,.btn,input,select,textarea{border-radius:6px}
.step,.acc details,.plate-cta .inner{border-radius:8px}
.field label{text-transform:capitalize}
::placeholder{font-size:14px}
.hdr-left{display:flex;align-items:center;gap:16px;position:relative;flex:none}
.burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 10px;background:none;border:1px solid var(--border-hairline);border-radius:6px;cursor:pointer;transition:border-color .12s,background .12s}
.burger:hover{border-color:var(--blue-500);background:var(--blue-050)}
.burger span{display:block;height:2px;background:var(--blue-500);transition:transform .2s cubic-bezier(.2,.7,.2,1),opacity .12s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.drawer{position:absolute;top:calc(100% + 16px);left:0;min-width:232px;background:var(--cream-100);border:1px solid var(--blue-500);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:2px;z-index:60;box-shadow:0 14px 32px rgba(12,12,20,.12)}
.drawer[hidden]{display:none}
.drawer a{padding:13px 14px;border-radius:6px;font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--blue-500);transition:background .12s}
.drawer a:hover{background:var(--blue-050)}
.row[data-tip]{cursor:pointer}
.scrim{position:fixed;inset:0;background:rgba(12,12,20,.55);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;opacity:0;transition:opacity .2s cubic-bezier(.2,.7,.2,1)}
.scrim.on{opacity:1}
.scrim[hidden]{display:none}
.modal{position:relative;background:var(--cream-100);border:1px solid var(--blue-500);border-radius:12px;max-width:780px;width:100%;max-height:86vh;overflow:auto;padding:48px 52px 44px;box-shadow:0 24px 60px rgba(12,12,20,.28);transform:translateY(8px);transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.scrim.on .modal{transform:none}
.modal h3{font-size:clamp(22px,2.4vw,30px);text-transform:uppercase;padding-right:56px;line-height:1.05}
.modal .modal-eyebrow{display:block;margin-bottom:14px}
.modal p{margin-top:18px;font-size:16px;line-height:1.65;color:#5B5959}
.modal .modal-sell{font-weight:500;color:var(--blue-500)}
.modal-cta{margin-top:30px;padding-top:26px;border-top:1px solid var(--border-hairline);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.modal-cta .lbl{margin:0}
.modal-nav{display:flex;gap:8px}
.modal-cta-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.modal-arrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--blue-500);border-radius:6px;color:var(--blue-500);cursor:pointer;transition:background .12s,color .12s}
.modal-arrow:hover{background:var(--blue-500);color:var(--cream-100)}
.modal-arrow svg{display:block}
.modal-x{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-hairline);border-radius:6px;cursor:pointer;color:var(--blue-500);transition:border-color .12s,background .12s}
.modal-x:hover{border-color:var(--blue-500);background:var(--blue-050)}
.modal-x svg{display:block}

.step .n{display:block;text-align:center}

@media(max-width:900px){.wrap.wg2{grid-template-columns:1fr!important;column-gap:0!important;row-gap:28px!important}.wrap.wg2>*{grid-column:1!important;grid-row:auto!important;align-self:start!important;max-width:none!important}}
.btn{white-space:nowrap}
@media(max-width:1080px){.hdr .btn{font-size:12px;letter-spacing:.1em;padding:0 16px;height:44px}.hdr-side{gap:14px}.hdr .logo{--lw:172px}}
@media(max-width:820px){.hdr .btn{font-size:11px;letter-spacing:.08em;padding:0 12px;height:40px;gap:6px}.hdr .logo{--lw:154px}.h3{font-size:17px}.lead{font-size:17px}.small{font-size:14px}.chip{font-size:12px;padding:8px 12px}.card,.card-cream{padding:24px}.contact-line{font-size:15px;padding:14px 0}}
@media(max-width:640px){.hdr-in{gap:10px;padding-left:16px;padding-right:16px}.hdr .logo{--lw:126px}.hdr .iconlink{display:none}.hdr .btn{font-size:10.5px;letter-spacing:.06em;padding:0 11px;height:38px}.hdr .btn svg{display:none}}
@media(max-width:820px){.hero-note{white-space:normal!important;font-size:11.5px!important;line-height:1.5;padding:0 20px;bottom:14px!important;text-wrap:pretty}}
@media(max-width:900px){.mstrip>div:first-child{border-top:0!important}.mstrip>div{padding:20px 0 10px!important;display:flex!important;flex-direction:column;justify-content:center;row-gap:0}.mstrip .mcap{min-height:0!important;margin-top:2px}}
@media(max-width:640px){.mstrip>div:first-child{border-top:0!important}.mstrip>div{padding:20px 0 10px!important;display:flex!important;flex-direction:column;justify-content:center;row-gap:0}.mstrip .mcap{margin-top:2px;min-height:0;line-height:1.35}.mstrip .mnum{line-height:1}}
@media(max-width:900px){.g2-proc{grid-template-columns:1fr!important;gap:24px!important}.g2-proc>div:last-child{margin-top:8px!important}.g2-proc>div:last-child>div{max-width:none!important;aspect-ratio:4/3!important}.g2-proc>div:last-child img{object-position:50% 22%!important}}
@media(max-width:820px){.hero[style*="min-height"]{height:auto!important;min-height:min(78vh,720px)!important;align-items:center!important}.hero[style*="min-height"] .hero-in{padding:40px 0 56px!important}.hero{padding-top:56px!important}.hero .hero-in{padding-bottom:56px!important}.hero .h-dsp{white-space:normal!important;font-size:clamp(26px,6.6vw,38px)!important}}
@media(max-width:820px){.blk{grid-template-columns:1fr!important;gap:22px!important;padding:26px 22px!important}.blk>div:last-child{max-width:none!important;justify-self:stretch!important;aspect-ratio:16/10!important}}
@media(max-width:820px){.h2,.h-dsp,.plate-cta .inner .h2{white-space:normal!important}.plate-cta .inner .h2,.inner .h2,.sec-b .h2{font-size:clamp(24px,6.4vw,34px)!important;line-height:1.5!important}.plate-cta .inner{padding:32px 18px!important}.plate-cta{padding:64px 0}}
.mbr{display:none}
@media(max-width:820px){.mbr{display:inline}}
@media(max-width:820px){.wg2 figure{max-width:360px!important;margin-left:auto!important;margin-right:auto!important}.wg2 figure img{max-height:none!important;object-fit:contain!important;height:auto!important}}
@media(max-width:560px){.hdr-side .btn{font-size:0;gap:0;padding:0 14px;max-width:none}.hdr-side .btn::after{content:"contato";font-family:SilomSite,Silom,Montserrat,sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:lowercase}.hdr .logo{--lw:118px}}
@media(max-width:640px){.btn{height:46px;padding:0 18px;font-size:12px}.btns .btn{width:100%}.caps{padding:8px 13px;font-size:12px}.mstrip .mnum{font-size:26px}.step{padding:22px 2px}.step .n{font-size:15px}.wrap,.foot-in{padding-left:20px!important;padding-right:20px!important}.foot-bot{flex-direction:column;gap:8px;padding-left:20px;padding-right:20px}.plate-cta{padding:72px 0}.step{grid-template-columns:52px 1fr;gap:16px;padding:24px 4px}.acc summary{font-size:16px;padding:18px 2px}}

.plate-cta{padding-top:16px}
@media(max-width:820px){.plate-cta{padding-top:8px}}

@media(max-width:900px){.sec:has(.acc){padding-bottom:24px}.acc{margin-top:24px}}