@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#030b1f;--ink:#f4f7fb;--muted:#a0aabb;--cyan:#22d6ff;--line:#ffffff1c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:5;border-bottom:1px solid var(--line)}.logo{width:142px;height:66px;object-fit:contain;filter:url(#brand-cutout)}nav{display:flex;gap:36px;font-size:14px;color:#cad1dc}.contact{font-size:14px;border:1px solid #ffffff38;border-radius:40px;padding:13px 20px}.contact span{margin-left:22px}.hero{min-height:860px;height:100svh;max-height:1150px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 72% 48%,#0a3a85 0,transparent 58%)}#space{position:absolute;inset:0;z-index:-2}#space canvas{display:block;width:100%;height:100%}.noise{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#030b1ff0 0%,#030b1f30 47%,transparent 70%),linear-gradient(0deg,#030b1f 0%,transparent 23%)}.hero-copy{position:absolute;top:24%;left:8%;z-index:3}.eyebrow{font-size:12px;letter-spacing:2.3px;color:#a4b7ca;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(58px,6.3vw,96px);line-height:1.04;letter-spacing:-5px;margin:27px 0}em{font-style:normal;color:var(--cyan)}.hero-copy p{color:#b5c0d0;font-size:17px;line-height:1.7;margin-bottom:30px}.primary{display:inline-flex;gap:36px;align-items:center;background:#c7fbff;color:#07151b;border:0;padding:18px 24px;border-radius:6px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.primary:hover{background:#75efff;transform:translateY(-3px)}.primary span{font-size:23px;line-height:1}.small-note{font-size:12px;color:#7a899f;margin-top:17px}.characters{position:absolute;right:4%;bottom:110px;width:47%;max-width:690px;pointer-events:none;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .15s ease-out}.characters>img{width:100%;display:block;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,#000 79%,transparent 99%)}.orbit-label{position:absolute;right:6%;top:20%;z-index:2;border-left:1px solid #22d6ff66;padding-left:14px}.orbit-label span{font-size:9px;letter-spacing:1.8px;color:#b4cde2}.orbit-label strong{display:block;margin-top:7px;font-family:'Space Grotesk';font-size:23px;font-weight:400}.orbit-label b{color:#22d6ff;margin-left:18px}.scene-caption{position:absolute;right:6%;bottom:105px;display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:1.5px;color:#99b4cd}.scene-caption>span:first-child{color:var(--cyan)}#pause{background:transparent;border:1px solid #ffffff30;color:white;border-radius:50%;width:40px;height:40px;font-size:17px}.scene-selector{position:absolute;left:8%;bottom:38px;display:flex;gap:8px}.scene-selector button{background:#09121bb3;border:1px solid #ffffff1a;color:#95a2b8;border-radius:40px;padding:13px 22px;font-size:13px}.scene-selector button span{font-size:11px;margin-right:12px;color:#586980}.scene-selector button.active{border-color:#22d6ff70;color:#d2faff;background:#14314180}.scene-selector button.active span{color:var(--cyan)}.scroll{position:absolute;bottom:50px;right:6%;font-size:10px;letter-spacing:2px;color:#a0adbf}.scroll span{font-size:20px;margin-left:30px}.possibilities{padding:110px 8% 100px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.section-heading h2{font-size:52px;letter-spacing:-2px;line-height:1.15;margin:22px 0 0}.section-heading>p{max-width:340px;color:var(--muted);line-height:1.8;font-size:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}.features article{border-top:1px solid #31404f;padding-top:26px}.feature-number{color:#7493a9;font-size:11px;letter-spacing:2px}.features h3{font-size:29px;line-height:1.25;margin:28px 0 18px;letter-spacing:-.8px}.features p{font-size:16px;line-height:1.8;color:var(--muted);max-width:315px}.closing{text-align:center;padding:110px 20px 120px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 110%,#0a3f8f,transparent 70%)}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(42px,5vw,70px);line-height:1.12;letter-spacing:-2.5px;margin:28px 0 38px}.closing p{color:#92a6b9;font-size:13px;margin-top:22px}footer{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#8594a6;font-size:12px}footer .logo{width:105px}footer a{color:#d6e4ec}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){.characters{right:10%}}@media(max-width:900px){header{padding:0 6%;height:82px}nav{display:none}.logo{width:115px}.hero{min-height:1000px;max-height:none;height:1050px}.hero-copy{top:125px;left:7%}h1{font-size:68px;letter-spacing:-3.5px}.hero-copy p{font-size:16px}.characters{width:64%;right:-2%;bottom:85px;max-width:530px}.orbit-label{top:25%;right:3%}.scene-caption{bottom:102px;left:7%;right:auto}.scene-selector{left:7%;bottom:36px}.scroll{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading>p{max-width:500px}.features{gap:25px}.features h3{font-size:25px}.possibilities{padding:75px 7%}.section-heading h2{font-size:43px}}@media(max-width:540px){header .contact{font-size:12px;padding:11px 14px}header .contact span{margin-left:10px}.hero{height:1130px;min-height:1130px}.hero-copy{top:122px}.eyebrow{font-size:10px;letter-spacing:1.6px}h1{font-size:58px;letter-spacing:-3px;margin-top:23px}.hero-copy p{line-height:1.65}.characters{width:100%;right:-5%;bottom:116px;max-width:none}.orbit-label{right:7%;top:18%}.orbit-label span{font-size:8px;letter-spacing:1px}.orbit-label strong{font-size:20px}.scene-caption{bottom:103px;gap:12px}.scene-selector{left:6%;right:6%;gap:7px;justify-content:center}.scene-selector button{padding:13px 15px;font-size:12px}.scene-selector button span{margin-right:7px}.features{grid-template-columns:1fr;gap:32px;margin-top:40px}.features h3 br{display:none}.features h3{margin-top:20px}.features p{max-width:none}.section-heading h2{font-size:37px}.closing{padding:80px 7%}.closing .eyebrow{font-size:9px;line-height:1.8}footer{flex-wrap:wrap;gap:20px}footer>span{width:100%;order:3;font-size:11px}.noise{background:linear-gradient(0deg,#030b1f,transparent 22%),linear-gradient(180deg,#030b1f77,transparent 70%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.characters{transform:none}}
/* Immersive expedition */
body{--accent:#22d6ff;overflow-x:clip}#space{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 73% 50%,#0b3d9066,transparent 60%)}.hero{background:transparent!important;isolation:auto}.noise{z-index:0;pointer-events:none;background:linear-gradient(90deg,#030b1fee,transparent 70%),linear-gradient(0deg,#030b1f,transparent 28%)}.hero-copy{z-index:2}.characters{z-index:1}.characters>img{mix-blend-mode:normal;mask-image:none;filter:drop-shadow(0 20px 45px #00133380)}.hero-bottom{position:absolute;bottom:35px;left:8%;right:7%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;color:#9aaec0;font-size:10px;letter-spacing:1.8px}.orbit-label{top:13%;right:0}.journey{height:360svh;position:relative;border-top:1px solid var(--line);background:linear-gradient(180deg,#030b1f,transparent 15%,transparent 85%,#030b1f)}.journey-sticky{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden}.journey-top{position:absolute;top:32px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;z-index:4}.motion-control{background:#07121bc9;color:#c5d5e6;border:1px solid #ffffff29;border-radius:30px;font-size:12px;padding:12px 16px;min-height:44px}.chapter-copy{position:absolute;left:8%;top:30%;width:36%;z-index:3;pointer-events:none}.chapter-copy>span:first-child{color:var(--accent);font-size:12px;letter-spacing:2.5px}.chapter-copy h2{font-size:clamp(42px,4.7vw,72px);line-height:1.08;letter-spacing:-3px;margin:24px 0}.chapter-copy h2 em{color:var(--accent)}.chapter-copy p{font-size:17px;line-height:1.8;max-width:390px;color:#b1bdcb}.interaction-hint{display:block;color:#7996ad;font-size:12px;margin-top:28px}.journey-visual{position:absolute;right:3%;top:11%;width:54%;height:75%;touch-action:pan-y;cursor:grab;transform:perspective(1000px) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transform-style:preserve-3d}.journey-visual:active{cursor:grabbing}.pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(40px) scale(.88);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none;filter:drop-shadow(0 25px 30px #0008);will-change:transform,opacity}.pose-active{opacity:1;transform:translateY(var(--travel-y,0px)) scale(var(--pose-scale,1)) rotate(var(--pose-rotate,0deg))}.portal-halo{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 17%,transparent),transparent 68%);filter:blur(20px);pointer-events:none}.guide-name{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;letter-spacing:3px;color:#d5e8f3}.guide-name span{display:block;text-align:center;font-size:8px;letter-spacing:2px;margin-top:8px;color:#7b96ab}.journey-bottom{position:absolute;left:8%;right:8%;bottom:35px;display:grid;grid-template-columns:auto minmax(100px,220px);gap:20px 60px;align-items:center;z-index:4}.chapter-controls{display:flex;gap:8px}.chapter-controls button{background:#09131ece;border:1px solid #ffffff25;color:#a9bacd;border-radius:35px;min-height:46px;padding:12px 18px;font-size:13px}.chapter-controls button span{font-size:10px;margin-right:12px;color:#6c8499}.chapter-controls button.active{background:#163449bf;border-color:var(--accent);color:#e6fcff}.chapter-controls button.active span{color:var(--accent)}.meter-label{display:flex;justify-content:space-between;font-size:11px;color:#b5c6d6;letter-spacing:1px;margin-bottom:8px}.journey-meter input{width:100%;accent-color:var(--accent);cursor:ew-resize;height:22px;margin:0}.scroll-instruction{font-size:9px;letter-spacing:2px;color:#7691a5;grid-column:1/-1;text-align:center}.possibilities,.closing,footer{background:#030b1ff0;position:relative}.closing{background:radial-gradient(ellipse at 50% 110%,#0a3f8f,#030b1f 75%)}.page-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:20;pointer-events:none}.page-progress i{height:100%;display:block;background:var(--accent);width:0;box-shadow:0 0 15px var(--accent)}#pointer-glow{position:fixed;left:0;top:0;width:400px;height:400px;margin:-200px;z-index:0;pointer-events:none;background:radial-gradient(circle,#22d6ff0a,transparent 65%);opacity:0}#click-effects{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.click-ring{position:absolute;width:22px;height:22px;border:1px solid var(--accent);border-radius:50%;margin:-11px;animation:ripple .7s ease-out forwards}.spark{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);animation:spark .75s ease-out forwards}@keyframes ripple{from{transform:scale(.4);opacity:.9}to{transform:scale(6);opacity:0}}@keyframes spark{from{transform:translate(0,0);opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}.js-motion .reveal{opacity:.2;transform:translateY(28px);transition:opacity .7s,transform .7s}.js-motion .reveal.in-view{opacity:1;transform:none}.reveal-words .word{display:inline-block;transition:opacity .4s,transform .4s;transition-delay:var(--delay)}.js-motion .reveal-words:not(.in-view) .word{opacity:.12;transform:translateY(16px)}.chapter-copy.chapter-change{animation:chapter-in .45s ease both}@keyframes chapter-in{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}.embedded header,.embedded footer{display:none}.embedded .hero-copy{top:12%}.embedded .hero{min-height:800px}.no-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.no-motion .reveal{opacity:1;transform:none}.no-motion .word{opacity:1!important;transform:none!important}.no-webgl .portal-halo{box-shadow:0 0 0 1px #22d6ff60,0 0 60px #22d6ff20}
@media(max-width:900px){.characters{bottom:85px;width:60%}.hero-bottom{left:7%;right:7%}.hero-bottom>span{display:none}.hero-bottom>a{margin:auto}.journey-top{left:6%;right:6%}.chapter-copy{left:7%;width:40%}.chapter-copy h2{font-size:45px;letter-spacing:-2px}.chapter-copy p{font-size:15px}.journey-visual{right:0;width:56%}.journey-bottom{left:6%;right:6%;gap:18px 25px}.chapter-controls button{padding:12px;font-size:12px}.chapter-controls button span{margin-right:6px}}
@media(max-width:600px){.hero{height:1080px;min-height:1080px}.characters{width:100%;right:0;bottom:75px;height:510px}.characters>img{height:100%;object-fit:contain}.hero-copy{top:115px}.orbit-label{top:15%;right:5%;display:none}.hero-copy h1{font-size:54px}.hero-copy p{margin-bottom:22px}.hero-copy .primary{padding:16px 20px}.hero-bottom{bottom:20px}.journey{height:340svh}.journey-sticky{min-height:640px}.journey-top{top:15px;gap:12px}.journey-top .eyebrow{font-size:8px;letter-spacing:1px;max-width:140px;line-height:1.7}.motion-control{font-size:10px;padding:9px 12px}.chapter-copy{top:12%;left:7%;width:86%;pointer-events:none}.chapter-copy>span:first-child{font-size:9px;letter-spacing:2px}.chapter-copy h2{font-size:35px;letter-spacing:-1.4px;margin:12px 0}.chapter-copy h2 br{display:none}.chapter-copy p{font-size:13px;line-height:1.55;max-width:310px;margin:0}.interaction-hint{font-size:10px;margin-top:10px}.journey-visual{top:32%;height:48%;width:100%;right:0}.guide-name{bottom:0;font-size:9px}.guide-name span{font-size:8px;margin-top:4px}.journey-bottom{bottom:14px;left:6%;right:6%;grid-template-columns:1fr;gap:9px}.chapter-controls{justify-content:center}.chapter-controls button{flex:1;max-width:140px;min-height:43px;padding:10px;font-size:11px}.journey-meter{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:15px}.meter-label{margin:0;font-size:9px;letter-spacing:0}.journey-meter input{height:28px}.scroll-instruction{font-size:8px;letter-spacing:1.7px}.embedded .hero{height:970px;min-height:970px}.embedded .hero-copy{top:55px}.embedded .characters{bottom:60px}.features h3{font-size:26px}.chapter-copy.chapter-change{animation-duration:.3s}}
@media(max-height:650px) and (min-width:601px){.journey-top{top:15px}.chapter-copy{top:21%}.chapter-copy h2{font-size:40px}.chapter-copy p{font-size:14px}.interaction-hint{margin-top:12px}.journey-bottom{bottom:18px;gap:10px 30px}}
@media(prefers-reduced-motion:reduce){.pose{transition:none}.click-ring,.spark{display:none}.reveal,.word{opacity:1!important;transform:none!important}}
@media(max-width:600px){.chapter-copy h2{font-size:30px;line-height:1.13}.journey-visual{top:39%;height:39%}.chapter-copy p{max-width:340px}.characters{height:475px}.hero-copy .small-note{max-width:280px;line-height:1.6}}

/* ===== BLUVER v3 · azul tecnológico + efeitos de rolagem ===== */
:root{--bg:#030b1f;--cyan:#22d6ff}
body{background:#030b1f}
.bg-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(55% 45% at 78% 42%,#0b3d9055,transparent 70%),radial-gradient(40% 40% at 8% calc(95% - var(--p,0)*90%),#0a5fc033,transparent 70%),
 linear-gradient(#22d6ff12 1px,transparent 1px) 0 calc(var(--p,0)*-700px)/64px 64px,linear-gradient(90deg,#22d6ff12 1px,transparent 1px) 0 0/64px 64px;
 -webkit-mask:radial-gradient(90% 80% at 62% 45%,#000,transparent 85%);mask:radial-gradient(90% 80% at 62% 45%,#000,transparent 85%)}
.no-webgl #space{background:repeating-radial-gradient(circle at 72% 50%,transparent 0 40px,#22d6ff26 41px 42px),radial-gradient(ellipse at 73% 50%,#0b3d9066,transparent 60%);-webkit-mask:radial-gradient(circle at 72% 50%,#000 10%,transparent 62%);mask:radial-gradient(circle at 72% 50%,#000 10%,transparent 62%)}
h1{letter-spacing:-4px}
.characters{transform:translate3d(var(--mx,0px),calc(var(--my,0px) + var(--sy,0px)),0)}
.hero-copy{will-change:transform,opacity}
.characters>img{filter:drop-shadow(0 20px 50px #0a5fff66)}
/* faixa em movimento */
.marquee{position:relative;overflow:hidden;border-block:1px solid #22d6ff26;padding:20px 0;background:#22d6ff09;transform:skewY(-2deg);margin:70px 0;z-index:1}
.marquee>div{display:flex;gap:56px;white-space:nowrap;width:max-content;font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4.4vw,56px);letter-spacing:-1px;will-change:transform}
.marquee span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--cyan)}
/* jornada: carrossel 3D lateral */
.journey-visual{perspective:1100px;transform-style:preserve-3d}
.pose{transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s;transform-origin:50% 60%;backface-visibility:hidden;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 25px 40px #0a5fff55)}
.portal-halo{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 22%,transparent),transparent 68%)}
.chapter-controls{position:relative;max-width:min(62vw,830px);overflow-x:auto;scrollbar-width:none;padding:6px 2px}
.chapter-controls::-webkit-scrollbar{display:none}
.chapter-controls button{flex:none;padding:12px 15px}
.chapter-controls .nm{font-style:normal}
.journey-bottom{grid-template-columns:minmax(0,1fr) minmax(100px,220px)}
/* possibilidades: título grande + cartões que empilham */
.section-heading h2{font-size:clamp(42px,6.4vw,108px);letter-spacing:-3.5px;line-height:1.05}
.features{display:block;margin-top:90px}
.features article{position:sticky;top:14vh;margin-bottom:7vh;display:grid;grid-template-columns:auto 1fr;column-gap:5vw;align-items:center;padding:6vh 5vw;border:1px solid #22d6ff33;border-radius:28px;background:linear-gradient(135deg,#061a3d,#04112b);box-shadow:0 30px 80px #000a,inset 0 0 70px #22d6ff0d;transform-origin:top center}
.features article:nth-child(2){top:18vh}.features article:nth-child(3){top:22vh}
.features article::before{content:attr(data-n);grid-row:1/span 3;font-family:'Space Grotesk',sans-serif;font-size:clamp(90px,15vw,220px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--cyan);opacity:.7}
.features article>*{grid-column:2}
.features h3{font-size:clamp(28px,3.8vw,56px);letter-spacing:-1.5px}
.features p{max-width:520px}
/* final: círculo de energia que expande */
.closing{position:relative;overflow:hidden;min-height:110svh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.closing::before{content:"";position:absolute;left:50%;top:50%;width:20vmax;height:20vmax;border-radius:50%;background:radial-gradient(circle,#1e6bff,#0a4bd0 55%,#030b1f 72%);transform:translate(-50%,-50%) scale(calc(.2 + var(--c,0)*5));opacity:calc(var(--c,0)*1.1);pointer-events:none}
.closing>*{position:relative}
.closing em{color:#dffaff}
@media(max-width:900px){.marquee{margin:40px 0}}
@media(max-width:600px){
 h1{letter-spacing:-3px}
 .chapter-controls{max-width:100%;justify-content:flex-start}
 .journey-bottom{grid-template-columns:1fr;gap:9px;bottom:14px}
 .journey-meter{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:15px}
 .chapter-controls{padding:2px}
 .chapter-controls button{flex:none;max-width:none;min-height:43px;padding:10px 14px}
 .chapter-controls button:not(.active) .nm{display:none}
 .chapter-controls button.active span{margin-right:8px}
 .features article{grid-template-columns:1fr;padding:5vh 6vw}
 .features article::before{font-size:84px;grid-row:auto;margin-bottom:8px}
 .features article>*{grid-column:1}}
@media(prefers-reduced-motion:reduce){.pose{transition:none}.marquee>div{transform:none!important}}