.kinetic-app{--kin-lime:#d9ff24;--kin-black:#0c0d0b;background:var(--kin-black);color:#f1f2e9;min-height:100dvh;overflow:clip}.kinetic-app h1,.kinetic-app h2,.kinetic-app h3{text-transform:uppercase;font-family:Barlow Condensed,sans-serif}.kinetic-header{z-index:20;border-bottom:1px solid #ffffff20;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:32px;width:100%;min-height:82px;padding:0 3vw;display:grid;position:absolute;top:0;left:0}.kinetic-logo{letter-spacing:-.02em;font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:700}.kinetic-logo span{color:var(--kin-lime);vertical-align:top;font-size:10px}.kinetic-header nav{gap:26px;display:flex}.kinetic-header nav a{align-items:center;min-height:44px;font-size:11px;display:flex}.kinetic-header>a{border:1px solid #ffffff40;border-radius:99px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:11px;display:inline-flex}.kinetic-hero{height:100svh;min-height:800px;padding:110px 3vw 36px;position:relative;overflow:hidden}.kinetic-hero__meta{z-index:3;justify-content:space-between;align-items:center;display:flex;position:relative}.kinetic-hero__meta>span{letter-spacing:.15em;font-size:8px}.kinetic-hero h1{z-index:2;letter-spacing:-.055em;pointer-events:none;margin:12vh 0 0;font-size:clamp(120px,19vw,320px);font-weight:700;line-height:.62;position:relative}.kinetic-hero__line{padding:.08em 0;display:block;overflow:hidden}.kinetic-hero__line>span{display:block}.kinetic-hero__line:nth-child(2){margin-left:16vw}.kinetic-hero__line:nth-child(3){text-align:right}.kinetic-hero__line--outline{color:#0000;-webkit-text-stroke:2px #f1f2e9}.kinetic-scene{z-index:1;aspect-ratio:1;width:min(44vw,600px);position:absolute;top:20%;right:10vw}.kinetic-scene__ring{border:1px solid #d9ff2470;border-radius:46% 54% 58% 42%;animation:12s linear infinite kinSpin;position:absolute;inset:5%}.kinetic-scene__ring:nth-child(2){border-width:2px;animation-duration:8s;animation-direction:reverse;inset:20%}.kinetic-scene__core{background:var(--kin-lime);border-radius:50%;animation:2.5s ease-in-out infinite alternate kinPulse;position:absolute;inset:34%;box-shadow:0 0 70px #d9ff2440}.kinetic-scene>i{left:calc(50% + cos(calc(var(--i) * 22.5deg)) * 46%);top:calc(50% + sin(calc(var(--i) * 22.5deg)) * 46%);background:var(--kin-lime);border-radius:50%;width:7px;height:7px;position:absolute}.kinetic-scene--fluxo .kinetic-scene__ring{border-radius:12%;animation:4s ease-in-out infinite alternate kinMorph}.kinetic-scene--fluxo .kinetic-scene__core{border-radius:20%;transform:rotate(45deg)}.kinetic-scene--grade .kinetic-scene__ring{border-radius:0;animation-duration:20s;transform:rotate(45deg)}.kinetic-scene--grade .kinetic-scene__core{border-radius:0;transform:rotate(45deg)}.kinetic-scene.paused *{animation-play-state:paused!important}@keyframes kinSpin{to{transform:rotate(360deg)}}@keyframes kinPulse{to{opacity:.6;transform:scale(.8)}}@keyframes kinMorph{to{border-radius:50%;transform:rotate(135deg)}}.kinetic-hero__bottom{z-index:3;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;display:grid;position:absolute;bottom:30px;left:3vw;right:3vw}.kinetic-hero__bottom>p{color:#f1f2e990;margin:0;font-size:12px}.kinetic-hero__bottom>a{justify-self:end;align-items:center;gap:8px;min-height:44px;font-size:11px;display:inline-flex}.kinetic-scene-controls{gap:6px;display:flex}.kinetic-scene-controls button{color:#f1f2e9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0d0b80;border:1px solid #ffffff30;border-radius:99px;align-items:center;gap:7px;min-height:42px;padding:0 12px;font-size:10px;display:flex}.kinetic-scene-controls button.active{background:var(--kin-lime);color:var(--kin-black);border-color:var(--kin-lime)}.kinetic-intro{background:var(--kin-lime);color:var(--kin-black);grid-template-columns:.35fr 1.2fr .65fr;align-items:end;gap:4vw;padding:120px 4vw;display:grid}.kinetic-intro>span,.kinetic-section-head>span{letter-spacing:.15em;align-self:start;font-size:9px;font-weight:700}.kinetic-intro h2,.kinetic-section-head h2,.kinetic-access h2,.kinetic-end h2{letter-spacing:-.04em;margin:0;font-size:clamp(72px,8vw,132px);font-weight:600;line-height:.8}.kinetic-intro h2 em,.kinetic-section-head h2 em,.kinetic-access h2 em,.kinetic-end h2 em{font-weight:400}.kinetic-intro p{margin:0;font-size:14px}.kinetic-studies{padding:110px 4vw}.kinetic-section-head{grid-template-columns:.35fr 1fr;gap:4vw;display:grid}.kinetic-section-head h2{font-size:clamp(66px,7vw,112px)}.kinetic-section-head>p{color:#f1f2e990;grid-column:2;max-width:48ch}.kinetic-study-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px;display:grid}.kinetic-study-grid article>span{font-size:9px}.kinetic-study-visual{background:#171914;place-items:center;height:330px;margin:14px 0 20px;display:grid;overflow:hidden}.kinetic-study-visual button{width:150px;height:150px;color:var(--kin-black);background:0 0;place-items:center;display:grid;position:relative}.kinetic-study-visual button i{background:var(--kin-lime);position:absolute;inset:0}.kinetic-study-visual button svg{z-index:1;position:relative}.kinetic-study-visual--1 button i{background:#f1f2e9;border-radius:50%}.kinetic-study-visual--2 button i{background:#ff6846;border-radius:20% 60% 30% 50%}.kinetic-study-grid h3{margin:0;font-size:36px;font-weight:600}.kinetic-study-grid p{color:#f1f2e990;max-width:34ch;font-size:12px}.kinetic-marquee{background:var(--kin-lime);color:var(--kin-black);white-space:nowrap;padding:28px 0;overflow:hidden}.kinetic-marquee__track{width:max-content;font-family:Barlow Condensed,sans-serif;font-size:clamp(52px,7vw,110px);font-weight:700;line-height:1}.kinetic-lab{color:var(--kin-black);background:#eeeee7;padding:110px 4vw}.kinetic-lab .kinetic-section-head>p{color:#0c0d0b90}.kinetic-lab__grid{grid-template-columns:.7fr 1.3fr;gap:6vw;margin-top:70px;display:grid}.kinetic-lab__controls{flex-direction:column;gap:28px;display:flex}.kinetic-lab__controls label{justify-content:space-between;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.kinetic-segmented{grid-template-columns:repeat(3,1fr);display:grid}.kinetic-segmented button{min-height:46px;color:inherit;background:0 0;border:1px solid #0c0d0b35;font-size:11px}.kinetic-segmented button+button{border-left:0}.kinetic-segmented button.active{background:var(--kin-black);color:var(--kin-lime)}.kinetic-lab__controls input[type=range]{width:100%;accent-color:var(--kin-black)}.kinetic-lab__controls small{color:#0c0d0b80;font-size:10px}.kinetic-replay{background:var(--kin-black);width:fit-content;min-height:48px;color:var(--kin-lime);align-items:center;gap:10px;padding:0 18px;font-size:11px;font-weight:700;display:inline-flex}.kinetic-lab__note{color:#0c0d0b80;border-top:1px solid #0c0d0b30;margin-top:auto;padding-top:20px;font-size:10px}.kinetic-lab__stage{background:var(--kin-lime);place-items:center;min-height:540px;padding:50px;display:grid}.kinetic-lab__object{background:var(--kin-black);width:180px;height:180px;color:var(--kin-lime);place-items:center;display:grid}.kinetic-lab__object svg{width:50px;height:50px}.kinetic-lab__steps{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:50px;display:grid}.kinetic-lab__steps>div{border-top:1px solid #0c0d0b;padding-top:10px}.kinetic-lab__steps span,.kinetic-lab__steps strong{display:block}.kinetic-lab__steps span{font-size:8px}.kinetic-lab__steps strong{margin-top:5px;font-size:11px}.kinetic-access{text-align:center;padding:120px 6vw}.kinetic-access>svg{color:var(--kin-lime)}.kinetic-access h2{margin:30px 0}.kinetic-access h2 em{color:var(--kin-lime)}.kinetic-access p{color:#f1f2e990;max-width:58ch;margin:0 auto 30px}.kinetic-access code{color:var(--kin-lime)}.kinetic-access button{color:#fff;background:0 0;border:1px solid #ffffff35;border-radius:99px;align-items:center;gap:10px;min-height:48px;padding:0 18px;display:inline-flex}.kinetic-end{color:var(--kin-black);background:#ff6846;padding:110px 4vw}.kinetic-end>span{letter-spacing:.15em;font-size:9px}.kinetic-end h2{margin:30px 0 50px}.kinetic-end a{border-bottom:1px solid;align-items:center;gap:16px;min-height:50px;font-size:12px;font-weight:700;display:inline-flex}.kinetic-footer{letter-spacing:.13em;justify-content:space-between;gap:20px;padding:30px 4vw;font-size:8px;display:flex}@media (width<=900px){.kinetic-intro{grid-template-columns:1fr 2fr}.kinetic-intro p{grid-column:2}.kinetic-hero__bottom{grid-template-columns:1fr auto}.kinetic-scene-controls{grid-area:2/1/auto/-1;justify-self:center}.kinetic-lab__grid{gap:30px}.kinetic-lab__stage{padding:30px 20px}}@media (width<=680px){.kinetic-header{grid-template-columns:1fr auto;gap:12px;min-height:72px;padding:0 16px}.kinetic-header nav,.kinetic-header .kinetic-logo{display:none}.kinetic-header>a{font-size:10px}.kinetic-hero{min-height:740px;padding:96px 20px 24px}.kinetic-hero__meta>span{display:none}.kinetic-hero h1{margin-top:20vh;font-size:clamp(100px,31vw,160px);line-height:.67}.kinetic-hero__line:nth-child(2){margin-left:6vw}.kinetic-scene{opacity:.8;width:90vw;top:20%;right:-28vw}.kinetic-hero__bottom{flex-wrap:wrap;justify-content:space-between;display:flex;bottom:20px;left:20px;right:20px}.kinetic-hero__bottom>p{display:none}.kinetic-scene-controls{order:3;justify-content:center;width:100%;margin-top:12px}.kinetic-scene-controls button{padding:0 10px}.kinetic-intro{grid-template-columns:1fr;padding:80px 20px}.kinetic-intro p{grid-column:auto}.kinetic-intro h2,.kinetic-section-head h2,.kinetic-access h2,.kinetic-end h2{font-size:70px}.kinetic-studies,.kinetic-lab{padding:80px 20px}.kinetic-section-head{grid-template-columns:1fr;gap:26px}.kinetic-section-head>p{grid-column:auto}.kinetic-study-grid{grid-template-columns:1fr;gap:44px}.kinetic-study-visual{height:280px}.kinetic-lab__grid{grid-template-columns:1fr}.kinetic-lab__stage{min-height:470px}.kinetic-lab__object{width:140px;height:140px}.kinetic-lab__steps{grid-template-columns:repeat(2,1fr);gap:20px}.kinetic-access,.kinetic-end{padding:80px 20px}.kinetic-footer{flex-direction:column;padding:28px 20px}}
