/* ══ HERO — "SolidWorks simulado" (06/10/2026) ═══════════════════════════
   Janela montada em HTML/CSS. O viewport usa um <canvas> Three.js com geometria
   PARAMÉTRICA (a mesma dos números digitados no painel), carregado depois do
   primeiro paint e só em desktop. Sem JS, sem WebGL ou no celular: o viewport
   mostra o print real do produto (poster). Todo texto é HTML (SEO + GTranslate).
   Valores do painel copiados dos prints reais (09-curva-de-gomos, weldsolid-03,
   escadas-02) e do inventário do WELDSolid — não inventar outros. */
.hero{background:var(--dark-2);padding:3rem 0 3.5rem;overflow:hidden;position:relative;background-image:radial-gradient(ellipse 50% 70% at 76% 42%,rgba(185,28,28,.17),transparent 66%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px;}
.hero .wrap{max-width:1320px;}
.hero-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:3rem;align-items:center;}
.hero-left{padding-bottom:1rem;}
.hero-label{display:inline-flex;align-items:center;gap:.5rem;background:var(--red-bg);border:1px solid var(--red-border);border-radius:20px;padding:.3rem .875rem;margin-bottom:1.5rem;color:var(--red-light);font-size:.6875rem;font-weight:700;letter-spacing:.5px;}
.hero-dot{width:6px;height:6px;background:var(--red);border-radius:50%;flex-shrink:0;animation:md3dDot 2s ease-in-out infinite;}
@keyframes md3dDot{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.55);}50%{box-shadow:0 0 0 5px rgba(239,68,68,0);}}
.hero h1{color:var(--text-white);font-size:2.875rem;font-weight:900;line-height:1.08;letter-spacing:-1.2px;margin-bottom:1.125rem;}
.hero h1 .accent{color:var(--red-light);}
/* text-shine: só liga onde background-clip:text existe — senão o texto ficaria transparente */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hero h1 .accent{background:linear-gradient(100deg,var(--red-light) 0%,var(--red-light) 42%,#FFE4E4 50%,var(--red-light) 58%,var(--red-light) 100%);background-size:260% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:md3dShine 6s ease-in-out 1.2s infinite;}
}
@keyframes md3dShine{0%{background-position:100% 0;}45%,100%{background-position:0 0;}}
.hero-p{color:var(--text-dim);font-size:1.0625rem;line-height:1.7;margin-bottom:2rem;max-width:470px;}
.hero-p strong{color:#D1D5DB;font-weight:600;}
.hero-btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;}
.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:#D1D5DB;font-size:.875rem;font-weight:500;padding:.8rem 1.5rem;border-radius:var(--radius-md);border:1.5px solid var(--dark-5);transition:border-color .2s,color .2s;}
.btn-outline:hover{border-color:#555;color:#fff;}
.hero-trust{display:flex;align-items:center;gap:.75rem;}
.trust-avatars{display:flex;}
.avatar{width:30px;height:30px;border-radius:50%;border:2px solid var(--dark-2);font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;margin-left:-8px;}
.avatar:first-child{margin-left:0;}
.av-red{background:var(--red);} .av-gray1{background:#1F2937;} .av-gray2{background:#374151;} .av-gray3{background:#4B5563;}
.trust-text{color:#6B7280;font-size:.75rem;}
.trust-text strong{color:var(--text-muted);}

/* ── Janela ── */
.hero-right{position:relative;min-width:0;}
.md3d-sw{position:relative;border-radius:10px;overflow:hidden;background:#F3F3F3;border:1px solid #3A3A3A;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 34px 90px rgba(0,0,0,.65),0 0 140px rgba(185,28,28,.20);font-family:'Segoe UI',var(--font);color:#222;-webkit-user-select:none;user-select:none;animation:md3dSwIn .8s var(--md3d-ease,ease-out) .1s both;}
@keyframes md3dSwIn{from{opacity:.001;transform:translateY(20px);}to{opacity:1;transform:none;}}
.md3d-sw i{font-style:normal;}
.md3d-sw-title{height:28px;display:flex;align-items:center;gap:.75rem;padding:0 .625rem;background:#fff;border-bottom:1px solid #DCDCDC;font-size:.6875rem;color:#333;}
.md3d-sw-brand{font-weight:800;letter-spacing:.06em;font-size:.625rem;color:#6B6B6B;white-space:nowrap;}
.md3d-sw-file{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.md3d-sw-file span{display:none;} .md3d-sw-file span.is-on{display:inline;}
.md3d-sw-ctrl{display:flex;gap:.75rem;color:#555;font-size:.8125rem;}
.md3d-sw-ribbon{display:flex;align-items:stretch;gap:2px;padding:4px 6px;background:#FAFAFA;border-bottom:1px solid #DCDCDC;height:54px;}
.md3d-sw-cmd{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:64px;padding:2px 8px;border-radius:4px;font:inherit;font-size:.625rem;color:#333;border:1px solid transparent;background:none;cursor:pointer;transition:background .15s,border-color .15s;}
.md3d-sw-cmd i{font-size:1.125rem;color:#4B4B4B;line-height:1;}
.md3d-sw-cmd:hover{background:#EEF4FB;}
.md3d-sw-cmd.is-on{background:#DDEBFA;border-color:#9DC3EE;}
.md3d-sw-cmd.is-on i{color:var(--red);}
.md3d-sw-cmd.is-mute{opacity:.5;cursor:default;pointer-events:none;}
.md3d-sw-cmd-bar{position:absolute;left:8px;right:8px;bottom:2px;height:2px;border-radius:2px;background:transparent;overflow:hidden;}
.md3d-sw-cmd.is-on .md3d-sw-cmd-bar{background:rgba(0,0,0,.08);}
.md3d-sw-cmd-bar b{display:block;height:100%;width:0;background:var(--red);}
.md3d-sw-sep{width:1px;background:#E2E2E2;margin:4px 4px;}
.md3d-sw-tabs{display:flex;height:20px;background:#EDEDED;border-bottom:1px solid #D2D2D2;font-size:.59rem;color:#555;white-space:nowrap;overflow:hidden;}
.md3d-sw-tabs span{display:flex;align-items:center;padding:0 .55rem;border-right:1px solid #D6D6D6;}
.md3d-sw-tabs span.is-on{background:#fff;color:#111;font-weight:700;}
.md3d-sw-body{display:grid;grid-template-columns:minmax(0,1fr) 238px;height:372px;}
/* viewport: gradiente padrão do SolidWorks */
.md3d-sw-vp{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFFFFF 0%,#F1F2F4 45%,#D9DCE1 100%);}
.md3d-sw-poster{position:absolute;left:50%;top:50%;max-width:none;height:auto;width:var(--pw);transform:translate(var(--tx),var(--ty)) scale(.96);opacity:0;transition:opacity .6s ease,transform .9s var(--md3d-ease,ease-out);pointer-events:none;}
.md3d-sw-poster.is-on{opacity:1;transform:translate(var(--tx),var(--ty));}
.md3d-sw-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s;}
.md3d-sw.has-3d.show-3d .md3d-sw-canvas{opacity:1;}
.md3d-sw.has-3d.show-3d .md3d-sw-poster{opacity:0!important;}
/* WELDSolid e Escadas: gravação real no viewport (o poster é o último quadro do trecho) */
.md3d-sw-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent;opacity:0;transition:opacity .5s ease;pointer-events:none;}
.md3d-sw-vid.is-on{opacity:1;}
/* a escada foi filmada em retrato: centraliza e funde as laterais no fundo do viewport */
.md3d-sw-vid.is-tall{left:50%;right:auto;width:auto;aspect-ratio:436/700;transform:translateX(-50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);}
.md3d-sw-hud{position:absolute;top:6px;left:50%;transform:translateX(-50%);display:flex;gap:8px;color:#6B7280;font-size:.8125rem;z-index:3;}
.md3d-sw-view{position:absolute;left:10px;bottom:8px;z-index:3;display:flex;align-items:flex-end;gap:6px;font-size:.625rem;font-weight:700;color:#222;}
.md3d-sw-triad{width:30px;height:30px;}
/* cubo de orientação: CSS puro; com o 3D ligado o JS acompanha a rotação do modelo */
.md3d-sw-cube-wrap{position:absolute;top:10px;right:12px;width:30px;height:30px;perspective:200px;z-index:3;}
.md3d-sw-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(var(--yaw,45deg));animation:md3dSwCube 18s linear infinite;}
.md3d-sw.has-3d.show-3d .md3d-sw-cube{animation:none;}
.md3d-sw-cube span{position:absolute;inset:0;border:1px solid #7C8796;background:rgba(226,232,240,.82);font-size:.375rem;font-weight:700;color:#475569;display:flex;align-items:center;justify-content:center;}
.md3d-sw-cube span:nth-child(1){transform:translateZ(15px);}
.md3d-sw-cube span:nth-child(2){transform:rotateY(180deg) translateZ(15px);}
.md3d-sw-cube span:nth-child(3){transform:rotateY(90deg) translateZ(15px);}
.md3d-sw-cube span:nth-child(4){transform:rotateY(-90deg) translateZ(15px);}
.md3d-sw-cube span:nth-child(5){transform:rotateX(90deg) translateZ(15px);background:rgba(203,213,225,.9);}
.md3d-sw-cube span:nth-child(6){transform:rotateX(-90deg) translateZ(15px);}
@keyframes md3dSwCube{from{transform:rotateX(-24deg) rotateY(0deg);}to{transform:rotateX(-24deg) rotateY(360deg);}}
/* overlays do viewport (aparecem por etapa da cena) */
.md3d-sw-ov{position:absolute;z-index:4;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s var(--md3d-ease,ease-out);pointer-events:none;}
.md3d-sw-ov.is-on{opacity:1;transform:none;}
.md3d-sw-flat{right:10px;top:42px;width:58%;background:#fff;border:1px solid #CBD5E1;border-radius:4px;box-shadow:0 8px 24px rgba(15,23,42,.14);padding:6px 8px 4px;}
.md3d-sw-flat-h{display:flex;justify-content:space-between;font-size:.5625rem;font-weight:700;color:#334155;letter-spacing:.02em;margin-bottom:2px;}
.md3d-sw-flat-h em{font-style:normal;color:var(--red);}
.md3d-sw-flat svg{display:block;width:100%;height:auto;}
.md3d-sw-flat .pf{fill:rgba(185,28,28,.05);stroke:#111;stroke-width:1.1;}
.md3d-sw-flat .cl{stroke:#94A3B8;stroke-width:.6;stroke-dasharray:4 2 1 2;}
.md3d-sw-flat text{font:600 7.5px 'Segoe UI',sans-serif;fill:#475569;}
.md3d-sw-flat .md3d-path{stroke-dasharray:1;stroke-dashoffset:0;}
.md3d-sw.is-anim .md3d-sw-flat .md3d-path{stroke-dashoffset:1;transition:stroke-dashoffset 1.5s ease-in-out;}
.md3d-sw.is-anim .md3d-sw-flat.is-on .md3d-path{stroke-dashoffset:0;}
.md3d-sw-done{right:10px;bottom:10px;display:flex;align-items:center;gap:6px;background:#0F172A;color:#fff;font-size:.625rem;font-weight:600;padding:6px 10px;border-radius:6px;box-shadow:0 8px 22px rgba(0,0,0,.25);}
.md3d-sw-done i{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#16A34A;font-size:.625rem;}
.md3d-sw-done small{color:#94A3B8;font-size:.5625rem;font-weight:500;}
/* ponteiro do mouse simulado */
.md3d-sw-ptr{position:absolute;left:60%;top:60%;z-index:20;width:16px;height:22px;pointer-events:none;opacity:0;transition:left .6s var(--md3d-ease,ease-out),top .6s var(--md3d-ease,ease-out),opacity .3s;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45));}
.md3d-sw-ptr.is-on{opacity:1;}
.md3d-sw-ptr.is-click{transform:scale(.85);}
/* ── Painel de Tarefas (réplica do MaxDesign3D Expert) ── */
.md3d-sw-tp{display:flex;flex-direction:column;min-width:0;background:#1E1E1E;border-left:1px solid #C9C9C9;color:#D1D5DB;font-size:.625rem;}
.md3d-sw-tp-head{height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#3C3C3C;color:#fff;font-weight:700;font-size:.625rem;}
.md3d-sw-tp-brand{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;background:#232323;border-bottom:1px solid #303030;}
.md3d-sw-mxd{font-weight:800;color:#fff;font-size:.8125rem;letter-spacing:-.02em;}
.md3d-sw-mxd sup{color:var(--red-light);font-size:.45rem;margin-left:1px;}
.md3d-sw-mxd small{font-weight:500;color:#A1A1AA;font-size:.5625rem;margin-left:.45rem;letter-spacing:0;}
.md3d-sw-lang{font-size:.5rem;color:#71717A;letter-spacing:.02em;}
.md3d-sw-lang b{color:#fff;}
.md3d-sw-tp-body{position:relative;flex:1;overflow:hidden;}
.md3d-sw-scene{position:absolute;inset:0;padding:.375rem .45rem;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s;}
.md3d-sw-scene.is-on{opacity:1;visibility:visible;transition:opacity .35s;}
.md3d-sw-acc{display:flex;align-items:center;gap:.45rem;padding:.35rem .4rem;border-bottom:1px solid #2A2A2A;color:#E5E7EB;font-size:.625rem;line-height:1.2;}
.md3d-sw-acc>i:first-child{font-size:.875rem;color:#9CA3AF;width:16px;text-align:center;flex-shrink:0;}
.md3d-sw-acc>span{flex:1;min-width:0;}
.md3d-sw-acc small{display:block;color:#8B8B93;font-size:.5rem;}
.md3d-sw-acc .chev{font-size:.6875rem;color:#71717A;}
.md3d-sw-acc.is-open{background:#262626;border-bottom-color:#262626;border-radius:3px 3px 0 0;}
.md3d-sw-acc.is-grp{background:#262626;border-radius:4px;margin-bottom:3px;border-bottom:none;}
.md3d-sw-acc.is-grp .live{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4ADE80;margin-left:4px;vertical-align:1px;}
.md3d-sw-flag{width:16px;height:11px;border-radius:1px;flex-shrink:0;}
.md3d-sw-card{background:#1A1A1A;border:1px solid #262626;border-top:none;padding:.35rem .45rem .45rem;border-radius:0 0 4px 4px;}
.md3d-sw-diag{display:flex;align-items:center;justify-content:center;height:62px;margin-bottom:.3rem;background:#141414;border:1px solid #2C2C2C;border-radius:3px;}
.md3d-sw-diag svg{height:56px;width:auto;}
.md3d-sw-lbl{font-size:.5rem;font-weight:700;color:#8B8B93;letter-spacing:.04em;margin:.3rem 0 .2rem;}
.md3d-sw-f{display:grid;grid-template-columns:minmax(0,1fr) 58px 18px;align-items:center;gap:4px;margin:3px 0;}
.md3d-sw-f>span{color:#A1A1AA;font-size:.5625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.md3d-sw-f>em{font-style:normal;color:#71717A;font-size:.5rem;}
.md3d-sw-f.k{grid-template-columns:16px 46px 12px minmax(0,1fr);}
.md3d-sw-f.k>span{color:#D4D4D8;font-weight:600;}
.md3d-sw-f.k>small{color:#71717A;font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.md3d-sw-in{display:block;height:17px;background:#101010;border:1px solid #3A3A3A;border-radius:2px;padding:0 4px;font:600 .625rem/15px Consolas,'Courier New',monospace;color:#fff;text-align:right;white-space:nowrap;overflow:hidden;transition:border-color .15s;}
.md3d-sw-in.w{text-align:left;}
.md3d-sw-in.is-typing{border-color:#3B82F6;}
.md3d-sw-in.is-typing::after{content:'';display:inline-block;width:1px;height:10px;margin-left:1px;background:#fff;vertical-align:-1px;animation:md3dSwCaret 1s steps(1) infinite;}
@keyframes md3dSwCaret{50%{opacity:0;}}
.md3d-sw-radio{display:flex;gap:.6rem;margin:.3rem 0;font-size:.5rem;color:#A1A1AA;}
.md3d-sw-radio span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;border:1px solid #71717A;margin-right:3px;vertical-align:-1px;}
.md3d-sw-radio span.on::before{background:#fff;box-shadow:inset 0 0 0 2px #1A1A1A;border-color:#fff;}
.md3d-sw-res{min-height:24px;font-size:.5rem;color:#71717A;margin:.25rem 0;opacity:0;transition:opacity .4s;}
.md3d-sw-res code{display:block;font:700 .5625rem Consolas,'Courier New',monospace;color:#F59E0B;}
.md3d-sw-res.is-on,.md3d-sw:not(.is-anim) .md3d-sw-res{opacity:1;}
.md3d-sw-msg{min-height:18px;background:#262626;border-radius:3px;padding:3px 6px;color:#A1A1AA;font-size:.5625rem;margin:.3rem 0;}
.md3d-sw-msg span{opacity:0;transition:opacity .3s;}
.md3d-sw-msg span.is-on,.md3d-sw:not(.is-anim) .md3d-sw-msg span{opacity:1;}
.md3d-sw-btns{display:flex;gap:4px;margin-top:.3rem;}
.md3d-sw-b{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border-radius:3px;background:#3F3F46;color:#fff;font-size:.5625rem;font-weight:700;white-space:nowrap;transition:transform .12s,filter .12s,box-shadow .12s;}
.md3d-sw-b.go{background:#166534;flex:1;}
.md3d-sw-b.blue{background:#1D4ED8;}
.md3d-sw-b.is-press{transform:scale(.93);filter:brightness(1.35);box-shadow:0 0 0 3px rgba(255,255,255,.18);}
.md3d-sw-list{position:relative;height:66px;overflow:hidden;background:#101010;border:1px solid #333;border-radius:2px;font:.5625rem/13px Consolas,'Courier New',monospace;}
.md3d-sw-list div{padding:0 4px;white-space:nowrap;color:#D4D4D8;border:1px solid transparent;}
.md3d-sw-list div b{font-weight:400;color:#8B8B93;}
.md3d-sw-list div.is-sel{border-color:#A1A1AA;background:#1F2937;color:#fff;}
.md3d-sw-list-n{font-size:.5rem;color:#71717A;margin-top:2px;}
/* status bar */
.md3d-sw-status{height:22px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .625rem;background:#F0F0F0;border-top:1px solid #D2D2D2;font-size:.59rem;color:#444;white-space:nowrap;}
.md3d-sw-status>span{display:flex;align-items:center;gap:.4rem;overflow:hidden;}
.md3d-sw-led{width:7px;height:7px;border-radius:50%;background:#22C55E;flex-shrink:0;animation:md3dSwLed 2s ease-out infinite;}
@keyframes md3dSwLed{0%{box-shadow:0 0 0 0 rgba(34,197,94,.65);}70%,100%{box-shadow:0 0 0 6px rgba(34,197,94,0);}}
/* legenda abaixo da janela — texto real, descreve a cena atual */
.md3d-sw-cap{margin-top:.875rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;color:#6B7280;font-size:.75rem;line-height:1.5;}
.md3d-sw-cap-txt span{display:none;} .md3d-sw-cap-txt span.is-on{display:inline;}
.md3d-sw-cap-txt b{color:#D1D5DB;font-weight:600;}
.md3d-sw-cap small{color:#4B5563;font-size:.6875rem;white-space:nowrap;}
.md3d-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(prefers-reduced-motion:reduce){
  .md3d-sw,.hero-dot,.md3d-sw-cube,.md3d-sw-led,.hero h1 .accent{animation:none!important;}
  .md3d-sw-ptr{display:none;}
}

/* ── Faixa marquee (normas e números reais) ── */
.md3d-mq{background:#0B0B0B;border-top:1px solid var(--dark-4);border-bottom:1px solid var(--dark-4);overflow:hidden;padding:.875rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.md3d-mq-track{display:flex;width:max-content;animation:md3dMqRun 46s linear infinite;}
.md3d-mq:hover .md3d-mq-track{animation-play-state:paused;}
.md3d-mq-set{display:flex;align-items:center;flex-shrink:0;}
.md3d-mq-set span{display:inline-flex;align-items:center;gap:.5rem;color:#9CA3AF;font-size:.8125rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;padding:0 1.5rem;}
.md3d-mq-set span::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--red);margin-left:3rem;opacity:.8;}
.md3d-mq-set span b{color:#fff;font-weight:800;}
@keyframes md3dMqRun{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.md3d-mq-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;}.md3d-mq-set[aria-hidden]{display:none;}.md3d-mq{-webkit-mask-image:none;mask-image:none;}}

/* ── Números (count-up) — substitui a proof-bar ── */
.md3d-stats{background:var(--light-2);padding:2.5rem 0 2.25rem;border-bottom:1px solid var(--border);}
.md3d-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.md3d-stat{text-align:center;padding:.5rem 1rem;border-right:1px solid var(--border);}
.md3d-stat:last-child{border-right:none;}
.md3d-stat-n{display:block;color:#111;font-size:2.25rem;font-weight:900;letter-spacing:-1px;line-height:1.1;font-variant-numeric:tabular-nums;}
.md3d-stat-n em{font-style:normal;color:var(--red);}
.md3d-stat-l{display:block;color:var(--text-dim);font-size:.8125rem;margin-top:.25rem;}
.md3d-stats-note{text-align:center;color:var(--text-dim);font-size:.875rem;margin-top:1.5rem;}
.md3d-stats-note strong{color:#1F2937;}
@media(max-width:760px){.md3d-stats-grid{grid-template-columns:1fr 1fr;row-gap:1.5rem;}.md3d-stat:nth-child(2){border-right:none;}.md3d-stat-n{font-size:1.875rem;}}

/* ── Desenho técnico que se desenha (Como funciona) ── */
.md3d-draw{max-width:860px;margin:2.75rem auto 0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.25rem .75rem;box-shadow:var(--md3d-shadow-card);}
.md3d-draw svg{display:block;width:100%;height:auto;}
.md3d-draw .ln{fill:none;stroke:#111;stroke-width:1.6;stroke-linejoin:round;}
.md3d-draw .cn{fill:none;stroke:#94A3B8;stroke-width:.8;stroke-dasharray:8 3 2 3;}
.md3d-draw .dm{fill:none;stroke:var(--red);stroke-width:.9;}
.md3d-draw .fl{fill:rgba(185,28,28,.04);stroke:none;}
.md3d-draw text{font:600 12px var(--font);fill:#B91C1C;}
.md3d-draw .tb text{fill:#374151;font-weight:500;font-size:11px;}
.md3d-draw .tb .tt{font-weight:800;fill:#111;font-size:12px;}
.md3d-draw .tb rect,.md3d-draw .tb line{fill:none;stroke:#111;stroke-width:1;}
.md3d-draw figcaption{color:var(--text-dim);font-size:.75rem;text-align:center;margin-top:.5rem;}
.md3d-draw.js-draw .md3d-path{stroke-dasharray:1;stroke-dashoffset:1;}
.md3d-draw.js-draw.is-drawn .md3d-path{stroke-dashoffset:0;transition:stroke-dashoffset 1.8s ease-in-out;transition-delay:var(--d,0s);}
.md3d-draw.js-draw .md3d-fade{opacity:0;}
.md3d-draw.js-draw.is-drawn .md3d-fade{opacity:1;transition:opacity .6s ease 1.6s;}

/* ── Responsivo do hero ── */
@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem;}.hero h1{font-size:2.375rem;}.md3d-sw-body{grid-template-columns:minmax(0,1fr) 220px;}}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:2rem;}
  .hero-left{padding-bottom:0;}
  .md3d-sw-body{height:340px;}
}
@media(max-width:600px){
  .hero{padding:2.25rem 0 2.5rem;}
  .hero h1{font-size:2rem;letter-spacing:-.8px;}
  .md3d-sw-tabs,.md3d-sw-hud,.md3d-sw-cube-wrap,.md3d-sw-brand,.md3d-sw-ctrl,.md3d-sw-cmd.is-mute,.md3d-sw-sep,.md3d-sw-diag,.md3d-sw-radio,.md3d-sw-lang{display:none;}
  .md3d-sw-ribbon{height:46px;justify-content:center;}
  .md3d-sw-cmd{min-width:0;flex:1;}
  .md3d-sw-body{grid-template-columns:minmax(0,1fr) 160px;height:290px;}
  .md3d-sw-f{grid-template-columns:minmax(0,1fr) 44px;}
  .md3d-sw-f>em{display:none;}
  .md3d-sw-f.k{grid-template-columns:16px 42px minmax(0,1fr);}
  .md3d-sw-f.k>em{display:none;}
  /* viewport em retrato: recorte próprio dos posters, sem pegar a interface em volta */
  .md3d-sw-poster[data-s="cald"]{--pw:300%!important;--tx:-50.1%!important;--ty:-49.4%!important;}
  .md3d-sw-vid:not(.is-tall){object-fit:contain;}   /* viewport em retrato: o perfil inteiro, sem corte */
  .md3d-sw-flat{width:auto;left:8px;right:8px;top:8px;}
  .md3d-sw-done{left:8px;right:8px;bottom:8px;}
  .md3d-sw-done small{display:none;}
  .md3d-sw-cap{flex-direction:column;gap:.25rem;}
}