:root{--bg-color: #050505;--text-primary: #ffffff;--text-secondary: #a3a3a3;--accent-color: #ccff00;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--font-family: "Inter", sans-serif;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--max-width: 1000px;--border-radius: 24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;text-align:center}main{padding:var(--spacing-md);max-width:var(--max-width);margin:0 auto}.site-header{position:absolute;left:0;width:100%;padding:1rem 0;display:flex;justify-content:center;align-items:center;overflow:visible;z-index:1000;transition:opacity .5s ease,transform .5s ease}.site-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);background-size:200% 100%;animation:separator-flow 3s linear infinite;opacity:.5}@keyframes separator-flow{0%{background-position:100% 0}to{background-position:-100% 0}}.site-header.scrolled{opacity:0;pointer-events:none;transform:translateY(-20px)}.header-content{display:flex;align-items:center;gap:1rem;width:auto}@keyframes fade-pulse{0%,to{opacity:1}50%{opacity:0}}.header-item{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-tagline{color:var(--accent-color);font-size:.65rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;opacity:1;display:flex;gap:.3em}.header-tagline span{opacity:.3;animation:word-breathe 3s ease-in-out infinite}.header-tagline span:nth-child(1){animation-delay:0s}.header-tagline span:nth-child(2){animation-delay:.3s}.header-tagline span:nth-child(3){animation-delay:.6s}.header-tagline span:nth-child(4){animation-delay:.9s}.header-tagline span:nth-child(5){animation-delay:1.2s}.header-tagline span:nth-child(6){animation-delay:1.5s}.header-tagline span:nth-child(7){animation-delay:1.8s}@keyframes word-breathe{0%,to{opacity:.3}50%{opacity:1;text-shadow:0 0 5px rgba(204,255,0,.5)}}.site-logo{width:160px;height:auto;display:block;animation:logo-entrance .8s cubic-bezier(.2,.8,.2,1) forwards;will-change:transform,filter}@keyframes logo-entrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes logo-breathe{0%,to{filter:drop-shadow(0 0 0 rgba(204,255,0,0));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(204,255,0,.3));transform:scale(1.02)}}h1,h2,h3{font-weight:600;letter-spacing:-.03em;margin-bottom:var(--spacing-md);line-height:1.1}h1{font-size:3.5rem;margin-bottom:var(--spacing-md);background:linear-gradient(to bottom,#fff,#888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2.5rem;color:var(--text-primary)}h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}p,li{color:var(--text-secondary);font-size:1.125rem;margin-bottom:var(--spacing-md)}ul{list-style:none;margin-bottom:var(--spacing-md)}li{margin-bottom:var(--spacing-sm)}.highlight{color:var(--accent-color);font-weight:600;text-shadow:0 0 20px rgba(204,255,0,.2)}section{margin-bottom:var(--spacing-xl);padding-top:var(--spacing-lg);display:flex;flex-direction:column;position:relative}.hero.premium-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding-top:15vh;gap:var(--spacing-lg);perspective:2000px}.hero-content{max-width:800px;z-index:2;margin:0 auto}@media(min-width:900px){.hero.premium-hero{display:flex;grid-template-columns:none}h1{font-size:4.5rem;line-height:1.05}}.premium-dashboard-wrapper{position:relative;width:100%;max-width:1100px;margin:0 auto;margin-top:2rem;z-index:1}.premium-dashboard-wrapper:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:70%;height:50%;background:var(--accent-color);filter:blur(140px);opacity:.15;border-radius:50%;z-index:-1;pointer-events:none}.premium-dashboard{position:relative;width:100%;border-radius:20px;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -15px #000000e6,inset 0 1px #ffffff26,0 0 50px #ccff000d;transform:rotateX(8deg) translateY(0) scale(.98);transform-style:preserve-3d;transform-origin:top center;animation:dashboard-float 6s ease-in-out infinite alternate;overflow:hidden}.premium-mac-bar{display:flex;align-items:center;padding:16px 20px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-bottom:1px solid rgba(255,255,255,.06);gap:8px}.premium-mac-bar .dot{width:12px;height:12px;border-radius:50%}.premium-mac-bar .dot.close{background:#ff5f56;box-shadow:0 0 5px #ff5f564d}.premium-mac-bar .dot.min{background:#ffbd2e;box-shadow:0 0 5px #ffbd2e4d}.premium-mac-bar .dot.max{background:#27c93f;box-shadow:0 0 5px #27c93f4d}.premium-dashboard img{width:100%;display:block;border-bottom-left-radius:20px;border-bottom-right-radius:20px;opacity:.95;filter:contrast(1.05) brightness(.95)}.hero-fade-bottom{position:absolute;bottom:-2px;left:0;width:100%;height:50%;background:linear-gradient(to top,var(--bg-color) 0%,var(--bg-color) 15%,transparent 100%);pointer-events:none;z-index:5}@keyframes dashboard-float{0%{transform:rotateX(8deg) translateY(0) scale(.98)}to{transform:rotateX(3deg) translateY(-15px) scale(1);box-shadow:0 40px 80px -20px #000,inset 0 1px #fff3,0 0 80px #ccff0014}}.cta-button{background-color:var(--accent-color);color:#000;border:none;padding:18px 40px;font-size:1.125rem;font-weight:700;cursor:pointer;border-radius:9999px;margin-top:var(--spacing-md);transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 0 #cf00;position:relative;overflow:hidden}.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 40px -10px #ccff0080}.cta-button:active{transform:translateY(0) scale(.98)}.bento-card{padding:var(--spacing-md);border:1px solid var(--card-border);border-radius:var(--border-radius);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease;height:100%;display:flex;flex-direction:column}.bento-card:hover{transform:translateY(-4px);border-color:#fff3}.features-grid,.pricing-grid{display:grid;gap:1.5rem}@media(min-width:768px){.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid.three-col{grid-template-columns:repeat(3,1fr)}}.feature,.plan{padding:var(--spacing-md);border:1px solid var(--card-border);border-radius:var(--border-radius);background:var(--card-bg)}.comparison{text-align:center;margin:var(--spacing-lg) 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.comparison p{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.comparison .and{font-size:1rem;color:var(--text-secondary);font-style:italic;font-weight:400;padding:.5rem 1rem;border-radius:999px;background:var(--card-bg);border:1px solid var(--card-border)}.dots-container{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:1rem auto;width:100%;max-width:400px;aspect-ratio:1}.dot{width:100%;aspect-ratio:1;border-radius:50%;background-color:var(--card-border);transition:background-color .3s ease,box-shadow .3s ease}.dot.active{background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #cf06}70%{box-shadow:0 0 0 6px #cf00}to{box-shadow:0 0 #cf00}}@keyframes float-3d{0%,to{transform:translateY(0) rotateY(-15deg) rotateX(8deg)}50%{transform:translateY(-25px) rotateY(-5deg) rotateX(2deg)}}@keyframes glare{0%,to{transform:translate(0) rotate(25deg);opacity:0}25%{opacity:1}50%{transform:translate(100%) rotate(25deg);opacity:0}}.fade-in{opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0) scale(1)}.stagger-delay-1{transition-delay:.1s}.stagger-delay-2{transition-delay:.2s}.stagger-delay-3{transition-delay:.3s}.stagger-delay-4{transition-delay:.4s}@media(max-width:768px){h1{font-size:2.75rem}h2{font-size:2rem}.dots-container{gap:4px}:root{--border-radius: 20px}}.cycle-flow{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.cycle-step{background:var(--card-bg);border:1px solid var(--card-border);padding:1rem 2rem;border-radius:999px;color:var(--text-secondary);font-weight:500;width:100%;max-width:280px;text-align:center;transition:all .3s ease}.cycle-step:hover{border-color:#ffffff4d;color:var(--text-primary);transform:translateY(-2px)}.cycle-arrow{color:var(--text-secondary);font-size:1.5rem;opacity:.5;animation:bounce 2s infinite}.truth-container{margin-top:4rem;padding:3rem;border:1px solid var(--card-border);border-radius:var(--border-radius);background:linear-gradient(180deg,#ffffff08,#0000);position:relative;overflow:hidden}.truth-container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);box-shadow:0 0 30px 5px var(--accent-color);opacity:.5}.text-massive{font-size:2.5rem;font-weight:700;line-height:1.2;color:#fff;margin-top:1rem;display:block}.text-label{text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.question-item{font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.question-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.text-impact{font-size:1.35rem;font-weight:500;line-height:1.6;margin-top:2rem;color:#fff;margin-bottom:2rem}.connectivity-line{position:absolute;left:50%;transform:translate(-50%);width:2px;height:4rem;background:linear-gradient(180deg,var(--card-border),var(--accent-color));opacity:.3;z-index:-1}.connectivity-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,transparent,var(--accent-color),transparent);animation:drop-pulse 3s infinite}@keyframes drop-pulse{0%{top:-50%;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}.site-footer{margin-top:var(--spacing-lg);padding:var(--spacing-lg) 0;border-top:1px solid var(--card-border);text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-links{display:flex;justify-content:center;align-items:center;gap:1rem}.footer-links a,.support-text a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease,text-shadow .3s ease;font-size:.9rem}.footer-links a:hover,.support-text a:hover{color:var(--accent-color);text-shadow:0 0 8px rgba(204,255,0,.4)}.separator{color:var(--card-border)}.support-text{color:var(--text-secondary);font-size:.9rem;margin:0}.step-card{text-align:center;align-items:center;padding:3rem}.step-card ul{text-align:center;list-style:none;padding:0;margin:1rem 0}.step-card li{margin-bottom:.5rem}.step-number{font-size:1.5rem;font-weight:700;color:var(--accent-color);display:block;margin-bottom:1.5rem}.step-separator{width:2rem;height:2px;background-color:#fff;margin:1rem auto;opacity:.8}.step-card h3{margin-top:0}.highlight-green{color:var(--accent-color);font-weight:600;text-shadow:0 0 20px rgba(204,255,0,.2)}.audience-split{text-align:center;margin-bottom:var(--spacing-xl)}.what-it-feels-like{text-align:center;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.what-it-feels-like .bento-card{display:flex;align-items:center;justify-content:center;padding:1.5rem;min-height:100px}.process-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.process-grid{grid-template-columns:repeat(4,1fr)}}.persona-section{background:transparent;padding:120px 2rem;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.persona-content{position:relative;z-index:2;max-width:800px;width:100%;margin:0 auto}.persona-section h2{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(to bottom,#fff,#ccc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0 1rem}.persona-subheadline{font-size:1.25rem;color:#fff9;margin-bottom:3rem;line-height:1.6}.persona-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(204,255,0,.1) 0%,transparent 70%);border-radius:50%;animation:persona-pulse 4s ease-in-out infinite;z-index:1;pointer-events:none}.deck-scene{position:relative;width:100%;height:400px;margin:0 auto 3rem;display:flex;justify-content:center;align-items:center;perspective:1000px}.deck-container{position:relative;width:200px;height:300px;padding:50px 300px;margin:-50px -300px;display:flex;justify-content:center;align-items:center}.deck-card{position:absolute;width:200px;height:300px;background:#0f0f0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 4px 20px #00000080;transition:all .5s cubic-bezier(.25,.8,.25,1);transform-origin:center bottom;transform:rotate(calc(var(--i) * .5deg - 5deg)) translate(calc(var(--i) * .5px),calc(var(--i) * -.5px));z-index:var(--i)}.deck-container:hover .deck-card{transform:translate(calc((var(--i) - 5) * 40px)) rotate(calc((var(--i) - 5) * 2deg));box-shadow:-5px 0 20px #0000004d;border-color:#fff3}.deck-container .deck-card:hover{transform:translate(calc((var(--i) - 5) * 45px)) scale(1.1) translateY(-30px)!important;z-index:100;border-color:var(--accent-color);box-shadow:0 0 30px #cf03,0 0 10px #ccff001a;background:#111}@media(max-width:900px){.deck-scene{height:auto;overflow:visible;display:block;margin-right:-2rem}.deck-container{width:100%;height:auto;padding:2rem 2rem 4rem;margin:0;display:flex;justify-content:flex-start;align-items:flex-start;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.deck-container::-webkit-scrollbar{display:none}.deck-card{position:relative;transform:none!important;flex:0 0 180px;height:260px;scroll-snap-align:center;border-color:#ffffff1a;background:#111}}.persona-data-text{margin-bottom:2rem;position:relative;z-index:5}.persona-data-text p{font-size:1rem;color:#ffffffb3;margin-bottom:.5rem;line-height:1.6}.persona-data-text p:first-child{color:var(--accent-color);font-weight:600}@media(max-width:768px){.persona-section{padding:80px 1.5rem}.persona-section h2{font-size:2.25rem}.persona-subheadline{font-size:1.1rem}.persona-mystery-card{width:240px;height:320px}.card-persona-name{font-size:2rem}.persona-glow{width:280px;height:280px}}
