@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";:root{--bg:#090910;--surface:#111120;--surface-2:#18182a;--surface-3:#1e1e32;--border:#f0ede812;--border-2:#f0ede81f;--border-3:#f0ede82e;--gold:#e8a838;--gold-dim:#e8a8381f;--gold-glow:#e8a8384d;--gold-light:#f5c86a;--rose:#e86b8a;--rose-dim:#e86b8a1f;--rose-glow:#e86b8a4d;--mint:#6bde9a;--mint-dim:#6bde9a1f;--mint-glow:#6bde9a4d;--sky:#6bb8e8;--sky-dim:#6bb8e81f;--lavender:#a08be8;--lavender-dim:#a08be81f;--text:#f0ede8;--text-2:#8a8a9a;--text-3:#5a5a6a;--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--radius:16px;--radius-sm:10px;--radius-lg:24px;--radius-xl:32px;--radius-full:999px;--shadow-sm:0 2px 8px #00000059;--shadow:0 4px 24px #00000073;--shadow-lg:0 8px 48px #0000008c;--shadow-xl:0 16px 80px #000000a6;--nav-h:72px;--section-py:120px;--max-w:1200px;--content-w:720px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.text-gradient{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 50%, var(--rose) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-rose{background:linear-gradient(135deg, var(--rose) 0%, var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-inner{max-width:var(--max-w);margin:0 auto;padding:0 32px}.section-header{text-align:center;margin-bottom:72px}.section-tag{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);border-radius:var(--radius-full);border:1px solid #e8a83840;margin-bottom:24px;padding:6px 18px;font-size:11px;font-weight:600;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin-bottom:20px;font-size:clamp(34px,4.5vw,52px);font-weight:800;line-height:1.1}.section-desc{color:var(--text-2);max-width:560px;margin:0 auto;font-size:17px;line-height:1.8}.navbar{z-index:100;height:var(--nav-h);border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);border-bottom-color:var(--border);background:#090910e0}.navbar-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;gap:32px;height:100%;margin:0 auto;padding:0 32px;display:flex}.navbar-logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.logo-icon{align-items:center;display:flex}.logo-accent{color:var(--gold)}.navbar-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-2);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:500;transition:color .2s,background .2s}.nav-link:hover{color:var(--text);background:#ffffff0d}.navbar-actions{align-items:center;gap:12px;display:flex}.btn-nav{color:var(--text);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.btn-nav:hover{background:var(--gold-dim);color:var(--gold);border-color:#e8a83866}.hamburger{color:var(--text);padding:8px;display:none}.mobile-menu{top:var(--nav-h);z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#090910f7;flex-direction:column;gap:4px;padding:16px 24px 24px;display:flex;position:fixed;left:0;right:0}.mobile-nav-link{color:var(--text-2);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.mobile-nav-link:hover{color:var(--text);background:#ffffff0d}.mobile-nav-cta{color:var(--gold)!important}.hero{min-height:100vh;padding-top:var(--nav-h);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-gradient-1{background:radial-gradient(circle,#e8a8381a 0%,#0000 65%);width:900px;height:900px;animation:18s ease-in-out infinite floatBg;position:absolute;top:-300px;left:-200px}.hero-gradient-2{background:radial-gradient(circle,#e86b8a14 0%,#0000 65%);width:700px;height:700px;animation:14s ease-in-out infinite reverse floatBg;position:absolute;bottom:-200px;right:-100px}.hero-gradient-3{background:radial-gradient(circle,#6bde9a0d 0%,#0000 65%);width:500px;height:500px;animation:22s ease-in-out 5s infinite floatBg;position:absolute;top:30%;left:40%}@keyframes floatBg{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.05)}66%{transform:translate(-30px,20px)scale(.95)}}.hero-noise{opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:1;max-width:var(--max-w);min-height:calc(100vh - var(--nav-h));flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin:0 auto;padding:60px 32px 80px;display:grid;position:relative}.hero-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);border-radius:var(--radius-full);border:1px solid #e8a83840;align-items:center;gap:8px;margin-bottom:32px;padding:7px 16px;font-size:12px;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin-bottom:28px;font-size:clamp(44px,6vw,68px);font-weight:900;line-height:1}.hero-title-sub{letter-spacing:-.01em;color:var(--text-2);margin-top:8px;font-size:clamp(20px,2.5vw,26px);font-weight:400;line-height:1.4;display:block}.hero-desc{color:var(--text-2);max-width:440px;margin-bottom:40px;font-size:17px;line-height:1.8}.hero-cta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:56px;display:flex}.btn-primary{font-family:var(--font-display);letter-spacing:-.01em;color:#0a090e;background:linear-gradient(135deg, var(--gold), var(--gold-light));border-radius:var(--radius);box-shadow:0 4px 24px var(--gold-glow), 0 0 0 1px #e8a83833;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 40px #e8a83873,0 0 0 1px #e8a83866}.btn-ghost{font-family:var(--font-display);color:var(--text-2);border:1px solid var(--border-2);border-radius:var(--radius);align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex}.btn-ghost:hover{color:var(--text);border-color:var(--border-3);background:#ffffff0a}.hero-stats{align-items:center;gap:32px;display:flex}.stat{flex-direction:column;gap:3px;display:flex}.stat-num{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);background:linear-gradient(135deg, var(--gold), var(--rose));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500}.stat-divider{background:var(--border-2);width:1px;height:36px}.hero-visual{justify-content:center;align-items:center;height:480px;display:flex;position:relative}.album-stack{width:320px;height:320px;position:relative}.album-disc{border-radius:50%;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute}.album-disc:first-child{width:320px;height:320px;box-shadow:var(--shadow-xl), inset 0 0 60px #00000080;border:1px solid var(--border-2);background:conic-gradient(#1a1a2e,#232340,#1a1a2e);top:0;left:0}.album-disc:nth-child(2){background:conic-gradient(from 0deg, var(--gold-dim), #e8a83840, var(--gold-dim));width:280px;height:280px;box-shadow:var(--shadow-lg);border:1px solid #e8a83826;top:20px;left:20px}.album-disc:nth-child(3){width:240px;height:240px;box-shadow:var(--shadow);border:1px solid var(--border);background:linear-gradient(135deg,#111120,#1a1a2e);justify-content:center;align-items:center;display:flex;top:40px;left:40px;overflow:hidden}.album-center-hole{background:var(--bg);border:1px solid var(--border-2);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:inset 0 2px 8px #00000080}.album-center-hole:after{content:"";background:var(--gold);opacity:.8;width:20px;height:20px;box-shadow:0 0 16px var(--gold-glow);border-radius:50%}.album-grooves{background:repeating-radial-gradient(circle,#0000 0 3px,#ffffff04 3px 4px);border-radius:50%;position:absolute;inset:0}.album-ring{border:1px solid #ffffff0a;border-radius:50%;position:absolute}.album-ring:nth-child(5){width:300px;height:300px;top:10px;left:10px}.album-ring:nth-child(6){width:260px;height:260px;top:30px;left:30px}.album-ring:nth-child(7){border-color:#e8a8380f;width:200px;height:200px;top:60px;left:60px}.floating-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-lg);white-space:nowrap;background:#111120e6;align-items:center;gap:12px;padding:14px 16px;display:flex;position:absolute}.floating-card-1{animation:5s ease-in-out infinite floatCard1;top:20px;right:-20px}.floating-card-2{animation:6s ease-in-out infinite floatCard2;bottom:40px;left:-30px}.floating-card-3{animation:4.5s ease-in-out infinite floatCard3;bottom:-10px;right:20px}@keyframes floatCard1{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatCard2{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatCard3{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fc-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.fc-title{font-family:var(--font-display);color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700}.fc-sub{color:var(--text-3);font-size:11px}.fc-wave{align-items:center;gap:2px;height:24px;display:flex}.fc-bar{background:var(--gold);border-radius:99px;width:3px;animation:1.2s ease-in-out infinite waveBar}.fc-bar:first-child{height:40%;animation-delay:0s}.fc-bar:nth-child(2){height:70%;animation-delay:.1s}.fc-bar:nth-child(3){height:50%;animation-delay:.2s}.fc-bar:nth-child(4){height:90%;animation-delay:.3s}.fc-bar:nth-child(5){height:60%;animation-delay:.4s}@keyframes waveBar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.scroll-hint{z-index:1;color:var(--text-3);letter-spacing:.1em;flex-direction:column;align-items:center;gap:8px;padding-bottom:32px;font-size:11px;display:flex;position:relative}.scroll-line{background:linear-gradient(to bottom, transparent, var(--gold), transparent);width:1px;height:32px}.features{padding:var(--section-py) 0;position:relative}.features:before{content:"";background:linear-gradient(#0000,#e8a83840);width:1px;height:120px;position:absolute;top:0;left:50%;transform:translate(-50%)}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;transition:border-color .3s,background .3s,transform .3s;position:relative;overflow:hidden}.feature-card:hover{background:var(--surface-2);border-color:#ffffff24;transform:translateY(-4px)}.feature-card-bg{opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.feature-card:hover .feature-card-bg{opacity:1}.feature-icon-wrap{z-index:1;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;display:flex;position:relative}.feature-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);z-index:1;margin-bottom:12px;font-size:20px;font-weight:700;position:relative}.feature-desc{color:var(--text-2);z-index:1;margin-bottom:20px;font-size:15px;line-height:1.7;position:relative}.feature-tags{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.feature-tag{letter-spacing:.05em;border-radius:var(--radius-full);text-transform:uppercase;border:1px solid;padding:4px 12px;font-size:11px;font-weight:600}.styles-section{padding:var(--section-py) 0;position:relative}.styles-strip{gap:16px;margin-bottom:64px;padding:8px 0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.style-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);flex-shrink:0;align-items:center;gap:10px;padding:10px 20px;transition:all .3s;display:flex}.style-pill:hover{border-color:var(--border-3);background:var(--surface-2);transform:translateY(-3px)}.style-pill-emoji{font-size:20px}.style-pill-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:14px;font-weight:600}.styles-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.style-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s;position:relative;overflow:hidden}.style-card:hover{border-color:#ffffff24;transform:translateY(-4px)}.style-card-accent{border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.style-card-body{align-items:flex-start;gap:14px;display:flex}.style-card-icon{flex-shrink:0;margin-top:2px;font-size:28px}.style-card-name{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:3px;font-size:15px;font-weight:700;display:block}.style-card-desc{color:var(--text-3);font-size:12px;display:block}.style-card-bar{opacity:.2;border-radius:99px;height:2px;transition:opacity .3s;position:absolute;bottom:0;left:24px;right:24px}.style-card:hover .style-card-bar{opacity:.45}.hiw{padding:var(--section-py) 0;position:relative}.hiw-flow{gap:0;margin-bottom:64px;display:flex;position:relative}.hiw-step{flex:1;padding:0 24px;position:relative}.hiw-step:first-child{padding-left:0}.hiw-step:last-child{padding-right:0}.hiw-connector{background:linear-gradient(90deg, var(--border-2), transparent);z-index:0;width:calc(100% - 46px);height:2px;position:absolute;top:40px;right:-1px}.hiw-step:last-child .hiw-connector{display:none}.hiw-step-inner{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;padding:32px 28px;transition:all .3s;position:relative}.hiw-step-inner:hover{border-color:#ffffff1f;transform:translateY(-4px)}.hiw-step-num{font-family:var(--font-display);letter-spacing:-.05em;color:var(--surface-3);margin-bottom:20px;font-size:48px;font-weight:900;line-height:1;transition:color .3s}.hiw-step-inner:hover .hiw-step-num{color:var(--surface-3)}.hiw-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.hiw-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:10px;font-size:18px;font-weight:700}.hiw-desc{color:var(--text-2);font-size:14px;line-height:1.65}.hiw-detail{color:var(--text-3);margin-top:8px;font-size:13px;line-height:1.6}.hiw-cta-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;padding:32px;display:flex}.hiw-cta-item{color:var(--text-2);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.hiw-cta-dot{border-radius:50%;width:8px;height:8px}.download-section{padding:var(--section-py) 0;position:relative;overflow:hidden}.download-glow{pointer-events:none;background:radial-gradient(70% 60%,#e8a83812 0%,#0000 70%);position:absolute;inset:0}.download-inner{text-align:center;position:relative}.download-badge{color:var(--gold);background:var(--gold-dim);border-radius:var(--radius-full);border:1px solid #e8a83840;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-flex}.download-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin-bottom:20px;font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.1}.download-desc{color:var(--text-2);max-width:520px;margin-bottom:52px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.7}.download-platforms{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;margin-bottom:40px;display:flex}.download-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;width:260px;padding:36px;transition:all .3s;position:relative;overflow:hidden}.download-card:hover{border-color:#ffffff24;transform:translateY(-4px)}.download-card-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.download-badge-tag{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);border:1px solid;padding:4px 12px;font-size:11px;font-weight:600}.download-card-name{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:6px;font-size:26px;font-weight:800;display:block}.download-card-desc{color:var(--text);margin-bottom:4px;font-size:15px}.download-card-sub{color:var(--text-3);font-size:12px}.download-perks{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;margin-bottom:28px;display:flex}.perk{color:var(--text-2);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.download-note{color:var(--text-3);font-size:13px;font-style:italic}.footer{border-top:1px solid var(--border);background:var(--surface);padding-top:72px}.footer-inner{max-width:var(--max-w);grid-template-columns:1.6fr repeat(3,1fr);gap:48px;margin:0 auto;padding:0 32px 56px;display:grid}.footer-logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);align-items:center;gap:10px;margin-bottom:18px;font-size:18px;font-weight:800;display:flex}.footer-tagline{color:var(--text-2);margin-bottom:28px;font-size:14px;line-height:1.75}.footer-social{gap:10px;display:flex}.social-icon{background:var(--surface-2);border:1px solid var(--border);width:36px;height:36px;color:var(--text-3);cursor:default;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.social-icon:hover{border-color:var(--border-3);color:var(--text-2)}.footer-link-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:18px;font-size:12px;font-weight:700;display:block}.footer-link-group li{margin-bottom:10px}.footer-link{color:var(--text-3);font-size:14px;transition:color .2s}.footer-link:hover{color:var(--text-2)}.footer-bottom{border-top:1px solid var(--border);padding:20px 0}.footer-bottom-inner{max-width:var(--max-w);color:var(--text-3);justify-content:space-between;align-items:center;margin:0 auto;padding:0 32px;font-size:13px;display:flex}.footer-made{align-items:center;gap:6px;display:flex}@media (width<=1024px){.hero-content{grid-template-columns:1fr;gap:48px}.hero-visual{display:none}.hero-desc{max-width:100%}.features-grid,.styles-grid{grid-template-columns:repeat(2,1fr)}.hiw-flow{flex-direction:column;gap:16px}.hiw-step{padding:0}.hiw-connector{display:none}.footer-inner{grid-template-columns:1fr 1fr}}@media (width<=768px){:root{--section-py:80px;--nav-h:64px}.navbar-links,.btn-nav{display:none}.hamburger{display:flex}.hero-stats{gap:20px}.stat-num{font-size:24px}.hero-cta{flex-direction:column;align-items:flex-start}.btn-primary,.btn-ghost{justify-content:center;width:100%}.features-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.styles-grid{grid-template-columns:1fr 1fr}.download-platforms{flex-direction:column;align-items:center}.download-card{width:100%;max-width:320px}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom-inner{text-align:center;flex-direction:column;gap:8px}.section-desc br{display:none}.styles-strip{gap:12px}.style-pill{padding:8px 16px}}@media (width<=480px){.styles-grid{grid-template-columns:1fr}.hero-title{font-size:38px}.section-title{font-size:30px}.download-title{font-size:32px}.hiw-cta-row{gap:20px}}