:root{--background: #fafafa;--surface: #fff;--recessed: #f2f2f2;--text: #171717;--secondary: #4d4d4d;--muted: #8f8f8f;--line: rgba(0, 0, 0, .08);--blue: #0072f5;--focus: #005fcc;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-16: 64px;--space-24: 96px;--radius: 6px;--card-radius: 12px;--shadow-border: 0 0 0 1px var(--line);--shadow-small: 0 0 0 1px var(--line), 0 2px 2px rgba(0, 0, 0, .04);--shadow-medium: 0 0 0 1px var(--line), 0 2px 2px rgba(0, 0, 0, .04), 0 8px 16px -8px rgba(0, 0, 0, .08);font-family:Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--background);color:var(--text)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--text);text-decoration:none}a:hover{color:var(--blue)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--blue)!important}.site-header{height:64px;display:flex;align-items:center;padding:0 24px;box-shadow:0 1px #0000001a}.header-inner{width:min(1200px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;letter-spacing:-.02em}.logo-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--text);color:var(--surface);font-size:12px;font-weight:600}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:8px 12px;border-radius:var(--radius);color:var(--secondary);font-size:14px}.nav a:hover{color:var(--text);background:#ebebeb}.page-shell{width:min(1200px,calc(100% - 48px));margin:0 auto}.hero{padding:96px 0 64px;text-align:center}.eyebrow{margin:0 0 16px;color:var(--secondary);font-size:12px;font-weight:500;letter-spacing:.12em}h1,h2,h3,p{margin-top:0}h1{max-width:800px;margin:0 auto 24px;font-size:clamp(40px,6vw,64px);line-height:.98;letter-spacing:-3px;font-weight:600}h2{font-size:32px;line-height:1.15;letter-spacing:-1.28px;font-weight:600}h3{font-size:20px;line-height:1.3;letter-spacing:-.4px;font-weight:600}.hero-copy,.page-intro{max-width:640px;margin:0 auto;color:var(--secondary);font-size:18px;line-height:1.55}.hero-actions{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;flex-wrap:wrap}.quiet-note{color:var(--muted);font-size:13px}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius);padding:0 16px;background:var(--text);color:var(--surface);cursor:pointer;font-size:14px;font-weight:500;transition:background-color .14s ease,color .14s ease}.button:hover{background:#333;color:var(--surface)}.button.secondary{background:var(--surface);color:var(--text);box-shadow:var(--shadow-border)}.button.secondary:hover{background:#ebebeb}.button.link-button{min-height:32px;padding:0 10px;background:transparent;color:var(--secondary)}.button.link-button:hover{background:#ebebeb;color:var(--text)}.generator-wrap{scroll-margin-top:80px;padding:0 0 96px}.generator-card{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr);background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--shadow-medium);overflow:hidden}.generator-form-panel,.generator-result-panel{padding:32px}.generator-form-panel{background:var(--surface)}.generator-result-panel{background:#fcfcfc;box-shadow:inset 1px 0 0 var(--line)}.panel-heading{margin-bottom:24px}.panel-heading h2{margin-bottom:8px;font-size:24px;letter-spacing:-.8px}.panel-heading p{margin-bottom:0;color:var(--secondary);font-size:14px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1 / -1}.field label{font-size:14px;color:var(--text)}.field label span{color:var(--muted)}.field input,.field select{width:100%;height:40px;border:0;border-radius:var(--radius);padding:0 12px;background:transparent;color:var(--text);box-shadow:var(--shadow-border);font-size:14px}.field input::placeholder{color:var(--muted)}.field input:focus,.field select:focus{outline:var(--focus) auto 1px;box-shadow:none}.field-help{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.form-actions{display:flex;align-items:center;gap:12px;margin-top:24px}.form-message{min-height:18px;margin:12px 0 0;color:var(--secondary);font-size:12px}.error-message{color:#a33a3d}.result-empty{min-height:360px;color:var(--muted)}.result-empty[hidden]{display:none}.result-empty .eyebrow{margin-bottom:24px}.empty-block{margin-bottom:20px}.skeleton-line{display:block;height:10px;border-radius:9999px;background:var(--recessed)}.empty-surface{display:flex;flex-direction:column;gap:14px;padding:20px 16px 24px}.empty-note{display:flex;flex-direction:column;align-items:center;gap:12px;margin:10px 0;text-align:center}.empty-note svg{width:26px;height:26px;color:#c7c7c7}.empty-note p{max-width:260px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}.result-content[hidden]{display:none}.status-line{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--secondary);font-size:13px}.status-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--blue)}.result-title{margin-bottom:24px}.result-title h2{margin-bottom:6px;font-size:24px}.result-title p{margin-bottom:0;color:var(--secondary);font-size:14px}.output-block{margin-bottom:20px}.output-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--secondary);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.output-value{margin:0;white-space:pre-wrap;color:var(--text);font-size:14px;line-height:1.55}.subject-value{font-weight:500}.email-surface{padding:16px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-border)}.copy-status{min-height:18px;margin:8px 0 0;color:var(--secondary);font-size:12px}.sequence-section{max-width:1000px;margin:0 auto;padding-top:32px}.sequence-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.sequence-heading h2{margin-bottom:0}.sequence-heading p{max-width:360px;margin:0;color:var(--secondary);font-size:14px;line-height:1.5}.sequence-list{display:grid;gap:8px}.sequence-item{display:grid;grid-template-columns:10px minmax(120px,.7fr) minmax(180px,1fr) auto;align-items:center;gap:16px;padding:16px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-border)}.sequence-item.current{box-shadow:0 0 0 2px var(--blue)}.sequence-item .stage-dot{width:10px;height:10px;border-radius:50%;background:#c7c7c7}.sequence-item.current .stage-dot{background:var(--blue)}.sequence-timing,.sequence-label{font-size:14px}.sequence-timing{color:var(--secondary)}.sequence-label{font-weight:500}.sequence-actions{display:flex;justify-content:end;gap:4px}.content-section{padding:64px 0}.content-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px}.content-section h2{margin-bottom:16px}.content-section p,.content-section li{color:var(--secondary);font-size:16px;line-height:1.65}.content-section ul{padding-left:20px;margin:0}.feature-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:24px;background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--shadow-border)}.feature-card h3{margin-bottom:8px;font-size:16px}.feature-card p{margin:0;font-size:14px;line-height:1.55}.guide-section{max-width:1000px;margin:0 auto}.guide-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:24px}.guide-section-heading h2{margin-bottom:0}.guide-section-heading>p{max-width:300px;margin:0;color:var(--secondary);font-size:14px;line-height:1.5}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.guide-card{min-height:152px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:20px;border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--shadow-border);transition:background-color .14s ease,color .14s ease}.guide-card:hover{background:#f2f2f2;color:var(--text)}.guide-card-label{margin:0 0 8px;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.08em}.guide-card h3{margin:0;font-size:17px}.guide-card-action{color:var(--secondary);font-size:13px}.guide-card:hover .guide-card-action{color:var(--blue)}.seo-page{padding:80px 0 96px}.seo-hero{max-width:760px;margin:0 auto 48px;text-align:center}.seo-hero h1{font-size:clamp(38px,5vw,56px)}.seo-body{max-width:1000px;margin:0 auto}.seo-body .generator-wrap{padding-bottom:64px}.generator-callout{max-width:640px;margin:0 auto;padding:48px 0 32px;text-align:center}.generator-callout h2{margin-bottom:8px}.generator-callout p:last-child{margin:0;color:var(--secondary);font-size:16px;line-height:1.55}.article-content{max-width:760px;margin:0 auto;padding:16px 0 32px}.article-section{padding:32px 0}.article-section+.article-section{box-shadow:inset 0 1px 0 var(--line)}.article-section h2{margin-bottom:16px;font-size:28px}.article-section p,.article-section li{color:var(--secondary);font-size:16px;line-height:1.65}.article-section ul{padding-left:20px;margin:16px 0 0}.email-example{margin:24px 0 0;padding:24px;overflow-x:auto;border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--shadow-border);white-space:pre-wrap}.email-example code{color:var(--text);font-family:Geist Mono,ui-monospace,SFMono-Regular,Roboto Mono,monospace;font-size:13px;line-height:1.65}.guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:64px 0}.faq-list{display:grid;gap:24px}.faq-item h3{margin-bottom:8px;font-size:16px}.faq-item p{margin:0}.related-links{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px}.related-links a{padding:8px 12px;border-radius:9999px;background:var(--surface);box-shadow:var(--shadow-border);color:var(--secondary);font-size:13px}.related-links a:hover{color:var(--text);background:#ebebeb}.site-footer{padding:40px 24px;box-shadow:0 -1px 0 var(--line)}.footer-inner{width:min(1200px,100%);margin:0 auto;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--secondary)}@media(max-width:760px){.page-shell{width:min(100% - 32px,600px)}.site-header{padding:0 16px}.nav a{padding:8px}.hero{padding:64px 0 40px}h1{letter-spacing:-2px}.generator-card{grid-template-columns:1fr}.generator-result-panel{box-shadow:inset 0 1px 0 var(--line)}.content-grid,.guidance-grid{grid-template-columns:1fr;gap:32px}.feature-grid,.guide-grid{grid-template-columns:1fr}.guide-section-heading{display:block}.guide-section-heading>p{margin-top:12px}.sequence-heading{display:block}.sequence-heading p{margin-top:12px}.sequence-item{grid-template-columns:10px 1fr auto;gap:12px}.sequence-item .sequence-timing{grid-column:2;grid-row:2;font-size:12px}.sequence-item .sequence-label{grid-column:2;grid-row:1}.sequence-actions{grid-column:3;grid-row:1 / span 2}.footer-inner{display:block}.footer-links{margin-top:12px}}@media(max-width:480px){.nav a:first-child{display:none}.generator-form-panel,.generator-result-panel{padding:24px 20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.button{width:100%}}