*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafafad9;border-bottom:1px solid #e5e5e5;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:14px 24px;display:flex}.nav-logo{letter-spacing:2px;text-transform:uppercase;color:#2563eb;font-size:14px;font-weight:600;text-decoration:none}.nav-cta{color:#fff;background:#2563eb;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none}.nav-cta:hover{background:#1d4ed8}.hero-section{padding:80px 0 64px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#2563eb14,#0000),radial-gradient(40% 40% at 20% 60%,#2563eb0a,#0000),radial-gradient(30% 40% at 80% 40%,#93c5fd0d,#0000);position:absolute;inset:0}.container{max-width:720px;margin:0 auto;padding:0 24px}.container+.container{padding-top:80px}.hero{text-align:center}.logo{letter-spacing:2px;text-transform:uppercase;color:#2563eb;margin-bottom:40px;font-size:14px;font-weight:600}.hero h1{color:#1a1a1a;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.15}.hero h1 span{color:#2563eb}.hero p{color:#666;max-width:480px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px}.waitlist{gap:12px;max-width:420px;margin:0 auto 12px;display:flex}.waitlist input{color:#1a1a1a;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:14px 18px;font-size:15px}.waitlist input:focus{border-color:#2563eb}.waitlist button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;padding:14px 24px;font-size:15px;font-weight:600}.waitlist button:hover{background:#1d4ed8}.hint{color:#555;text-align:center;font-size:13px}.pricing-badge{color:#1a1a1a;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:12px;flex-direction:column;align-items:center;gap:4px;margin:0 auto 28px;padding:16px 28px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 24px #2563eb1f}.pricing-badge strong{color:#2563eb;font-size:17px}.pricing-badge-sub{color:#666;font-size:12px;font-weight:400}.proof-strip{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:28px;display:flex}.proof-item{color:#666;align-items:center;gap:6px;font-size:13px;display:flex}.proof-item .dot{background:#4ade80;border-radius:50%;width:6px;height:6px}.section{margin-bottom:72px}.section h2{color:#1a1a1a;text-align:center;margin-bottom:24px;font-size:24px}.section .eyebrow{text-align:center;letter-spacing:1px;text-transform:uppercase;color:#2563eb;margin-bottom:12px;font-size:13px;font-weight:600}.problem-list,.workflow-list{flex-direction:column;gap:16px;max-width:500px;margin:0 auto;list-style:none;display:flex}.problem-list li,.workflow-list li{color:#444;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px;font-size:16px}.problem-list li:before{content:"— ";color:#2563eb}.workflow-list{counter-reset:workflow}.workflow-list li{counter-increment:workflow}.workflow-list li:before{content:counter(workflow) ". ";color:#2563eb;font-weight:600}.preview-frame{background:#fff;border:1px solid #e0e0e0;border-radius:12px;max-width:640px;margin:0 auto 40px;overflow:hidden;box-shadow:0 20px 60px #2563eb14}.preview-frame .browser-bar{background:#f5f5f5;border-bottom:1px solid #e0e0e0;align-items:center;gap:6px;padding:12px 16px;display:flex}.browser-bar .dot-group{gap:6px;display:flex}.browser-bar span{background:#ddd;border-radius:50%;width:10px;height:10px}.browser-bar .url{color:#555;background:#f2f2f2;border-radius:4px;flex:1;margin-left:12px;padding:4px 10px;font-size:12px}.carousel{aspect-ratio:16/10;background:#f5f5f5;position:relative;overflow:hidden}.carousel img{object-fit:contain;width:100%;height:100%;display:block}.carousel-label{z-index:2;color:#fff;pointer-events:none;background:#2563ebd9;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:10px;right:12px}.carousel-btn{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#555;cursor:pointer;opacity:0;background:#ffffffd9;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel:hover .carousel-btn{opacity:1}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#ccc;border:none;border-radius:50%;width:8px;height:8px;padding:0}.carousel-dot.active{background:#2563eb}.carousel-note{text-align:center;color:#999;margin-top:12px;margin-bottom:40px;font-size:12px}.steps{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.step{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex:1;min-width:160px;max-width:200px;padding:24px 16px}.step-icon{color:#2563eb;margin-bottom:12px;font-size:32px}.step h3{color:#1a1a1a;margin-bottom:6px;font-size:14px;font-weight:600}.step p{color:#777;font-size:13px}.survey{text-align:left;max-width:460px;margin:0 auto;display:none}.survey.show{display:block}.survey h3{color:#1a1a1a;margin-bottom:8px;font-size:20px}.checks{flex-direction:column;gap:10px;display:flex}.checks label{color:#444;cursor:pointer;background:#f2f2f2;border:1px solid #e5e5e5;border-radius:6px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:15px;display:flex}.checks label:hover{border-color:#2563eb}.checks input[type=checkbox]{accent-color:#2563eb;width:16px;height:16px;margin-top:2px}.survey textarea{color:#1a1a1a;resize:vertical;background:#f2f2f2;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;margin-bottom:16px;padding:12px 14px;font-family:inherit;font-size:15px}.survey textarea:focus{border-color:#2563eb}.survey button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:14px;font-size:15px;font-weight:600}.survey button:hover{background:#1d4ed8}.success{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:8px;max-width:420px;margin:0 auto;padding:40px;display:none}.success.show{display:block}.success .icon{color:#4ade80;margin:0 auto 12px;display:block}.success h3{color:#1a1a1a;margin-bottom:8px}.success p{color:#666;font-size:14px}.progress{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:40px 24px}.progress h3{color:#1a1a1a;margin-bottom:16px;font-size:18px}.progress p{color:#666;max-width:480px;margin:0 auto 24px;font-size:15px}.progress-bar-track{background:#e8e8e8;border-radius:4px;max-width:320px;height:8px;margin:0 auto 8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:4px;width:45%;height:100%}.progress-label{color:#666;margin-bottom:24px;font-size:13px}.progress-checklist{text-align:left;flex-direction:column;gap:10px;max-width:340px;margin:0 auto 24px;display:flex}.progress-checklist li{color:#555;align-items:center;gap:10px;font-size:14px;list-style:none;display:flex}.progress-checklist .status{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.status.done{color:#0a0a0a;background:#4ade80}.status.wip{color:#fff;background:#2563eb}.status.todo{color:#555;background:#e5e5e5}.progress-follow{color:#666;font-size:13px}.progress-follow a{color:#2563eb;font-weight:600;text-decoration:none}.progress-follow a:hover{text-decoration:underline}.cta-bottom{text-align:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:16px;padding:48px 24px;box-shadow:0 4px 24px #2563eb1a}.cta-bottom h2{margin-bottom:12px}.cta-bottom p{color:#555;margin-bottom:28px;font-size:16px}.cta-btn{color:#fff;background:#2563eb;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.cta-btn:hover{background:#1d4ed8}.footer{text-align:center;color:#444;padding:80px 0 40px;font-size:13px}.footer a{color:#666;text-decoration:none}.footer a:hover{color:#2563eb}@media (width<=600px){.hero h1{font-size:32px}.waitlist{flex-direction:column}.steps{flex-direction:column;align-items:center}.step{max-width:100%}.proof-strip{gap:14px}.pricing-badge{padding:12px 18px;font-size:14px}}