:root{color-scheme:dark;--bg:#0c141d;--ink:#f5f5f3;--muted:#abb5bf;--accent:#ec6c20}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}a{color:inherit}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 55%,#1a2a3c66,transparent 55%),radial-gradient(ellipse at 90% 0%,#c6561510,transparent 50%)}.header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:32px 6%;border-bottom:1px solid #ffffff0c}.wordmark{text-decoration:none;font-size:30px;font-weight:800;letter-spacing:-1px}.wordmark span{color:var(--accent)}.header-note{font-size:12px;color:var(--muted);letter-spacing:1px}.hero{position:relative;max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:710px;align-items:center}.content{position:relative;z-index:2;padding:64px 0 64px 12%;animation:reveal .9s ease both}.status{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;font-weight:700;color:#f5a977;background:#eb6a2010;border:1px solid #eb6a2038;padding:11px 15px;border-radius:30px}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #ec6c2070;animation:pulse 3s ease-in-out infinite}.eyebrow{margin:32px 0 17px;color:#b9c2cb;font-size:13px;letter-spacing:.3px}h1{font-size:clamp(42px,4.5vw,68px);line-height:1.09;font-weight:650;letter-spacing:-2.8px;margin:0 0 26px}h1 span{color:var(--accent)}.intro{color:var(--muted);font-size:16px;line-height:1.85;max-width:440px;margin:0}.launch{display:flex;gap:18px;align-items:center;margin:33px 0}.line{width:34px;height:2px;background:var(--accent)}.launch p{margin:0;font-size:15px}.launch small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.contact{display:inline-flex;gap:34px;align-items:center;padding:15px 21px;background:#cd5b21;border:1px solid #f08543;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}.contact:hover{background:#e66a28;transform:translateY(-2px)}a:focus-visible{outline:3px solid #ffb77c;outline-offset:6px}.email{display:block;color:#a4afb9;font-size:12px;margin-top:14px}.visual{position:relative;margin:0;align-self:stretch;overflow:hidden}.visual img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 38%;opacity:.84}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 24%),linear-gradient(0deg,var(--bg),transparent 22%)}figcaption{position:absolute;z-index:1;bottom:20px;right:35px;color:#a6acb5;font-size:10px;letter-spacing:.4px}footer{position:relative;display:flex;justify-content:space-between;padding:25px 6%;border-top:1px solid #ffffff0c;font-size:11px;color:#929eaa;gap:20px}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{box-shadow:0 0 18px #ec6c20aa}}@media(min-width:1600px){.hero{min-height:780px}}@media(max-width:760px){.header{padding:24px 7%}.header-note{display:none}.hero{grid-template-columns:1fr;min-height:0}.content{padding:48px 7% 40px}h1{font-size:46px;letter-spacing:-2px}.intro{font-size:15px;max-width:470px}.visual{height:440px;margin:0 7%;border-radius:12px}.visual img{object-position:center 45%}.visual:after{background:linear-gradient(0deg,var(--bg),transparent 25%),linear-gradient(180deg,var(--bg),transparent 18%)}footer{padding:25px 7%;margin-top:25px;flex-direction:column;gap:10px}figcaption{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.abstract{background:radial-gradient(ellipse at center,#bc551b20,transparent 62%);display:flex;align-items:center;justify-content:center;min-height:440px}.orbit{position:absolute;width:360px;height:360px;border:1px solid #d87b3830;border-radius:50%;transform:rotate(-25deg) scaleX(.72)}.orbit-two{width:440px;height:440px;transform:rotate(35deg) scaleX(.72);border-color:#ffffff0e}.orbit-three{width:280px;height:280px;transform:rotate(65deg) scaleX(.72)}.monogram{font-size:80px;font-weight:750;letter-spacing:-6px;z-index:1}.monogram span{color:var(--accent)}.visual-label{position:absolute;bottom:24%;font-size:9px;letter-spacing:3px;color:#a7adb5;z-index:1;text-align:center;padding:0 24px}.abstract:after{pointer-events:none}@media(max-width:760px){.abstract{min-height:330px;height:330px}.orbit{width:260px;height:260px}.orbit-two{width:320px;height:320px}.orbit-three{width:200px;height:200px}.monogram{font-size:64px}.visual-label{bottom:14%;font-size:8px;letter-spacing:2px}}
.scales{position:relative;z-index:1;width:82%;max-width:460px;filter:drop-shadow(0 0 22px #ec6c2020)}.balance{transform-origin:200px 132px;animation:balance 8s ease-in-out infinite}.abstract .visual-label{bottom:16%;max-width:100%;line-height:1.8}.orbit-one{animation:orbit 35s linear infinite}.orbit-two{animation:orbitReverse 45s linear infinite}.halo{stroke-dasharray:2 12;animation:halo 45s linear infinite;transform-origin:200px 200px}@keyframes balance{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes orbit{from{transform:rotate(-25deg) scaleX(.72)}to{transform:rotate(335deg) scaleX(.72)}}@keyframes orbitReverse{from{transform:rotate(35deg) scaleX(.72)}to{transform:rotate(-325deg) scaleX(.72)}}@keyframes halo{to{transform:rotate(360deg)}}@media(max-width:760px){.scales{width:280px}.abstract .visual-label{bottom:4%}}@media(prefers-reduced-motion:reduce){.balance,.orbit,.halo{animation:none!important}}
.abstract{flex-direction:column;gap:6px;padding:40px 24px}.scales{width:230px;max-width:60%;order:0}.flow-chart{position:relative;z-index:2;width:100%;max-width:410px;order:1;border:1px solid #ffffff12;background:#101c25b3;border-radius:14px;padding:22px 22px 16px;box-shadow:0 24px 60px #00000022}.flow-caption{font-size:9px;letter-spacing:2px;color:#c2c9ce}.flow-chart svg{display:block;width:100%;margin:14px 0 8px}.flow-steps{display:flex;justify-content:space-between;color:#d4dae0;font-size:10px;gap:6px}.flow-chart small{display:block;font-size:8px;color:#8996a2;margin-top:17px}.progress-line{stroke-dasharray:500;stroke-dashoffset:500;animation:draw 2.5s ease forwards}.abstract .visual-label{position:relative;bottom:auto;order:2;margin-top:20px;font-size:8px}.eyebrow{font-size:11px;letter-spacing:1px}.abstract .orbit{opacity:.5}@keyframes draw{to{stroke-dashoffset:0}}@media(max-width:760px){.abstract{height:auto;min-height:510px;padding:20px 10px}.scales{width:180px}.flow-chart{padding:18px}.abstract .visual-label{bottom:auto}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){.progress-line{animation:none;stroke-dashoffset:0}}
.chart-node{transform-box:fill-box;transform-origin:center;animation:nodePulse 6s ease-in-out infinite}.node-two{animation-delay:1.5s}.node-three{animation-delay:3s}.node-four{animation-delay:4.5s}.chart-traveler{filter:drop-shadow(0 0 5px #ffc28f);animation:travelerFade 6s ease-in-out infinite}@keyframes nodePulse{0%,30%,100%{transform:scale(1);opacity:.75}15%{transform:scale(1.45);opacity:1}}@keyframes travelerFade{0%,100%{opacity:0}8%,90%{opacity:1}}@media(prefers-reduced-motion:reduce){.chart-node{animation:none}.chart-traveler{display:none}}

/* Proporções fluidas entre celulares e monitores amplos */
body{min-height:100svh;display:flex;flex-direction:column}.header{padding:clamp(22px,2.2vw,38px) 5.5%}.hero{width:89%;max-width:1800px;flex:1;min-height:calc(100svh - 180px);grid-template-columns:1.05fr 1fr;gap:clamp(32px,4vw,84px)}.content{padding:clamp(40px,5vh,84px) 0;min-width:0}h1{font-size:clamp(46px,4.6vw,88px);letter-spacing:-.045em}.intro{max-width:600px;font-size:clamp(16px,1.05vw,20px);line-height:1.75}.eyebrow{font-size:clamp(10px,.75vw,14px)}.status{font-size:clamp(10px,.7vw,13px)}.launch p{font-size:clamp(15px,1vw,19px)}.launch small,.email{font-size:clamp(12px,.8vw,15px)}.contact{font-size:clamp(14px,.9vw,17px);padding:17px 25px}.abstract{padding:36px 0;min-width:0;justify-content:center;gap:10px;background:radial-gradient(ellipse at center,#bc551b18,transparent 65%)}.scales{width:clamp(220px,21vw,390px);max-width:70%}.flow-chart{max-width:650px;width:94%;padding:clamp(20px,1.8vw,34px)}.flow-caption{font-size:clamp(9px,.7vw,13px)}.flow-steps{font-size:clamp(10px,.8vw,15px)}.flow-chart small{font-size:clamp(9px,.65vw,12px);line-height:1.6}.abstract .visual-label{font-size:clamp(8px,.65vw,12px);letter-spacing:2px}.orbit{width:70%;height:auto;aspect-ratio:1}.orbit-two{width:90%}.orbit-three{width:55%}footer{padding:22px 5.5%;font-size:clamp(11px,.75vw,14px)}
@media(max-width:1000px){.hero{gap:28px;grid-template-columns:1.1fr 1fr}h1{font-size:clamp(40px,5vw,56px)}.scales{max-width:80%}.flow-chart{width:100%}.flow-steps{font-size:10px}.header-note{font-size:11px}}
@media(max-width:760px){.hero{width:86%;grid-template-columns:1fr;gap:0;min-height:0}.content{padding:44px 0 24px}h1{font-size:clamp(38px,8.7vw,60px)}.intro{font-size:16px}.abstract{margin:0;padding:15px 0 30px;min-height:0;height:auto;gap:8px}.scales{width:220px}.flow-chart{max-width:520px}.abstract .visual-label{font-size:9px;margin-top:15px}.orbit-two{width:100%;max-width:430px}.orbit-one{max-width:340px}.orbit-three{max-width:260px}.header{padding:24px 7%}footer{padding:22px 7%;margin-top:0}.launch{margin:26px 0}}


/* Tablet: empilhar antes que as duas colunas fiquem estreitas. */
@media(min-width:761px) and (max-width:900px){.hero{grid-template-columns:1fr;width:86%;gap:0;min-height:0}.content{padding:50px 0 20px;max-width:660px}h1{font-size:clamp(52px,7vw,64px)}.intro{max-width:620px}.abstract{margin:0;padding:10px 0 36px;min-height:0;height:auto}.scales{width:250px}.flow-chart{width:100%;max-width:600px}.orbit{max-width:420px}.orbit-two{max-width:520px}.abstract .visual-label{margin-top:18px}}
@media(max-width:400px){.hero{width:88%}.header{padding:20px 6%}.wordmark{font-size:27px}h1{font-size:clamp(34px,9.6vw,39px)}.eyebrow{font-size:9px;letter-spacing:.6px}.intro{font-size:15px}.flow-chart{padding:18px 14px}.flow-steps{font-size:9px}.flow-caption{font-size:9px;letter-spacing:1.5px}.flow-chart small{font-size:9px}.abstract .visual-label{font-size:8px;letter-spacing:1.3px}.email{font-size:13px}.contact{min-height:48px}footer{padding:20px 6%;line-height:1.6}}
@media(min-width:901px) and (max-height:800px){.hero{min-height:calc(100svh - 160px)}.content{padding:32px 0}.scales{width:clamp(190px,18vw,280px)}.abstract{padding:24px 0}.eyebrow{margin-top:24px}.launch{margin:24px 0}}


/* Mais presença para a composição visual. */
@media(min-width:901px){.scales{width:clamp(310px,28vw,480px);max-width:90%}.flow-chart{width:100%;max-width:760px}.abstract{gap:0}.abstract .visual-label{margin-top:18px}}
@media(min-width:901px) and (max-height:800px){.scales{width:clamp(280px,23vw,360px)}}
@media(min-width:761px) and (max-width:900px){.scales{width:320px;max-width:80%}.flow-chart{max-width:650px}}
@media(max-width:760px){.scales{width:280px;max-width:90%}.flow-chart{width:100%}}


/* Equilíbrio entre largura e altura útil do monitor. */
@media(min-width:901px){.hero{max-width:1640px;min-height:0}.content{padding:40px 0}h1{font-size:clamp(46px,4vw,74px)}.intro{font-size:clamp(16px,.95vw,18px);max-width:560px}.abstract{padding:24px 0;gap:0}.scales{width:clamp(260px,20vw,350px);max-width:80%}.flow-chart{width:90%;max-width:570px;padding:24px}.abstract .visual-label{margin-top:15px}.eyebrow{margin-top:26px}.launch{margin:26px 0}}
@media(min-width:901px) and (max-height:950px){.header{padding:25px 5.5%}.content{padding:30px 0}.scales{width:clamp(240px,18vw,300px)}.flow-chart{max-width:530px;padding:20px}.flow-chart svg{max-height:170px}.intro{font-size:16px}.abstract{padding:20px 0}footer{padding:18px 5.5%}}
@media(min-width:901px) and (max-height:750px){h1{font-size:clamp(42px,3.8vw,60px)}.scales{width:220px}.flow-chart{max-width:470px}.flow-chart svg{max-height:130px}.content{padding:22px 0}.eyebrow{margin-top:20px}.launch{margin:20px 0}.abstract .visual-label{margin-top:10px}}


/* Aproveitar a coluna direita sem alongar a página. */
@media(min-width:1200px){.hero{max-width:1800px;grid-template-columns:1fr 1.12fr;gap:clamp(40px,4vw,76px)}.flow-chart{width:100%;max-width:690px}.flow-chart svg{height:175px;max-height:175px}.scales{width:350px}.abstract{align-items:center}.abstract .visual-label{max-width:690px;width:100%}}
@media(min-width:1200px) and (max-height:950px){.flow-chart{max-width:650px}.flow-chart svg{height:155px;max-height:155px}.scales{width:300px}}
@media(min-width:1200px) and (max-height:750px){.flow-chart{max-width:600px}.flow-chart svg{height:125px;max-height:125px}.scales{width:220px}}