/* GasHub · site institucional · v2
   Tipografia em três papéis: DM Sans (títulos), Source Serif 4 (leads editoriais),
   Inter (corpo e tudo que representa a plataforma), DM Mono (rótulos). */
:root{
--gh-blue:#0A0D4B;--gh-orange:#F94400;--gh-white:#FFFFFF;--gh-ink:#24282C;
--gh-blue-deep:#060830;--gh-blue-700:#0D2E5C;--gh-blue-soft:#B8BBD3;--gh-orange-700:#B33300;
--gh-surface:#F4F5F7;--gh-border:#E3E5E9;--gh-gray-500:#6B7280;
--pos:#1F7A4D;--pos-bg:#ECF6F0;--neg:#B3261E;--neg-bg:#FBEDEC;
--container:1200px;--read:680px;
--s4:4px;--s8:8px;--s12:12px;--s16:16px;--s24:24px;--s32:32px;--s48:48px;--s64:64px;--s96:96px;
--r-btn:4px;--r-card:8px;--r-block:12px;
--il-stroke:var(--gh-blue);--il-soft:rgba(10,13,75,.55);--il-fill:rgba(10,13,75,.04);--il-fill2:rgba(10,13,75,.08);--il-text:#0A0D4B;
--mesh-x:max(24px,calc(50vw - 632px));
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--gh-white);color:var(--gh-ink);font-family:"Inter",system-ui,sans-serif;font-size:16px;line-height:1.62;font-weight:400;letter-spacing:-.005em;text-wrap:pretty;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;color:var(--gh-blue);font-family:"DM Sans",sans-serif;font-weight:700;letter-spacing:-.02em}
p{margin:0}
a{color:var(--gh-orange-700);text-decoration:none}
a:hover{color:var(--gh-blue)}
:focus-visible{outline:2px solid var(--gh-blue);outline-offset:2px}
.dark :focus-visible{outline-color:#fff}
.skip{position:absolute;left:-9999px;top:0;background:var(--gh-blue);color:#fff;padding:12px 16px;z-index:60;border-radius:var(--r-btn)}
.skip:focus{left:16px;top:12px;color:#fff}

.wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--s24)}
section{position:relative}
.sec{padding:104px 0}
.sec-tight{padding:72px 0}
.surface{background:var(--gh-surface)}
.dark{background:var(--gh-blue-deep);color:var(--gh-blue-soft);padding:128px 0}
.dark h1,.dark h2,.dark h3{color:#fff}
.read{max-width:64ch}

.display-xl{font-size:clamp(36px,3.6vw,52px);line-height:1.06;letter-spacing:-.03em}
.display{font-size:clamp(27px,2.5vw,36px);line-height:1.14;letter-spacing:-.022em}
.h3{font-size:22px;line-height:1.25;letter-spacing:-.02em}
.lead{font-family:"Source Serif 4",Georgia,serif;font-size:20px;line-height:1.52;color:var(--gh-ink);font-weight:400;letter-spacing:0}
.dark .lead{color:#DDE0EE}
.sub{font-size:17px;line-height:1.55;color:var(--gh-gray-500)}
.dark .sub{color:var(--gh-blue-soft)}
.block-title{font-family:"DM Sans",sans-serif;font-size:19px;line-height:1.3;font-weight:500;color:var(--gh-blue);letter-spacing:-.015em}
.small{font-size:14.5px;line-height:1.55}
.mono{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gh-gray-500);font-weight:400}
.note{font-family:"DM Mono",monospace;font-size:11px;line-height:1.5;color:var(--gh-gray-500);letter-spacing:.01em}
.dark .note{color:#8E92B4}
.tbc{color:var(--gh-gray-500);border-bottom:1px dotted var(--gh-border)}

.eyebrow{display:flex;align-items:center;gap:12px;font-family:"DM Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gh-blue);margin-bottom:var(--s16)}
.eyebrow::before{content:"";display:block;width:24px;height:2px;background:var(--gh-orange);flex:0 0 24px}
.dark .eyebrow{color:#fff}

.btn{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;border-radius:var(--r-btn);font-family:"DM Sans",sans-serif;font-size:15px;font-weight:500;line-height:1;padding:14px 20px;border:1px solid transparent;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}
.btn-primary{background:var(--gh-orange);color:var(--gh-blue)}
.btn-primary:hover{background:var(--gh-orange-700);color:#fff}
.btn-secondary{border-color:var(--gh-border);color:var(--gh-blue);background:transparent}
.btn-secondary:hover{border-color:var(--gh-blue);color:var(--gh-blue)}
.dark .btn-secondary{border-color:rgba(255,255,255,.28);color:#fff}
.dark .btn-secondary:hover{border-color:#fff}
.btn-sm{padding:10px 14px;font-size:14px}
.tlink{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:500;color:var(--gh-orange-700)}
.tlink::after{content:"";width:16px;height:1.5px;background:currentColor;transition:width .12s ease}
.tlink:hover::after{width:24px}
.dark .tlink{color:#fff}
.dark .tlink:hover{color:var(--gh-orange)}
.acts{display:flex;align-items:center;gap:var(--s24);flex-wrap:wrap}
.acts:empty{display:none}

/* header */
.hdr{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--gh-border);transition:box-shadow .12s ease}
.hdr-in{height:88px;display:flex;align-items:center;gap:var(--s32);transition:height .12s ease}
.hdr.small .hdr-in{height:72px}
.hdr.small{box-shadow:0 2px 12px rgba(10,13,75,.07)}
.hdr-logo img{height:44px;width:auto;image-rendering:auto}
.hdr.small .hdr-logo img{height:38px;transition:height .12s ease}
.nav{display:flex;gap:var(--s24);margin-left:auto}
.nav a{font-family:"DM Sans",sans-serif;font-size:15px;color:var(--gh-blue);font-weight:400}
.nav a:hover,.nav a[aria-current]{color:var(--gh-orange-700)}
.hdr-act{display:flex;align-items:center;gap:var(--s16)}
.lang{display:flex;align-items:center;gap:5px;font-family:"DM Mono",monospace;font-size:10.5px;letter-spacing:.06em;color:var(--gh-gray-500)}
.lang a{color:var(--gh-gray-500)}
.lang .on{color:var(--gh-blue)}
.burger{display:none;margin-left:auto;width:40px;height:40px;border:1px solid var(--gh-border);border-radius:var(--r-btn);background:#fff;align-items:center;justify-content:center;color:var(--gh-blue);font-size:20px}

/* widget de acesso */
.access{position:relative;display:flex;align-items:center}
.access-btn{display:inline-flex;align-items:center;white-space:nowrap;gap:8px;border:1px solid var(--gh-border);border-radius:var(--r-btn);background:#fff;padding:0 14px;min-height:38px;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500;color:var(--gh-blue);cursor:pointer;transition:border-color .12s ease,background .12s ease}
.access-btn i{font-size:16px;color:var(--gh-orange-700)}
.access-btn:hover{border-color:var(--gh-blue);background:var(--gh-surface)}
.access-wg{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border:1px solid var(--gh-border);border-radius:0 var(--r-btn) var(--r-btn) 0;background:#fff;cursor:pointer;transition:border-color .12s ease}
.access-wg:hover{border-color:var(--gh-blue)}
.access-wg .spark{display:block}
.access-wg .lb{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gh-gray-500);text-align:left;line-height:1.25}
.access-wg .lb b{display:block;color:var(--gh-blue);font-weight:500;font-size:10px}
.access-wg .car{color:var(--gh-gray-500);font-size:12px;transition:transform .12s ease}
.access-wg[aria-expanded="true"] .car{transform:rotate(180deg)}
.pop{position:absolute;right:0;top:calc(100% + 10px);width:330px;background:#fff;border:1px solid var(--gh-border);border-radius:var(--r-card);box-shadow:0 10px 30px rgba(10,13,75,.11);padding:16px;display:none;z-index:50}
.pop.open{display:block}
.pop-hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.pop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pop-cell{border:1px solid var(--gh-border);border-radius:6px;padding:8px 10px;background:var(--gh-surface)}
.pop-cell span{display:block;font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:.06em;color:var(--gh-gray-500)}
.pop-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--gh-border)}

/* painel mobile */
.panel{position:fixed;inset:0 0 0 auto;width:min(320px,86vw);background:#fff;border-left:1px solid var(--gh-border);z-index:50;transform:translateX(100%);transition:transform .2s ease;padding:20px 24px;display:flex;flex-direction:column;gap:24px;overflow:auto}
.panel.open{transform:none}
.panel a{font-family:"DM Sans",sans-serif;font-size:18px;color:var(--gh-blue)}
.panel a.panel-cta{display:inline-flex;align-items:center;gap:9px;background:var(--gh-orange);color:var(--gh-blue);border:1px solid var(--gh-orange);border-radius:var(--r-btn);padding:13px 16px;font-size:15px;font-weight:500;justify-content:center;margin-top:var(--s8)}
.panel a.panel-cta:hover{background:var(--gh-orange-700);border-color:var(--gh-orange-700);color:#fff}
.scrim{position:fixed;inset:0;background:rgba(6,8,48,.4);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:45}
.scrim.open{opacity:1;pointer-events:auto}
.mobar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:44;padding:10px 24px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);backdrop-filter:blur(6px);border-top:1px solid var(--gh-border);gap:10px}
.mobar .btn{flex:1;justify-content:center}

/* faixa de atividade */
.statband{background:var(--gh-surface);border-top:1px solid var(--gh-border);border-bottom:1px solid var(--gh-border);padding:var(--s48) 0}
.stats{display:grid;grid-template-columns:repeat(3,1fr)}
.stat{padding:0 var(--s32)}
.stat+.stat{border-left:1px solid var(--gh-border)}
.stat:first-child{padding-left:0}
.stat b{display:block;font-family:"DM Sans",sans-serif;font-size:31px;font-weight:700;color:var(--gh-blue);line-height:1.1;letter-spacing:-.025em}
.stat span{display:block;margin-top:6px}
.statnote{margin-top:var(--s24);text-align:right}

/* cartões */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s24)}
.cards-2{grid-template-columns:repeat(2,1fr)}
.card{border:1px solid var(--gh-border);border-radius:var(--r-card);padding:var(--s24);transition:border-color .12s ease;background:#fff}
.card:hover{border-color:var(--gh-blue)}
.card i{font-size:26px;color:var(--gh-blue);display:block;margin-bottom:var(--s16);transition:color .12s ease}
.card:hover i{color:var(--gh-orange-700)}
.card .block-title{margin-bottom:var(--s8)}
.card p{color:var(--gh-ink);font-size:15px}
.dark .card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.14)}
.dark .card p{color:var(--gh-blue-soft)}
.dark .card i{color:#fff}
.dark .card:hover{border-color:rgba(255,255,255,.4)}

/* produtos */
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gh-border);border:1px solid var(--gh-border);border-radius:var(--r-card);overflow:hidden}
.prod{background:#fff;padding:var(--s24);display:grid;gap:6px;align-content:start;transition:background .12s ease}
.prod:hover{background:var(--gh-surface)}
.prod .tg{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gh-gray-500)}
.prod b{font-family:"DM Sans",sans-serif;font-size:17px;font-weight:500;color:var(--gh-blue);letter-spacing:-.015em}
.prod p{font-size:14.5px;line-height:1.5}

/* linhas de afirmação */
.rows{display:grid;gap:var(--s24);margin-top:var(--s32)}
.row{display:grid;grid-template-columns:26px 1fr;gap:var(--s16);align-items:start;padding-top:var(--s16);border-top:1px solid var(--gh-border)}
.row i{font-size:21px;color:var(--gh-blue);line-height:1}
.row b{display:block;font-family:"DM Sans",sans-serif;font-size:17px;font-weight:500;color:var(--gh-blue);letter-spacing:-.015em}
.row p{margin-top:3px;color:var(--gh-ink);font-size:15px}
.dark .row{border-color:rgba(255,255,255,.14)}
.dark .row i{color:#fff}
.dark .row p{color:var(--gh-blue-soft)}

/* abas */
.tabs{display:flex;gap:var(--s8);border-bottom:1px solid var(--gh-border);margin-bottom:var(--s32);flex-wrap:wrap}
.tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:12px 4px;margin-right:var(--s24);font-family:"DM Sans",sans-serif;font-size:15px;color:var(--gh-gray-500);cursor:pointer;transition:color .12s ease,border-color .12s ease}
.tab:hover{color:var(--gh-blue)}
.tab[aria-selected="true"]{color:var(--gh-blue);border-color:var(--gh-orange)}
.pane{opacity:0;transition:opacity .16s ease;display:none}
.pane.on{display:block;opacity:1}
.pane ul{list-style:none;margin:var(--s16) 0 0;padding:0;display:grid;gap:var(--s12);max-width:62ch}
.pane li{display:grid;grid-template-columns:12px 1fr;gap:var(--s12);color:var(--gh-ink);font-size:15px}
.pane li::before{content:"";width:5px;height:5px;border-radius:50%;border:1px solid var(--gh-blue);margin-top:10px}

/* passos */
.steps{display:grid;gap:var(--s24);position:relative}
.step{display:grid;grid-template-columns:48px 1fr;gap:var(--s16);position:relative}
.step .n{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.08em;color:var(--gh-blue);padding-top:4px;padding-left:20px}
.step::before{content:"";position:absolute;left:7px;top:24px;bottom:-24px;width:1px;background:rgba(10,13,75,.12)}
.step:last-child::before{display:none}
.step::after{content:"";position:absolute;left:4px;top:9px;width:7px;height:7px;border-radius:50%;background:#fff;border:1px solid var(--gh-blue)}

.material,.scope{background:var(--gh-surface);border-radius:var(--r-block);padding:var(--s32)}
.material ul{list-style:none;margin:var(--s16) 0 0;padding:0;display:grid;gap:var(--s8)}
.material li{padding-bottom:var(--s8);border-bottom:1px solid var(--gh-border);font-size:15px}
.material li:last-child{border-bottom:0}

.cta{background:var(--gh-blue);color:#fff;padding:var(--s64) 0}
.cta h2{max-width:22ch}
.cta .sub{color:var(--gh-blue-soft);margin-top:var(--s12);max-width:56ch}

/* formulário */
.form-sec{background:var(--gh-blue);color:#fff;padding:var(--s64) 0}
.form-sec h2,.form-sec h3{color:#fff}
.form-sec .eyebrow{color:#fff}
.form-sec .alt small{color:var(--gh-blue-soft)}
.form-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s48);align-items:start}
.form-sec .lead{color:#DDE0EE}
.form-card{background:#fff;border-radius:var(--r-block);padding:var(--s24)}
.frm{display:grid;grid-template-columns:1fr 1fr;gap:var(--s12)}
.f{display:grid;gap:6px}
.f.full{grid-column:1/-1}
.f label{font-family:"DM Mono",monospace;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--gh-gray-500)}
.f label .req{color:var(--gh-orange-700)}
.f input,.f textarea,.f select{font-family:"Inter",system-ui,sans-serif;font-size:15px;color:var(--gh-ink);background:#fff;border:1px solid var(--gh-border);border-radius:var(--r-btn);padding:11px 12px;width:100%;transition:border-color .12s ease}
.f textarea{resize:vertical;min-height:76px;line-height:1.5}
.f select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
.f input:focus,.f textarea:focus,.f select:focus{outline:none;border-color:var(--gh-blue);box-shadow:0 0 0 3px rgba(10,13,75,.08)}
.f input:user-invalid,.f textarea:user-invalid{border-color:var(--neg)}
.f .hint{font-family:"DM Mono",monospace;font-size:10px;color:var(--gh-gray-500);letter-spacing:.02em}
.f .err{font-family:"DM Mono",monospace;font-size:10px;color:var(--neg);letter-spacing:.02em;display:none}
.f.bad .err{display:block}
.f.bad input,.f.bad textarea{border-color:var(--neg)}
.frm-ft{grid-column:1/-1;display:flex;align-items:center;gap:var(--s16);flex-wrap:wrap;margin-top:var(--s4);padding-top:var(--s12);border-top:1px solid var(--gh-border)}
.frm-ft .note{flex:1;min-width:200px}
.form-ok{display:none;align-items:flex-start;gap:12px;padding:var(--s16);border:1px solid var(--gh-border);border-radius:var(--r-card);background:var(--pos-bg);grid-column:1/-1}
.form-ok i{color:var(--pos);font-size:20px;line-height:1.2}
.form-ok b{display:block;font-family:"DM Sans",sans-serif;font-size:15px;color:var(--gh-blue)}
.form-ok p{font-size:14px;color:var(--gh-ink);margin-top:2px}
.frm.sent .form-ok{display:flex}
.frm.sent .f,.frm.sent .frm-ft{display:none}
.alt{display:grid;gap:var(--s12);margin-top:var(--s24)}
.alt a{display:flex;align-items:center;gap:12px;color:#fff;font-family:"DM Sans",sans-serif;font-size:15px}
.alt a i{font-size:20px;color:#fff;width:36px;height:36px;border:1px solid rgba(255,255,255,.28);border-radius:var(--r-btn);display:grid;place-items:center;transition:border-color .12s ease,background .12s ease}
.alt a:hover{color:var(--gh-orange)}
.alt a:hover i{border-color:var(--gh-orange);background:rgba(249,68,0,.12);color:var(--gh-orange)}
.alt a span{display:block}
.alt a small{display:block;font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--gh-blue-soft)}

/* whatsapp */
.wa{position:fixed;right:24px;bottom:24px;z-index:43;display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--gh-border);border-radius:999px;padding:9px 16px 9px 11px;box-shadow:0 6px 22px rgba(10,13,75,.14);font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500;color:var(--gh-blue);transition:border-color .12s ease,color .12s ease}
.wa:hover{border-color:var(--gh-blue);color:var(--gh-blue)}
.wa svg{flex:0 0 22px}

.ft-bar{height:4px;background:var(--gh-orange)}
.ft{background:#fff;padding:var(--s48) 0 var(--s24)}
.ft-cols{display:grid;grid-template-columns:1fr auto;gap:var(--s96)}
.ft-claim{font-family:"Source Serif 4",Georgia,serif;font-size:17px;color:var(--gh-blue);margin-top:var(--s16)}
.ft p{color:var(--gh-gray-500);font-size:14.5px;line-height:1.55}
.ft h3{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gh-blue);font-weight:500;margin-bottom:var(--s16)}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s8)}
.ft ul a{font-family:"DM Sans",sans-serif;font-size:15px;color:var(--gh-blue)}
.ft ul a:hover{color:var(--gh-orange-700)}
.ft-end{margin-top:var(--s32);padding-top:var(--s16);border-top:1px solid var(--gh-border);display:flex;justify-content:space-between;gap:var(--s24);flex-wrap:wrap}
.ft-end .note a{color:var(--gh-gray-500)}
.ft-end .note a:hover{color:var(--gh-blue)}

/* ilustrações em traço */
.ilframe{display:grid;gap:var(--s12)}
.il{width:100%;height:auto;display:block}
.il-t{font-family:"Inter",system-ui,sans-serif;font-size:20px;font-weight:500;fill:var(--il-text);letter-spacing:-.01em}
.il-s{font-family:"Inter",system-ui,sans-serif;font-size:17px;font-weight:400;fill:var(--il-text);fill-opacity:.7}
.dark{--il-stroke:#FFFFFF;--il-soft:rgba(184,187,211,.75);--il-fill:rgba(255,255,255,.04);--il-fill2:rgba(255,255,255,.08);--il-text:#FFFFFF}
.cap{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--gh-gray-500)}
.dark .cap{color:var(--gh-blue-soft)}

/* linha da malha */
.mesh{position:absolute;left:var(--mesh-x);top:560px;bottom:0;width:1px;background:rgba(10,13,75,.12);z-index:0}
.node{position:absolute;left:calc(var(--mesh-x) - 3px);top:-3.5px;width:7px;height:7px;border-radius:50%;background:#fff;border:1px solid rgba(10,13,75,.28);z-index:1;transition:background .16s ease,border-color .16s ease}
.node.lit{background:var(--gh-orange);border-color:var(--gh-orange)}
.dark .node{background:var(--gh-blue-deep);border-color:rgba(255,255,255,.3)}
@media(max-width:1180px){.mesh,.node{display:none}}

/* movimento */
.js [data-reveal]{opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}
.js [data-reveal].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js [data-reveal],.js [data-reveal].in{opacity:1;transform:none;transition:none}.pane{transition:none}}

/* hero */
.hero{padding:var(--s64) 0 var(--s96)}
.hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s48);align-items:center}
.hero h1{margin-bottom:var(--s16)}
.hero .lead{max-width:44ch}
.hero-act{margin-top:var(--s32)}
.hero-il{width:calc(100% + 100px);max-width:none}
.page-hero{padding:var(--s64) 0 var(--s48)}

.two{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s48);align-items:center}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s48);align-items:center}
.split-r{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s48);align-items:center}
.head{max-width:var(--read)}
.head .lead{margin-top:var(--s12)}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mt48{margin-top:48px}

@media(max-width:1024px){
.wrap{padding:0 var(--s48)}
.hero-grid,.two,.split,.split-r{grid-template-columns:1fr;gap:var(--s32)}
.hero-il{width:100%}
.cards,.prods{grid-template-columns:1fr 1fr}
.ft-cols{grid-template-columns:1.6fr 1fr;gap:var(--s32)}
.form-grid{grid-template-columns:1fr;gap:var(--s32)}
.nav{gap:var(--s16)}
.access,.lang{display:none}
}
@media(max-width:760px){
.wrap{padding:0 var(--s24)}
.sec{padding:64px 0}.dark{padding:64px 0}.hero{padding:var(--s32) 0 var(--s48)}
.nav,.hdr-act{display:none}
.burger{display:flex}
.mobar{display:flex}
body{padding-bottom:70px}
.cards,.cards-2,.prods{grid-template-columns:1fr}
.cards[style]{grid-template-columns:1fr!important}
.scr{overflow-x:auto;-webkit-overflow-scrolling:touch}
.scr .tb{min-width:0}
.scr-bd{padding:12px}
.stats{grid-template-columns:1fr}
.stat{padding:var(--s16) 0}
.stat+.stat{border-left:0;border-top:1px solid var(--gh-border)}
.stat:first-child{padding-top:0}
.statnote{text-align:left;margin-top:var(--s16)}
.material,.scope{padding:var(--s24)}
.ft-cols{grid-template-columns:1fr;gap:var(--s32)}
.cta{padding:var(--s48) 0}
.form-sec{padding:var(--s48) 0}
.form-grid{grid-template-columns:1fr;gap:var(--s32)}
.form-card{padding:var(--s24)}
.frm{grid-template-columns:1fr}
.wa{right:16px;bottom:82px;padding:9px 14px 9px 10px}
.wa .wa-lb{display:none}
.row{grid-template-columns:22px 1fr;gap:var(--s12)}
.tab{margin-right:var(--s16);font-size:14px}
.il-t{font-size:26px}.il-s{font-size:22px}
.display-xl{font-size:32px}
.lead{font-size:18px}
}