:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-color: #ffffff;--text-primary: #000000;--text-secondary: #333333;--accent-color: #0071e3;--accent-glow: rgba(0, 113, 227, .15);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .2);--nav-bg: rgba(255, 255, 255, .95);--btn-secondary-bg: rgba(0, 0, 0, .1);--btn-secondary-color: #000000;--gradient-purple: linear-gradient(135deg, #6e48ff 0%, #ff48fb 100%);--gradient-blue: linear-gradient(135deg, #0071e3 0%, #3399ff 100%);--card-glow: #0071e3;@keyframes bgBreath{0%{background-position:0% 0%}50%{background-position:2% 2%}to{background-position:0% 0%}}--glass-border: rgba(0, 0, 0, .1);--accent-glow: rgba(0, 113, 227, .2);--nav-bg: rgba(255, 255, 255, .8);--btn-secondary-bg: rgba(0, 0, 0, .05);--btn-secondary-color: #1d1d1f;--btn-primary-bg: #0071e3;--btn-primary-color: #ffffff}:root .bg-layer-dark{background:radial-gradient(circle at 10% 10%,rgba(30,30,80,.3) 0%,transparent 60%),radial-gradient(circle at 90% 90%,rgba(60,20,60,.2) 0%,transparent 60%),linear-gradient(135deg,#050505,#000);background-size:110% 110%;animation:bgBreath 30s ease-in-out infinite alternate}:root .bg-layer-light{background:radial-gradient(circle at 0% 0%,rgba(240,220,200,.4) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(220,230,255,.4) 0%,transparent 50%),linear-gradient(135deg,#fff,#f5f5f7);background-size:110% 110%;animation:bgBreath 30s ease-in-out infinite alternate}:root .bg-layer-tinted{background:radial-gradient(circle at 20% 80%,rgba(60,20,80,.3) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(80,20,60,.3) 0%,transparent 60%),linear-gradient(135deg,#0a0510,#020105);background-size:110% 110%;animation:bgBreath 30s ease-in-out infinite alternate}:root .bg-layer-clear{background:radial-gradient(circle at 80% 80%,rgba(10,40,60,.3) 0%,transparent 60%),radial-gradient(circle at 10% 20%,rgba(10,30,50,.3) 0%,transparent 60%),linear-gradient(135deg,#020408,#000);background-size:110% 110%;animation:bgBreath 30s ease-in-out infinite alternate}:root body.style-light{--bg-color: #ffffff;--text-primary: #000000;--text-secondary: #333333;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .2);--accent-glow: rgba(0, 113, 227, .15);--nav-bg: rgba(255, 255, 255, .95);--btn-secondary-bg: rgba(0, 0, 0, .1);--btn-secondary-color: #000000;--btn-primary-bg: #0071e3;--btn-primary-color: #ffffff}body{font-family:var(--font-family);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:color .5s ease-in-out 1s}.btn-ai-glow-wrapper{position:relative;display:inline-block;border-radius:99px;padding:2px;background:linear-gradient(90deg,#33bbcf,#4d66e7,#9d46e8,#ef4d8f,#33bbcf);background-size:300% 300%;animation:ai-shimmer 30s linear infinite}body.style-dark{--bg-color: #050505;--text-primary: #ffffff;--text-secondary: #a1a1a1;--accent-color: #0071e3;--accent-glow: rgba(0, 113, 227, .4);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--nav-bg: rgba(5, 5, 5, .8);--btn-secondary-bg: rgba(255, 255, 255, .03);--btn-secondary-color: #ffffff;--btn-primary-bg: #ffffff;--btn-primary-color: #000000}body.style-tinted{--bg-color: #050505;--text-primary: #ffffff;--text-secondary: #cab0ff;--accent-color: #b085ff;--accent-glow: rgba(138, 43, 226, .4);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 180, 255, .15);--nav-bg: rgba(20, 10, 30, .8);--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-color: #ffffff;--btn-primary-bg: #d4bbff;--btn-primary-color: #2a1050}body.style-clear{--bg-color: #050505;--text-primary: #ffffff;--text-secondary: #a0c4ff;--accent-color: #64b5f6;--accent-glow: rgba(100, 181, 246, .4);--glass-bg: rgba(200, 230, 255, .05);--glass-border: rgba(200, 230, 255, .15);--nav-bg: rgba(5, 15, 25, .8);--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-color: #ffffff;--btn-primary-bg: #a0d0ff;--btn-primary-color: #001a33}*{margin:0;padding:0;box-sizing:border-box}.container{max-width:1100px;margin:0 auto;padding:0 24px}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000001a}.liquid-glass-container{background:var(--glass-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:32px;padding:60px 40px;display:inline-block;box-shadow:0 40px 80px -20px #0000004d,inset 0 0 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .5s ease}.liquid-glass-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.2) 80%,transparent 100%)}.badge-liquid{display:inline-block;padding:8px 20px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;box-shadow:0 4px 12px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.1)}body.style-light .badge-liquid{background:#ffffff80;border:1px solid rgba(255,255,255,.8);color:#0071e3;box-shadow:0 4px 12px #0000000d}h1{font-size:64px;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:24px;text-shadow:0 4px 16px rgba(0,0,0,.2);transition:color 2.5s ease-in-out,text-shadow 2.5s ease-in-out}body.style-light h1{text-shadow:0 4px 12px rgba(0,0,0,.05)}.gradient-text{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}body.style-tinted .gradient-text{background:linear-gradient(135deg,#d4bbff,#b085ff);-webkit-background-clip:text;background-clip:text}body.style-clear .gradient-text{background:linear-gradient(135deg,#a0d0ff,#64b5f6);-webkit-background-clip:text;background-clip:text}p.lead{font-size:21px;color:var(--text-secondary);max-width:600px;margin-bottom:40px}.hero{padding:120px 0 80px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-image-container{margin-top:60px;width:100%;max-width:1000px;position:relative}.hero-image{width:100%;border-radius:24px;box-shadow:0 40px 100px #000c,0 0 50px var(--accent-glow);border:1px solid var(--glass-border)}.features{padding:80px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:32px;margin-top:48px}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.feature-grid{grid-template-columns:1fr}}.feature-card{padding:40px;text-align:left;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%;min-height:280px;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 30% 30%,var(--card-glow),transparent 60%);opacity:.15;z-index:0;pointer-events:none;transition:opacity .3s ease}.feature-card:hover:before{opacity:.25}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.feature-icon{position:relative;z-index:1;width:56px;height:56px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:24px;box-shadow:0 4px 12px #0000001a,inset 0 0 12px #ffffff1a;color:var(--text-primary)}.feature-icon-wrapper,.feature-orb{display:none}.feature-card h3{position:relative;z-index:1;font-size:24px;margin-bottom:12px}.feature-card p{position:relative;z-index:1;color:var(--text-secondary);line-height:1.6;flex-grow:1}body.style-light .feature-card h3{color:#000}body.style-light .feature-card p{color:#404045}.btn{display:inline-block;padding:16px 32px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-color)}.btn-primary:hover{transform:scale(1.02);opacity:.9}nav{padding:24px 0;position:sticky;top:0;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color 2.5s cubic-bezier(.4,0,.2,1)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:800;letter-spacing:-1px;color:var(--text-primary);text-shadow:0 2px 8px rgba(0,0,0,.15);transition:color 2.5s ease-in-out}body.style-light .logo{text-shadow:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate{animation:fadeInUp 1s ease forwards}.style-selector-container{position:absolute;top:24px;right:24px;z-index:10}.style-selector{display:flex;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:4px;box-shadow:0 4px 12px #00000026;gap:4px}.style-option{padding:8px 16px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px}.style-option:hover{color:var(--text-primary);background:#ffffff0d}.style-option.active{color:var(--text-primary);font-weight:600}.active-pill{background:var(--bg-color);box-shadow:0 2px 8px #0000001a}.style-option.option-tinted.active{color:#2a1050}.active-pill.pill-tinted{background:#d4bbff;box-shadow:0 2px 12px #8a2be24d}body.style-dark .style-option.option-tinted.active,body.style-tinted .style-option.option-tinted.active{color:#e0d0ff}body.style-dark .active-pill.pill-tinted,body.style-tinted .active-pill.pill-tinted{background:#8a2be24d;border:1px solid rgba(138,43,226,.5)}.style-option.option-clear.active{color:var(--text-primary)}.active-pill.pill-clear{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--text-primary);box-shadow:0 2px 12px #ffffff1a}body.style-light .style-option.option-clear.active{color:#000}body.style-light .active-pill.pill-clear{background:#0000000d;border:1px solid #000}.liquid-glass-blue{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:32px;padding:80px 40px;box-shadow:0 20px 60px -10px #0000001a,inset 0 0 0 1px #ffffff1a;position:relative;overflow:hidden;transition:background .3s ease,border .3s ease}body.style-dark .liquid-glass-blue,body.style-tinted .liquid-glass-blue{box-shadow:0 20px 60px -10px #00000080}.liquid-glass-blue:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 20% 20%,rgba(88,86,214,.4),transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,122,255,.4),transparent 50%),radial-gradient(circle at 80% 20%,rgba(90,200,250,.3),transparent 50%),radial-gradient(circle at 20% 80%,rgba(255,45,85,.15),transparent 50%);filter:blur(60px);opacity:.6;pointer-events:none;z-index:0;transform:scale(1.2);transition:opacity .3s ease}body.style-dark .liquid-glass-blue:before,body.style-tinted .liquid-glass-blue:before{opacity:.3}@keyframes rotating-glow{0%{--rotate-angle: 0deg}to{--rotate-angle: 360deg}}@property --rotate-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.btn-ai-glow{position:relative;background:linear-gradient(#0071e3,#0071e3) padding-box,conic-gradient(from var(--rotate-angle),#ff0080,#7928ca,#ff0080) border-box;border:2px solid transparent;color:#fff;animation:rotating-glow 3s linear infinite;overflow:hidden;z-index:1}.btn-ai-glow-wrapper{position:relative;display:inline-block;border-radius:99px;padding:2px;background:linear-gradient(90deg,#33bbcf,#4d66e7,#9d46e8,#ef4d8f,#33bbcf);background-size:300% 300%;animation:ai-shimmer 3s linear infinite}@keyframes ai-shimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}.btn-ai-inner{background:#000c;color:#fff;border-radius:99px;padding:18px 38px;display:block;font-size:18px;font-weight:600;height:100%;width:100%;position:relative;z-index:2}body.style-light .btn-ai-inner{background:#ffffffe6;color:#000}.timeline-container{position:relative;width:100%;max-width:800px;height:80px;background:#ffffff0d;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-top-color:#ffffff80;border-bottom-color:#ffffff1a;border-radius:20px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003,inset 0 0 0 1px #ffffff1a,inset 0 10px 20px #ffffff1a;margin:0 auto;cursor:pointer;-webkit-user-select:none;user-select:none}.timeline-zone{flex:1;height:100%;border-right:1px solid rgba(255,255,255,.05);position:relative;transition:background .3s ease}.timeline-zone:last-child{border-right:none}.timeline-zone-label{position:absolute;top:12px;left:12px;font-size:13px;font-weight:600;color:var(--text-secondary);pointer-events:none;display:flex;align-items:center;gap:6px}.zone-light{background:#ffffc81a}.zone-dark{background:#0064c81a}.zone-tinted{background:#8c32ff26}.zone-clear{background:#ffffff0d}body.style-light .zone-light{background:#ffdc9640}body.style-light .zone-dark{background:#0064c80d}body.style-light .zone-tinted{background:#8c32ff0d}body.style-light .zone-clear{background:#0000000d}.timeline-cursor{position:absolute;top:0;bottom:0;width:2px;background:#ff3b30;z-index:10;pointer-events:none;box-shadow:0 0 15px #ff3b3099;will-change:left}.timeline-cursor:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:9px;height:9px;background:#ff3b30;border-radius:50%;box-shadow:0 2px 4px #0003}.btn-play-pause{width:44px;height:44px;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a;font-size:18px}.btn-play-pause:hover{background:#ffffff1a;transform:scale(1.05);box-shadow:0 8px 20px #0003}.btn-play-pause:active{transform:scale(.95)}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.roadmap-card{padding:32px;border-radius:20px}.roadmap-quarter{font-size:24px;font-weight:700;color:var(--accent-color);margin-bottom:16px}.roadmap-list{list-style:none;padding:0;margin:0}.roadmap-list li{padding:8px 0;color:var(--text-secondary);border-bottom:1px solid var(--glass-border)}.roadmap-list li:last-child{border-bottom:none}.version-card{padding:32px;border-radius:20px;margin-bottom:24px}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.version-info{display:flex;align-items:center;gap:12px}.version-number{font-size:28px;font-weight:700}.version-badge{background:var(--accent-color);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.version-date{color:var(--text-secondary);font-size:14px}.version-changes{display:flex;flex-direction:column;gap:12px}.change-item{display:flex;align-items:flex-start;gap:12px}.change-icon{font-size:16px;flex-shrink:0}.change-type{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;flex-shrink:0}.change-type.type-new{background:#34c75933;color:#34c759}.change-type.type-improved{background:#0071e333;color:#0071e3}.change-type.type-fixed{background:#ff950033;color:#ff9500}.change-text{color:var(--text-secondary);line-height:1.5}