@layer od-layout{[hidden]:not([hidden=until-found i]),dialog:not([open]){display:none!important}:where(.od-stack,.od-row,.od-row-top,.od-cluster,.od-grid,.od-field,.od-stat,.od-cell,.od-tile)>:where(*){min-width:0}.od-stack{gap:var(--od-gap,8px);flex-direction:column;display:flex}.od-row{align-items:center;gap:var(--od-gap,8px);display:flex}.od-row-top{align-items:flex-start;gap:var(--od-gap,8px);display:flex}.od-cluster{align-items:center;gap:var(--od-gap,8px);flex-wrap:wrap;display:flex}.od-fill{flex:1 1 0;min-width:0}.od-fixed{flex:none}.od-grid{gap:var(--od-gap,12px);grid-template-columns:repeat(var(--od-cols,3),minmax(0,1fr));display:grid}.od-stat,.od-field,.od-cell{gap:var(--od-gap,2px);display:grid}:where(.od-stat,.od-field,.od-cell)>:where(*){display:block}.od-tile{grid-template-rows:auto 1fr;display:grid}:where(.od-tile)>:where(*){display:block}.od-media{width:100%;height:auto;aspect-ratio:var(--od-ratio,auto);display:block}.od-media-cover{object-fit:cover}.od-icon{inline-size:var(--od-icon-size,1em);block-size:var(--od-icon-size,1em);flex:none;display:inline-block}.od-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.od-clamp-2,.od-clamp-3{overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.od-clamp-2{-webkit-line-clamp:2}.od-clamp-3{-webkit-line-clamp:3}.od-lines-2{min-height:2.8em}.od-nowrap{white-space:nowrap}.od-keep{word-break:keep-all;overflow-wrap:anywhere}.od-screen{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.od-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.od-rail{gap:var(--od-gap,8px);scroll-snap-type:x proximity;scrollbar-width:none;padding-inline:var(--od-rail-pad,16px);scroll-padding-inline:var(--od-rail-pad,16px);display:flex;overflow-x:auto}.od-rail::-webkit-scrollbar{display:none}:where(.od-rail)>:where(*){scroll-snap-align:start;flex:none}:where(.od-rail)>:where(:last-child){margin-inline-end:var(--od-rail-pad,16px)}.od-spacer{visibility:hidden;pointer-events:none;flex:none}.od-touch{min-width:44px;min-height:44px}}:root [hidden]:where(:not([hidden=until-found i])){display:none}:root{--bg:#f6f2e9;--surface:#fffefa;--surface-warm:#ece1d3;--fg:#242820;--fg-2:#5b6255;--muted:var(--fg-2);--meta:var(--fg-2);--border:#d5d9cb;--border-soft:var(--border);--accent:#3e4c35;--accent-on:#fff;--accent-hover:color-mix(in oklab,var(--accent),black 8%);--accent-active:color-mix(in oklab,var(--accent),black 14%);--success:#326344;--warn:#c9822f;--danger:#a52f23;--font-display:Georgia,"Times New Roman",serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono",ui-monospace,Menlo,monospace;--text-xs:12px;--text-sm:14px;--text-base:17px;--text-lg:20px;--text-xl:28px;--text-2xl:42px;--text-3xl:64px;--text-4xl:88px;--leading-body:1.65;--leading-tight:1.08;--tracking-display:-.025em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--section-y-desktop:96px;--section-y-tablet:64px;--section-y-phone:48px;--radius-sm:10px;--radius-md:12px;--radius-lg:20px;--radius-pill:9999px;--elev-flat:none;--elev-ring:0 0 0 1px var(--border);--elev-raised:0 16px 40px color-mix(in srgb,var(--fg) 8%,transparent);--focus-ring:0 0 0 4px color-mix(in srgb,var(--accent) 24%,transparent);--motion-fast:.15s;--motion-base:.24s;--ease-standard:cubic-bezier(.2,0,0,1);--container-max:1180px;--container-gutter-desktop:32px;--container-gutter-tablet:24px;--container-gutter-phone:16px;--tomato:#ae432d;--background:var(--bg);--foreground:var(--fg);--card:var(--surface);--card-foreground:var(--fg);--primary:var(--accent);--primary-foreground:var(--accent-on);--secondary:var(--surface-warm);--muted-foreground:var(--fg-2);--input:var(--border);--ring:var(--accent);--destructive:var(--danger)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-6)}body{color:var(--fg);background:var(--bg);font:var(--text-base)/var(--leading-body) var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button{color:var(--fg)}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.15}h1,h2{letter-spacing:var(--tracking-display);text-wrap:balance}h2{font-size:clamp(32px,3.2vw,46px)}h3{font-size:var(--text-xl)}p+p{margin-top:var(--space-4)}svg{vertical-align:middle}.container{width:min(100% - 64px,var(--container-max));margin-inline:auto}.section{padding-block:var(--section-y-desktop)}.eyebrow{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:650;line-height:1.5}.small{font-size:var(--text-sm);line-height:1.55}.muted{color:var(--fg-2)}.text-link{align-items:center;gap:var(--space-2);min-height:44px;text-decoration:underline;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);transition:background-color var(--motion-fast),border-color var(--motion-fast);background:0 0;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.btn-primary{color:var(--accent-on);background:var(--accent);border-color:var(--accent)}.btn-secondary{background:var(--surface)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary:active{background:var(--accent-active)}.bare-button{min-height:44px;padding:var(--space-2) 0;font-size:var(--text-sm);text-underline-offset:4px;background:0 0;border:0;align-items:center;text-decoration:underline;display:inline-flex}.skip-link{z-index:10;padding:var(--space-3);background:var(--surface);position:absolute;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--border)}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-8);min-height:88px;display:flex}.wordmark{align-items:center;gap:var(--space-3);font:23px/1.2 var(--font-display);letter-spacing:-.04em;text-decoration:none;display:flex}.wordmark svg{width:32px;height:36px;color:var(--accent);flex:none}.site-nav{align-items:center;gap:var(--space-8);font-size:var(--text-sm);display:flex}.site-nav a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.site-nav .nav-builder{border-bottom:1px solid var(--fg)}.menu-toggle{display:none}.hero{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:72px;padding-block:64px 56px;display:grid}.hero-copy{padding-bottom:var(--space-5)}.hero .eyebrow{align-items:center;gap:var(--space-3);color:var(--fg-2);display:flex}.hero .eyebrow:before{content:"";background:var(--tomato);width:24px;height:1px;display:block}h1{margin-top:var(--space-6);font-size:clamp(52px,5.4vw,76px);font-weight:400;line-height:1.04}h1 em{font-weight:400}.hero-description{max-width:440px;margin-top:var(--space-6);font-size:var(--text-lg);color:var(--fg-2)}.hero-actions{align-items:center;gap:var(--space-2) var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero-actions .text-link{font-size:16px}.trust-line{margin-top:var(--space-5);color:var(--fg-2);max-width:440px;font-size:var(--text-sm)}.hero-note{margin-top:var(--space-12);align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--fg-2);display:flex}.hero-note span:first-child{background:var(--border);width:32px;height:1px}.example-caption{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--fg-2);font-size:12px;display:flex}.example-caption span:first-child{font-weight:600}.email-paper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-raised)}.inbox-meta{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);font-size:var(--text-sm)}.inbox-meta strong{font-weight:600}.inbox-meta p+p{margin-top:4px}.sample-email{padding:var(--space-6) var(--space-8) var(--space-8);text-align:center}.restaurant-mark{font:22px/1.2 var(--font-display);letter-spacing:-.03em}.restaurant-caption{letter-spacing:.2em;text-transform:uppercase;color:var(--fg-2);margin-top:4px;font-size:10px}.food-art{aspect-ratio:300/114;width:100%;max-width:300px;height:auto;margin:var(--space-4) auto;color:var(--accent);display:block}.sample-email h2{font-size:36px;line-height:1.05}.sample-email .email-body{text-align:left;margin-top:var(--space-5);font-size:15px;line-height:1.6}.sample-cta{margin-top:var(--space-5);padding-block:var(--space-3);border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;text-decoration:none;display:block}.sample-signoff{text-align:left;font-size:var(--text-sm);margin-top:var(--space-4)}.orientation{border-top:1px solid var(--fg);border-bottom:1px solid var(--border);padding-block:var(--space-6)}.orientation-grid{gap:var(--space-6);grid-template-columns:.8fr 1fr 1fr 1fr;align-items:center;display:grid}.orientation-title{max-width:160px;font-size:20px;line-height:1.3}.orientation a{justify-content:space-between;align-items:center;gap:var(--space-4);border-left:1px solid var(--border);min-height:64px;padding-left:var(--space-6);text-decoration:none;display:flex}.orientation .od-stack{gap:4px}.orientation .number{color:var(--fg-2);font-size:12px}.orientation .task-title{font-size:16px}.section-intro{justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-12);display:flex}.section-intro h2{margin-top:var(--space-4)}.section-intro>p{max-width:360px;color:var(--fg-2)}.guide-layout{grid-template-columns:280px minmax(0,1fr);gap:80px;display:grid}.guide-rail h2{margin-top:var(--space-4)}.guide-rail>p{margin-top:var(--space-5);color:var(--fg-2)}.guide-index{margin-top:var(--space-6);display:grid}.guide-index a{gap:var(--space-3);min-height:44px;font-size:var(--text-sm);align-items:center;text-decoration:none;display:flex}.guide-index span{color:var(--fg-2);font:16px var(--font-display)}.guide-steps{counter-reset:guide}.guide-step{padding-block:var(--space-8);border-top:1px solid var(--border)}.guide-step:first-child{border-top-color:var(--fg);padding-top:var(--space-6)}.guide-step h3{align-items:baseline;gap:var(--space-5);font-size:28px;display:flex}.step-number{font-family:var(--font-display);color:var(--fg-2);flex:none;font-size:20px}.guide-step p{margin-top:var(--space-4);color:var(--fg-2)}.guide-step strong{color:var(--fg);font-weight:600}.guide-step .takeaway{color:var(--fg);font-size:15px}.source-note{font-size:var(--text-sm)}.examples-section{background:var(--surface-warm)}.example-nav{gap:var(--space-2) var(--space-6);border-top:1px solid var(--fg);border-bottom:1px solid var(--border);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.example-nav a{align-items:center;min-height:44px;font-size:15px;text-decoration:none;display:inline-flex}.campaign-example{padding-block:var(--space-12);border-bottom:1px solid color-mix(in srgb,var(--fg) 18%,transparent);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;display:grid}.campaign-example:last-child{border:0;padding-bottom:0}.example-info h3{margin-top:var(--space-3);font-size:32px}.example-info dl{gap:var(--space-4);margin:var(--space-6) 0;font-size:15px;display:grid}.example-info dt{letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:650}.example-info dd{color:var(--fg-2);margin:0}.example-limit{font-size:var(--text-sm);color:var(--fg-2)}.example-info .bare-button{margin-top:var(--space-4);font-size:16px}.example-copy{background:var(--surface);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-md)}.example-copy .copy-meta{border-bottom:1px solid var(--border);padding-bottom:var(--space-4);margin-bottom:var(--space-5)}.copy-meta .eyebrow{font-size:10px}.example-subject{font:23px/1.3 var(--font-display);margin-top:var(--space-2)}.example-preheader{font-size:var(--text-sm);color:var(--fg-2);margin-top:var(--space-2)}.example-message{white-space:pre-line;font-size:16px;line-height:1.65}.example-cta-label{margin-top:var(--space-5);padding-block:var(--space-2);border-bottom:1px solid var(--fg);font-size:15px;font-weight:600;display:inline-block}.example-footnote{color:var(--fg-2);margin-top:var(--space-4);font-size:12px}.builder-section{border-bottom:1px solid var(--border)}.builder-heading{max-width:620px}.builder-heading p:last-child{margin-top:var(--space-4);color:var(--fg-2)}.builder-layout{gap:var(--space-12);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;display:grid}.builder-form{min-width:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;margin-bottom:var(--space-5);padding:0;font-size:16px;font-weight:650}.form-step{width:28px;height:28px;margin-right:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);justify-content:center;align-items:center;display:inline-flex}.scenario-select{margin-bottom:var(--space-8)}.field{gap:var(--space-2);margin-top:var(--space-5);min-width:0;display:grid}.field label{font-size:var(--text-sm);font-weight:600}.field label span{color:var(--fg-2);font-weight:400}input,textarea,select{width:100%;min-width:0;max-width:100%;min-height:48px;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:16px;line-height:1.5;display:block}input[type=date]{appearance:none;min-width:0}textarea{resize:vertical;min-height:112px}::placeholder{color:var(--fg-2);opacity:.8}.hint{color:var(--fg-2);font-size:var(--text-sm)}.field-error{color:var(--danger);font-size:var(--text-sm)}[aria-invalid=true]{border-color:var(--danger)}.error-summary{margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:15px}.error-summary ul{padding-left:var(--space-5);margin-bottom:0}.optional-fields{margin-top:var(--space-6);border-top:1px solid var(--border)}summary{padding-block:var(--space-4);min-height:52px;font-size:16px;font-weight:600}.form-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.form-actions .btn-primary{flex:1}.form-utility{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.privacy-note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--fg-2)}.workbench{min-width:0;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.workbench-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.workbench-head h3{font-family:var(--font-body);font-size:16px;font-weight:650}.workbench-head .small{color:var(--fg-2)}.empty-state{padding:56px var(--space-4);text-align:center}.empty-state .empty-mark{margin:auto auto var(--space-6);width:80px;height:80px;color:var(--accent)}.empty-state h4{font-size:32px}.empty-state p{max-width:330px;margin:var(--space-4) auto 0;color:var(--fg-2);font-size:16px}.output-editor{padding-bottom:var(--space-6)}.output-editor textarea{min-height:220px}.output-editor .field{margin-top:var(--space-4)}.output-editor .field label{justify-content:space-between;gap:var(--space-3);display:flex}.char-count{font-weight:400}.output-editor details{margin-top:var(--space-4);border-bottom:1px solid var(--border)}.preview-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border);padding-block:var(--space-5);flex-wrap:wrap;display:flex}.preview-switch{border:1px solid var(--border);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.preview-switch button{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:0 0;border:0;border-radius:8px}.preview-switch button[aria-pressed=true]{background:var(--accent);color:var(--accent-on)}.draft-preview{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:600px;padding:var(--space-6);overflow-wrap:anywhere;margin-inline:auto}.draft-preview.mobile-preview{max-width:340px}.draft-preview .preview-restaurant{font:26px/1.25 var(--font-display);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.draft-preview .preview-subject{margin-top:var(--space-5);font:28px/1.2 var(--font-display)}.draft-preview .preview-body{white-space:pre-wrap;margin-top:var(--space-5);font-size:16px}.preview-cta{text-align:center;width:fit-content;max-width:100%;margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-sm);overflow-wrap:anywhere;font-size:16px;font-weight:600;text-decoration:none;display:block}.preview-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--fg-2);font-size:12px}.export-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.export-actions .btn{flex:1}.status{margin-top:var(--space-4);color:var(--fg-2);font-size:var(--text-sm);overflow-wrap:anywhere;min-height:24px}.manual-copy{margin-top:var(--space-5)}.manual-copy textarea{min-height:200px}.handoff{margin-top:var(--space-12);border-top:1px solid var(--border);padding-top:var(--space-8);gap:var(--space-12);grid-template-columns:1fr 2fr;display:grid}.handoff h3{font-size:28px}.handoff ol{padding-left:var(--space-5);color:var(--fg-2);margin:0}.handoff li+li{margin-top:var(--space-3)}.faq-layout{grid-template-columns:1fr 1.65fr;gap:80px;display:grid}.faq-layout h2{margin-top:var(--space-4)}.faq-items details{border-top:1px solid var(--border)}.faq-items details:last-child{border-bottom:1px solid var(--border)}.faq-items summary{padding-block:var(--space-5);font-weight:500}.faq-items details p{color:var(--fg-2);padding-bottom:var(--space-5);font-size:16px}.closing{border-top:1px solid var(--fg);padding-block:var(--space-12);justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.closing h2{font-size:36px}.closing p{color:var(--fg-2);margin-top:var(--space-3)}.site-footer{border-top:1px solid var(--border);padding-block:var(--space-8)}.footer-top{justify-content:space-between;align-items:start;gap:var(--space-8);display:flex}.footer-top p{font-size:var(--text-sm);color:var(--fg-2);margin-top:var(--space-3);max-width:390px}.footer-links{gap:var(--space-3) var(--space-6);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.footer-bottom{justify-content:space-between;gap:var(--space-5);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border);color:var(--fg-2);font-size:12px;display:flex}dialog{width:min(480px,100% - 32px);max-height:calc(100dvh - 48px);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);overflow:auto}dialog::backdrop{background:color-mix(in srgb,var(--fg) 48%,transparent)}dialog h2{font-size:32px}dialog p{margin-top:var(--space-4)}.dialog-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover){.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary:hover,.sample-cta:hover,.preview-cta:hover{background:var(--bg);border-color:var(--accent)}.site-nav a:hover,.guide-index a:hover,.example-nav a:hover{text-underline-offset:6px;text-decoration:underline}.orientation a:hover .task-title{text-underline-offset:4px;text-decoration:underline}.bare-button:hover,.text-link:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}}@media (max-width:1100px){.hero{gap:var(--space-8)}h1{font-size:60px}.guide-layout{gap:var(--space-12);grid-template-columns:240px minmax(0,1fr)}.campaign-example,.faq-layout{gap:var(--space-12)}.builder-layout{gap:var(--space-8)}.hero-note{margin-top:var(--space-8)}}@media (max-width:900px){.container{width:calc(100% - 48px)}.section{padding-block:var(--section-y-tablet)}.site-nav{gap:var(--space-5)}.wordmark{font-size:21px}.hero{gap:var(--space-6);padding-top:var(--space-12)}h1{font-size:52px}.hero-description{font-size:18px}.sample-email{padding:var(--space-5)}.sample-email h2{font-size:30px}.example-caption{flex-wrap:wrap}.inbox-meta{padding:var(--space-4)}.orientation-grid{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr}.orientation-title{grid-column:1/-1;max-width:none}.orientation a{padding-left:var(--space-4)}.orientation a:nth-child(2){border-left:0;padding-left:0}.guide-layout{gap:var(--space-8);grid-template-columns:200px minmax(0,1fr)}.builder-layout{gap:var(--space-8);grid-template-columns:1fr}.builder-form{max-width:none}.draft-preview{max-width:600px}.workbench{padding:var(--space-8)}.faq-layout{gap:var(--space-8);grid-template-columns:1fr 1.5fr}.campaign-example{gap:var(--space-8)}.example-copy{padding:var(--space-6)}}@media (max-width:767px){.header-inner{min-height:76px;padding-block:var(--space-3);flex-wrap:wrap;gap:0}.menu-toggle{min-height:44px;padding:var(--space-2) var(--space-3);gap:var(--space-2);font-size:var(--text-sm);display:inline-flex}.site-nav{width:100%;padding-top:var(--space-4);flex-direction:column;align-items:stretch;gap:0;display:none}.site-nav.is-open{display:flex}.site-nav a{min-height:48px;padding-inline:var(--space-3);border-top:1px solid var(--border)}.site-nav .nav-builder{border-bottom:0}.hero{gap:var(--space-8);padding-block:var(--space-12);grid-template-columns:1fr}.hero-copy{padding-bottom:0}h1{max-width:580px;font-size:clamp(42px,8vw,60px)}.hero-description{max-width:540px}.hero-note{display:none}.hero-example{width:100%;max-width:500px;margin:auto}.sample-email{padding:var(--space-6)}.sample-email h2{font-size:36px}.guide-layout,.faq-layout{gap:var(--space-8);grid-template-columns:1fr}.guide-rail{max-width:600px}.guide-rail h2{max-width:450px}.guide-index{gap:0 var(--space-4);grid-template-columns:1fr 1fr}.campaign-example{gap:var(--space-6);grid-template-columns:1fr}.example-info dl{gap:var(--space-5);grid-template-columns:1fr 1fr}.example-info dl>div:last-child{grid-column:1/-1}.section-intro{margin-bottom:var(--space-8);display:block}.section-intro>p{max-width:none;margin-top:var(--space-5)}.handoff{gap:var(--space-5);grid-template-columns:1fr}.closing{align-items:flex-start;gap:var(--space-6);flex-direction:column}.footer-top{gap:var(--space-5);flex-direction:column}}@media (max-width:480px){.container{width:calc(100% - 32px)}.section{padding-block:var(--section-y-phone)}.wordmark{gap:var(--space-2);font-size:20px}.wordmark svg{width:24px;height:28px}.hero{padding-top:var(--space-8)}h1{margin-top:var(--space-5);font-size:46px}.hero-description{margin-top:var(--space-5);font-size:17px}.hero-actions{margin-top:var(--space-6);gap:var(--space-2);flex-direction:column;align-items:flex-start}.trust-line{margin-top:var(--space-3);font-size:12px}.hero .eyebrow{font-size:10px}.orientation-grid{grid-template-columns:1fr;gap:0}.orientation-title{margin-bottom:var(--space-3)}.orientation a,.orientation a:nth-child(2){border-left:0;border-top:1px solid var(--border);min-height:72px;padding-left:0}.orientation .od-stack{align-items:baseline;gap:var(--space-4);flex-direction:row}.guide-index{grid-template-columns:1fr 1fr}.guide-index a{font-size:13px}.guide-step h3{gap:var(--space-3);font-size:26px}.example-copy{padding:var(--space-5)}.example-nav{gap:var(--space-2) var(--space-5)}.example-nav a{font-size:14px}.workbench,.draft-preview{padding:var(--space-4)}.draft-preview .preview-subject{font-size:26px}.export-actions{flex-direction:column}.export-actions .btn{width:100%}.preview-toolbar{flex-direction:column;align-items:flex-start}.empty-state{padding:var(--space-8) 0}.footer-bottom{gap:var(--space-3);flex-direction:column}.closing h2{font-size:32px}}@media (max-width:359px){h1{font-size:40px}.wordmark{font-size:18px}.menu-toggle{padding-inline:var(--space-2)}.menu-toggle .menu-label{display:none}.sample-email{padding:var(--space-5)}.sample-email h2{font-size:32px}.guide-index,.example-info dl{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.notice{border:1px solid var(--accent);border-left:4px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface-warm);margin:20px 0;padding:20px}.notice p{margin-block:8px 16px}.notice label{align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;display:flex}.notice input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;accent-color:var(--accent);margin-top:2px}