#css-preloader{display:none}
html.css-preloader-pending{background:#050a0e}html.css-preloader-pending body{overflow:hidden}html.css-preloader-pending body>*:not(#css-preloader):not(script){opacity:0;transform:scale(1.01);filter:brightness(1.1)}
html.css-preloader-pending #css-preloader{position:fixed;inset:0;z-index:30000;display:block;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 72% 18%,rgba(24,68,81,.23),transparent 34%),radial-gradient(circle at 18% 76%,rgba(242,13,33,.08),transparent 30%),#050a0e;color:#f5f8fa;font-family:var(--font-tech,"Cascadia Code",Consolas,monospace);isolation:isolate}
.css-preloader-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(128,177,194,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(128,177,194,.08) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.2) .6px,transparent .8px);background-size:48px 48px,48px 48px,12px 12px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.css-preloader-scan{position:absolute;z-index:2;inset:-20% 0 auto;height:18%;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(66,215,239,.055),transparent);transform:translateY(-30vh)}.css-preloader-running .css-preloader-scan{animation:css-scan 2.1s linear 2 both}@keyframes css-scan{to{transform:translateY(140vh)}}
.css-build-stage{position:absolute;z-index:3;left:50%;top:50%;width:min(940px,calc(100vw - 56px));height:min(520px,70dvh);transform:translate(-50%,-50%)}.css-stage{position:absolute;inset:0;display:grid;align-content:center;opacity:0;pointer-events:none}.css-stage-label{position:absolute;top:0;left:0;font-size:10px;font-weight:750;letter-spacing:.17em;color:#9bb0ba}.css-stage-label span{color:#f20d21;margin-right:12px}
.css-stage-boot{place-items:center;text-align:center}.css-stage-boot strong{font-size:clamp(34px,6vw,68px);letter-spacing:.08em}.css-micro-status{display:flex;gap:22px;margin-bottom:34px;color:#768b95;font-size:9px;letter-spacing:.14em}.css-cursor{color:#f20d21}.css-preloader-running .css-cursor{animation:css-cursor .3s steps(1) infinite}@keyframes css-cursor{50%{opacity:0}}
.css-node-field{position:absolute;inset:12% 10%}.css-node-field i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.5)}.css-node-field i:nth-child(1){left:8%;top:28%;background:#f20d21}.css-node-field i:nth-child(2){left:28%;top:64%}.css-node-field i:nth-child(3){left:55%;top:18%;background:#f20d21}.css-node-field i:nth-child(4){left:76%;top:58%}.css-node-field i:nth-child(5){left:91%;top:32%;background:#f20d21}.css-node-field span{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(142,200,218,.58),transparent);transform-origin:left;opacity:.65}.css-node-field span:nth-of-type(1){left:9%;top:30%;width:48%;transform:rotate(13deg)}.css-node-field span:nth-of-type(2){left:29%;top:64%;width:48%;transform:rotate(-31deg)}.css-node-field span:nth-of-type(3){left:56%;top:20%;width:37%;transform:rotate(14deg)}
.css-stage-code{grid-template-columns:1fr .46fr;gap:50px}.css-code-stack{display:grid;gap:13px;padding:36px;border:1px solid rgba(128,177,194,.18);background:rgba(7,16,21,.72);box-shadow:inset 0 0 35px rgba(66,215,239,.035)}.css-code-stack code{display:block;width:max-content;max-width:100%;overflow:hidden;white-space:nowrap;color:#d8e2e6;font:12px/1.4 var(--font-tech,"Cascadia Code",Consolas,monospace);clip-path:inset(0 100% 0 0)}.css-code-stack b{color:#ff5362}.css-code-stack em{color:#42d7ef;font-style:normal}.css-code-rails{position:relative}.css-code-rails i{position:absolute;left:0;height:1px;background:linear-gradient(90deg,#42d7ef,rgba(66,215,239,.05));transform-origin:left}.css-code-rails i:nth-child(1){top:25%;width:92%}.css-code-rails i:nth-child(2){top:42%;width:70%}.css-code-rails i:nth-child(3){top:59%;width:82%}.css-code-rails i:nth-child(4){top:76%;width:54%}
.css-stage-wire{padding-top:30px}.css-wireframe{position:relative;width:84%;height:78%;margin:auto;border:1px solid rgba(154,199,214,.4);background:rgba(7,15,20,.62);overflow:hidden}.css-wire-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(66,215,239,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(66,215,239,.045) 1px,transparent 1px);background-size:8.333% 42px}.css-wire-header{position:absolute;z-index:2;left:4%;right:4%;top:7%;height:12%;border-bottom:1px solid rgba(154,199,214,.35);display:flex;justify-content:flex-end;align-items:center;gap:6%}.css-wire-header:before{content:"";width:15%;height:7px;margin-right:auto;background:#f20d21}.css-wire-header i{width:8%;height:5px;background:#6f8791}.css-wire-hero{position:absolute;z-index:2;left:6%;top:28%;width:48%;height:44%;border:1px solid rgba(154,199,214,.22);padding:8% 6%}.css-wire-hero span,.css-wire-hero b,.css-wire-hero i{display:block;height:5px;background:#92a7b0;margin-bottom:9px}.css-wire-hero span{width:75%;height:12px;background:#eaf1f4}.css-wire-hero b{width:92%}.css-wire-hero i{width:32%;height:20px;background:#f20d21;margin-top:18px}.css-wire-cards{position:absolute;z-index:2;right:5%;top:28%;width:34%;height:52%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.css-wire-cards i{border:1px solid rgba(154,199,214,.27);background:linear-gradient(145deg,rgba(66,215,239,.08),transparent)}.css-wire-cards i:first-child{grid-column:1/-1}.css-wire-notes{position:absolute;right:0;bottom:0;display:flex;gap:17px;font-size:8px;letter-spacing:.1em;color:#78919c}.css-wire-notes span:before{content:"✓";color:#f20d21;margin-right:6px}
.css-stage-data{grid-template-columns:1fr .7fr;align-items:center;gap:52px}.css-data-chart{width:100%;height:230px;overflow:visible}.css-chart-grid{fill:none;stroke:rgba(128,177,194,.13);stroke-width:1}.css-chart-line{fill:none;stroke:#f20d21;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:620;stroke-dashoffset:620;filter:drop-shadow(0 0 5px rgba(242,13,33,.52))}.css-data-chart circle{fill:#fff;opacity:0;filter:drop-shadow(0 0 5px #fff)}.css-data-metrics{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(128,177,194,.18)}.css-data-metrics div{min-height:96px;padding:20px;border:1px solid rgba(128,177,194,.11);display:grid;align-content:center}.css-data-metrics strong{font-size:25px;color:#fff}.css-data-metrics small{margin-top:7px;color:#7e949d;font-size:8px;letter-spacing:.1em}
.css-stage-visual{grid-template-columns:1fr .55fr;align-items:center;gap:60px}.css-visual-frame{position:relative;width:100%;height:270px;border:1px solid rgba(128,177,194,.24);overflow:hidden;background:linear-gradient(145deg,rgba(17,56,67,.4),rgba(8,16,21,.8))}.css-visual-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 30%,rgba(242,13,33,.45),transparent 22%),linear-gradient(135deg,transparent 42%,rgba(66,215,239,.2) 43%,transparent 65%);opacity:0}.css-visual-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.45) 1px,transparent 1.4px);background-size:17px 17px;opacity:0}.css-visual-frame i{position:absolute;border:1px solid rgba(235,246,250,.45);opacity:0}.css-visual-frame i:nth-of-type(1){left:8%;top:12%;width:32%;height:48%}.css-visual-frame i:nth-of-type(2){right:9%;top:22%;width:42%;height:58%;border-color:rgba(242,13,33,.55)}.css-visual-frame i:nth-of-type(3){left:24%;bottom:9%;width:48%;height:26%}.css-visual-frame b{position:absolute;left:42%;top:32%;width:72px;height:72px;border-radius:50%;background:#f20d21;mix-blend-mode:screen;opacity:0}.css-visual-copy{display:grid;gap:20px;color:#8ca0aa;font-size:9px;letter-spacing:.14em}.css-visual-copy span{padding-left:16px;border-left:2px solid #f20d21}
.css-stage-build{grid-template-columns:1fr .54fr;align-items:center;gap:54px}.css-build-browser{height:285px;border:1px solid rgba(128,177,194,.28);padding:28px;background:rgba(7,15,20,.68);display:grid;grid-template-rows:28px 1fr 80px;gap:16px}.css-build-nav{border-bottom:1px solid rgba(128,177,194,.28);background:linear-gradient(90deg,#f20d21 0 16%,transparent 16%)}.css-build-hero{border:1px solid rgba(128,177,194,.2);background:linear-gradient(100deg,rgba(66,215,239,.1),transparent 48%,rgba(242,13,33,.11))}.css-build-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.css-build-modules i{border:1px solid rgba(128,177,194,.18)}.css-stage-build ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.css-stage-build li{padding:13px 15px;border:1px solid rgba(128,177,194,.15);color:#9eb0b8;font-size:10px;letter-spacing:.1em;opacity:0;transform:translateX(-12px)}.css-stage-build li b{float:right;color:#f20d21}
.css-stage-live{place-items:center;text-align:center}.css-logo-assembly{position:relative;width:124px;height:124px;display:grid;place-items:center}.css-logo-assembly img{position:absolute;left:6px;top:6px;width:112px;height:112px;opacity:0;transform:scale(.78);filter:blur(4px)}.css-logo-red-one{clip-path:inset(0 50% 50% 0)}.css-logo-white-one{clip-path:inset(0 0 50% 50%)}.css-logo-white-two{clip-path:inset(50% 50% 0 0)}.css-logo-red-two{clip-path:inset(50% 0 0 50%)}.css-logo-assembly>span{position:absolute;width:28px;height:28px;border:1px solid rgba(242,13,33,.8);opacity:0}.css-logo-assembly>span:nth-child(1){left:-90px;top:-40px}.css-logo-assembly>span:nth-child(2){right:-110px;top:8px;border-color:rgba(255,255,255,.65)}.css-logo-assembly>span:nth-child(3){left:-70px;bottom:-55px;border-color:rgba(255,255,255,.65)}.css-logo-assembly>span:nth-child(4){right:-85px;bottom:-48px}.css-brand-lockup strong{display:block;margin-top:15px;font-size:clamp(24px,4vw,42px);letter-spacing:.04em;text-transform:uppercase}.css-brand-lockup b{color:#f20d21;margin-left:.28em}.css-stage-live h2{margin:24px 0 8px;font-family:var(--font-sans,Arial,sans-serif);font-size:clamp(20px,3vw,35px);line-height:1.08;letter-spacing:-.02em}.css-stage-live p{margin:0;color:#91a5ae;font-size:11px;letter-spacing:.08em}.css-stage-live small{margin-top:20px;color:#f20d21;font-size:9px;letter-spacing:.18em}
.css-build-progress{position:absolute;z-index:5;left:50%;top:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transform:translateX(-50%);white-space:nowrap}.css-build-status{color:#91a5ae;font-size:9px;letter-spacing:.15em}.css-build-percent{font-size:clamp(24px,4vw,43px);line-height:1;color:#fff}.css-build-status.is-updating{animation:css-micro-glitch .16s steps(2)}@keyframes css-micro-glitch{50%{transform:translateX(3px);color:#f20d21}}
.css-preloader-sweep{position:absolute;z-index:8;inset:0;opacity:0;background:radial-gradient(circle at center,rgba(236,252,255,.78) 0,rgba(194,238,247,.42) 34%,rgba(255,255,255,.1) 62%,transparent 100%);mix-blend-mode:screen;pointer-events:none}
.css-preloader-running .css-stage-boot{animation:css-stage-in-out .78s ease both}.css-preloader-running .css-stage-code{animation:css-stage-in-out 1.15s ease .48s both}.css-preloader-running .css-stage-wire{animation:css-stage-in-out 1.18s ease 1.18s both}.css-preloader-running .css-stage-data{animation:css-stage-in-out 1.14s ease 1.72s both}.css-preloader-running .css-stage-visual{animation:css-stage-in-out .95s ease 2.25s both}.css-preloader-running .css-stage-build{animation:css-stage-in-out 1.08s ease 2.7s both}.css-preloader-running .css-stage-live{animation:css-live-in .72s cubic-bezier(.2,.75,.2,1) 3.38s both}@keyframes css-stage-in-out{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}16%,78%{opacity:1;transform:none;filter:none}100%{opacity:0;transform:translateY(-8px);filter:blur(3px)}}@keyframes css-live-in{0%{opacity:0;transform:scale(.98);filter:blur(5px)}100%{opacity:1;transform:none;filter:none}}
.css-preloader-running .css-node-field i{animation:css-node-in .35s ease both}.css-preloader-running .css-node-field i:nth-child(2){animation-delay:.08s}.css-preloader-running .css-node-field i:nth-child(3){animation-delay:.16s}.css-preloader-running .css-node-field i:nth-child(4){animation-delay:.24s}.css-preloader-running .css-node-field i:nth-child(5){animation-delay:.32s}@keyframes css-node-in{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
.css-preloader-running .css-code-stack code{animation:css-code-build .28s steps(8) forwards}.css-preloader-running .css-code-stack code:nth-child(1){animation-delay:.58s}.css-preloader-running .css-code-stack code:nth-child(2){animation-delay:.7s}.css-preloader-running .css-code-stack code:nth-child(3){animation-delay:.82s}.css-preloader-running .css-code-stack code:nth-child(4){animation-delay:.94s}.css-preloader-running .css-code-stack code:nth-child(5){animation-delay:1.06s}.css-preloader-running .css-code-stack code:nth-child(6){animation-delay:1.18s}@keyframes css-code-build{to{clip-path:inset(0)}}
.css-preloader-running .css-wireframe{animation:css-wire-build .62s cubic-bezier(.2,.8,.2,1) 1.28s both}@keyframes css-wire-build{from{opacity:0;clip-path:inset(50% 50% 50% 50%)}to{opacity:1;clip-path:inset(0)}}.css-preloader-running .css-chart-line{animation:css-chart-draw .8s ease 1.86s forwards}.css-preloader-running .css-data-chart circle{animation:css-dot-live .2s ease 2.55s forwards}@keyframes css-chart-draw{to{stroke-dashoffset:0}}@keyframes css-dot-live{to{opacity:1}}
.css-preloader-running .css-visual-frame:before{animation:css-visual-layer .55s ease 2.42s forwards}.css-preloader-running .css-visual-dots{animation:css-visual-layer .4s ease 2.3s forwards}.css-preloader-running .css-visual-frame i,.css-preloader-running .css-visual-frame b{animation:css-visual-layer .35s ease forwards}.css-preloader-running .css-visual-frame i:nth-of-type(1){animation-delay:2.38s}.css-preloader-running .css-visual-frame i:nth-of-type(2){animation-delay:2.5s}.css-preloader-running .css-visual-frame i:nth-of-type(3){animation-delay:2.62s}.css-preloader-running .css-visual-frame b{animation-delay:2.72s}@keyframes css-visual-layer{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
.css-preloader-running .css-stage-build li{animation:css-build-check .25s ease forwards}.css-preloader-running .css-stage-build li:nth-child(1){animation-delay:2.85s}.css-preloader-running .css-stage-build li:nth-child(2){animation-delay:3.02s}.css-preloader-running .css-stage-build li:nth-child(3){animation-delay:3.19s}.css-preloader-running .css-stage-build li:nth-child(4){animation-delay:3.36s}@keyframes css-build-check{to{opacity:1;transform:none}}
.css-preloader-running .css-logo-assembly>span{animation:css-fragment-assemble .58s cubic-bezier(.18,.78,.28,1) 3.35s forwards}.css-preloader-running .css-logo-red-one,.css-preloader-running .css-logo-red-two{animation:css-logo-live .42s ease 3.66s forwards,css-logo-red-flicker 1.35s steps(1,end) 4.12s infinite}.css-preloader-running .css-logo-white-one,.css-preloader-running .css-logo-white-two{animation:css-logo-live .42s ease 3.66s forwards,css-logo-white-flicker 1.35s steps(1,end) 4.12s infinite}@keyframes css-fragment-assemble{0%{opacity:0}35%{opacity:1}100%{opacity:0;left:48px;right:auto;top:48px;bottom:auto;transform:scale(.2)}}@keyframes css-logo-live{to{opacity:1;transform:scale(1);filter:none}}@keyframes css-logo-red-flicker{0%,18%,33%,100%{filter:none}19%,32%{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.75))}}@keyframes css-logo-white-flicker{0%,55%,70%,100%{filter:none}56%,69%{filter:brightness(0) saturate(100%) invert(15%) sepia(99%) saturate(6500%) hue-rotate(349deg) brightness(96%) contrast(112%) drop-shadow(0 0 8px rgba(242,13,33,.8))}}
.css-preloader-exiting{animation:css-preloader-out .82s cubic-bezier(.2,.7,.2,1) forwards}.css-preloader-exiting .css-preloader-sweep{animation:css-full-screen-flash .82s ease-out forwards}@keyframes css-full-screen-flash{0%{opacity:0}28%{opacity:.08}50%{opacity:1}68%{opacity:.42}100%{opacity:0}}@keyframes css-preloader-out{0%,44%{opacity:1}100%{opacity:0;visibility:hidden}}html.css-preloader-revealing body>*:not(#css-preloader):not(script){animation:css-site-reveal .82s cubic-bezier(.2,.75,.2,1) forwards}@keyframes css-site-reveal{0%{opacity:0;transform:scale(1.012);filter:brightness(1.18)}48%{opacity:.35;filter:brightness(1.25)}100%{opacity:1;transform:scale(1);filter:brightness(1)}}
@media(max-width:700px){.css-build-stage{width:calc(100vw - 30px);height:68dvh}.css-stage-code{grid-template-columns:1fr}.css-code-rails{display:none}.css-code-stack{padding:23px;gap:10px}.css-code-stack code{font-size:9px}.css-code-stack code:nth-child(2),.css-code-stack code:nth-child(4){display:none}.css-stage-wire{padding-top:35px}.css-wireframe{width:100%;height:72%}.css-wire-notes span:first-child{display:none}.css-stage-data{grid-template-columns:1fr;gap:15px}.css-data-chart{height:145px}.css-data-metrics{grid-template-columns:repeat(3,1fr)}.css-data-metrics div{min-height:68px;padding:10px}.css-data-metrics div:last-child{display:none}.css-data-metrics strong{font-size:18px}.css-stage-visual{grid-template-columns:1fr;gap:18px}.css-visual-frame{height:205px}.css-visual-copy{grid-template-columns:repeat(3,1fr);gap:5px}.css-visual-copy span{font-size:7px;padding:8px;border-left:0;border-top:1px solid #f20d21}.css-stage-build{grid-template-columns:1fr;gap:15px}.css-build-browser{height:205px;padding:18px;grid-template-rows:20px 1fr 52px}.css-stage-build ul{grid-template-columns:1fr 1fr;gap:6px}.css-stage-build li{padding:9px;font-size:8px}.css-logo-assembly{width:94px;height:94px}.css-logo-assembly img{left:4px;top:4px;width:86px;height:86px}.css-brand-lockup strong{font-size:24px}.css-stage-live h2{font-size:20px}.css-stage-live p{font-size:9px}.css-micro-status{gap:10px;font-size:7px}.css-build-progress{top:0;gap:5px}}
@media(prefers-reduced-motion:reduce){.css-preloader-grid,.css-preloader-scan,.css-stage:not(.css-stage-live),.css-logo-assembly>span{display:none!important}.css-stage-live{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.css-logo-assembly img{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.css-preloader-sweep{display:none!important}}