/* FW TECH | UNIVERSO PORTAL — identidade autoral azul, gelo e lilás */
:root{color-scheme:dark;--ink:#f3f6ff;--muted:#a2abc6;--muted2:#78839e;--bg:#040715;--surface:#0a1025;--surface2:#0e1633;--blue:#346bff;--electric:#4d8cff;--ice:#91ddff;--lilac:#bf88ff;--violet:#7c45f9;--pink:#db7eff;--stroke:rgba(163,185,255,.13);--stroke2:rgba(143,167,254,.24);--max:1370px;--ease:cubic-bezier(.22,1,.36,1);--header-h:84px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Avenir Next","Segoe UI",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
::selection{background:#874dff;color:white}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
img,svg,canvas{max-width:100%}
img{display:block}
:focus-visible{outline:2px solid var(--ice);outline-offset:5px}
.skip-link{position:fixed;z-index:10000;left:15px;top:-90px;background:var(--ice);color:var(--bg);padding:15px 24px;font-weight:800;border-radius:12px}.skip-link:focus{top:15px}
.shell{width:min(100% - 104px,var(--max));margin-inline:auto}
.ambient-field{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 900px 700px at -12% 2%,rgba(29,69,196,.2),transparent 72%),radial-gradient(ellipse 1000px 800px at 105% 22%,rgba(58,24,136,.12),transparent 72%)}
.ambient-noise{position:fixed;inset:0;z-index:80;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E");background-size:200px}
.cursor-aura{position:fixed;z-index:1;width:280px;height:280px;left:0;top:0;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(83,72,236,.085),transparent 68%);transform:translate(-50%,-50%);transition:opacity .4s ease}
.page-progress{position:fixed;z-index:200;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--ice),var(--blue),var(--pink));box-shadow:0 0 17px rgba(135,128,255,.8)}
.gradient-text{background:linear-gradient(106deg,#a9dfff 2%,#c3a6ff 45%,#d47dff 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
.type-outline{color:transparent;-webkit-text-stroke:1.35px rgba(219,231,255,.75)}
.eyebrow,.mini-label,.chapter-tag,.service-id,.scroll-note,.world-toplabel,.world-bottomlabel,.world-floating,.hero-aside,.hero-bottom,.blueprint-header,.blueprint-footer,.form-topline,.field>span,.site-footer small{font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.65}
.mini-label{color:var(--ice);letter-spacing:.22em;margin:0 0 22px}
.display-title{font-size:clamp(44px,6.1vw,90px);line-height:1.03;letter-spacing:-.075em;font-weight:650;margin:0;text-wrap:balance}
.lead{font-size:clamp(19px,2vw,26px);font-weight:450;line-height:1.55;color:#dfe6fa;letter-spacing:-.022em}
.body-copy{font-size:16px;line-height:1.9;color:var(--muted);max-width:630px}
.section-block{position:relative;padding:clamp(110px,10.4vw,180px) 0;isolation:isolate}
.chapter-tag{display:flex;align-items:center;gap:20px;color:#7788b3;white-space:nowrap;margin-bottom:76px}
.chapter-index{color:#c4dbff;font-weight:800}
.chapter-line{display:block;width:48px;height:1px;background:linear-gradient(90deg,#68a3ff,rgba(104,163,255,0))}
.section-header{margin-bottom:55px}
.spread-head{display:flex;align-items:end;justify-content:space-between;gap:70px}
.section-sidecopy{max-width:350px;color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 9px}
.reveal{opacity:1;transform:none}
.js-animate .reveal{opacity:0;transform:translateY(45px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.js-animate .reveal.is-visible{opacity:1;transform:translateY(0)}
/* Navegação */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);border-bottom:1px solid transparent;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}
.site-header.is-scrolled,.site-header.menu-expanded{background:rgba(4,7,20,.79);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-color:rgba(170,185,246,.11);box-shadow:0 10px 40px rgba(0,0,0,.13)}
.nav-shell{height:100%;max-width:1600px;margin:auto;padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.brand-link{display:inline-flex;align-items:center;justify-content:flex-start;width:144px;flex-shrink:0}
.brand-link img{width:136px;height:auto;filter:drop-shadow(0 0 11px rgba(156,133,255,.17))}
.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,42px)}
.desktop-nav a{position:relative;color:#afb9d1;font-size:12px;letter-spacing:.01em;font-weight:550;transition:color .25s}
.desktop-nav a::after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:1px;background:var(--pink);transition:width .3s var(--ease)}
.desktop-nav a:hover{color:white}.desktop-nav a:hover::after{width:100%}
.nav-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid rgba(165,187,255,.23);background:rgba(133,120,255,.065);font-size:12px;border-radius:999px;font-weight:650;white-space:nowrap;transition:background .25s,border-color .25s,transform .25s}
.nav-cta:hover{background:rgba(101,101,255,.21);border-color:rgba(179,151,255,.65);transform:translateY(-2px)}
.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b5a8ff;box-shadow:0 0 12px #9f73ff;flex-shrink:0}
.menu-toggle{display:none;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--stroke2);border-radius:12px;background:#0b1024}
.menu-toggle span{display:block;width:19px;height:1px;background:#eff4ff;transition:transform .25s,opacity .25s}
.menu-expanded .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-expanded .menu-toggle span:nth-child(2){opacity:0}
.menu-expanded .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{display:none}
/* Abertura — o portal só existe na área da arte; nunca cruza o título */
.hero{position:relative;min-height:min(1000px,100svh);min-height:max(800px,100svh);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 620px 650px at 82% 38%,rgba(45,33,126,.28),transparent 78%),radial-gradient(ellipse 700px 850px at 0% 10%,rgba(18,55,131,.19),transparent 74%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.15;background-image:linear-gradient(rgba(132,160,250,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(132,160,250,.09) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,black 45%,black 85%,transparent)}
.hero-grid{min-height:inherit;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:0;position:relative;z-index:2;padding-top:105px;padding-bottom:145px}
.hero-copy{padding:28px 0 0;position:relative;z-index:3}
.hero-eyebrow{display:flex;align-items:center;gap:12px;color:#c6b9ff;margin-bottom:40px}
.eyebrow-line{width:33px;height:1px;background:var(--lilac)}
.eyebrow-pulse{height:6px;width:6px;border-radius:50%;background:var(--ice);box-shadow:0 0 15px var(--ice);animation:pulse 3s ease-in-out infinite}
.hero h1{font-size:clamp(54px,6.9vw,108px);line-height:1.015;letter-spacing:-.084em;font-weight:650;margin:0;width:max-content;max-width:115%;text-shadow:0 15px 70px rgba(0,0,0,.3)}
.hero h1 .gradient-text{white-space:nowrap}
.hero-description{max-width:540px;color:#aab6d3;font-size:clamp(16px,1.3vw,19px);line-height:1.85;margin:35px 0 32px;letter-spacing:-.012em}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:16px 24px;border:1px solid transparent;border-radius:13px;font-size:13px;font-weight:750;letter-spacing:-.01em;transition:transform .25s var(--ease),box-shadow .25s ease,background .25s ease,border-color .25s ease;white-space:nowrap}
.button:hover{transform:translateY(-3px)}
.button-primary{background:linear-gradient(118deg,#a5deff,#a994fb 61%,#d37cf3);color:#070b1e;box-shadow:0 9px 32px rgba(97,93,237,.19)}
.button-primary:hover{box-shadow:0 12px 37px rgba(153,97,246,.32)}
.button-ghost{background:rgba(9,17,40,.68);border-color:rgba(146,172,255,.18);color:#f0f2ff}
.button-ghost:hover{border-color:rgba(178,154,255,.57);background:rgba(89,78,184,.12)}
.button-arrow{font-size:20px;font-weight:500;line-height:1}
.hero-aside{display:flex;gap:13px;align-items:center;color:#7686a6;margin-top:45px;font-size:9px}
.status-bars{display:flex;align-items:end;gap:3px;height:21px}
.status-bars i{display:block;height:8px;width:3px;background:#8b7af1;border-radius:2px;animation:signal 1.6s ease-in-out infinite alternate}
.status-bars i:nth-child(2){height:13px;animation-delay:.2s}.status-bars i:nth-child(3){height:19px;animation-delay:.4s}.status-bars i:nth-child(4){height:11px;animation-delay:.6s}.status-bars i:nth-child(5){height:16px;animation-delay:.8s}
.hero-world{position:relative;min-height:610px;height:min(51vw,720px);width:calc(100% + 92px);margin-left:-16px;overflow:visible;isolation:isolate}
.hero-world::before{content:"";position:absolute;left:11%;right:3%;top:12%;bottom:11%;border-radius:50%;background:radial-gradient(circle,rgba(89,65,210,.12) 0%,rgba(31,57,165,.08) 38%,transparent 71%);filter:blur(22px)}
.portal-aura{position:absolute;top:16%;left:8%;width:90%;height:72%;border-radius:50%;background:radial-gradient(ellipse,rgba(64,50,180,.19),transparent 63%);filter:blur(30px)}
#portalCanvas{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 17px rgba(76,94,255,.22))}
.portal-logo{position:absolute;top:47%;left:50%;width:38%;max-width:255px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 16px rgba(176,155,255,.25));animation:logo-float 5s ease-in-out infinite;pointer-events:none}
.portal-logo::before{content:"";position:absolute;inset:-67% -33%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(5,8,24,.98) 0%,rgba(5,8,24,.96) 24%,rgba(5,8,25,.83) 41%,rgba(5,8,25,0) 72%);filter:blur(6px)}
.portal-logo img{width:100%;position:relative;z-index:1}
.world-toplabel{position:absolute;z-index:2;top:7%;right:13%;display:flex;gap:8px;align-items:center;color:#8291b3;font-size:9px}
.tiny-square{width:5px;height:5px;background:#99a9ff;display:inline-block;transform:rotate(45deg);box-shadow:0 0 9px #7593ff}
.world-bottomlabel{position:absolute;bottom:7%;left:15%;color:#8291b3;font-size:9px}.world-bottomlabel span{color:#aabfff;margin-left:12px}
.world-floating{position:absolute;border:1px solid rgba(122,161,255,.18);background:rgba(7,14,39,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:5px;color:#a4b4df;font-size:8px;padding:11px 13px;white-space:nowrap}
.world-floating-a{right:0%;top:29%;transform:rotate(4deg)}.world-floating-b{left:4%;bottom:25%;transform:rotate(-5deg)}
.float-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ice);margin-right:7px;box-shadow:0 0 11px var(--ice)}
.world-crosshair{position:absolute;font-family:monospace;font-size:19px;color:#5a76bd;opacity:.6}.crosshair-one{left:9%;top:16%}.crosshair-two{right:16%;bottom:17%}
.hero-bottom{position:absolute;z-index:3;left:50%;bottom:52px;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;color:#8693b1;font-size:9px}
.scroll-instruction{display:flex;align-items:center;gap:13px}.scroll-mouse{width:22px;height:36px;border:1px solid #7888b4;border-radius:11px;position:relative}.scroll-mouse i{position:absolute;width:2px;height:7px;background:#a9c3ff;left:9px;top:7px;border-radius:2px;animation:scroll-cue 1.7s ease-in-out infinite}
.hero-bottom-right span{color:#b492ff;margin-left:12px;font-size:17px}
.hero-horizon{position:absolute;bottom:-42px;left:0;right:0;height:175px;opacity:.75;pointer-events:none;background:radial-gradient(ellipse 50% 16% at 72% 75%,rgba(78,64,205,.36),transparent 85%),linear-gradient(0deg,#040715 7%,transparent 100%)}
/* Sobre / blueprint */
.about{background:radial-gradient(ellipse 600px 500px at 92% 60%,rgba(32,46,130,.16),transparent 80%)}
.about-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(44px,8vw,135px);align-items:center}
.about-copy .display-title{max-width:680px}
.about-copy .lead{margin:35px 0 29px;max-width:570px}
.about-copy .body-copy{margin:15px 0}
.about-signature{display:flex;gap:18px;align-items:center;margin-top:38px}
.signature-mark{font-size:24px;letter-spacing:-.1em;color:var(--pink);font-weight:600;border:1px solid var(--stroke2);width:59px;height:59px;border-radius:14px;display:grid;place-content:center;background:rgba(120,99,255,.06)}.signature-mark span{font-size:13px;position:relative;right:-4px;top:-6px;color:#b6e0ff}
.about-signature strong,.about-signature small{display:block}.about-signature strong{font-size:13px;letter-spacing:.01em}.about-signature small{font-size:12px;color:var(--muted);margin-top:5px}
.blueprint-panel{height:540px;border:1px solid rgba(125,153,244,.18);border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(23,33,84,.73),rgba(8,12,32,.94) 64%),radial-gradient(circle at center,rgba(56,51,174,.28),transparent 70%);box-shadow:0 32px 110px rgba(0,0,0,.25)}
.blueprint-panel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(103,136,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(103,136,232,.06) 1px,transparent 1px);background-size:33px 33px;mask-image:radial-gradient(ellipse,black 30%,transparent 76%)}
.blueprint-header,.blueprint-footer{position:absolute;z-index:2;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;color:#8091b6;font-size:9px}.blueprint-header{top:25px}.blueprint-header>span:first-child{display:flex;align-items:center;gap:9px}.status-led{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83e4dd;box-shadow:0 0 10px #72cdf4}
.blueprint-footer{bottom:24px}.blueprint-footer b{font-size:11px;display:block;color:#e1e8ff;margin-top:4px;letter-spacing:0}
.blueprint-space{position:absolute;inset:80px 25px;perspective:800px;display:grid;place-items:center;transform-style:preserve-3d}
.blueprint-orbit{position:absolute;width:300px;height:300px;border:1px solid rgba(150,142,255,.18);border-radius:50%;box-shadow:0 0 25px rgba(75,68,201,.13),inset 0 0 36px rgba(61,69,184,.11)}
.blueprint-orbit-a{transform:rotateX(68deg) rotateZ(31deg);animation:orbit-spin-a 20s linear infinite}.blueprint-orbit-b{width:360px;height:360px;border-color:rgba(103,179,255,.19);transform:rotateY(65deg) rotateZ(40deg);animation:orbit-spin-b 16s linear infinite}
.blueprint-cube{width:160px;height:160px;position:relative;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-28deg);animation:cube-spin 18s linear infinite}
.blueprint-cube .face{position:absolute;inset:0;border:1.5px solid rgba(175,165,255,.55);background:linear-gradient(145deg,rgba(88,96,239,.19),rgba(42,63,144,.09));display:grid;place-items:center;font-size:11px;font-weight:750;letter-spacing:.15em;color:#d2e2ff;backdrop-filter:blur(2px);box-shadow:inset 0 0 35px rgba(68,95,230,.12)}
.face-front{transform:translateZ(80px)}.face-back{transform:rotateY(180deg) translateZ(80px)}.face-right{transform:rotateY(90deg) translateZ(80px)}.face-left{transform:rotateY(-90deg) translateZ(80px)}.face-top{transform:rotateX(90deg) translateZ(80px)}.face-bottom{transform:rotateX(-90deg) translateZ(80px)}
.blueprint-point{position:absolute;width:7px;height:7px;background:#a2cfff;border-radius:50%;box-shadow:0 0 19px #527cff}.bp1{top:20%;left:17%}.bp2{top:72%;right:12%;background:#d484fa}.bp3{bottom:15%;left:37%;width:4px;height:4px}
/* Serviços — cinco universos */
.services{background:linear-gradient(180deg,transparent,rgba(11,17,47,.44) 52%,transparent)}
.services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.service-card{grid-column:span 2;position:relative;min-height:345px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid var(--stroke);border-radius:22px;background:radial-gradient(ellipse 310px 230px at var(--mx,70%) var(--my,10%),rgba(79,68,164,.1),transparent 78%),linear-gradient(155deg,rgba(15,23,55,.93),rgba(7,11,29,.96));isolation:isolate;transition:border-color .32s ease,box-shadow .32s ease,transform .5s var(--ease);transform-style:preserve-3d;will-change:transform}
.service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(154,161,255,.055),transparent 43%);pointer-events:none}
.service-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(175,125,255,.45),transparent);opacity:0;transition:opacity .3s}
.service-card:hover{border-color:rgba(165,142,255,.45);box-shadow:0 28px 80px rgba(0,0,0,.25),inset 0 0 44px rgba(74,58,170,.08)}.service-card:hover::after{opacity:1}
.service-large{grid-column:span 3;min-height:480px;padding:32px}
.service-top,.service-bottom{position:relative;z-index:2}.service-top{display:flex;justify-content:space-between;align-items:center}.service-id{color:#8394bc;font-size:10px}.service-link-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(166,165,244,.24);border-radius:50%;font-size:17px;transition:background .3s,transform .3s}.service-card:hover .service-link-icon{background:rgba(175,121,246,.16);transform:rotate(45deg)}
.service-bottom h3{font-size:clamp(25px,2.5vw,38px);font-weight:630;letter-spacing:-.05em;line-height:1.16;margin:0 0 11px}
.service-bottom h3 em{font-style:normal;color:#c6a5fc}
.service-bottom p{color:#a2afc9;font-size:14px;line-height:1.75;margin:0;max-width:400px}
.service-visual{position:absolute;top:45px;left:0;right:0;height:260px;pointer-events:none}
.web-visual{transform:rotateX(48deg) rotateZ(-15deg);transform-style:preserve-3d;width:270px;height:210px;left:calc(50% - 135px);top:85px;border:1px solid rgba(147,158,255,.5);border-radius:11px;background:linear-gradient(120deg,rgba(70,93,180,.28),rgba(19,28,67,.52));box-shadow:0 18px 60px rgba(67,76,216,.24),0 0 40px rgba(88,118,255,.12);transition:transform .7s var(--ease)}
.service-card:hover .web-visual{transform:rotateX(35deg) rotateZ(-9deg) translateY(-8px)}
.web-visual-top{height:27px;border-bottom:1px solid rgba(177,187,255,.23);display:flex;align-items:center;gap:6px;padding:0 12px}.web-visual-top b{width:5px;height:5px;border-radius:50%;background:#7a9cd0}.web-visual-top b:nth-child(2){background:#d389f7}.web-visual-top b:nth-child(3){background:#9ce0ed}
.web-visual-main{padding:23px}.web-visual-main i{display:block;height:12px;border-radius:6px;margin-bottom:12px;background:linear-gradient(90deg,rgba(120,147,250,.55),rgba(120,147,250,.06))}.web-visual-main i:first-child{width:65%;height:24px;background:linear-gradient(90deg,rgba(162,143,255,.8),rgba(90,134,255,.12))}.web-visual-main i:nth-child(2){width:95%}.web-visual-main i:nth-child(3){width:76%}
.web-visual-glow{position:absolute;inset:0;box-shadow:inset 0 0 36px rgba(143,110,249,.17)}
.system-visual{width:290px;left:calc(50% - 145px);top:84px;height:255px;transform:rotateX(28deg) rotateZ(-25deg);transition:transform .7s var(--ease)}
.service-card:hover .system-visual{transform:rotateX(18deg) rotateZ(-18deg) translateY(-8px)}
.system-tile{position:absolute;width:116px;height:94px;border:1px solid rgba(166,174,251,.47);border-radius:10px;background:linear-gradient(135deg,rgba(81,88,227,.28),rgba(36,31,87,.25));box-shadow:0 10px 28px rgba(58,61,166,.18)}
.tile-one{left:9px;top:39px}.tile-two{right:13px;top:9px}.tile-three{right:56px;bottom:8px}.system-core{position:absolute;left:127px;top:98px;width:32px;height:32px;transform:rotate(45deg);background:#9b8cff;box-shadow:0 0 24px #7a6dea}.sys-link{position:absolute;height:1px;background:linear-gradient(90deg,#8794ff,#ac70ff);box-shadow:0 0 12px #7177ff}.sys-link-one{width:68px;left:91px;top:111px;transform:rotate(31deg)}.sys-link-two{width:84px;right:54px;top:110px;transform:rotate(100deg)}
.service-symbol{height:90px;display:grid;place-content:center;position:relative;align-self:center;margin:10px 0 9px;width:135px;color:#baadff}
.symbol-orbit{width:125px;height:100px}.symbol-orbit span{position:absolute;left:26px;top:11px;width:78px;height:78px;border:1.5px solid #9177f9;border-radius:50%;box-shadow:0 0 16px rgba(99,79,245,.3);transform:rotateX(65deg) rotate(-35deg);animation:orbit-spin-a 10s linear infinite}.symbol-orbit span:nth-child(2){transform:rotateY(61deg) rotate(-20deg);border-color:#6caeff;animation-delay:-3s}.symbol-orbit span:nth-child(3){left:57px;top:44px;width:14px;height:14px;background:#bd96ff;border:0;box-shadow:0 0 26px #b38afc}
.symbol-connect i{width:14px;height:14px;border-radius:50%;position:absolute;background:#8bb6ff;box-shadow:0 0 14px #577bff}.symbol-connect i:nth-child(1){left:21px;top:17px}.symbol-connect i:nth-child(2){right:13px;top:21px;background:#c390ff}.symbol-connect i:nth-child(3){left:62px;bottom:14px;background:#9be4ff}.symbol-connect i:nth-child(4){left:61px;top:31px;width:5px;height:5px;background:#ca9ffd}
.symbol-connect::before,.symbol-connect::after{content:"";position:absolute;width:94px;height:1px;background:linear-gradient(90deg,#75bcff,#a58cff);transform:rotate(17deg);left:23px;top:39px}.symbol-connect::after{transform:rotate(-55deg);width:72px;top:57px;left:43px}
.symbol-spark{color:#c5a5fc}.spark-central{font-size:79px;line-height:1;text-shadow:0 0 34px rgba(149,106,255,.55);animation:logo-float 4s ease-in-out infinite}.spark-one{position:absolute;top:5px;left:15px;font-size:23px;color:#9bdfff}.spark-two{position:absolute;bottom:13px;right:9px;color:#9c8bff}
.services-bottom{padding-top:31px;display:flex;justify-content:space-between;align-items:center;gap:22px;color:#788cb2;font-size:10px;font-weight:750;letter-spacing:.12em}
.round-cross{margin:0 10px;color:#cb9cf7}.text-link{color:#d9d7ff;font-weight:680;letter-spacing:-.01em;font-size:13px;display:inline-flex;align-items:center;gap:18px;transition:gap .25s,color .25s}.text-link:hover{color:#a5d8ff;gap:25px}
/* Processo cinematográfico: a estrutura se forma conforme o scroll */
.mission-scroll{height:310vh;position:relative;background:radial-gradient(ellipse at 75% 40%,rgba(33,28,115,.28),transparent 55%),linear-gradient(180deg,#040715,#07112c 34%,#040716 100%)}
.mission-sticky{position:sticky;top:0;height:100svh;min-height:710px;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.mission-sticky::before{content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(120,139,244,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,139,244,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,black 55%,transparent)}
.mission-ambient{position:absolute;width:75vw;height:75vw;right:-15vw;top:-10vw;border-radius:50%;background:radial-gradient(circle,rgba(56,55,181,.23),transparent 65%);filter:blur(20px)}
.mission-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:55px;align-items:center;position:relative;z-index:2;padding-block:70px}
.mission-grid .chapter-tag{margin-bottom:56px}
.mission-info .display-title{font-size:clamp(39px,4.8vw,68px);max-width:590px}
.mission-dynamic{margin-top:65px;min-height:190px;transition:opacity .2s ease,transform .2s ease}.mission-dynamic.changing{opacity:.25;transform:translateY(10px)}
.step-label{display:flex;align-items:baseline;gap:6px;font-size:17px;color:#6278a8;font-weight:700;font-variant-numeric:tabular-nums}
.step-label #stepNum{font-size:52px;letter-spacing:-.07em;line-height:1;color:#bba3fa}.step-static{margin-left:14px;font-size:10px;letter-spacing:.2em;color:#7f91b5}
.mission-dynamic h3{font-size:clamp(19px,2.4vw,31px);letter-spacing:-.04em;margin:20px 0 10px;font-weight:590}
.mission-dynamic p{color:var(--muted);font-size:15px;line-height:1.8;max-width:510px;margin:0}
.mission-meter{display:flex;gap:7px;margin-top:26px}.mission-meter span{display:block;width:35px;height:4px;border-radius:3px;background:#25345d;transition:background .4s,box-shadow .4s,width .4s}.mission-meter span.is-active{background:linear-gradient(90deg,#80d5fe,#ae8cff);width:66px;box-shadow:0 0 13px rgba(162,129,251,.43)}
.scroll-note{color:#7183a9;margin-top:45px;font-size:9px}
.mission-art{height:min(43vw,580px);min-height:460px;position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(150,160,252,.13);background:radial-gradient(circle at center,rgba(74,60,164,.18),rgba(8,14,39,.14) 46%,rgba(5,10,28,.35) 70%)}
.mission-art::before{content:"";position:absolute;inset:0;opacity:.65;background-image:radial-gradient(circle,rgba(112,135,249,.16) .8px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(circle,black 10%,transparent 75%)}
#assemblyCanvas{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(103,94,244,.23))}
.assembly-corner{position:absolute;z-index:2;width:18px;height:18px;border:solid rgba(125,157,255,.72)}.corner-tl{top:18px;left:18px;border-width:1px 0 0 1px}.corner-tr{top:18px;right:18px;border-width:1px 1px 0 0}.corner-bl{bottom:18px;left:18px;border-width:0 0 1px 1px}.corner-br{bottom:18px;right:18px;border-width:0 1px 1px 0}
.assembly-label{position:absolute;left:29px;color:#8797c7;font-size:9px;font-weight:750;letter-spacing:.15em}.assembly-label.top{top:30px;display:flex;gap:9px;align-items:center}.assembly-label.bottom{bottom:30px;display:flex;gap:15px}.assembly-label.bottom span{color:#c8b6ff}
.mission-prog{position:absolute;bottom:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#75cefe,#af77ff);box-shadow:0 0 20px rgba(134,137,255,.7)}
/* Visão e impacto */
.vision{background:radial-gradient(ellipse at 50% 17%,rgba(61,46,142,.17),transparent 55%)}
.vision-opening{text-align:center;max-width:1160px;margin:0 auto 78px}.vision-opening .mini-label{margin-bottom:30px}
.vision-title{font-size:clamp(42px,5.85vw,86px);font-weight:620;line-height:1.13;letter-spacing:-.07em;margin:0;text-wrap:balance}
.vision-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vision-card{height:600px;border:1px solid var(--stroke);border-radius:24px;padding:32px 35px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;background:linear-gradient(155deg,rgba(15,25,58,.84),rgba(7,11,28,.9));box-shadow:inset 0 0 100px rgba(54,55,144,.04)}
.vision-card:nth-child(2){background:linear-gradient(165deg,rgba(21,17,62,.9),rgba(7,11,28,.96))}
.vision-card-meta{display:flex;justify-content:space-between;font-size:10px;font-weight:750;color:#8a9fc6;letter-spacing:.16em;position:relative;z-index:3}.vision-card-meta span:last-child{font-size:20px;color:#ba95f7}
.vision-card-copy{position:relative;z-index:4;max-width:480px}
.vision-card-copy h3{font-size:clamp(27px,2.8vw,42px);font-weight:630;letter-spacing:-.055em;line-height:1.18;margin:0 0 15px}.vision-card-copy h3 em{font-style:normal;color:#c6a2ff}
.vision-card-copy p{font-size:15px;color:#a3afca;line-height:1.85;max-width:480px;margin:0}
.vision-graphic{position:absolute;top:75px;height:345px;left:0;right:0;pointer-events:none}
.planet-graphic{width:300px;height:300px;left:calc(50% - 150px);top:75px;border:1px solid rgba(146,168,255,.42);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(85,94,213,.2),transparent 61%),radial-gradient(circle,transparent 40%,rgba(100,65,226,.14) 70%);box-shadow:0 0 56px rgba(69,74,185,.2),inset -35px -21px 70px rgba(17,18,68,.42);transform:rotate(-17deg);animation:planet-float 11s ease-in-out infinite}
.planet-lat,.planet-long{position:absolute;top:50%;left:50%;border:1px solid rgba(143,161,255,.43);border-radius:50%;transform:translate(-50%,-50%)}.planet-lat{width:100%;height:40%}.lat-b{height:78%;opacity:.6}.planet-long{width:34%;height:100%}.long-b{width:78%;opacity:.6}.planet-axis{position:absolute;top:50%;left:-24%;width:148%;height:1px;transform:rotate(-23deg);background:linear-gradient(90deg,transparent,#b08cff 30%,#84c9ff 70%,transparent);box-shadow:0 0 15px #8179ff}
.pulse-graphic{top:53px;left:50%;right:auto;transform:translateX(-50%);width:360px;height:360px}.impact-pulse{position:absolute;inset:12%;border:1px solid rgba(174,119,255,.4);border-radius:31%;transform:rotate(45deg);box-shadow:0 0 33px rgba(87,53,170,.08),inset 0 0 18px rgba(80,61,180,.1);animation:pulse-transform 11s linear infinite}.impact-pulse-b{inset:25%;border-color:rgba(111,175,255,.55);animation-direction:reverse;animation-duration:9s}.impact-pulse-c{inset:37%;border-color:rgba(177,150,255,.52);animation-duration:7s}.impact-center{position:absolute;inset:0;display:grid;place-content:center;color:#ccafff;font-size:46px;text-shadow:0 0 25px #9e7bff}
/* Valores */
.values{background:radial-gradient(ellipse 650px 600px at 90% 70%,rgba(36,39,130,.13),transparent 80%)}
.values-intro{max-width:890px;margin-bottom:76px}.values-intro .display-title{max-width:850px}.values-intro .section-sidecopy{margin-top:24px;max-width:560px}
.value-list{border-top:1px solid var(--stroke2)}
.value-item{padding:31px 13px;display:grid;grid-template-columns:195px minmax(0,1fr) 40px;gap:20px;align-items:center;border-bottom:1px solid var(--stroke);transition:background .3s ease,padding-left .3s var(--ease)}
.value-item:hover{background:linear-gradient(90deg,rgba(77,76,196,.07),transparent);padding-left:22px}
.value-side{display:flex;align-items:center;gap:55px;color:#788cbb;font-size:12px;font-weight:700;letter-spacing:.05em}
.value-glyph{font-size:34px;line-height:1;color:#c39dff;font-weight:400;text-shadow:0 0 23px rgba(132,119,246,.2)}.glyph-inclusion{color:#8fcaff}.glyph-planet{color:#99d1ff}.glyph-lock{color:#caa5ff}
.value-item h3{margin:0 0 8px;font-size:clamp(24px,2.7vw,37px);font-weight:600;letter-spacing:-.05em}.value-item h3 span{color:#bd9dff}
.value-item p{margin:0;max-width:780px;font-size:14px;line-height:1.75;color:#9daac6}
.value-arrow{font-size:20px;color:#7f8cba;transition:transform .3s,color .3s}.value-item:hover .value-arrow{transform:translate(4px,-4px);color:#d2b6ff}
.privacy-strip{border:1px solid rgba(144,150,240,.15);border-radius:16px;background:rgba(31,34,77,.22);padding:23px 29px;margin-top:40px;display:flex;justify-content:space-between;gap:22px;align-items:center}
.privacy-strip>div{display:flex;gap:19px;align-items:center}.strip-symbol{width:48px;height:48px;border-radius:12px;background:rgba(154,132,249,.12);display:grid;place-items:center;color:#b3a2ff;font-size:25px}
.privacy-strip strong{font-size:15px}.privacy-strip p{color:#8e9bbc;margin:5px 0 0;font-size:13px}
/* Contato: nenhuma linha de luz passa por cima do conteúdo */
.contact{padding-block:clamp(105px,11vw,180px);overflow:hidden;background:linear-gradient(135deg,#080f2d,#070b1d 52%,#100e2c 100%)}
.contact-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.75}
.contact-sky::before{content:"";position:absolute;left:-20%;top:-65%;width:75%;height:130%;background:radial-gradient(circle,rgba(53,86,211,.22),transparent 67%);filter:blur(70px)}
.contact-orbit{position:absolute;width:930px;height:930px;left:-580px;top:-260px;border:1px solid rgba(118,153,255,.16);border-radius:50%;transform:rotateX(50deg) rotateZ(40deg)}.contact-orbit.second{width:720px;height:720px;left:-430px;top:-130px;border-color:rgba(198,121,255,.17)}
.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(42px,7vw,120px);align-items:start}
.contact .chapter-tag{margin-bottom:93px}
.contact-title{font-size:clamp(49px,5.4vw,83px);line-height:1.05;letter-spacing:-.075em;margin:0;font-weight:650}
.contact-text>.lead{margin-top:30px;max-width:410px;font-size:18px;color:#b4bed6}
.contact-stamp{display:flex;align-items:center;gap:18px;margin-top:52px;font-size:10px;letter-spacing:.17em;line-height:1.7;font-weight:700;color:#aebbd9}
.stamp-circle{width:65px;height:65px;border:1px solid rgba(173,154,255,.43);border-radius:50%;display:grid;place-items:center;font-size:27px;color:#d2bbff;box-shadow:inset 0 0 30px rgba(116,79,241,.1)}
.contact-instagram{margin-top:50px;display:inline-flex;flex-direction:column;gap:8px;color:#899bbf;font-size:13px}.contact-instagram strong{color:#c5b6ff;font-size:15px}
.contact-card{background:linear-gradient(145deg,rgba(22,30,70,.95),rgba(10,15,35,.97));border:1px solid rgba(162,168,255,.23);padding:clamp(24px,3.6vw,54px);border-radius:25px;box-shadow:0 30px 100px rgba(0,0,0,.22);position:relative;overflow:hidden}
.contact-card::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#a38eff,transparent);box-shadow:0 0 20px rgba(161,105,255,.8)}
.form-topline{display:flex;justify-content:space-between;gap:15px;color:#90a0c6;font-size:9px}.form-topline>span:first-child{display:flex;align-items:center;gap:8px}
.contact-card h3{font-size:clamp(30px,3vw,44px);letter-spacing:-.065em;margin:26px 0 8px;font-weight:640}
.form-description{color:#a5b1c9;font-size:14px;line-height:1.7;margin:0 0 30px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}
.field{display:flex;flex-direction:column;gap:10px;min-width:0}
.field>span{font-size:10px;color:#b7c5e2;letter-spacing:.13em}
.field input,.field select,.field textarea{border:1px solid rgba(163,173,241,.19);border-radius:10px;background:#0a1028;color:#f0f4ff;padding:14px 15px;outline:0;max-width:100%;width:100%;font-size:13px;transition:border-color .2s,box-shadow .2s;min-height:49px}
.field input::placeholder,.field textarea::placeholder{color:#6b779b;opacity:1}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#aa9af5;box-shadow:0 0 0 3px rgba(119,93,234,.13)}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%2399a9d0' stroke-width='1.7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:35px;cursor:pointer}
.field select option{background:#0e1631;color:white}
.field textarea{resize:vertical;min-height:133px;line-height:1.7}
.field-full{margin-bottom:17px}.consent{display:flex;align-items:flex-start;gap:12px;color:#a4aece;font-size:11px;line-height:1.72;cursor:pointer;margin-bottom:24px}.consent input{accent-color:#aa91fe;margin-top:4px;flex:0 0 auto}.consent a{color:#c5aeff;text-decoration:underline;text-underline-offset:3px}
.form-submit{width:100%;justify-content:space-between;font-size:14px}.form-submit span{font-size:20px}.form-hint{font-size:11px;color:#7585a7;line-height:1.6;margin:15px 0 0}.form-preview-hint{font-size:12px;color:#e6cbff;border:1px solid rgba(176,129,249,.4);background:rgba(110,57,153,.16);border-radius:9px;padding:12px;line-height:1.6}
.honey{position:absolute!important;left:-99999px!important;top:-99999px!important;opacity:0!important;pointer-events:none!important}
/* Rodapé */
.site-footer{border-top:1px solid var(--stroke);padding:85px 0 27px;background:#050817}
.footer-main{display:flex;justify-content:space-between;gap:80px;padding-bottom:84px}
.footer-brand img{width:168px;height:auto;margin-left:-7px}.footer-brand p{font-size:14px;color:#8998b8;line-height:1.8;margin:10px 0 0}
.footer-links{display:flex;gap:clamp(65px,10vw,160px);margin-right:70px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer-links small{color:#8a96b7;letter-spacing:.14em;margin-bottom:8px}.footer-links a{font-size:13px;color:#b2bcd5;transition:color .2s}.footer-links a:hover{color:#d6acff}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--stroke);padding-top:26px;color:#7282a2;font-size:11px;letter-spacing:.01em}.footer-bottom>a{font-size:10px;font-weight:750;letter-spacing:.08em;color:#b6c5e9}.purple-heart{font-size:15px;color:#b685ff}
/* Sobreposições finas de iluminação */
@keyframes pulse{0%,100%{opacity:.45;transform:scale(.75)}55%{opacity:1;transform:scale(1.25)}}
@keyframes signal{from{transform:scaleY(.4);opacity:.65}to{transform:scaleY(1);opacity:1}}
@keyframes scroll-cue{0%{transform:translateY(0);opacity:1}75%{transform:translateY(9px);opacity:0}100%{transform:translateY(0);opacity:0}}
@keyframes logo-float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 9px))}}
@keyframes cube-spin{0%{transform:rotateX(-22deg) rotateY(-20deg)}100%{transform:rotateX(338deg) rotateY(340deg)}}
@keyframes orbit-spin-a{0%{transform:rotateX(68deg) rotateZ(31deg)}100%{transform:rotateX(68deg) rotateZ(391deg)}}
@keyframes orbit-spin-b{0%{transform:rotateY(65deg) rotateZ(40deg)}100%{transform:rotateY(65deg) rotateZ(400deg)}}
@keyframes planet-float{0%,100%{transform:translateY(0) rotate(-17deg)}50%{transform:translateY(-12px) rotate(-8deg)}}
@keyframes pulse-transform{0%{transform:rotate(45deg) scale(.9)}50%{transform:rotate(225deg) scale(1.08)}100%{transform:rotate(405deg) scale(.9)}}
/* telas de até 1120px */
@media(max-width:1120px){.shell{width:min(100% - 72px,var(--max))}.nav-shell{padding:0 36px}.desktop-nav{gap:18px}.hero h1{font-size:clamp(54px,6.7vw,82px)}.hero-world{min-height:520px}.hero-description{max-width:490px}.service-large{min-height:445px}.blueprint-panel{height:490px}.mission-grid{gap:25px}.mission-art{min-height:410px}.vision-card{height:570px}.value-item{grid-template-columns:138px minmax(0,1fr) 25px}.value-side{gap:36px}.contact-grid{gap:50px}}
@media(max-width:860px){:root{--header-h:72px}.shell{width:min(100% - 48px,var(--max))}.desktop-nav,.nav-cta{display:none}.nav-shell{padding:0 24px}.menu-toggle{display:flex}.brand-link img{width:128px}.mobile-nav{display:flex;position:fixed;left:0;right:0;top:var(--header-h);height:calc(100dvh - var(--header-h));overflow:auto;padding:22px 24px 46px;flex-direction:column;gap:0;background:rgba(4,7,22,.98);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);transform:translateX(104%);transition:transform .35s var(--ease);border-top:1px solid var(--stroke);visibility:hidden}.menu-expanded .mobile-nav{transform:translateX(0);visibility:visible}.mobile-nav a{font-size:clamp(23px,6vw,37px);letter-spacing:-.04em;font-weight:650;display:flex;align-items:baseline;gap:17px;padding:20px 10px;border-bottom:1px solid var(--stroke)}.mobile-nav a span{font-size:11px;color:#9aa8c7;letter-spacing:0}
.hero{min-height:auto}.hero-grid{padding-top:155px;padding-bottom:170px;display:flex;flex-direction:column;align-items:stretch;gap:15px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(62px,9.5vw,92px);max-width:100%}.hero-description{max-width:640px}.hero-world{height:min(76vw,630px);width:min(100%,720px);min-height:500px;margin:20px auto 0}.hero-bottom{bottom:39px}.hero-bottom-right{display:none}.world-floating-a{right:7%}.world-floating-b{left:3%}
.about-grid{grid-template-columns:1fr;gap:55px}.about-copy{max-width:720px}.blueprint-panel{height:510px;max-width:680px;width:100%;margin:auto}.chapter-tag{margin-bottom:55px}.services-grid{gap:13px}.service-card{padding:22px;min-height:325px}.service-large{min-height:440px}.service-visual{transform:scale(.85)}.mission-scroll{height:310vh}.mission-sticky{min-height:0}.mission-grid{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:stretch;padding-block:15px}.mission-grid .chapter-tag{margin-bottom:22px}.mission-info .display-title{font-size:clamp(39px,6vw,56px)}.mission-dynamic{margin-top:22px;min-height:130px}.mission-dynamic h3{margin-top:11px}.mission-dynamic p{font-size:13px;line-height:1.5}.mission-meter{margin-top:14px}.scroll-note{margin-top:17px}.mission-art{height:min(44vh,410px);width:100%;min-height:290px;max-width:640px;align-self:center}.vision-title{font-size:clamp(42px,6vw,70px)}.vision-card{height:545px;padding:27px}.planet-graphic{transform:scale(.8) rotate(-17deg)}.value-item{grid-template-columns:90px minmax(0,1fr) 25px;gap:12px}.value-side{gap:17px}.value-item h3{font-size:27px}.contact-grid{grid-template-columns:1fr;gap:50px}.contact .chapter-tag{margin-bottom:58px}.contact-text>.lead{max-width:670px}.contact-stamp{margin-top:27px}.contact-instagram{margin-top:24px}.contact-card{max-width:730px;width:100%;margin:auto}.footer-links{margin-right:0}}
@media(max-width:600px){.shell{width:min(100% - 38px,var(--max))}.nav-shell{padding-inline:18px}.section-block{padding:94px 0}.chapter-tag{font-size:8px;gap:12px;margin-bottom:44px}.chapter-line{width:24px}.chapter-tag>span:last-child{letter-spacing:.08em}.mini-label{font-size:10px;margin-bottom:18px}.display-title{font-size:clamp(43px,11vw,60px);letter-spacing:-.065em}.hero-grid{padding-top:125px;padding-bottom:142px;gap:2px}.hero-eyebrow{font-size:9px;gap:8px;margin-bottom:26px;letter-spacing:.1em}.hero h1{font-size:clamp(49px,11.5vw,75px);line-height:1.04;letter-spacing:-.074em;max-width:100%}.hero h1 .gradient-text{white-space:normal}.hero-description{font-size:15px;line-height:1.76;margin:27px 0}.hero-actions{gap:10px}.button{min-height:53px;padding:15px 17px;font-size:12px;gap:15px}.hero-aside{margin-top:26px;font-size:9px}.hero-world{width:calc(100% + 36px);margin:12px -18px 0;height:390px;min-height:360px}.world-toplabel{top:5%;right:14%;font-size:8px}.portal-logo{width:37%}.world-floating{font-size:6.5px;padding:7px 8px}.world-floating-a{top:29%;right:2%}.world-floating-b{bottom:17%;left:3%}.world-bottomlabel{bottom:8%;font-size:8px}.hero-bottom{bottom:29px}.scroll-instruction{font-size:8px}.scroll-mouse{height:33px}
.about-grid{gap:40px}.about-copy .lead{margin-top:28px;font-size:20px}.body-copy{font-size:14px;line-height:1.8}.about-signature{margin-top:27px}.blueprint-panel{height:380px;border-radius:18px}.blueprint-header,.blueprint-footer{left:17px;right:17px;font-size:8px}.blueprint-space{inset:50px 0}.blueprint-cube{width:116px;height:116px}.blueprint-cube .face{font-size:8px}.face-front{transform:translateZ(58px)}.face-back{transform:rotateY(180deg) translateZ(58px)}.face-right{transform:rotateY(90deg) translateZ(58px)}.face-left{transform:rotateY(-90deg) translateZ(58px)}.face-top{transform:rotateX(90deg) translateZ(58px)}.face-bottom{transform:rotateX(-90deg) translateZ(58px)}.blueprint-orbit{width:210px;height:210px}.blueprint-orbit-b{width:275px;height:275px}
.spread-head{flex-direction:column;align-items:start;gap:24px}.section-sidecopy{font-size:14px}.services-grid{grid-template-columns:1fr;gap:12px}.service-card,.service-large{grid-column:1;min-height:320px;padding:22px}.service-large{min-height:420px}.service-visual{top:48px;transform:scale(.85);transform-origin:center center}.service-bottom h3{font-size:29px}.service-bottom p{font-size:13px}.service-top{font-size:9px}.services-bottom{flex-direction:column;align-items:flex-start;gap:14px;line-height:1.5}
.mission-scroll{height:290vh}.mission-sticky{height:100svh;min-height:0}.mission-grid{gap:14px;padding-block:34px}.mission-grid .chapter-tag{margin-bottom:15px}.mission-info .mini-label{font-size:9px;margin-bottom:10px}.mission-info .display-title{font-size:clamp(31px,8.3vw,43px);line-height:1.08}.mission-dynamic{margin-top:17px;min-height:126px}.step-label #stepNum{font-size:37px}.mission-dynamic h3{font-size:19px;margin:8px 0 5px}.mission-dynamic p{font-size:12px;line-height:1.55}.mission-meter{margin-top:11px}.scroll-note{font-size:7px;margin-top:14px}.mission-art{height:35vh;min-height:245px;max-height:330px}.assembly-label{font-size:7px}.assembly-label.top{top:21px}.assembly-label.bottom{bottom:19px}.mission-grid .chapter-tag>span:last-child{display:none}
.vision-opening{margin-bottom:42px;text-align:left}.vision-title{font-size:clamp(38px,10vw,58px)}.vision-cards{grid-template-columns:1fr;gap:14px}.vision-card{height:510px;padding:25px}.vision-card-copy h3{font-size:30px}.vision-card-copy p{font-size:13px}.vision-graphic{top:63px}.planet-graphic{top:52px}.pulse-graphic{transform:translateX(-50%) scale(.82);top:30px}
.values-intro{margin-bottom:45px}.value-item{grid-template-columns:44px 1fr 20px;padding:25px 0;gap:13px}.value-side{display:flex;flex-direction:column;gap:8px;align-items:start}.value-glyph{font-size:25px}.value-item h3{font-size:24px}.value-item p{font-size:12px;line-height:1.65}.value-arrow{font-size:15px}.privacy-strip{flex-direction:column;align-items:stretch;padding:21px;gap:22px}.privacy-strip p{line-height:1.6}
.contact .chapter-tag{margin-bottom:56px}.contact-title{font-size:clamp(47px,11vw,63px)}.contact-text>.lead{font-size:16px}.contact-stamp{margin-top:28px}.contact-card{padding:23px 18px;border-radius:20px}.form-topline{font-size:7px}.contact-card h3{font-size:35px}.form-description{font-size:13px}.form-row{grid-template-columns:1fr;gap:18px}.field>span{font-size:9px}.field input,.field select,.field textarea{font-size:14px}.form-submit{font-size:13px}.footer-main{flex-direction:column;gap:45px;padding-bottom:50px}.footer-links{gap:40px;justify-content:space-between}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;font-size:10px;padding-top:23px}.site-footer{padding-top:55px}
}
@media(max-width:360px){.hero h1{font-size:44px}.hero-world{height:320px;min-height:320px}.hero-actions .button{width:100%;justify-content:space-between}.hero-grid{padding-bottom:120px}.vision-card{height:530px}.chapter-tag{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.js-animate .reveal{opacity:1!important;transform:none!important}.cursor-aura{display:none}}



/* FW TECH / PORTAL 2.0 — profundidade, navegação e suavidade */
html{scroll-padding-top:115px}
[id^="compromisso-"]{scroll-margin-top:120px}
.hero-world{perspective:1100px;transform-style:preserve-3d}
.portal-architecture{position:absolute;inset:11% 7%;transform-style:preserve-3d;perspective:900px;pointer-events:none;isolation:isolate;opacity:.8;z-index:0}
.portal-arch{position:absolute;inset:10% 8%;border:1px solid rgba(125,140,255,.2);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 34px rgba(87,93,247,.09),inset 0 0 25px rgba(103,64,255,.06);animation:portal-arch-roll 22s linear infinite;will-change:transform}
.portal-arch::after{content:"";position:absolute;inset:5%;border:1px dashed rgba(125,163,255,.24);border-radius:50%}
.portal-arch-back{border-color:rgba(81,165,255,.24);transform:rotateX(66deg) rotateY(15deg);animation-duration:24s}
.portal-arch-mid{inset:15% 14%;border-color:rgba(190,114,255,.3);animation-duration:19s;animation-direction:reverse;animation-delay:-5s}
.portal-arch-front{inset:3% 5%;border-color:rgba(164,124,255,.17);animation-duration:28s;animation-delay:-9s}
.portal-hub{position:absolute;inset:27%;border-radius:50%;background:radial-gradient(circle,rgba(20,23,81,.26),transparent 74%);box-shadow:inset 0 0 50px rgba(132,100,255,.1);transform:translateZ(-90px)}
#portalCanvas{z-index:1;filter:none}
.portal-logo{z-index:3;transform-style:preserve-3d}
.assembly-3d-frame{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;perspective:900px;transform-style:preserve-3d}
.assembly-3d-frame i{position:absolute;border:1px solid rgba(132,133,255,.2);width:min(64%,370px);aspect-ratio:1;transform-style:preserve-3d;border-radius:15%;box-shadow:0 0 20px rgba(87,81,234,.05);animation:assembly-struct 26s linear infinite}
.assembly-3d-frame i:nth-child(2){width:min(43%,260px);border-color:rgba(110,187,255,.16);animation-duration:19s;animation-direction:reverse}
.assembly-3d-frame i:nth-child(3){width:min(72%,440px);border-color:rgba(179,126,255,.08);animation-duration:31s}
#assemblyCanvas{position:relative;z-index:2}
.button,.nav-cta,.menu-toggle,.privacy-action{position:relative;transform-style:preserve-3d;backface-visibility:hidden;isolation:isolate;will-change:transform}
.button{--tilt-x:0deg;--tilt-y:0deg;transition:transform .2s ease-out,box-shadow .28s ease,border-color .28s ease,background .28s ease}
.button::before,.nav-cta::before{content:"";position:absolute;inset:2px;border-radius:inherit;transform:translate3d(0,9px,-9px);z-index:-1;background:linear-gradient(140deg,rgba(125,151,255,.42),rgba(137,63,239,.48));box-shadow:0 9px 28px rgba(68,64,217,.24);opacity:.6;pointer-events:none;transition:opacity .24s ease,transform .24s ease}
.button:hover,.button:focus-visible{transform:perspective(900px) translate3d(0,-5px,13px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.button:hover::before,.nav-cta:hover::before{opacity:1;transform:translate3d(0,12px,-12px)}
.button:active{transform:perspective(900px) translate3d(0,0,2px) scale(.985)}
.nav-cta{--tilt-x:0deg;--tilt-y:0deg;transition:transform .2s ease-out,background .25s,border-color .25s}
.nav-cta:hover{transform:perspective(900px) translate3d(0,-4px,9px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.service-card{--tilt-x:0deg;--tilt-y:0deg;transform-origin:center center}
.js-animate .service-card.reveal.is-visible:hover,.service-card:hover{transform:perspective(1300px) translate3d(0,-7px,9px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:0 34px 88px rgba(0,0,0,.27),0 10px 35px rgba(66,70,161,.16)}
.service-card .service-top,.service-card .service-bottom{transform:translateZ(22px)}
.value-list{perspective:1200px}
.value-item{--tilt-x:0deg;--tilt-y:0deg;position:relative;grid-template-columns:180px minmax(0,1fr) 112px;min-height:170px;transform-style:preserve-3d;transform-origin:50% 50%;transition:transform .24s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease;outline-offset:4px;cursor:pointer;border-radius:8px}
.value-item h3,.value-item p{pointer-events:none}
.js-animate .value-item.reveal.is-visible:hover,.value-item:hover{transform:perspective(1200px) translate3d(0,-3px,9px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));padding-left:13px;background:linear-gradient(110deg,rgba(70,76,195,.18),rgba(30,24,80,.06));box-shadow:0 14px 48px rgba(46,49,127,.14);border-bottom-color:rgba(164,147,255,.36)}
.value-item>div{transform:translateZ(10px)}
.value-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap;color:#bcd2fa;font-size:10px;letter-spacing:.1em;font-weight:800;transform:translateZ(19px)}
.value-action .value-arrow{font-size:22px}
.value-item:target,.privacy-strip:target{outline:1px solid rgba(158,123,255,.6);box-shadow:0 0 36px rgba(108,80,255,.19);background:rgba(68,57,139,.16)}
.value-item:target::before,.privacy-strip:target::before{content:"";pointer-events:none;position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(156,203,255,.44)}
.privacy-strip{position:relative;scroll-margin-top:115px;transition:box-shadow .25s,background .25s}
.privacy-action{padding:13px 16px;border:1px solid rgba(162,145,255,.22);border-radius:11px;background:rgba(110,91,233,.08);white-space:nowrap}
.privacy-action:hover{background:rgba(130,102,232,.18);border-color:rgba(193,155,255,.46)}
.footer-links a{transition:transform .25s,color .25s}
.footer-links a:hover{transform:translateX(5px)}
@keyframes portal-arch-roll{0%{transform:rotateX(67deg) rotateY(-24deg) rotateZ(0deg)}50%{transform:rotateX(45deg) rotateY(25deg) rotateZ(180deg)}100%{transform:rotateX(67deg) rotateY(-24deg) rotateZ(360deg)}}
@keyframes assembly-struct{0%{transform:rotateX(65deg) rotateY(-18deg) rotateZ(0)}100%{transform:rotateX(65deg) rotateY(-18deg) rotateZ(360deg)}}
@media(max-width:1120px){.value-item{grid-template-columns:130px minmax(0,1fr) 100px}}
@media(max-width:860px){.value-item{grid-template-columns:85px minmax(0,1fr) 92px;min-height:155px}.value-item:hover,.js-animate .value-item.is-visible:hover{transform:translateY(-2px)}.portal-architecture{opacity:.66}}
@media(max-width:600px){.value-item{grid-template-columns:43px minmax(0,1fr) 30px;min-height:0;padding:26px 0}.value-action{font-size:0;gap:0;justify-content:center}.value-action .value-arrow{font-size:23px}.js-animate .value-item.reveal.is-visible:hover,.value-item:hover{transform:none;padding-left:0}.privacy-action{width:100%;justify-content:space-between}.portal-architecture{opacity:.48;inset:8% 3%}.button::before{transform:translate3d(0,6px,-6px)}.button{will-change:auto}}
@media(prefers-reduced-motion:reduce){.portal-arch,.assembly-3d-frame i{animation:none!important}.button,.nav-cta,.service-card,.value-item{transform:none!important;will-change:auto!important}.button:hover,.nav-cta:hover,.service-card:hover,.value-item:hover{transform:none!important}}

/* Cursor ambiental sem mudanças de layout */
.cursor-aura{left:0;top:0;transform:translate3d(-400px,-400px,0);will-change:transform}


/* FW TECH / v4.2 — ícones feitos com fios, sem emojis */
.wire-icon,.wire-chip,.meta-wire,.round-cross,.wire-check,.strip-symbol,.stamp-circle,.success-mark,.spark-central,.spark-one,.spark-two,.wire-core{position:relative;display:inline-block;flex:0 0 auto;color:currentColor}
.wire-icon,.meta-wire,.round-cross,.strip-symbol,.stamp-circle,.spark-central,.spark-one,.spark-two,.wire-core{width:1.1em;height:1.1em}
.wire-icon::before,.wire-icon::after,.meta-wire::before,.meta-wire::after,.round-cross::before,.round-cross::after,.strip-symbol::before,.strip-symbol::after,.stamp-circle::before,.stamp-circle::after,.spark-central::before,.spark-central::after,.spark-one::before,.spark-one::after,.spark-two::before,.spark-two::after,.wire-core::before,.wire-core::after{content:"";position:absolute;inset:0}
.wire-icon.network::before,.meta-wire::before,.spark-central::before,.spark-two::before{background:
  radial-gradient(circle at 18% 76%,currentColor 0 12%,transparent 13%),
  radial-gradient(circle at 50% 24%,currentColor 0 12%,transparent 13%),
  radial-gradient(circle at 82% 76%,currentColor 0 12%,transparent 13%),
  linear-gradient(currentColor,currentColor) 28% 68%/24% 2px no-repeat,
  linear-gradient(currentColor,currentColor) 50% 38%/2px 32% no-repeat,
  linear-gradient(currentColor,currentColor) 50% 68%/24% 2px no-repeat;filter:drop-shadow(0 0 12px color-mix(in srgb, currentColor 45%, transparent))}
.wire-icon.orbit::before,.strip-symbol::before,.wire-core::before{inset:10%;border:2px solid currentColor;border-radius:50%;opacity:.75;box-shadow:0 0 14px color-mix(in srgb, currentColor 30%, transparent)}
.wire-icon.orbit::after,.strip-symbol::after,.wire-core::after{width:20%;height:20%;inset:auto;right:14%;top:12%;border-radius:50%;background:currentColor;box-shadow:0 0 12px color-mix(in srgb, currentColor 40%, transparent)}
.wire-icon.stream::before,.stamp-circle::before{background:
  radial-gradient(circle at 16% 74%,currentColor 0 12%,transparent 13%),
  radial-gradient(circle at 82% 30%,currentColor 0 12%,transparent 13%),
  linear-gradient(135deg,transparent 33%,currentColor 34% 38%,transparent 39%) center/100% 100% no-repeat;filter:drop-shadow(0 0 12px color-mix(in srgb, currentColor 42%, transparent))}
.wire-icon.stream::after,.stamp-circle::after{background:
  linear-gradient(currentColor,currentColor) 36% 63%/34% 2px no-repeat,
  linear-gradient(currentColor,currentColor) 62% 38%/2px 28% no-repeat;opacity:.85}
.wire-icon.shield::before,.round-cross::before,.spark-one::before{background:
  radial-gradient(circle at 50% 50%,transparent 0 34%,currentColor 36% 40%,transparent 42%),
  linear-gradient(currentColor,currentColor) center/62% 2px no-repeat,
  linear-gradient(currentColor,currentColor) center/2px 62% no-repeat;filter:drop-shadow(0 0 12px color-mix(in srgb, currentColor 42%, transparent))}
.wire-icon.shield::after,.round-cross::after,.spark-one::after{inset:22%;border:1.5px solid color-mix(in srgb, currentColor 85%, white 15%);transform:rotate(45deg);opacity:.65}
.wire-icon.diamond::before{inset:16%;border:2px solid currentColor;transform:rotate(45deg);opacity:.75;box-shadow:0 0 14px color-mix(in srgb, currentColor 34%, transparent)}
.wire-icon.diamond::after{width:18%;height:18%;left:41%;top:12%;border-radius:50%;background:currentColor;box-shadow:0 0 12px color-mix(in srgb, currentColor 40%, transparent)}
.value-glyph,.principle-ico{display:inline-flex;align-items:center;justify-content:center;color:var(--pink)}
.glyph-diversity,.wire-diversity,.principle-ico.wire-diversity{color:#d7a8ff}
.glyph-inclusion,.wire-inclusion,.principle-ico.wire-inclusion{color:#9fd8ff}
.glyph-planet,.wire-planet,.principle-ico.wire-planet{color:#bca6ff}
.glyph-lock,.wire-lock,.principle-ico.wire-lock{color:#d8a3ff}
.glyph-privacy,.wire-privacy{color:#b7c6ff}
.services-bottom .round-cross{vertical-align:-0.15em;margin-inline:.35em;width:.95em;height:.95em;color:#c5a4ff}
.vision-card-meta .meta-wire{width:.95em;height:.95em;color:#c3afff}
.value-glyph{font-size:0;line-height:0;width:32px;height:32px}
.principle-ico{font-size:0;line-height:0;width:54px;height:54px;margin:auto 0 18px}
.strip-symbol{color:#a9dcff;width:1.2em;height:1.2em}
.stamp-circle{width:42px;height:42px;border:1px solid rgba(154,173,255,.22);border-radius:50%;background:rgba(19,27,59,.48);color:#ca9dff;display:grid;place-items:center}
.success-mark{width:86px;height:86px;border-radius:50%;border:1px solid rgba(165,186,255,.36);background:radial-gradient(circle at 50% 50%,rgba(120,92,255,.18),rgba(10,14,39,.22));display:grid;place-items:center;color:#b2ceff;box-shadow:0 0 38px rgba(96,72,206,.16)}
.success-mark::before{content:"";width:48px;height:48px;background:
  radial-gradient(circle at 18% 72%,currentColor 0 10%,transparent 11%),
  radial-gradient(circle at 50% 26%,currentColor 0 10%,transparent 11%),
  radial-gradient(circle at 82% 72%,currentColor 0 10%,transparent 11%),
  linear-gradient(currentColor,currentColor) 26% 64%/24% 2px no-repeat,
  linear-gradient(currentColor,currentColor) 50% 38%/2px 30% no-repeat,
  linear-gradient(currentColor,currentColor) 50% 64%/24% 2px no-repeat;filter:drop-shadow(0 0 12px rgba(146,212,255,.45))}
.purple-heart{display:inline-block;width:1em;height:1em;vertical-align:-0.15em;position:relative;font-size:0;color:#b685ff}
.purple-heart::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 20% 74%,currentColor 0 11%,transparent 12%),
  radial-gradient(circle at 50% 26%,currentColor 0 11%,transparent 12%),
  radial-gradient(circle at 80% 74%,currentColor 0 11%,transparent 12%),
  linear-gradient(currentColor,currentColor) 29% 66%/20% 2px no-repeat,
  linear-gradient(currentColor,currentColor) 50% 38%/2px 30% no-repeat,
  linear-gradient(currentColor,currentColor) 51% 66%/20% 2px no-repeat;filter:drop-shadow(0 0 12px rgba(182,133,255,.42))}