/* Laboratório de identidade Nexx: dois sistemas visuais, mesma narrativa. */
.variant-switcher{margin:-17px 0 39px;max-width:520px}
.switcher-heading{display:block;font-size:.63rem;letter-spacing:.125em;font-weight:700;color:#b7b5af;margin:0 0 11px}
.switcher-heading b{color:var(--orange);font-weight:800;padding-inline:3px}
.variant-options{display:inline-flex;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.035);border-radius:8px}
.variant-options button{cursor:pointer;background:transparent;border:1px solid transparent;color:#bfc0bc;padding:10px 12px;white-space:nowrap;border-radius:5px;font-size:.77rem;font-weight:650;transition:background .25s,color .25s,border-color .25s}
.variant-options button span{font-variant-numeric:tabular-nums;opacity:.66;font-size:.68rem;margin-right:5px}
.variant-options button:hover{color:#fff}.variant-options button[aria-pressed="true"]{background:#eeebe5;color:#24211e;border-color:#eeebe5;box-shadow:0 3px 13px rgba(0,0,0,.12)}
.variant-explanation{font-size:.81rem;line-height:1.5;letter-spacing:.015em;color:#aaaead;max-width:385px;margin:15px 0 0}
.hero h1{margin-bottom:28px}.hero-context{margin-top:44px}
.vertex-svg{width:100%;height:auto;display:block;background:linear-gradient(145deg,rgba(15,40,42,.52),rgba(11,25,30,.7))}
.vertex-svg[hidden],.connection-svg[hidden]{display:none!important}
.vertex-routes path{stroke:#c4dad5;stroke-width:2.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.vertex-routes .vertex-outbound{stroke:#dc8452;stroke-width:3.5}
.vertex-frame{stroke:#c6e2db;stroke-opacity:.2;stroke-width:1;fill:none}
.vertex-node rect{fill:#122b2e;stroke:#d1e3dd;stroke-width:1.7}
.vertex-node circle{fill:#dc8452}
.vertex-node text{fill:#cbdad7;font:650 14px "Manrope",system-ui,sans-serif;letter-spacing:.06em}
.vertex-core rect{fill:#dc8452;stroke:#f4cfb8;stroke-width:2}
.vertex-core path{fill:none;stroke:#142b2e;stroke-width:4;stroke-linecap:round}
.vertex-destination rect{fill:#eaf4ed;stroke:#eaf4ed}
.vertex-destination circle{fill:#132b2c}
.vertex-bottom-label{fill:#9eb6b2;font:650 11px "Manrope",system-ui,sans-serif;letter-spacing:.1em}
.brand-showcase-dark{position:relative;isolation:isolate;overflow:hidden}
.brand-showcase-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 85%);pointer-events:none;z-index:-1}
.brand-style-guide{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:30px;padding:18px 0 13px}
.brand-style-guide .style-guide-label{font-size:.63rem!important;font-weight:750;letter-spacing:.1em;color:var(--muted)!important;margin:0 0 12px!important}
.style-guide-label strong{font-size:.76rem;text-transform:none;letter-spacing:0;font-weight:600}
.palette-swatches{display:flex;align-items:start;gap:15px;margin:0 0 20px}
.swatch{display:flex;flex-direction:column;align-items:center;gap:7px;font:600 .62rem var(--body);color:var(--muted)}
.swatch i{display:block;width:50px;height:35px;background:var(--night);border:1px solid rgba(0,0,0,.1);border-radius:5px}
.swatch-accent i{background:var(--orange)}.swatch-paper i{background:var(--paper)}
.social-footer{border-top:1px solid rgba(255,255,255,.13);margin-top:36px;padding-top:27px;display:grid;grid-template-columns:.67fr 1.33fr;gap:28px;align-items:start}
.social-footer strong{display:block;font-size:.64rem;letter-spacing:.11em;color:#f6f0e9;margin-bottom:9px}
.social-footer p{margin:0;font-size:.75rem;color:#969b99;max-width:300px}
.social-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.social-pending,.social-live{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;border:1px solid #3f4546;border-radius:7px;padding:12px 5px 10px;min-width:0}
.social-pending{opacity:.78;cursor:not-allowed}.social-pending b,.social-live b{height:32px;min-width:32px;display:grid;place-items:center;color:#e8e5de;font:750 1rem var(--display);border-radius:6px;background:#2d3535}
.social-icon svg{width:22px;height:22px;display:block;overflow:visible}.social-live:hover .social-icon{color:var(--orange-bright)}
.social-pending span,.social-live span{font-size:.71rem;color:#e0ddda;font-weight:650}.social-pending small,.social-live small{font-size:.59rem;color:#9fa6a5}
.social-live{transition:background .2s,border-color .2s}.social-live:hover{background:#26312f;border-color:var(--orange)}.social-live small{color:#cf9b7b}

/* 02 — Arquitetura: cores minerais, X deliberado, geometria precisa. */
html[data-variant="estrutural"]{--night:#10262b;--night-deep:#0c1d21;--night-line:#305058;--paper:#f0f5f1;--paper-2:#e5f0eb;--white:#fbfff9;--ink:#11282a;--muted:#48615e;--orange:#dc8452;--orange-bright:#e8a17b;--orange-dark:#9e5633;--line:#cbdad5;--display:"Space Grotesk",system-ui,sans-serif;--body:"Manrope",system-ui,sans-serif}
html[data-variant="estrutural"] .hero:before{background:radial-gradient(circle at 71% 52%,rgba(47,141,137,.13),transparent 45%)}
html[data-variant="estrutural"] .hero-pattern span{background:#327d7d;opacity:.22;width:25vw;right:-5%;transform:skew(-26deg) rotate(0);border:1px solid rgba(202,235,221,.15)}
html[data-variant="estrutural"] .hero-pattern span:last-child{right:5%;background:#be7a50;transform:skew(26deg) rotate(0)}
html[data-variant="estrutural"] .hero h1{font-weight:650;letter-spacing:-.09em}
html[data-variant="estrutural"] .hero h1 em{color:#abe1c8}
html[data-variant="estrutural"] .hero-graphic{background:rgba(12,29,33,.95);border-color:rgba(170,225,209,.3);border-radius:4px;box-shadow:0 28px 90px rgba(3,23,22,.35)}
html[data-variant="estrutural"] .graphic-header{border-bottom-color:rgba(185,229,217,.16)}
html[data-variant="estrutural"] .button-primary{color:#14262a}
html[data-variant="estrutural"] .button-primary:hover{background:#edaa80}
html[data-variant="estrutural"] .variant-options button[aria-pressed="true"]{background:#bce9d6;color:#132a2b;border-color:#bce9d6}
html[data-variant="estrutural"] .section-index{color:#976044}
html[data-variant="estrutural"] .problem-heading h2 span{color:#98705b}
html[data-variant="estrutural"] .method-stage{background:#e0eae5}
html[data-variant="estrutural"] .method-item:hover{background:#e7eeea}
html[data-variant="estrutural"] .method-item.is-active{color:#ad6038}
html[data-variant="estrutural"] .case-console{border-color:#bbd1ca}
html[data-variant="estrutural"] .case-center{background:#bcdfd0;color:#153331}
html[data-variant="estrutural"] .case-period{color:#c4774b}
html[data-variant="estrutural"] .belief-title em{color:#a9e1c9}
html[data-variant="estrutural"] .contact{background:#0c1e21}
html[data-variant="estrutural"] .contact h2 em{color:#c6eddb}
html[data-variant="estrutural"] .site-footer{background:#09191d}
html[data-variant="estrutural"] .brand-showcase-dark{background:#10262b}
html[data-variant="estrutural"] .brand-showcase-grid{opacity:.14;background-size:26px 26px}
html[data-variant="estrutural"].theme-night{--paper:#172c2e;--ink:#edf8f1;--muted:#bad2cb;--line:#395758}
html[data-variant="estrutural"].theme-night .method-stage{background:#203a3c}
html[data-variant="estrutural"].theme-night .brand-review-showcase{background:#183438}
html[data-variant="estrutural"].theme-night .method-item:hover{background:#29474a}

@media(max-width:1070px){.variant-switcher{margin-bottom:31px}.hero h1{font-size:clamp(4.2rem,7.6vw,8.4rem)}.variant-explanation{max-width:400px}}
@media(max-width:760px){.variant-switcher{margin:0 0 34px}.hero-grid{padding-top:47px;gap:42px}.hero-overline{margin-bottom:23px}.variant-explanation{font-size:.76rem}.variant-options{max-width:100%}.variant-options button{font-size:.73rem;padding:9px 9px}.social-footer{grid-template-columns:1fr;gap:20px}.social-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.social-pending,.social-live{padding:9px 2px}.social-pending b,.social-live b{width:27px;min-width:27px;height:27px;font-size:.89rem}.social-pending span,.social-live span{font-size:.62rem}.social-pending small,.social-live small{font-size:.49rem}.brand-style-guide{margin-top:22px}}
@media(max-width:400px){.variant-options{width:100%}.variant-options button{flex:1;font-size:.67rem;padding:9px 4px}.social-pending span,.social-live span{font-size:.56rem}.social-pending small,.social-live small{font-size:.46rem}}
@media(prefers-reduced-motion:reduce){.variant-options button,.social-live{transition:none!important}}