.landing-page nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#faf9f6d1;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:22px;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:24px;list-style:none;display:flex}.nav-links a{color:var(--ink2);font-size:14px;font-weight:500;text-decoration:none;transition:color .18s}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--accent);border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .18s,transform .12s;color:#fff!important}.nav-cta:hover{transform:translateY(-1px);background:#7a3e3e!important}#hero{text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.hero-badge{background:var(--bg2);border:1px solid var(--border);color:var(--ink2);letter-spacing:.01em;border-radius:999px;align-items:center;gap:8px;margin-bottom:36px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.35)}}.landing-page h1{font-family:var(--serif);letter-spacing:-.03em;max-width:880px;color:var(--ink);margin-bottom:28px;font-size:clamp(38px,4.5vw,64px);line-height:1.04}.landing-page h1 em{color:var(--accent);font-style:italic}.hero-sub{color:var(--ink2);max-width:560px;margin-bottom:44px;font-size:clamp(17px,1.6vw,21px);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:72px;display:flex}.btn-primary-land{background:var(--accent);color:#fff;cursor:pointer;font-size:16px;font-weight:600;font-family:var(--sans);border:none;border-radius:10px;padding:15px 34px;text-decoration:none;transition:background .18s,transform .12s,box-shadow .18s;box-shadow:0 4px 24px #9c595947}.btn-primary-land:hover{background:#7a3e3e;transform:translateY(-2px);box-shadow:0 8px 32px #9c59595c}.btn-secondary-land{color:var(--ink2);background:0 0;border-radius:10px;padding:15px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:color .18s}.btn-secondary-land:hover{color:var(--ink)}.hero-video-wrap{width:100%;max-width:960px;position:relative}.browser-chrome{border:1px solid var(--border);background:#e8e5de;border-bottom:none;border-radius:16px 16px 0 0;align-items:center;gap:8px;padding:12px 16px 0;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.browser-bar{color:#8a8577;background:#d6d2c9;border-radius:6px;flex:1;align-items:center;height:26px;margin:0 12px;padding:0 12px;font-size:12px;display:flex}.video-container{background:var(--ink);border:1px solid var(--border);border-top:none;border-radius:0 0 16px 16px;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 32px 80px #16150f2e}#pain{max-width:1200px;margin:0 auto;padding:100px 40px}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:12px;font-weight:600}#pain h2{font-family:var(--serif);letter-spacing:-.025em;max-width:680px;margin-bottom:64px;font-size:clamp(36px,4vw,58px);line-height:1.08}.pain-grid{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:2px;display:grid;overflow:hidden}.pain-card{background:var(--bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:40px 44px;transition:background .2s}.pain-card:hover{background:var(--bg2)}.pain-card:nth-child(2n){border-right:none}.pain-card:nth-child(3),.pain-card:nth-child(4){border-bottom:none}.pain-stat{font-family:var(--serif);color:var(--accent);letter-spacing:-.03em;margin-bottom:12px;font-size:54px;line-height:1}.pain-title{color:var(--ink);margin-bottom:10px;font-size:18px;font-weight:600}.pain-desc{color:var(--ink2);font-size:15px;line-height:1.65}#how{background:var(--bg2);padding:100px 40px}#how .inner{max-width:1200px;margin:0 auto}#how h2{font-family:var(--serif);letter-spacing:-.025em;max-width:560px;margin-bottom:72px;font-size:clamp(36px,4vw,58px);line-height:1.08}.steps{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.step{z-index:1;padding:0 40px 0 0;position:relative}.step:last-child{padding-right:0}.step-num{font-family:var(--serif);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;margin-bottom:28px;font-size:13px;font-weight:600;display:flex}.step-num:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 4px #9c595926}.step-icon{border:1px solid var(--border);width:48px;height:48px;color:var(--accent);background:#fff;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.step h3{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:12px;font-size:24px}.step p{color:var(--ink2);font-size:15px;line-height:1.7}.step-code{background:var(--ink);color:var(--accent2);white-space:pre-wrap;word-break:break-all;border:1px solid #16150f1f;border-radius:8px;margin-top:20px;padding:14px 16px;font-family:Courier New,monospace;font-size:12px;line-height:1.6}#features{max-width:1200px;margin:0 auto;padding:100px 40px}#features h2{font-family:var(--serif);letter-spacing:-.025em;max-width:640px;margin-bottom:64px;font-size:clamp(36px,4vw,58px);line-height:1.08}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feat{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:36px 36px 40px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.feat:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.feat:hover{border-color:#9c59594d;transform:translateY(-3px);box-shadow:0 12px 40px #16150f14}.feat:hover:before{opacity:1}.feat-icon{background:var(--bg2);width:44px;height:44px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feat h3{letter-spacing:-.01em;margin-bottom:10px;font-size:17px;font-weight:600}.feat p{color:var(--ink2);font-size:14px;line-height:1.7}#pricing{background:var(--bg2);padding:100px 40px}#pricing .inner{max-width:1000px;margin:0 auto}#pricing h2{font-family:var(--serif);letter-spacing:-.025em;margin-bottom:52px;font-size:clamp(36px,4vw,52px);line-height:1.08}.pricing-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:0;display:flex;position:relative;overflow:hidden}.pricing-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));height:3px;position:absolute;top:0;left:0;right:0}.pricing-left{flex-direction:column;flex-shrink:0;align-items:flex-start;min-width:260px;padding:52px 48px;display:flex}.pricing-price{font-family:var(--serif);letter-spacing:-.04em;color:var(--ink);align-items:flex-start;gap:2px;margin-bottom:32px;font-size:80px;line-height:1;display:flex}.pricing-currency{color:var(--ink2);margin-top:14px;font-size:34px}.pricing-period{color:var(--ink2);font-size:20px;font-weight:400;font-family:var(--sans);align-self:flex-end;margin-bottom:12px}.pricing-btn{white-space:nowrap;width:auto;padding:13px 28px;font-size:15px}.pricing-note{color:var(--ink2);opacity:.7;margin-top:14px;font-size:13px}.pricing-divider{background:var(--border);flex-shrink:0;align-self:stretch;width:1px;margin:32px 0}.pricing-features{flex-direction:column;flex:1;gap:22px;margin:0;padding:48px;list-style:none;display:flex}.pricing-features li{align-items:flex-start;gap:12px;display:flex}.pricing-check{width:22px;height:22px;color:var(--accent);background:#9c59591a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.pricing-features li strong{color:var(--ink);font-size:14px;font-weight:600;display:block}.pricing-feat-desc{color:var(--ink2);margin-top:2px;font-size:13px;line-height:1.5;display:block}.pricing-faq{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:0;margin-top:64px;display:grid;overflow:hidden}.faq-item{background:var(--bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:32px 36px;transition:background .2s}.faq-item:hover{background:var(--bg2)}.faq-item:nth-child(2n){border-right:none}.faq-item:nth-last-child(-n+2){border-bottom:none}.faq-q{color:var(--ink);margin-bottom:10px;font-size:15px;font-weight:600;line-height:1.4}.faq-a{color:var(--ink2);font-size:14px;line-height:1.65}#cta{text-align:center;padding:120px 40px;position:relative;overflow:hidden}#cta:before{content:"";pointer-events:none;background:radial-gradient(70% 60% at 50% 100%,#9c595914 0%,#0000 70%);position:absolute;inset:0}#cta h2{font-family:var(--serif);letter-spacing:-.03em;max-width:760px;margin:0 auto 28px;font-size:clamp(42px,6vw,80px);line-height:1.05}#cta h2 em{color:var(--accent);font-style:italic}#cta p{color:var(--ink2);max-width:480px;margin:0 auto 48px;font-size:18px;line-height:1.6}.form-note{color:var(--ink2);opacity:.7;margin-top:14px;font-size:13px}.landing-page footer{border-top:1px solid var(--border);color:var(--ink2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:40px;font-size:14px;display:flex}.landing-page footer .logo{font-family:var(--serif);color:var(--ink);font-size:18px}.landing-page footer .logo span{color:var(--accent)}@media (width<=768px){.landing-page nav{padding:0 20px}.nav-links{display:none}#hero{padding:100px 20px 60px}.landing-page h1{font-size:44px}.pain-grid,.steps,.features-grid{grid-template-columns:1fr}.pain-card{border-right:none!important}#pain,#features,#pricing,#cta,.landing-page footer{padding-left:20px;padding-right:20px}.pricing-card{flex-direction:column}.pricing-divider{align-self:auto;width:auto;height:1px;margin:0 32px}.pricing-left{padding:40px 32px 32px}.pricing-features{padding:32px}.pricing-faq{grid-template-columns:1fr}.faq-item{border-right:none!important}.faq-item:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}#how{padding-left:20px;padding-right:20px}.steps{gap:40px}.steps:before{display:none}.step{padding-right:0}.compare-table th,.compare-table td{padding:12px;font-size:13px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf9f6;--bg2:#f2f0eb;--ink:#16150f;--ink2:#5a5748;--accent:#9c5959;--accent2:#b87070;--border:#16150f1a;--radius:12px;--serif:"DM Serif Display", Georgia, serif;--sans:"Instrument Sans", system-ui, sans-serif;--err:#e53935}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}.app-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#faf9f6e0;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.app-nav-logo{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:22px;text-decoration:none}.app-nav-logo span{color:var(--accent)}.app-nav-actions{align-items:center;gap:12px;display:flex}.page{justify-content:center;align-items:center;min-height:100vh;padding-top:64px;display:flex}.auth-card{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;max-width:420px;margin:24px;padding:48px 40px 44px;box-shadow:0 8px 40px #16150f12}.auth-logo{text-align:center;font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:32px;font-size:26px;text-decoration:none;display:block}.auth-logo span{color:var(--accent)}.auth-title{font-family:var(--serif);letter-spacing:-.02em;text-align:center;margin-bottom:6px;font-size:28px}.auth-sub{color:var(--ink2);text-align:center;margin-bottom:32px;font-size:14px;line-height:1.5}.auth-footer{text-align:center;color:var(--ink2);margin-top:20px;font-size:14px}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.field{margin-bottom:16px}.field label{color:var(--ink);letter-spacing:.01em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input,.field textarea,.field select{border:1px solid var(--border);width:100%;font-family:var(--sans);color:var(--ink);resize:vertical;background:#fff;border-radius:10px;outline:none;padding:13px 16px;font-size:15px;transition:border-color .18s,box-shadow .18s}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9c59591f}.field input::placeholder,.field textarea::placeholder{color:#aaa8a0}.field input.error,.field textarea.error{border-color:var(--err)}.field-error{color:var(--err);margin-top:6px;font-size:12px}.btn-primary{background:var(--accent);color:#fff;width:100%;font-family:var(--sans);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background .18s,transform .12s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 20px #9c595942}.btn-primary:hover:not(:disabled){background:#7a3e3e;transform:translateY(-1px);box-shadow:0 8px 28px #9c595957}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{color:var(--ink2);border:1px solid var(--border);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.btn-ghost:hover{color:var(--ink);background:var(--bg2);border-color:#16150f33}.btn-ink{background:var(--ink);color:var(--bg);font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .18s;display:inline-flex}.btn-ink:hover{background:var(--accent)}.tabs{border:1px solid var(--border);border-radius:10px;margin-bottom:14px;display:flex;overflow:hidden}.tab-btn{font-family:var(--sans);color:var(--ink2);cursor:pointer;background:#fff;border:none;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.tab-btn+.tab-btn{border-left:1px solid var(--border)}.tab-btn.active{background:var(--accent);color:#fff}.color-row{align-items:center;gap:12px;display:flex}.color-swatch-wrap{cursor:pointer;flex-shrink:0;width:40px;height:40px;position:relative}.color-swatch{pointer-events:none;border:2px solid #00000014;border-radius:50%;width:40px;height:40px;box-shadow:0 1px 4px #0000001f}.color-native{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-hex-input{letter-spacing:.05em;flex:1;font-family:Courier New,monospace;font-size:14px!important}.onboarding-wrap{justify-content:center;align-items:flex-start;min-height:100vh;padding:80px 24px 40px;display:flex}.onboarding-card{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;max-width:560px;margin-top:24px;padding:48px 44px;box-shadow:0 8px 40px #16150f12}.onboarding-card h1{font-family:var(--serif);letter-spacing:-.025em;margin-bottom:8px;font-size:32px}.onboarding-card>p{color:var(--ink2);margin-bottom:36px;font-size:15px;line-height:1.55}.divider{background:var(--border);height:1px;margin:24px 0}.embed-wrap{justify-content:center;align-items:flex-start;min-height:100vh;padding:80px 24px 60px;display:flex}.embed-card{width:100%;max-width:760px;margin-top:24px}.embed-card h1{font-family:var(--serif);letter-spacing:-.03em;margin-bottom:10px;font-size:38px}.embed-card h1 em{color:var(--accent);font-style:italic}.embed-card>.sub{color:var(--ink2);margin-bottom:40px;font-size:16px;line-height:1.55}.code-block-wrap{background:var(--ink);color:#e0ddd5;border-radius:12px;margin-bottom:40px;padding:24px 28px;font-family:Courier New,monospace;font-size:14px;line-height:1.8;position:relative;overflow-x:auto}.code-block-wrap .kw{color:var(--accent)}.code-block-wrap .attr{color:var(--accent2)}.code-block-wrap .val{color:#a8d8a8}.copy-btn{color:#e0ddd5;font-family:var(--sans);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:500;transition:background .18s;position:absolute;top:14px;right:14px}.copy-btn:hover{background:#ffffff2e}.copy-btn.copied{color:#a8d8a8}.embed-steps{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:36px;display:grid}.embed-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:28px 28px 30px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.embed-step:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.embed-step:hover{border-color:#9c59594d;box-shadow:0 8px 32px #16150f12}.embed-step:hover:before{opacity:1}.embed-step-num{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:11px;font-weight:600}.embed-step h3{letter-spacing:-.01em;margin-bottom:8px;font-size:16px;font-weight:600}.embed-step p{color:var(--ink2);font-size:13px;line-height:1.65}.embed-step code{background:var(--bg2);color:var(--ink);border-radius:5px;margin-top:8px;padding:2px 7px;font-family:Courier New,monospace;font-size:12px;display:inline-block}.ask-claude-toggle{margin-bottom:32px}.ask-claude-trigger{background:var(--accent);border-radius:var(--radius);width:100%;font-family:var(--sans);color:#fff;cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:13px 20px;font-size:14px;font-weight:600;transition:background .18s,box-shadow .18s;display:flex;box-shadow:0 4px 16px #9c595947}.ask-claude-trigger:hover{background:#7a3e3e;box-shadow:0 6px 22px #9c59595c}.ask-claude-trigger-left{align-items:center;gap:7px;display:inline-flex}.ask-claude-info{opacity:.8;cursor:default;border:1.5px solid #ffffff8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-style:normal;font-weight:700;display:inline-flex;position:relative}.ask-claude-info-tooltip{color:#f0ede8;width:230px;font-size:12px;font-weight:400;line-height:1.6;font-family:var(--sans);pointer-events:none;z-index:9999;text-align:left;background:#1a1917;border-radius:8px;padding:9px 13px;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000073}.ask-claude-info:hover .ask-claude-info-tooltip{display:block}.ask-claude-chevron{opacity:.8;font-size:18px;transition:transform .2s;display:inline-block}.ask-claude-chevron.open{transform:rotate(90deg)}.ask-claude-panel{padding-top:16px}.ask-claude-block{background:var(--ink);border-radius:12px;padding:20px 24px;position:relative}.ask-claude-prompt{white-space:pre-wrap;color:#e0ddd5;margin:0;font-family:Courier New,monospace;font-size:13px;line-height:1.7}.code-block-outer{margin-bottom:40px;position:relative}.code-block-wrap{margin-bottom:0}.code-blurred{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.paywall-overlay{background:#faf9f626;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.paywall-lock{background:var(--bg);border:1px solid var(--border);width:52px;height:52px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #16150f1a}.paywall-price{font-family:var(--serif);letter-spacing:-.04em;color:#fff;font-size:48px;line-height:1}.paywall-price span{font-size:20px;font-family:var(--sans);font-weight:400}.paywall-btn{width:auto;padding:14px 32px}.paywall-note{color:#ffffffa6;font-size:12px}.paywall-activating{color:#fff;font-size:14px;font-weight:500}.success-banner{color:#16a34a;background:#22c55e14;border:1px solid #22c55e40;border-radius:10px;align-items:center;gap:12px;margin-bottom:28px;padding:14px 20px;font-size:14px;font-weight:500;display:flex}.alert{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.alert-error{color:var(--err);background:#e5393514;border:1px solid #e5393540}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@media (width<=600px){.auth-card,.onboarding-card{padding:36px 24px}.embed-steps{grid-template-columns:1fr}.app-nav{padding:0 20px}}