/* Reloop's opening wordmark-to-loop sequence, adapted for the website. */
#launch[hidden]{display:none}#launch{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#080c08;color:#d5fb76;isolation:isolate;overflow:hidden;transition:opacity .45s,visibility .45s}#launch.finished{opacity:0;visibility:hidden;pointer-events:none}.launch-aurora{position:absolute;inset:-35%;background:radial-gradient(ellipse at center,#bce66a13,transparent 43%);animation:aurora-breathe 3.8s both}.launch-stage{position:relative;width:min(440px,95vw);height:270px;display:grid;place-items:center}.launch-word{display:block;font-size:clamp(64px,12vw,100px);font-weight:750;letter-spacing:-.055em;line-height:1.4;padding:.2em .35em .3em;animation:word-loop 3.8s cubic-bezier(.25,.7,.2,1) both;text-shadow:0 0 60px #d5fb7612}.launch-ring{position:absolute;width:115px;height:115px;opacity:0;animation:ring-emerge 3.8s ease both}.launch-ring svg{width:100%;height:100%;overflow:visible;animation:ring-turn 1s cubic-bezier(.35,.05,.2,1) 1.6s both}.launch-ring path{stroke:#d5fb76;stroke-width:5.5;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:280;stroke-dashoffset:280;animation:ring-draw .9s ease 1.6s forwards;filter:drop-shadow(0 0 14px #d5fb7622)}.launch-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#adbea0;font-size:10px;letter-spacing:.25em;text-transform:uppercase;animation:caption-fade 3.8s both}.launch-skip{position:absolute;right:28px;bottom:28px;display:flex;gap:20px;align-items:center;background:#ffffff07;border:1px solid #ffffff1c;border-radius:50px;color:#c1cdb6;padding:11px 17px;cursor:pointer;font-size:11px}.launch-skip:hover{background:#ffffff12}.launch-progress{position:absolute;left:50%;bottom:43px;transform:translateX(-50%);width:100px;height:2px;overflow:hidden;background:#d5fb7615}.launch-progress span{display:block;background:#d5fb76;width:100%;height:100%;transform-origin:left;animation:launch-progress 3.8s linear both}@keyframes word-loop{0%{opacity:0;transform:translateY(12px);filter:blur(8px)}14%,42%{opacity:1;transform:translateY(0);filter:blur(0)}55%{opacity:.3;transform:scale(.38) rotate(-12deg);filter:blur(3px)}66%,100%{opacity:0;transform:scale(.12) rotate(-90deg);filter:blur(7px)}}@keyframes ring-emerge{0%,40%{opacity:0;transform:scale(.55)}55%,80%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(15);filter:blur(3px)}}@keyframes ring-turn{from{transform:rotate(-120deg)}to{transform:rotate(0)}}@keyframes ring-draw{to{stroke-dashoffset:0}}@keyframes caption-fade{0%,12%{opacity:0}23%,79%{opacity:1}100%{opacity:0}}@keyframes launch-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes aurora-breathe{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:scale(2)}}
.hero{padding-top:62px;position:relative}.hero-head{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:480px;gap:12px;text-align:left}.hero-words{position:relative;z-index:2}.hero .hero-head .eyebrow{justify-content:flex-start}.hero h1{font-size:clamp(62px,6.7vw,86px);letter-spacing:-4.9px;line-height:1.055}.hero-copy{font-size:17px}.hero-actions{justify-content:flex-start;gap:22px}.hero-actions .text-link{font-size:12px}.hero-note{margin-top:17px}.replay-intro{color:#bbc8a9;background:none;border:0;padding:0;cursor:pointer;font-size:11px;gap:7px;display:inline-flex;align-items:center}.hero .replay-intro{margin-top:8px}.replay-intro:hover{color:var(--lime)}.hero-visual{position:relative;height:460px;width:100%;perspective:1000px;isolation:isolate;display:grid;place-items:center}.visual-halo{position:absolute;width:150%;height:130%;z-index:-2;background:radial-gradient(ellipse at center,#b6e34e1b,transparent 57%);animation:halo-breathe 9s ease-in-out infinite}.orbital{position:absolute;z-index:-1;width:450px;height:250px;border:1px solid #bbd88723;border-radius:50%;transform:rotate(-30deg)}.orbital-b{width:420px;height:420px;border-color:#d5fb760a;transform:rotate(-30deg) scaleX(.75)}.orbital-a::after{content:'';position:absolute;top:30px;left:55px;width:7px;height:7px;border-radius:50%;background:#e6ffbd;box-shadow:0 0 20px #d5fb7680}.sculpture{position:absolute;width:295px;height:295px;transform:rotate(-13deg) rotateY(-17deg) rotateX(12deg);border-radius:73px;background:linear-gradient(145deg,#ffffff1e,#d5fb760a 48%,#ffffff04);box-shadow:inset 0 2px 2px #ffffff78,inset 0 -3px 2px #0009,5px 14px 0 #35402b,7px 16px 0 1px #758a494d,22px 44px 60px #0008,0 0 110px #d5fb7610;border:1px solid #e0fbb04f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;animation:glass-float 8s ease-in-out infinite}.sculpture-rim{position:absolute;inset:8px;border:1px solid #e8ffbc33;border-radius:65px;box-shadow:inset 0 1px 0 #ffffff22}.sculpture-mark{width:100%;height:100%;position:relative;top:-13px;filter:drop-shadow(0 0 15px #d5fb7612)}.sculpture-shine{position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 37%,#f1ffd714 46%,#ffffff25 49%,transparent 52%);transform:translateX(-70%);animation:glass-sheen 10s ease-in-out infinite;pointer-events:none}.float-card{position:absolute;z-index:3;padding:16px 18px;display:flex;gap:11px;align-items:center;border:1px solid #efffdb26;border-radius:15px;background:linear-gradient(125deg,#ffffff0e,#ffffff03),#182014cb;box-shadow:inset 0 1px 0 #ffffff1f,0 15px 35px #0005;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);text-align:left;animation:card-float 7s ease-in-out infinite}.float-card-one{bottom:72px;left:-17px;transform:rotate(-5deg)}.float-card strong{display:block;font-size:13px;font-weight:550;white-space:nowrap}.float-card small{display:block;font-size:9px;color:#b3bfa6;margin-top:5px;white-space:nowrap}.mini-play{display:grid;place-items:center;width:35px;height:42px;border-radius:7px;background:linear-gradient(130deg,#637440,#2c3920);color:#e2ff9a;font-size:22px}.mini-dot{width:5px;height:5px;border-radius:50%;background:var(--lime);margin-left:15px}.float-card-two{right:-16px;top:46px;transform:rotate(7deg);animation-delay:-3.5s;padding:13px 17px}.float-card-two small{font-size:6px;letter-spacing:1.2px;margin:0 0 5px}.float-card-two strong{font-size:11px}.tiny-loop{font-size:30px;color:var(--lime)}.visual-caption{position:absolute;bottom:18px;font-size:8px;letter-spacing:2.8px;color:#a8ba90}.spark{position:absolute;font-size:22px;font-weight:200;color:#d5fb7680}.spark-a{left:7%;top:21%}.spark-b{right:0;bottom:20%;font-size:15px}.product-stage{margin-top:60px}.app-window{background:linear-gradient(130deg,#ffffff06,#11150f);box-shadow:0 40px 100px #0007,0 0 90px #b8db4f0a,inset 0 1px 0 #ffffff22}.window-bar{background:linear-gradient(120deg,#ffffff10,#ffffff03),#1d2518;backdrop-filter:blur(20px)}.app-hero{background:radial-gradient(ellipse at 80% 10%,#788c4525,transparent 70%),linear-gradient(120deg,#2c381e,#182012)}.metric-art svg path{stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 1.8s ease}.feature.in-view .metric-art svg path{stroke-dashoffset:0}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.in-view{opacity:1;transform:none}.preview-enter{animation:panel-enter .4s ease both}.motion-controls{margin-top:25px;display:flex;gap:25px}.motion-controls button{background:none;border:0;padding:5px 0;color:#b5c1a5;font:inherit;font-size:10px;cursor:pointer}.motion-controls button:hover{color:var(--lime)}.motion-controls button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none!important}.motion-paused .metric-art svg path{stroke-dashoffset:0}.motion-paused #launch *{animation-play-state:running!important}.intro-active{overflow:hidden}.intro-active .hero-words,.intro-active .app-window{animation:none}.intro-complete .hero-words{animation:hero-arrive .9s cubic-bezier(.2,.7,.2,1) both}.intro-complete .hero-visual{animation:hero-arrive 1.1s .1s cubic-bezier(.2,.7,.2,1) both}@keyframes hero-arrive{from{opacity:0;translate:0 20px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes glass-float{0%,100%{transform:translateY(0) rotate(-13deg) rotateY(-17deg) rotateX(12deg)}50%{transform:translateY(-13px) rotate(-9deg) rotateY(-10deg) rotateX(6deg)}}@keyframes card-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes glass-sheen{0%,35%{transform:translateX(-70%)}65%,100%{transform:translateX(70%)}}@keyframes halo-breathe{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes panel-enter{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.hero-head{grid-template-columns:1.2fr 1fr}.hero h1{font-size:66px;letter-spacing:-4px}.hero-visual{height:400px}.sculpture{width:238px;height:238px;border-radius:58px}.sculpture-rim{border-radius:51px}.orbital{width:340px;height:210px}.orbital-b{width:330px;height:330px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-visual .float-card-one{left:-28px;bottom:60px}.float-card-one{padding:12px}.float-card-one strong{font-size:10px}.float-card-one small{font-size:7px}.float-card-two{right:-10px;top:40px}.hero-copy{font-size:16px}}
@media(max-width:720px){.hero{padding-top:42px}.hero-head{display:flex;flex-direction:column;text-align:center;gap:15px}.hero-words{width:100%}.hero .hero-head .eyebrow,.hero-actions{justify-content:center}.hero h1{font-size:69px;letter-spacing:-4px}.hero-visual{width:min(420px,100%);height:375px}.sculpture{width:250px;height:250px;border-radius:62px}.sculpture-rim{border-radius:54px}.hero-visual .float-card-one{left:3px;bottom:57px;padding:14px}.float-card-one strong{font-size:12px}.float-card-one small{font-size:8px}.float-card-two{right:0;top:24px}.visual-caption{bottom:0}.product-stage{margin-top:35px}.hero-note{font-size:10px}.hero .replay-intro{margin-top:6px}.orbital{width:370px}.orbital-b{width:350px;height:350px}}
@media(max-width:580px){.hero h1{font-size:58px;letter-spacing:-3.4px}.hero-actions{flex-direction:row;gap:18px}.hero-actions .button{padding:14px 19px;font-size:13px}.hero-actions .text-link{font-size:11px}.hero-visual{height:350px;margin-top:8px}.sculpture{width:225px;height:225px;border-radius:55px}.sculpture-rim{border-radius:48px}.hero-visual .float-card-one{bottom:50px;left:0}.float-card-two{right:0;top:24px}.float-card-one strong{font-size:10px}.float-card-one small{font-size:7px}.float-card-two strong{font-size:10px}.orbital{width:330px;height:200px}.orbital-b{width:310px;height:310px}.mini-dot{margin-left:4px}.float-card-two{padding:11px 13px}.visual-caption{bottom:5px}.launch-skip{bottom:25px;right:20px}.launch-progress{left:26px;transform:none;bottom:43px;width:70px}.launch-caption{font-size:9px;letter-spacing:.2em}}
@media(prefers-reduced-motion:reduce){#launch{display:none!important}.motion-ready .reveal{opacity:1;transform:none}.metric-art svg path{stroke-dashoffset:0}.hero-visual *{animation:none!important}.sculpture{transform:rotate(-10deg) rotateY(-12deg)}.replay-intro{display:none}.motion-controls{display:none}.intro-complete .hero-words,.intro-complete .hero-visual{animation:none}}
.motion-paused.intro-complete .hero-words,.motion-paused.intro-complete .hero-visual{animation:none!important;opacity:1;translate:none;filter:none}