/* Hilong Brazil · landing (v2). Página toda no padrão do Centro: azul-escuro, ciano #58cfff,
   Barlow Condensed (títulos), IBM Plex Sans (texto), IBM Plex Mono (rótulos).
   Abertura: cena 3D das operações guiada pela rolagem (assets/ops.js). */
:root{
  --deep:#030b1a; --navy:#061630; --panel:#0a1d3b; --panel-2:#0d2447;
  --cyan:#58cfff; --cyan-2:#8fdfff; --amber:#f2a33c;
  --on:#eaf3ff; --on-2:#a9bdd8; --on-3:#7088a8;
  --line:rgba(120,170,230,.22); --line-2:rgba(88,207,255,.38);
  --ok:#3ccf86; --err:#ff8a7a;
  --ink-2:#a9bdd8;
  --f-display:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:10px; --nav:64px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--deep)}
body{margin:0;background:var(--deep);color:var(--on);font:400 16px/1.6 var(--f-body);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);font-weight:700;letter-spacing:.01em;line-height:1.02;margin:0;text-wrap:balance}
p{margin:0}
[hidden]{display:none!important}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.eyebrow{font:500 12px/1.3 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}
.skip{position:absolute;left:-999px;top:8px;background:var(--cyan);color:var(--deep);padding:8px 12px;border-radius:6px;z-index:99}
.skip:focus{left:16px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:6px;border:1px solid transparent;
  font:600 15px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.btn.primary{background:var(--cyan);color:var(--deep)}
.btn.primary:hover{background:var(--cyan-2)}
.btn.ghost{border-color:var(--line-2);color:var(--on);background:rgba(3,11,26,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.btn.ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.btn.full{width:100%}
.btn[disabled]{opacity:.6;cursor:progress}
.linkbtn{background:none;border:0;padding:0;color:var(--cyan);font:500 13.5px var(--f-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* topo */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--deep)}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(3,11,26,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:20px;height:var(--nav)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.brand img{height:30px;width:auto}
.brand-sub{font:600 13px/1 var(--f-display);letter-spacing:.32em;color:var(--cyan);padding-left:10px;border-left:1px solid var(--line)}
.nav-r{display:flex;align-items:center;gap:18px;margin-left:auto}
.navlink{text-decoration:none;font:500 14px var(--f-body);color:var(--on-2)}
.navlink:hover{color:#fff}
.langsw{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.langsw button{background:transparent;border:0;color:var(--on-2);font:500 12px var(--f-mono);padding:7px 10px;cursor:pointer;min-width:38px}
.langsw button+button{border-left:1px solid var(--line)}
.langsw button.on{background:var(--cyan);color:var(--deep)}
.btn-lock{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid var(--line-2);border-radius:6px;padding:8px 14px;
  font:600 14px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.btn-lock:hover{background:rgba(88,207,255,.1)}

/* ===== abertura: operações em 3D ===== */
.ops{position:relative;height:100vh;height:100svh;min-height:560px;margin-top:calc(var(--nav) * -1);background:radial-gradient(120% 90% at 70% 10%,#0e2b55 0%,#071631 45%,var(--deep) 100%)}
.ops-stick{position:relative;height:100%;overflow:hidden}
.ops-poster{position:absolute;inset:0;background:url(img/ops-poster.jpg) center/cover no-repeat;transition:opacity 1.2s ease}
.ops.ready .ops-poster{opacity:0}
#opsCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ops-veil{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(3,11,26,.88) 0%,rgba(3,11,26,.55) 30%,rgba(3,11,26,0) 58%),
             linear-gradient(0deg,rgba(3,11,26,.75) 0%,rgba(3,11,26,0) 30%),
             linear-gradient(180deg,rgba(3,11,26,.6) 0%,rgba(3,11,26,0) 18%)}
.ops-ui{position:absolute;inset:0;pointer-events:none}
.ch{position:absolute;left:max(20px,env(safe-area-inset-left,0px));top:50%;width:min(540px,calc(100% - 40px));
  transform:translateY(-40%);opacity:0;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}
@media (min-width:1280px){.ch{left:calc((100vw - 1240px)/2 + 20px)}}
.ch.on{opacity:1;transform:translateY(-50%);pointer-events:auto}
.ch .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ch .eyebrow .n{font-family:var(--f-display);font-size:15px;font-weight:600;color:var(--deep);background:var(--cyan);border-radius:3px;padding:3px 7px;letter-spacing:.06em}
.ch h1{font-size:clamp(44px,6.2vw,84px);margin:14px 0 18px;text-shadow:0 2px 24px rgba(3,11,26,.6)}
.ch h2{font-size:clamp(38px,4.6vw,62px);margin-bottom:16px;text-shadow:0 2px 24px rgba(3,11,26,.6)}
.ch p{color:var(--on-2);font-size:clamp(16px,1.35vw,19px);max-width:46ch;text-shadow:0 1px 12px rgba(3,11,26,.8)}
.ch .lead{color:#c9d8ee}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

.hud{position:absolute;right:max(24px,env(safe-area-inset-right,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px));width:330px;
  background:rgba(6,22,48,.66);border:1px solid var(--line-2);border-radius:var(--r);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:14px 16px 12px}
.hud-h{display:flex;align-items:center;gap:8px;font:500 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
.hud-h .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(60,207,134,.6);animation:ping 1.8s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(60,207,134,.6)}70%{box-shadow:0 0 0 8px rgba(60,207,134,0)}100%{box-shadow:0 0 0 0 rgba(60,207,134,0)}}
.hud dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0}
.hud dl div{min-width:0}
.hud dt{font:400 10.5px/1.25 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-3);margin-bottom:3px}
.hud dd{margin:0;white-space:nowrap}
.hud dd b{font:600 26px/1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.hud dd small{font:400 12px var(--f-mono);color:var(--on-2)}
.ops[data-on="1"] .hud dl div:nth-child(3) b,.ops[data-on="2"] .hud dl div:nth-child(-n+2) b,.ops[data-on="3"] .hud dl div:nth-child(4) b{color:var(--cyan)}

.rail{position:absolute;right:max(24px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;align-items:flex-end}
.rail a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--on-3);font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.rail a span{opacity:0;transform:translateX(6px);transition:opacity .25s,transform .25s;white-space:nowrap}
.rail a:hover span,.rail a.on span{opacity:1;transform:none}
.rail a.on{color:var(--cyan)}
.rail i{order:2;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--on-3);transition:all .25s}
.rail a.on i{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px rgba(88,207,255,.7)}
.hint{position:absolute;left:50%;bottom:calc(30px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;
  font:500 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--on-2);transition:opacity .4s}
.hint i{width:1.5px;height:34px;background:linear-gradient(var(--cyan),transparent);animation:drop 1.8s infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.ops:not([data-on="0"]) .hint{opacity:0}

/* ===== seções ===== */
.sec{padding-block:112px;position:relative}
.sec h2{font-size:clamp(36px,4.4vw,56px);margin-top:12px}
.sec-head{margin-bottom:44px;max-width:720px}
.band{background:linear-gradient(180deg,var(--navy),var(--deep));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;
  -webkit-mask-image:radial-gradient(70% 80% at 80% 50%,#000,transparent);mask-image:radial-gradient(70% 80% at 80% 50%,#000,transparent)}
.band>.wrap{position:relative}

.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{background:linear-gradient(180deg,var(--panel),rgba(10,29,59,.4));border:1px solid var(--line);border-radius:var(--r);padding:26px 22px 24px;transition:border-color .25s,transform .25s}
.card:hover{border-color:var(--line-2);transform:translateY(-3px)}
.card svg{width:44px;height:44px;fill:none;stroke:var(--cyan);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px}
.card h3{font-size:26px;margin-bottom:10px}
.card p{color:var(--on-2);font-size:15px}

.access{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.access-txt>p{color:var(--on-2);font-size:18px;margin-top:18px;max-width:52ch}
.ticks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.ticks li{position:relative;padding-left:30px;color:var(--on)}
.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:16px;height:9px;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(-45deg)}

.login{background:rgba(6,22,48,.85);border:1px solid var(--line-2);border-radius:14px;padding:28px 28px 24px;box-shadow:0 30px 80px rgba(0,0,0,.35);scroll-margin-top:calc(var(--nav) + 24px)}
.login.flash{animation:flash 1.2s ease}
@keyframes flash{0%{box-shadow:0 0 0 0 rgba(88,207,255,.7)}100%{box-shadow:0 0 0 18px rgba(88,207,255,0)}}
.login-head{display:flex;gap:14px;align-items:center;margin-bottom:22px}
.lk{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:rgba(88,207,255,.12);color:var(--cyan);flex:none}
.login h2{font-size:28px;margin-top:4px}
.login form{display:grid;gap:8px}
.login label,.ct-form label{font:500 12px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-2)}
.login input,.ct-form input,.ct-form textarea{width:100%;background:rgba(3,11,26,.7);border:1px solid var(--line);border-radius:6px;color:var(--on);
  font:400 16px var(--f-body);padding:12px 14px;transition:border-color .2s,background .2s}
.login input:focus,.ct-form input:focus,.ct-form textarea:focus{outline:none;border-color:var(--cyan);background:rgba(3,11,26,.95)}
.login input{margin-bottom:8px}
.login .btn{margin-top:6px}
.login-row{display:flex;justify-content:flex-end;margin-top:4px}
.msg{min-height:1.4em;font-size:14px;color:var(--on-2)}
.msg.err{color:var(--err)}.msg.ok{color:var(--ok)}
.login-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--on-3)}
.signed{display:grid;gap:14px}
.signed b{color:var(--cyan)}
.pw-title{font:600 20px var(--f-display);letter-spacing:.04em}
.pw-hint{font-size:14px;color:var(--on-2)}

.contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.contact .sub{color:var(--on-2);font-size:18px;margin-top:18px;max-width:42ch}
.ct-info{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:18px}
.ct-info li{display:grid;gap:2px;padding-left:16px;border-left:2px solid var(--cyan)}
.ct-info b{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--on-3)}
.ct-info span{font-size:18px}
.ct-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px}
.ct-form label{display:grid;gap:8px}
.ct-form .full{grid-column:1/-1}
.ct-form textarea{resize:vertical;min-height:130px}
.ct-form .btn{justify-self:start}
.hp{position:absolute;left:-9999px}

.foot{border-top:1px solid var(--line);padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));color:var(--on-3);font-size:14px}
.foot-in{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.foot-links{display:flex;gap:22px}
.foot-links a{text-decoration:none}
.foot-links a:hover{color:var(--cyan)}

/* páginas simples (obrigado, privacidade) */
.sec.light{min-height:70vh}
.about-txt{display:grid;gap:14px;color:var(--on-2)}
.about-txt b{color:var(--on)}

/* ===== responsivo ===== */
@media (max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){
  .access,.contact{grid-template-columns:1fr;gap:40px}
  .rail{display:none}
}
@media (max-width:760px){
  :root{--nav:58px}
  .ops-veil{background:linear-gradient(180deg,rgba(3,11,26,.92) 0%,rgba(3,11,26,.6) 38%,rgba(3,11,26,0) 60%),linear-gradient(0deg,rgba(3,11,26,.85) 0%,rgba(3,11,26,0) 34%)}
  .ch{top:calc(var(--nav) + 26px);transform:translateY(12px)}
  .ch.on{transform:none}
  .ch h1{font-size:clamp(36px,10vw,48px);margin:10px 0 12px}
  .ch h2{font-size:clamp(32px,9vw,42px);margin-bottom:10px}
  .ch p{font-size:15.5px}
  .cta{margin-top:20px}
  .cta .btn{min-height:44px;padding:0 18px;font-size:14px}
  .hud{left:max(14px,env(safe-area-inset-left,0px));right:max(14px,env(safe-area-inset-right,0px));width:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:10px 12px}
  .hud dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .hud dt{font-size:9px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hud dd b{font-size:19px}
  .hud dd small{font-size:10px}
  .hint{display:none}
  .sec{padding-block:76px}
  .cards{grid-template-columns:1fr}
  .ct-form{grid-template-columns:1fr;padding:22px}
  .login{padding:22px}
}
@media (max-width:640px){
  .nav-in{gap:10px}
  .brand img{height:24px}
  .brand-sub,.navlink{display:none}
  .nav-r{gap:10px}
  .btn-lock{padding:8px 10px}
  .btn-lock span{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ch,.ops-poster,.card{transition:none}
  .hud-h .dot,.hint i{animation:none}
}
.sec{scroll-margin-top:var(--nav)}

/* v3: etiquetas presas aos equipamentos da cena */
.tags{position:absolute;inset:0;pointer-events:none}
.tag{position:absolute;left:0;top:0;opacity:0;transition:opacity .6s;white-space:nowrap;
  font:500 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--on);
  margin:-34px 0 0 -10px;padding:7px 10px 7px 12px;border-left:2px solid var(--cyan);background:rgba(3,11,26,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.tag::after{content:"";position:absolute;left:-2px;top:100%;width:2px;height:12px;background:linear-gradient(var(--cyan),transparent)}
.ops.ready .tag.on{opacity:1}
@media (max-width:760px){.tag{font-size:9.5px;letter-spacing:.1em;padding:5px 8px}}

/* v3: área restrita em janela */
body.modal-open{overflow:hidden}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.modal-bg{position:absolute;inset:0;background:rgba(2,7,16,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .25s ease}
.modal .login{position:relative;width:min(420px,100%);max-height:calc(100svh - 32px);overflow:auto;animation:pop .3s cubic-bezier(.2,.7,.2,1)}
.x{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--on-2);font:400 26px/1 var(--f-body);cursor:pointer}
.x:hover{background:rgba(88,207,255,.12);color:#fff}
@keyframes fade{from{opacity:0}}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.modal-bg,.modal .login{animation:none}}
@media (max-width:760px){.tags{display:none}}

/* ===== v4: abertura com desenho técnico (SVG gerado por fonte/landing-ops/drawing.py) ===== */
.hero2{position:relative;overflow:hidden;border-bottom:1px solid var(--line);
  background:radial-gradient(70% 90% at 78% 40%,#0c2650 0%,#071631 45%,var(--deep) 100%)}
.hero2-in{display:grid;grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);gap:36px;align-items:center;min-height:calc(100svh - var(--nav));padding-block:48px}
.hero2-txt h1{font-size:clamp(42px,5vw,72px);margin:16px 0 20px}
.hero2-txt .lead{color:var(--on-2);font-size:clamp(16px,1.3vw,19px);max-width:44ch}
.facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:12px 32px;margin:44px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.facts dt{font:500 10.5px/1.3 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--on-3)}
.facts dd{margin:4px 0 0;font:600 17px/1.25 var(--f-display);letter-spacing:.04em;color:var(--on)}
.hero2-fig{margin:0;min-width:0;display:flex;justify-content:center}
.dwg{width:100%;height:auto;max-height:calc(100svh - var(--nav) - 60px);display:block}
.dwg .gr{fill:none;stroke:rgba(120,170,230,.07);stroke-width:1}
.dwg .frame{fill:none;stroke:rgba(88,207,255,.28);stroke-width:1}
.dwg path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.5s cubic-bezier(.45,.05,.3,1) forwards;animation-delay:var(--d,0s)}
.dwg .l{stroke:var(--cyan);stroke-opacity:.9;stroke-width:1.4}
.dwg .t{stroke:var(--cyan);stroke-opacity:.42;stroke-width:.8}
.dwg .f{stroke:#4f7fb8;stroke-opacity:.4;stroke-width:.8}
.dwg .sea{stroke:var(--cyan);stroke-opacity:.75;stroke-width:1.1}
.dwg .oil{stroke:var(--amber);stroke-opacity:.75;stroke-width:1.1}
.dwg .oilh{stroke:var(--amber);stroke-opacity:.16;stroke-width:1}
.dwg .hl{stroke:var(--cyan);stroke-width:1.4;fill:rgba(88,207,255,.12)}
.dwg .pipe{stroke:#b9d3f0;stroke-width:2.4}
.dwg .bit{stroke:var(--amber);stroke-width:1.6;fill:rgba(242,163,60,.25)}
.dwg .lead{stroke:var(--cyan);stroke-opacity:.6;stroke-width:.8}
.dwg .dash{stroke:var(--cyan);stroke-opacity:.18;stroke-width:.8;stroke-dasharray:.008 .006;stroke-dashoffset:0;animation:fadein 1s ease 1.6s both}
.dwg .spin{stroke:#071631;stroke-width:2.6;stroke-dasharray:.004 .01;stroke-dashoffset:0;animation:fadein .6s ease 2.6s both,roll 1.2s linear 2.6s infinite}
.dwg .flow{stroke:var(--amber);stroke-width:2.4;stroke-dasharray:.006 .02;stroke-dashoffset:0;animation:fadein .6s ease 2.8s both,rise 3s linear 2.8s infinite}
.dwg .dot{fill:var(--cyan);opacity:0;animation:fadein .4s ease 2.3s forwards}
.dwg .lab{font:500 11.5px var(--f-mono);letter-spacing:.12em;fill:var(--on);opacity:0;animation:fadein .5s ease 2.4s forwards}
.dwg .sc{font:400 10.5px var(--f-mono);fill:var(--on-3)}
.dwg .stamp rect,.dwg .stamp path{fill:rgba(3,11,26,.6);stroke:var(--line-2);stroke-width:1;stroke-dasharray:none;stroke-dashoffset:0;animation:none}
.dwg .stamp path{fill:none}
.dwg .st1{font:700 18px var(--f-display);letter-spacing:.2em;fill:var(--cyan)}
.dwg .st2{font:500 10.5px var(--f-mono);letter-spacing:.12em;fill:var(--on-2)}
.dwg .glow{fill:var(--amber);opacity:0;filter:blur(5px);animation:fadein .6s ease 2.4s forwards,flick 1.4s ease-in-out 3s infinite}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@keyframes roll{to{stroke-dashoffset:-.014}}
@keyframes rise{to{stroke-dashoffset:.26}}
@keyframes flick{0%,100%{opacity:.85}50%{opacity:.5}}
@media (max-width:960px){
  .hero2-in{grid-template-columns:1fr;min-height:0;padding-block:40px 24px;gap:28px}
  .dwg{max-height:none}
}
@media (max-width:560px){.facts{grid-template-columns:1fr 1fr}.dwg .lab{font-size:15px}.dwg .st2{font-size:11px}}
@media (prefers-reduced-motion:reduce){
  .dwg path{animation:none;stroke-dashoffset:0}
  .dwg .dot,.dwg .lab,.dwg .glow,.dwg .spin,.dwg .flow,.dwg .dash{animation:none;opacity:1}
}

/* ===== v5: abertura com a elevação dos equipamentos do Portfólio ===== */
.hero3{position:relative;padding-block:28px 40px;border-bottom:1px solid var(--line);
  background:radial-gradient(80% 70% at 60% 30%,#0c2650 0%,#071631 50%,var(--deep) 100%)}
.sheet{position:relative;border:1px solid var(--line-2);border-radius:4px;overflow:hidden;
  background-image:linear-gradient(rgba(120,170,230,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,230,.06) 1px,transparent 1px);background-size:24px 24px}
.sheet::before,.sheet::after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--cyan);z-index:2}
.sheet::before{left:-1px;top:-1px;border-right:0;border-bottom:0}
.sheet::after{right:-1px;bottom:-1px;border-left:0;border-top:0}
.sheet-art{position:relative;aspect-ratio:2940/1740}
.sheet-art img,.strata{position:absolute;inset:0;width:100%;height:100%}
.sheet-art img{clip-path:inset(0 100% 0 0);animation:reveal 2.4s cubic-bezier(.5,.05,.25,1) .2s forwards}
@keyframes reveal{to{clip-path:inset(0 0 0 0)}}
.strata .ly path{stroke:rgba(120,170,230,.18);stroke-width:.12;stroke-dasharray:.8 .6;fill:none;vector-effect:non-scaling-stroke}
.strata .ly path{stroke-width:1}
.strata .gl{stroke:var(--cyan);stroke-opacity:.5;stroke-width:1;vector-effect:non-scaling-stroke;fill:none}
.strata .res{fill:rgba(242,163,60,.07)}
.eq{position:absolute;left:calc(var(--xn) * 1%);top:var(--y);transform:translate(-50%,calc(-100% - 22px));white-space:nowrap;opacity:0;
  font:500 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on);
  padding:5px 8px;border:1px solid var(--line-2);background:rgba(3,11,26,.7);border-radius:2px;
  animation:fadein .5s ease forwards;animation-delay:calc(1.2s + var(--i) * .14s)}
.eq::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:18px;background:linear-gradient(var(--cyan),rgba(88,207,255,.1))}
.sheet-txt{position:absolute;left:31%;right:3%;top:5%;max-width:720px}
.sheet-txt h1{font-size:clamp(34px,3.7vw,56px);margin:12px 0 14px}
.sheet-txt .lead{color:var(--on-2);font-size:clamp(15px,1.15vw,18px);max-width:52ch}
.sheet-txt .cta{margin-top:22px}
.sheet-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:12px;font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-3)}
.sheet-cap b{color:var(--cyan);font-weight:600}
@media (max-width:1100px){.eq{font-size:9px;padding:4px 6px;letter-spacing:.08em}.sheet-txt{left:30%;top:4%}.sheet-txt .lead{display:none}}
@media (max-width:860px){
  .sheet-txt{position:static;padding:22px 20px 6px;max-width:none}
  .sheet-txt .lead{display:block}
  .eq{display:none}
}
@media (prefers-reduced-motion:reduce){.sheet-art img{clip-path:none;animation:none}.eq{animation:none;opacity:1}}
/* v5b: título acima da folha */
.hero3-txt{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);grid-template-areas:"e e" "h r";gap:10px 56px;align-items:end;margin:18px 0 30px}
.hero3-txt .eyebrow{grid-area:e}
.hero3-txt h1{grid-area:h;font-size:clamp(38px,4.4vw,64px);margin:0}
.hero3-r{grid-area:r}
.hero3-r .lead{color:var(--on-2);font-size:clamp(15px,1.2vw,18px)}
.hero3-r .cta{margin-top:20px}
.eq.r{transform:translate(18px,-50%)}
.eq.r::after{left:auto;right:100%;top:50%;width:18px;height:1px;background:linear-gradient(90deg,rgba(88,207,255,.1),var(--cyan))}
@media (max-width:860px){.hero3-txt{grid-template-columns:1fr;grid-template-areas:"e" "h" "r";margin:10px 0 22px}}