:root{--bg-color:#000;--text-color:#fff;--accent-color:#00f2ff;--accent-glow:#00f2ff66;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--transition:all .5s cubic-bezier(.16, 1, .3, 1);--font-title:clamp(2.2rem, 10vw, 6rem);--font-h2:clamp(1.6rem, 5vw, 3rem);--font-h3:clamp(.9rem, 2vw, 1.1rem);--font-body:clamp(.85rem, 1.5vw, 1rem);--space-outer:clamp(1.5rem, 5vw, 6rem);--section-padding:clamp(5rem, 12vw, 15rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.skip-link{color:#000;z-index:10000;text-transform:uppercase;letter-spacing:.1em;background:#fff;border-radius:0 0 10px 10px;padding:10px 20px;font-size:12px;font-weight:700;text-decoration:none;transition:top .3s;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.skip-link:focus{top:0}.container{max-width:1100px;padding:0 var(--space-outer);margin:0 auto}.background-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 10%,#00f2ff0d 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.hero{text-align:center;min-height:100vh;padding:var(--section-padding) var(--space-outer);background:radial-gradient(circle,#00f2ff0d 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero .container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:800px;display:flex}.main-logo{width:clamp(100px,15vw,140px);height:auto;filter:drop-shadow(0 0 30px var(--accent-glow));margin-bottom:3.5rem;animation:8s ease-in-out infinite living-pulse}@keyframes living-pulse{0%,to{filter:drop-shadow(0 0 20px var(--accent-glow));transform:scale(1)}50%{filter:drop-shadow(0 0 45px #00f2ff80);transform:scale(1.04)}}.hero-tagline{letter-spacing:.6em;color:var(--accent-color);text-transform:uppercase;margin-bottom:1.5rem;margin-right:-.6em;font-size:10px;font-weight:700;display:inline-block}.title{font-size:var(--font-title);letter-spacing:.25em;text-transform:uppercase;background:linear-gradient(#fff 0%,#fff6 100%);color:#0000;-webkit-background-clip:text;margin-bottom:2.5rem;margin-right:-.25em;font-weight:200;line-height:1.1;display:inline-block}.slogan{letter-spacing:.35em;text-transform:uppercase;color:#fff9;max-width:480px;margin-bottom:5rem;margin-left:auto;margin-right:auto;padding-left:.35em;font-size:clamp(.75rem,2.5vw,.95rem);font-weight:300;line-height:1.8}.hero-actions{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.btn-primary{color:#000;text-transform:uppercase;letter-spacing:.2em;transition:var(--transition);background:#fff;border:1px solid #fff;border-radius:100px;padding:1.25rem 4rem;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.btn-primary:hover{color:#fff;background:0 0;transform:translateY(-5px)scale(1.02);box-shadow:0 20px 50px #00f2ff33}.btn-smart-share-landing{color:#fffc;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:1.5px solid #fff6;border-radius:100px;justify-content:center;align-items:center;gap:.8rem;padding:1rem 2.5rem;font-size:10px;display:flex}.btn-smart-share-landing svg{fill:currentColor;width:16px;height:16px}.btn-smart-share-landing:hover{color:#fff;background:#ffffff0d;border-color:#fff}.scroll-hint{text-transform:uppercase;letter-spacing:.5em;color:#fff9;z-index:10;transition:var(--transition);font-size:9px;text-decoration:none;animation:2s ease-in-out infinite scroll-float;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-hint:hover{color:var(--accent-color);opacity:.8}@keyframes scroll-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}section{padding:var(--section-padding) 0;background:#000}.section-title{font-size:var(--font-h2);letter-spacing:.4em;text-transform:uppercase;text-align:center;background:linear-gradient(90deg,#ffffff4d 0%,#fff 50%,#ffffff4d 100%);color:#0000;-webkit-background-clip:text;margin-bottom:clamp(4rem,10vw,8rem);padding-left:.4em;font-weight:200}.vision-text{color:#ffffffe6;text-align:center;max-width:900px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:200;line-height:1.8}.guide-grid,.luxury-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;display:grid}.feature-card,.luxury-card{border:1px solid var(--glass-border);transition:var(--transition);text-align:center;background:linear-gradient(135deg,#ffffff05 0%,#fff0 100%);border-radius:40px;padding:clamp(2.5rem,5vw,5rem) clamp(1.5rem,3vw,3.5rem)}.feature-card:hover,.luxury-card:hover{border-color:var(--accent-color);background:#ffffff08;transform:translateY(-12px)}.card-icon,.luxury-icon{filter:drop-shadow(0 0 20px #ffffff1a);margin-bottom:2.5rem;font-size:2.8rem;display:block}.feature-card h3,.luxury-card h3{font-size:var(--font-h3);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-color);margin-bottom:1.8rem;font-weight:600}.feature-card p,.luxury-card p{font-size:var(--font-body);color:#fff9;font-weight:300;line-height:1.8}.origin-box{border-left:2px solid var(--accent-color);padding:1.5rem var(--space-outer);max-width:850px;margin:0 auto}.origin-text{color:#fffc;font-size:clamp(1rem,1.5vw,1.3rem);font-style:italic;font-weight:200;line-height:2}.control-box{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:4rem;display:grid}.control-list{list-style:none}.control-list li{font-size:var(--font-body);color:#fffc;margin-bottom:2.5rem;font-weight:200}.control-list strong{color:#fff;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.8rem;font-size:13px;font-weight:500;display:block}.gesture-icon{text-align:center;filter:drop-shadow(0 0 40px var(--accent-glow));font-size:5rem}.tech-box{border:1px solid var(--glass-border);background:linear-gradient(135deg,#14141480 0%,#0000 100%);border-radius:40px;padding:clamp(2rem,8vw,6rem) clamp(1.5rem,5vw,4rem)}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:3rem;display:grid}.tech-item h4{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-color);margin-bottom:1rem;font-size:13px;font-weight:700}.tech-item p{opacity:.6;font-size:13px;line-height:1.6}.roadmap-timeline{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;display:grid}.roadmap-step{background:var(--glass-bg);border:1px solid var(--glass-border);transition:var(--transition);border-radius:32px;padding:3.5rem 2.5rem}.roadmap-step h4{letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:15px}.status{text-transform:uppercase;border-radius:4px;margin-bottom:1.5rem;padding:.3rem .8rem;font-size:10px;font-weight:700;display:inline-block}.status.done{color:#00ff80;background:#00ff801a}.status.doing{color:#00f2ff;background:#00f2ff1a}.status.next{color:#fff6;background:#ffffff0d}.ack-intro{text-align:center;opacity:.7;max-width:700px;margin:0 auto 4rem}.ack-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.ack-item{transition:var(--transition);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:2rem}.ack-item:hover{border-color:var(--accent-glow);background:#ffffff0a}.ack-item strong{letter-spacing:.05em;color:var(--accent-color);margin-bottom:.5rem;font-size:14px;display:block}.ack-item span{opacity:.5;font-size:12px;line-height:1.5}.footer{border-top:1px solid var(--glass-border);padding:8rem 0 4rem}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:4rem;margin-bottom:5rem;display:flex}.footer-brand h3{letter-spacing:.6em;margin-bottom:.8rem;margin-right:-.6em;font-size:1.5rem;font-weight:100}.vibe-footer{opacity:.4;letter-spacing:.1em;font-size:11px}.footer-nav{flex-wrap:wrap;gap:3rem;display:flex}.footer-nav a{color:#ffffff80;text-transform:uppercase;letter-spacing:.15em;transition:var(--transition);font-size:11px;text-decoration:none}.footer-nav a:hover{color:var(--accent-color)}.copyright{text-align:center;opacity:.6;letter-spacing:.1em;margin-top:4rem;font-size:10px}.vibe-badge{border-left:2px solid var(--accent-glow);opacity:.8;flex-direction:column;align-items:flex-start;margin-top:3rem;padding-left:1.8rem;display:inline-flex}.vibe-tag{letter-spacing:.35em;color:var(--accent-glow);margin-bottom:.5rem;font-size:.7rem}.vibe-name{letter-spacing:.15em;color:#fff;font-family:Inter,sans-serif;font-size:1.2rem}@media (width<=480px){.hero{padding:10vh 1.25rem 6rem}.title{letter-spacing:.1em;padding-left:.1em;font-size:2.3rem}.slogan{letter-spacing:.2em;max-width:250px;padding-left:.2em;font-size:.75rem;line-height:1.8}.btn-primary{text-align:center;width:100%;padding:1.25rem 2rem;font-size:11px}.btn-smart-share-landing{width:100%;padding:1rem 1.5rem}.container{padding:0 1.25rem}.section-title{font-size:1.8rem}}.final-cta{text-align:center;padding:10rem 0}.final-cta h2{margin-bottom:4rem}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;box-shadow:0 0 0 4px #000c, 0 0 15px var(--accent-glow)}
