:root{--bg-color: #FDF8F5;--text-main: #1f2022;--text-muted: #6b6b6b;--accent: #FF5A5F;--accent-2: #3E54AC;--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(255, 255, 255, .8);--border-radius: 20px;--btn-bg: #f1f1f1;--demo-bg: rgba(255, 255, 255, .4);--demo-shadow: rgba(0,0,0,.03);--footer-bg: white;--card-shadow: rgba(0,0,0,.02);--card-shadow-hover: rgba(0,0,0,.06);--demo-file-border: rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-color: #16161a;--text-main: #fffffe;--text-muted: #94a1b2;--accent: #e05260;--accent-2: #7f5af0;--card-bg: #242629;--card-border: rgba(127, 90, 240, .15);--border-radius: 20px;--btn-bg: #2e3035;--demo-bg: #1a1a1f;--demo-shadow: rgba(0,0,0,.2);--footer-bg: #0e0e11;--card-shadow: rgba(0,0,0,.2);--card-shadow-hover: rgba(127, 90, 240, .15);--demo-file-border: rgba(255, 255, 255, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}body{font-family:Space Grotesk,system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}.bg-shape{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.5;will-change:transform;transform:translateZ(0)}.shape-1{width:400px;height:400px;background-color:#ffb4b4;top:-10%;left:-5%}.shape-2{width:350px;height:350px;background-color:#c0deff;top:40%;right:-10%}.shape-3{width:500px;height:500px;background-color:#fdf7c3;bottom:-20%;left:20%}[data-theme=dark] .shape-1{background-color:#7f5af0;opacity:.2}[data-theme=dark] .shape-2{background-color:#2cb67d;opacity:.15}[data-theme=dark] .shape-3{background-color:#e05260;opacity:.12}.bg-rocket{position:absolute;top:80px;left:-300px;width:700px;max-width:65vw;height:auto;z-index:0;opacity:.9;pointer-events:none;transform:rotate(15deg) translateZ(0);will-change:transform;background:transparent}[data-theme=dark] .bg-rocket{opacity:.8}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:clip}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background-color:#282a3699;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);position:absolute;top:0;left:0;right:0;z-index:50}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-1px}.badge{background-color:var(--accent);color:#fff;padding:.2rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.theme-toggle{background:none;border:2px solid var(--text-muted);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);transition:all .3s ease;padding:0}.theme-toggle:hover{border-color:var(--accent-2);color:var(--accent-2)}.header-right{display:flex;align-items:center;gap:1rem}.hero{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;min-height:70vh;padding:100px 5% 0;overflow:hidden}.hero-road-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.8;pointer-events:none;will-change:transform;transform:translateZ(0)}.hero-road-bg svg{width:100%;height:100%}.hero-content{position:relative;z-index:1;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.coming-soon-tag{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#7f5af033,#e052601a);color:var(--text-main);padding:.6rem 1.4rem;border-radius:40px;font-weight:600;font-size:.95rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(127,90,240,.3);box-shadow:0 8px 32px #0000000d;position:relative;overflow:hidden;letter-spacing:.5px}.coming-soon-tag:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(127,90,240,.3),transparent);transform:skew(-20deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.hero-title{font-size:clamp(2.5rem,6vw,5rem);line-height:1.1;font-weight:700;letter-spacing:-2px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8),0 4px 12px rgba(0,0,0,.4)}.accent{color:#a0b4ff;display:inline-block;transform:rotate(-2deg);text-shadow:0 1px 3px rgba(0,0,0,.8),0 4px 12px rgba(0,0,0,.4)}.hero-subtitle{font-size:1.2rem;color:#fff;max-width:500px;text-shadow:0 1px 3px rgba(0,0,0,.8),0 3px 8px rgba(0,0,0,.4)}.scroll-indicator{margin-top:2rem;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.demo-section{padding:5rem 5%;background-color:var(--demo-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top-left-radius:40px;border-top-right-radius:40px;box-shadow:0 -10px 40px var(--demo-shadow)}.demo-header{text-align:center;margin-bottom:4rem}.demo-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-1px}.demo-header p{color:var(--text-muted);font-size:1.1rem}:root{--card-width: calc((100% - 2 * 1.5rem) / 3);--card-gap: 1.5rem}.carousel-wrapper{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;position:relative}.carousel-viewport{flex:1;overflow:hidden;border-radius:var(--border-radius)}.carousel-track{display:flex;gap:var(--card-gap)}.carousel-card{min-width:var(--card-width);max-width:var(--card-width);flex-shrink:0}.carousel-btn{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:2px solid var(--card-border);background:var(--card-bg);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s;z-index:2}.carousel-btn:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2);color:#fff}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--text-muted);opacity:.3;cursor:pointer;padding:0;transition:opacity .2s,background .2s}.carousel-dot.active{opacity:1;background:var(--accent-2)}@media (max-width: 900px){:root{--card-width: calc((100% - 1.5rem)/2) }}@media (max-width: 600px){:root{--card-width: 100%;--card-gap: 1rem}.carousel-btn{display:none}.carousel-viewport{overflow:hidden;touch-action:pan-y pinch-zoom}.carousel-viewport iframe.demo-file{pointer-events:none}}.svg-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;align-items:stretch;gap:1rem;box-shadow:0 10px 30px var(--card-shadow);cursor:pointer;transition:box-shadow .3s}.svg-card:hover{box-shadow:0 20px 40px var(--card-shadow-hover)}.svg-display-box{width:100%;aspect-ratio:1 / 1;height:auto;display:flex}.demo-file{width:100%;height:100%;object-fit:cover;border-radius:16px;background-color:transparent;border:1px solid var(--demo-file-border);transition:transform .3s ease}.demo-placeholder{background:var(--btn-bg)}.svg-card:hover .demo-file{transform:scale(1.02)}.svg-actions{display:flex;gap:.5rem;padding:.6rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .8rem;border:none;border-radius:10px;background:var(--btn-bg);color:var(--text-muted);font-family:Space Grotesk,system-ui,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--accent-2);color:#fff}.footer{background:linear-gradient(to bottom,var(--bg-color),var(--demo-bg));padding:6rem 5% 3rem;color:var(--text-main);border-top:1px solid var(--demo-file-border);margin-top:auto}.footer-content{display:flex;flex-wrap:wrap;gap:4rem;justify-content:space-between;max-width:1200px;margin:0 auto 4rem}.footer-brand{max-width:350px}.footer-logo{font-size:2rem;font-weight:700;letter-spacing:-1.5px;margin-bottom:1.2rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.footer-tagline{color:var(--text-muted);line-height:1.7;font-size:1.05rem}.footer-links{display:flex;gap:5rem;flex-wrap:wrap}.footer-link-group{display:flex;flex-direction:column;gap:1.2rem}.footer-link-group h3{font-size:1.1rem;color:var(--text-main);margin-bottom:.5rem;font-weight:700}.footer-link-group a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:all .2s ease;position:relative;width:fit-content}.footer-link-group a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--accent);transition:width .3s ease}.footer-link-group a:hover{color:var(--text-main)}.footer-link-group a:hover:after{width:100%}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-top:2.5rem;border-top:1px solid var(--demo-file-border);color:var(--text-muted);font-size:.95rem}.footer-socials{display:flex;gap:2rem}.social-icon{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease}.social-icon:hover{color:var(--accent-2);transform:translateY(-3px);text-shadow:0 4px 12px rgba(62,84,172,.4)}