.logo-intro{z-index:1000;background:var(--bg);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logo-intro.done{opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}.logo-intro-inner{align-items:center;gap:14px;display:flex;overflow:hidden}.logo-intro-icon{opacity:0;border-radius:14px;width:56px;height:56px;transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);transform:scale(.7)rotate(-10deg)}.logo-intro-icon.show{opacity:1;transform:scale(1)rotate(0)}.logo-intro-text{background:linear-gradient(90deg,var(--green),var(--purple));-webkit-text-fill-color:transparent;white-space:nowrap;opacity:0;-webkit-background-clip:text;background-clip:text;max-width:0;font-family:Quicksand,sans-serif;font-size:44px;font-weight:700;transition:max-width .7s cubic-bezier(.25,.46,.45,.94),opacity .4s}.logo-intro-text.show{opacity:1;max-width:300px}.logo-intro-text.hide{opacity:0;max-width:0;transition:max-width .5s cubic-bezier(.55,.06,.68,.19),opacity .3s}nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0ad9;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo img{border-radius:10px;width:40px;height:40px}.nav-logo span{background:linear-gradient(90deg,var(--green),var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Quicksand,sans-serif;font-size:22px;font-weight:700}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-dim);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-links a.nav-cta,.nav-links a.nav-cta:hover,.nav-cta{background:linear-gradient(135deg,var(--green),var(--purple));color:#fff;text-shadow:0 1px 2px #0000004d;cursor:pointer;border:none;border-radius:100px;padding:9px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #a3e63540}.hero{justify-content:center;align-items:center;gap:80px;max-width:1200px;min-height:100vh;margin:0 auto;padding:120px 48px 80px;display:flex}.hero-left{flex:1;max-width:500px}.hero-right{flex:0 0 380px}.hero-badge{background:var(--surface);color:var(--green);border:1px solid #a3e63533;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 14px;font-size:12px;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{margin-bottom:20px;font-family:Quicksand,sans-serif;font-size:52px;font-weight:700;line-height:1.1}.hero h1 .gradient{background:linear-gradient(90deg,var(--green),var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-dim);margin-bottom:36px;font-size:17px;line-height:1.7}.hero-actions{align-items:center;gap:14px;margin-bottom:20px;display:flex}.btn-primary{background:linear-gradient(135deg,var(--green),var(--purple));color:#fff;text-shadow:0 1px 2px #0000004d;cursor:pointer;border:none;border-radius:100px;padding:13px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #a3e63540}.btn-ghost{color:var(--text-dim);border-radius:100px;padding:13px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.btn-ghost:hover{color:var(--text)}.hero-spots{color:var(--text-faint);font-size:13px}.hero-spots strong{color:var(--amber)}.demo-profile{background:var(--surface);border:1px solid var(--border);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000080,0 0 0 1px #ffffff08}.demo-profile:before{content:"vibetree.io/marcelo";color:var(--text-faint);white-space:nowrap;background:var(--surface2);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;padding:4px 14px;font-family:Inter,sans-serif;font-size:12px;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.demo-header{align-items:center;gap:14px;padding:28px 28px 0;display:flex}.demo-avatar{background:linear-gradient(135deg,var(--green),var(--purple));object-fit:cover;border-radius:50%;flex-shrink:0;width:52px;height:52px}.demo-info h3{font-family:Quicksand,sans-serif;font-size:17px;font-weight:700;line-height:1.2}.demo-info p{color:var(--text-dim);font-size:12px}.demo-bio{color:var(--text-dim);padding:14px 28px 0;font-size:13px;line-height:1.5}.demo-socials{gap:6px;padding:12px 28px 0;display:flex}.demo-social{background:var(--surface2);color:var(--text-dim);border-radius:6px;padding:4px 10px;font-size:11px;text-decoration:none}.demo-divider{background:var(--border);height:1px;margin:16px 28px 0}.demo-section-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-faint);padding:14px 28px 0;font-size:10px;font-weight:600}.demo-projects{flex-direction:column;gap:8px;padding:10px 16px 16px;display:flex}.demo-project{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s;display:flex}.demo-project:hover{border-color:#ffffff1f}.demo-project-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.demo-project-body{flex:1;min-width:0}.demo-project-name{font-size:13px;font-weight:600;line-height:1.2}.demo-project-desc{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.demo-tag{letter-spacing:.5px;text-transform:uppercase;border-radius:100px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.demo-tag.live{background:var(--green);color:#000}.demo-tag.wip{background:var(--amber);color:#000}.demo-tag.countdown{color:var(--amber);letter-spacing:0;text-transform:none;background:0 0;border:1px solid #f59e0b66;font-size:10px;font-weight:600}.demo-wip-row{align-items:center;gap:8px;display:flex}.demo-stack{gap:4px;padding-top:4px;display:flex}.demo-stack span{color:var(--text-faint);background:#ffffff0a;border-radius:4px;padding:2px 6px;font-size:9px}.demo-footer{border-top:1px solid var(--border);color:var(--text-faint);justify-content:center;align-items:center;gap:6px;padding:12px 28px;font-size:10px;display:flex}.demo-footer img{border-radius:4px;width:14px;height:14px}.examples{max-width:1100px;margin:0 auto;padding:80px 24px}.examples-header{text-align:center;margin-bottom:48px}.examples-header h2{margin-bottom:10px;font-family:Quicksand,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700}.examples-header p{color:var(--text-dim);font-size:16px}.examples-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.example-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;transition:border-color .3s,transform .3s}.example-card:hover{border-color:#ffffff1a;transform:translateY(-4px)}.example-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.example-av{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.example-name{font-family:Quicksand,sans-serif;font-size:15px;font-weight:700}.example-handle{color:var(--text-faint);font-size:11px}.example-items{flex-direction:column;gap:6px;display:flex}.example-item{background:var(--surface2);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.example-item-left{align-items:center;gap:8px;display:flex}.ei-icon{object-fit:cover;border-radius:5px;flex-shrink:0;width:22px;height:22px}.ei-tag{border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.ei-tag.live{background:var(--green);color:#000}.ei-tag.wip{background:var(--amber);color:#000}.rule{text-align:center;padding:100px 24px}.rule-card{background:var(--surface);border:1px solid #8b5cf626;border-radius:20px;max-width:600px;margin:0 auto;padding:48px;position:relative;overflow:hidden}.rule-card:after{content:"";pointer-events:none;background:radial-gradient(at top,#8b5cf60f,#0000 60%);position:absolute;inset:0}.rule-label{text-transform:uppercase;letter-spacing:2px;color:var(--purple);margin-bottom:16px;font-size:11px;font-weight:600}.rule h2{margin-bottom:16px;font-family:Quicksand,sans-serif;font-size:clamp(26px,4vw,38px);font-weight:700}.rule h2 .days{color:var(--amber)}.rule-card>p{color:var(--text-dim);z-index:1;max-width:440px;margin:0 auto;font-size:15px;line-height:1.7;position:relative}.rule-steps{z-index:1;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:36px;display:flex;position:relative}.rule-step{border-radius:var(--radius-sm);color:var(--text-dim);background:#ffffff08;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex}.rule-step-num{background:linear-gradient(135deg,var(--green),var(--purple));color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.features{max-width:900px;margin:0 auto;padding:40px 24px 100px}.features-header{text-align:center;margin-bottom:48px}.features-header h2{margin-bottom:10px;font-family:Quicksand,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700}.features-header p{color:var(--text-dim);font-size:16px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:border-color .3s}.feature-card:hover{border-color:#a3e63526}.feature-card.coming{border-style:dashed;border-color:#ffffff14}.feature-card.coming h3:after{content:"SOON";background:var(--purple-dim);color:var(--purple);letter-spacing:.5px;vertical-align:middle;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:700}.feature-card.coming:hover{border-color:#8b5cf633}.feature-card h3{margin-bottom:6px;font-family:Quicksand,sans-serif;font-size:16px;font-weight:700}.feature-card p{color:var(--text-dim);font-size:13px;line-height:1.6}.pricing{text-align:center;padding:60px 24px 100px}.pricing h2{margin-bottom:10px;font-family:Quicksand,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:700}.pricing>p{color:var(--text-dim);margin-bottom:40px;font-size:16px}.pricing-card{background:var(--surface);border:2px solid #a3e63540;border-radius:24px;max-width:400px;margin:0 auto;padding:44px 40px;position:relative}.pricing-badge{background:linear-gradient(135deg,var(--green),var(--purple));color:#000;letter-spacing:1px;text-transform:uppercase;border-radius:100px;padding:5px 18px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pricing-amount{margin:12px 0 2px;font-family:Quicksand,sans-serif;font-size:60px;font-weight:700}.pricing-amount span{color:var(--text-dim);font-size:22px;font-weight:400}.pricing-term{color:var(--text-dim);margin-bottom:28px;font-size:14px}.pricing-features{text-align:left;flex-direction:column;gap:10px;margin-bottom:28px;list-style:none;display:flex}.pricing-features li{color:var(--text-dim);align-items:center;gap:10px;font-size:14px;display:flex}.pricing-features li:before{content:"";background:var(--green-dim);background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5 9L10 3' stroke='%23A3E635' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:50%;flex-shrink:0;width:18px;height:18px}.pricing-future{color:var(--text-faint);opacity:.5;margin-right:8px;font-size:28px;font-weight:400;text-decoration:line-through}.pricing .btn-primary{width:100%;padding:14px;font-size:16px}.pricing-note{color:var(--text-faint);margin-top:16px;font-size:12px}.pricing-note strong{color:var(--amber)}.pricing-compare{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;padding-top:20px;display:flex}.pricing-compare span{color:var(--text-faint);background:#ffffff08;border-radius:6px;padding:4px 10px;font-size:12px}.pricing-compare span:last-child{color:var(--green);background:var(--green-dim);font-weight:600}.testimonials{max-width:900px;margin:0 auto;padding:0 24px 100px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:space-between;gap:16px;padding:24px;display:flex}.testimonial-card p{color:var(--text-dim);font-size:14px;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:10px;display:flex}.testimonial-av{object-fit:cover;border-radius:50%;width:32px;height:32px}.testimonial-name{font-size:13px;font-weight:600}.testimonial-role{color:var(--text-faint);font-size:11px}@media (max-width:700px){.testimonials-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}}footer{text-align:center;border-top:1px solid var(--border);color:var(--text-faint);padding:32px 24px;font-size:12px}footer a{color:var(--text-faint);text-decoration:none;transition:color .2s}footer a:hover{color:var(--text)}@media (max-width:900px){.hero{text-align:center;flex-direction:column;gap:48px;padding:120px 24px 60px}.hero-left{max-width:100%}.hero-right{flex:none;width:100%;max-width:380px}.hero-actions{justify-content:center}.examples-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}}@media (max-width:600px){nav{padding:12px 16px}.nav-links a:not(.nav-cta):not(.nav-signin){display:none}.hero h1{font-size:36px}.rule-card{padding:32px 20px}.rule-steps{flex-direction:column;align-items:center}.pricing-card{padding:36px 24px}}