/* LAUNCH — scalable illustrative website; all displayed controls are non-interactive. */
.launch-demo{--launch-mint:#c3efdb;position:relative;isolation:isolate;width:100%;height:auto;min-height:0;padding:clamp(12px,2vw,28px);display:flex;align-items:center;justify-content:center;overflow:hidden;container-type:inline-size;background:radial-gradient(ellipse at 80% 20%,#2b493936,transparent 64%),#16251d;color:#e5eee7;font-family:Arial,Helvetica,sans-serif;text-align:left;border-radius:4px}
.project-preview .launch-demo{height:100%;max-width:500px;padding:18px}
.launch-demo:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#65887508 1px,transparent 1px),linear-gradient(90deg,#65887508 1px,transparent 1px);background-size:30px 30px}
.launch-window{position:relative;flex:none;width:100%;background:#0d1712;border:1px solid #526b5b;border-radius:1.2cqw;overflow:hidden;box-shadow:0 3cqw 6cqw #0004,0 1px 0 #b7f0d116 inset}
.launch-browser{height:4.5cqw;min-height:16px;display:flex;align-items:center;padding:0 2cqw;gap:2cqw;border-bottom:1px solid #304537;background:#19281f;color:#88a390;font-size:1.05cqw;line-height:1.1;letter-spacing:.025em}
.launch-browser-dots{display:flex;gap:.55cqw}.launch-browser-dots i{width:.6cqw;height:.6cqw;border-radius:50%;background:#5d7c66}.launch-browser>span{margin:auto}.launch-browser-expand{font-style:normal;font-size:1.6cqw;color:#96b3a0}
.launch-site{padding:0 4.5cqw;background:radial-gradient(ellipse at 85% 5%,#28462e26,transparent 60%),#0d1712}
.launch-header{display:flex;align-items:center;gap:2.5cqw;justify-content:space-between;height:8.4cqw;border-bottom:1px solid #25392c;transform-origin:50% 0}
.launch-logo{display:flex;align-items:center;gap:.9cqw;color:#e4eee6;font-size:2.6cqw;line-height:1;font-weight:700;letter-spacing:-.045em;white-space:nowrap}.launch-logo>span{font-size:1cqw;align-self:start;margin-top:.1cqw;margin-left:-.3cqw}.launch-mark{display:block;width:2cqw;height:2.8cqw;background:var(--launch-mint);clip-path:polygon(0 0,43% 0,43% 62%,100% 62%,100% 100%,0 100%);transform:skew(-11deg)}
.launch-nav{display:flex;gap:3cqw;font-size:1.1cqw;color:#9aac9f;line-height:1}.launch-nav-cta{display:flex;align-items:center;gap:2.7cqw;border:1px solid #4f6857;padding:1.25cqw 1.7cqw;border-radius:.3cqw;font-size:1.05cqw;color:#c5d8cc;line-height:1}.launch-nav-cta i{font-size:1.75cqw;font-style:normal}
.launch-hero{display:grid;grid-template-columns:1.07fr 1fr;gap:3cqw;align-items:center;min-height:32cqw;padding:3.8cqw 0 3cqw}
.launch-copy{position:relative;z-index:2;min-width:0}.launch-kicker{display:flex;align-items:center;gap:.8cqw;white-space:nowrap;font-size:.72cqw;letter-spacing:.11em;line-height:1.3;color:#90aa98;margin-bottom:2.5cqw}.launch-kicker i{height:.55cqw;width:.55cqw;border-radius:50%;background:#b6e7c9;box-shadow:0 0 0 .4cqw #b6e7c910}
.launch-title{display:block;font-size:5.7cqw;line-height:1.03;font-weight:400;letter-spacing:-.065em;color:#e5eee7;white-space:nowrap}.launch-title>span{color:var(--launch-mint)}
.launch-copy>p{font-size:1.1cqw;line-height:1.75;color:#91a797;margin:2.5cqw 0 0;letter-spacing:0}
.launch-action{display:flex;align-items:center;gap:1.8cqw;margin-top:3cqw;white-space:nowrap}.launch-action>span{display:flex;align-items:center;gap:2.7cqw;padding:1.5cqw 1.9cqw;border-radius:.35cqw;background:var(--launch-mint);font-size:1.05cqw;font-weight:600;line-height:1;color:#173a26}.launch-action i{font-style:normal;font-size:1.85cqw;font-weight:400}.launch-action>small{font-size:.72cqw;line-height:1.4;color:#8aa192}
.launch-product{min-width:0;position:relative;height:28cqw;display:grid;place-items:center;isolation:isolate}.launch-product-glow{position:absolute;inset:3% -4%;background:radial-gradient(ellipse,#91d4a522 0%,transparent 68%);filter:blur(10px);z-index:-1}.launch-orbit{position:absolute;border:1px solid #78b98720;border-radius:50%;z-index:-1}.launch-orbit-one{width:34cqw;height:27cqw;transform:rotate(-34deg)}.launch-orbit-two{width:30cqw;height:22cqw;transform:rotate(25deg)}
.launch-product-card{width:26cqw;min-height:27cqw;padding:2cqw 2.2cqw 1.6cqw;border:1px solid #57755e;border-radius:1cqw;background:linear-gradient(145deg,#2d4933,#1a2c20);box-shadow:1.8cqw 2.2cqw 4cqw #0005,0 1px 0 #cbfbd31c inset;transform:rotate(-7deg)}
.launch-product-top{display:flex;align-items:center;justify-content:space-between;gap:1.2cqw;color:#b5d3bd;font-size:.78cqw;line-height:1}.launch-product-top span{display:flex;align-items:center;gap:.7cqw}.launch-product-top i{width:.55cqw;height:.55cqw;background:#cef3d5;border-radius:50%}.launch-product-top b{letter-spacing:.2cqw;font-size:1.5cqw;font-weight:400}.launch-product-title{font-size:3.85cqw;line-height:1.05;letter-spacing:-.045em;margin-top:2.3cqw;color:#e1efe1}.launch-product-title span{color:#a7d2b0}
.launch-product-chart{height:6.6cqw;display:flex;align-items:end;gap:.9cqw;position:relative;margin-top:2.1cqw;padding-bottom:.6cqw}.launch-product-chart>span{flex:1;border:1px solid #b1ebbc39;border-bottom:0;border-radius:.3cqw .3cqw 0 0;background:linear-gradient(#bedfc644,#8ebd9833);height:35%;transform-origin:50% 100%}.launch-product-chart>span:nth-child(2){height:49%}.launch-product-chart>span:nth-child(3){height:44%}.launch-product-chart>span:nth-child(4){height:68%}.launch-product-chart>span:nth-child(5){height:62%}.launch-product-chart>span:nth-child(6){height:83%}.launch-product-chart>span:nth-child(7){height:100%;background:linear-gradient(#d2f5d8cc,#accbb377)}.launch-product-chart>i{height:1px;background:#729b7955;position:absolute;left:0;right:0;bottom:.6cqw}
.launch-product-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.7cqw;color:#91b79a;border-top:1px solid #62856a44;margin-top:1.2cqw;padding-top:1.1cqw;line-height:1}.launch-product-bottom>i{display:grid;place-items:center;font-style:normal;font-size:1.4cqw;color:#c1dec6;background:#8cba9418;border:1px solid #8cba942f;width:2.3cqw;height:2.3cqw;border-radius:50%}
.launch-float-card{position:absolute;left:0;bottom:.4cqw;display:flex;align-items:center;gap:1.2cqw;min-width:21cqw;background:#d4e7d7;color:#263e2b;padding:1.45cqw 1.6cqw;border-radius:.65cqw;box-shadow:0 1cqw 2cqw #0003;transform:rotate(4deg)}.launch-check{display:grid;place-items:center;width:2.9cqw;height:2.9cqw;border:1px solid #52755b60;border-radius:50%;font-size:1.5cqw;color:#3b6245}.launch-float-card strong{display:block;font-size:1.08cqw;font-weight:600;line-height:1.4;letter-spacing:-.02em}.launch-float-card small{display:block;font-size:.7cqw;color:#5d7963;margin-top:.35cqw;line-height:1.3}
.launch-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4cqw;padding-bottom:2.8cqw}.launch-tile{position:relative;min-width:0;display:flex;align-items:center;gap:1.2cqw;border:1px solid #314f3a;border-radius:.45cqw;min-height:8.1cqw;padding:1.5cqw 1.3cqw;background:#17271c}.launch-tile-icon{display:grid;place-items:center;flex:none;width:3cqw;height:3cqw;border:1px solid #51765b;border-radius:.5cqw;font-size:1.9cqw;font-style:normal;color:#b6ddbf}.launch-tile strong{display:block;font-size:1.05cqw;font-weight:500;letter-spacing:-.01em;line-height:1.4;color:#c8dbcc}.launch-tile div>span{display:block;font-size:.68cqw;line-height:1.5;color:#809c86;margin-top:.5cqw}.launch-tile>b{position:absolute;right:1cqw;top:.7cqw;font-size:.55cqw;font-weight:400;line-height:1;color:#54735d}
.launch-site-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.6cqw;padding:1.5cqw 0;border-top:1px solid #263b2d;color:#5d7b65;font-size:.57cqw;letter-spacing:.11em;line-height:1.4}.launch-site-bottom i{height:.4cqw;width:.4cqw;border-radius:50%;background:#678d71}
.launch-demo .launch-motion{animation-duration:7s;animation-timing-function:cubic-bezier(.22,.75,.22,1);animation-iteration-count:infinite;animation-fill-mode:both;animation-play-state:paused}
.launch-demo .launch-header{animation-name:launch-build-header}.launch-demo .launch-copy{animation-name:launch-build-copy}.launch-demo .launch-product{animation-name:launch-build-product}.launch-demo .launch-tile-one{animation-name:launch-build-tile-one}.launch-demo .launch-tile-two{animation-name:launch-build-tile-two}.launch-demo .launch-tile-three{animation-name:launch-build-tile-three}.launch-demo .launch-action{animation-name:launch-build-action}
.launch-demo.motion-scene.is-playing .launch-motion{animation-play-state:running}
@keyframes launch-build-header{0%,7%,25%,100%{opacity:1;transform:translateY(0)}11%,15%{opacity:0;transform:translateY(-12px)}}
@keyframes launch-build-copy{0%,7%,39%,100%{opacity:1;transform:translateY(0)}11%,25%{opacity:0;transform:translateY(18px)}}
@keyframes launch-build-product{0%,7%,51%,100%{opacity:1;transform:translate(0,0) scale(1)}11%,35%{opacity:0;transform:translate(14px,15px) scale(.9)}}
@keyframes launch-build-tile-one{0%,7%,58%,100%{opacity:1;transform:translateY(0)}11%,45%{opacity:0;transform:translateY(16px)}}
@keyframes launch-build-tile-two{0%,7%,63%,100%{opacity:1;transform:translateY(0)}11%,50%{opacity:0;transform:translateY(16px)}}
@keyframes launch-build-tile-three{0%,7%,68%,100%{opacity:1;transform:translateY(0)}11%,55%{opacity:0;transform:translateY(16px)}}
@keyframes launch-build-action{0%,7%,78%,100%{opacity:1;transform:translateY(0) scale(1)}11%,64%{opacity:0;transform:translateY(9px) scale(.96)}}

@media(max-width:480px){.launch-demo{padding:12px}.project-preview .launch-demo{padding:13px}}