.landing-container{position:relative;width:100%;min-height:100vh;overflow:hidden}.gradient-orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;will-change:transform}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#d97757,#8b5cf6);top:-100px;right:-100px;animation:float 20s ease-in-out infinite}.orb-2{width:300px;height:300px;background:linear-gradient(135deg,#8b5cf6,#d97757);bottom:100px;left:-100px;animation:float 15s ease-in-out infinite reverse}.orb-3{width:250px;height:250px;background:linear-gradient(135deg,#d97757,#06b6d4);top:50%;left:50%;animation:float 25s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,30px)}}.fade-in{opacity:0;transform:translateY(24px);animation:fadeInUp .8s ease forwards}.fade-in-delay{animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.navbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1a1a18b3;border-bottom:1px solid var(--border);margin:0 -20px;padding:16px 20px}.nav-logo{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700}.logo-icon{color:var(--accent);font-size:1.1rem}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.nav-cta{padding:8px 18px;background:var(--accent);color:#fff!important;border-radius:8px;font-weight:600!important;transition:opacity .2s ease,color .2s ease!important}.nav-cta:hover{opacity:.9;color:#fff!important}.content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0;min-height:calc(100vh - 60px)}.hero-content{z-index:2}.title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:28px;letter-spacing:-.03em}.gradient-text{background:linear-gradient(135deg,#d97757,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:36px;line-height:1.7;max-width:480px}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-alt) 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px #d9775733;text-decoration:none}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #d977574d}.cta-button:hover .arrow{transform:translate(4px)}.cta-button:active{transform:translateY(0)}.button-text{display:block}.arrow{display:inline-block;transition:transform .3s ease}.coming-soon{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.coming-soon-icon{font-size:1.1rem}.tagline{font-size:.85rem;color:var(--text-secondary);margin-top:14px;opacity:.8}.hero-graphic{display:flex;justify-content:center;align-items:center}.phone-frame{width:280px;height:560px;background:var(--bg-surface);border:3px solid #333;border-radius:36px;padding:12px;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.phone-frame:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:28px;background:#333;border-radius:0 0 16px 16px;z-index:10}.phone-screen{width:100%;height:100%;background:var(--bg-primary);border-radius:28px;overflow:hidden}.screen-content{padding:44px 14px 14px;height:100%;display:flex;flex-direction:column;gap:10px}.screen-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:4px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.screen-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.deck-card{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;transition:border-color .3s ease}.deck-card:hover{border-color:var(--accent)}.deck-emoji{font-size:1.4rem}.deck-info{display:flex;flex-direction:column;gap:2px}.deck-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.deck-count{font-size:.65rem;color:var(--text-secondary)}.screen-garden{margin-top:auto;text-align:center;padding:10px;background:#d977570d;border-radius:10px;border:1px solid var(--border);font-size:1.1rem;letter-spacing:2px}.features{padding:100px 0;text-align:center}.features h2{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:56px}.feature-card{background:#24242280;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;padding:28px;text-align:center;transition:transform .3s ease,border-color .3s ease,background .3s ease}.feature-card:hover{transform:translateY(-6px);border-color:var(--accent);background:#242422cc}.feature-icon{font-size:2.5rem;margin-bottom:14px}.feature-card h3{font-size:1.2rem;margin-bottom:10px;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.tech-stack{padding:80px 0;text-align:center}.tech-stack h2{font-size:2.5rem;margin-bottom:48px;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.tech-badge{background:#d9775714;border:1px solid rgba(217,119,87,.3);border-radius:10px;padding:14px 20px;font-weight:600;font-size:.9rem;color:var(--accent);transition:background .3s ease,transform .3s ease}.tech-badge:hover{background:#d9775729;transform:scale(1.05)}.final-cta{padding:80px 0;text-align:center}.cta-content{background:linear-gradient(135deg,#d9775714,#8b5cf614);border:1px solid var(--border);border-radius:20px;padding:56px 40px}.cta-content h2{font-size:2.5rem;margin-bottom:14px}.cta-content p{font-size:1.15rem;color:var(--text-secondary);margin-bottom:28px}.cta-button-large{display:inline-block;padding:18px 40px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-alt) 100%);color:#fff;border:none;border-radius:12px;font-size:1.15rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 12px 32px #d9775740;text-decoration:none}.cta-button-large:hover{transform:translateY(-2px);box-shadow:0 16px 40px #d9775759}.footer{padding:36px 0;border-top:1px solid var(--border)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-content p{color:var(--text-secondary);font-size:.9rem}.footer-links{display:flex;gap:28px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:var(--accent)}@media(max-width:768px){.navbar{padding:12px 16px;margin:0 -20px}.nav-links{gap:16px}.hero{grid-template-columns:1fr;padding:48px 0;min-height:auto;gap:40px}.title{font-size:2.2rem}.subtitle{font-size:1rem}.features h2,.tech-stack h2,.cta-content h2{font-size:2rem}.features,.tech-stack,.final-cta{padding:60px 0}.cta-content{padding:36px 20px}.footer-content{flex-direction:column;text-align:center}}@media(max-width:480px){.nav-links a:not(.nav-cta){display:none}.title{font-size:1.7rem}.subtitle{font-size:.95rem}.hero-graphic{display:none}.features-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(2,1fr)}.footer-links{flex-direction:column;gap:12px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a18;--bg-surface: #242422;--text-primary: #e8e8e3;--text-secondary: #a1a19a;--accent: #d97757;--accent-alt: #8b5cf6;--border: #3d3d3a}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}html,body,#root{height:100%}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-alt)}