.generator-page {
    --generator-bg: #f7f3ed;
    --generator-card: #fffdfa;
    --generator-ink: #20252a;
    --generator-soft: #697177;
    --generator-line: #e7e0d7;
    --generator-brand: #ec7d15;
    --generator-brand-dark: #c95b0a;
    color: var(--generator-ink);
    background: var(--generator-bg);
}

.generator-container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.generator-hero { position: relative; overflow: hidden; padding: 76px 0 86px; background: linear-gradient(135deg, #fffdf9 0%, #f8f1e8 100%); border-bottom: 1px solid var(--generator-line); }
.generator-hero::before { content: ''; position: absolute; width: 620px; height: 620px; right: -180px; top: -280px; border-radius: 50%; background: rgba(236,125,21,.11); filter: blur(4px); }
.generator-hero-grid { position: relative; display: grid; grid-template-columns: 1fr; gap: 48px; }
.generator-hero-copy { max-width: 700px; margin: 0 auto; text-align: center; }
.generator-eyebrow, .generator-kicker { margin: 0; color: var(--generator-brand-dark); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.generator-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid rgba(236,125,21,.2); border-radius: 999px; background: #fff2df; }
.generator-eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--generator-brand); box-shadow: 0 0 0 4px rgba(236,125,21,.14); }
.generator-hero h1 { margin: 22px 0 0; color: var(--generator-ink); font-family: 'Playfair Display', Georgia, serif; font-size: clamp(42px, 5vw, 70px); font-weight: 700; letter-spacing: -.055em; line-height: .98; }
.generator-hero-headline { margin: 21px 0 0; color: var(--generator-brand-dark); font-family: 'Playfair Display', Georgia, serif; font-size: clamp(27px, 3vw, 40px); line-height: 1.05; }
.generator-hero-lead { max-width: 620px; margin: 21px auto 0; color: var(--generator-soft); font-size: 17px; line-height: 1.7; }
.generator-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 29px; }
.generator-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px 19px; border: 0; border-radius: 13px; font-size: 14px; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
.generator-button:hover { transform: translateY(-2px); }
.generator-button-primary { background: var(--generator-brand); color: #fff; box-shadow: 0 12px 24px -14px rgba(201,91,10,.9); }
.generator-button-primary:hover { background: var(--generator-brand-dark); box-shadow: 0 16px 28px -14px rgba(201,91,10,.9); }
.generator-button-secondary { border: 1px solid var(--generator-line); background: rgba(255,255,255,.6); color: var(--generator-ink); }
.generator-button-secondary:hover { background: #fff; }
.generator-button-light { background: #fff; color: var(--generator-brand-dark); box-shadow: 0 15px 30px -18px rgba(38,28,20,.75); }
.generator-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 18px; margin: 18px 0 0; color: #858b8f; font-size: 12px; }

.generator-hero-visual { width: min(100%, 980px); min-width: 0; margin: 0 auto; }
.generator-flow-card { display: grid; grid-template-columns: minmax(130px, 1fr) 40px minmax(145px, 1fr) 40px minmax(145px, 1fr); align-items: center; gap: 7px; padding: 23px; border: 1px solid var(--generator-line); border-radius: 25px; background: rgba(255,253,249,.84); box-shadow: 0 28px 60px -30px rgba(50,38,27,.36); }
.generator-flow-state { position: relative; min-height: 315px; padding: 13px; border: 1px solid var(--generator-line); border-radius: 16px; background: #fff; overflow: hidden; }
.generator-state-label { display: block; color: #858b8f; font-size: 10px; font-weight: 800; letter-spacing: .08em; line-height: 1.25; text-transform: uppercase; }
.generator-paper-preview { position: relative; display: flex; flex-direction: column; gap: 5px; min-height: 236px; margin-top: 12px; padding: 18px 13px; border: 1px solid #ddd1c0; border-radius: 6px; background: #f6ead6; color: #4a382d; box-shadow: 5px 8px 0 rgba(86,65,44,.08); transform: rotate(-2deg); }
.generator-paper-preview::before { content: ''; position: absolute; inset: 7px; border: 1px solid rgba(104,76,47,.2); pointer-events: none; }
.generator-paper-preview > * { position: relative; z-index: 1; }
.generator-paper-brand { font-size: 8px; font-weight: 800; letter-spacing: .16em; text-align: center; }
.generator-paper-preview strong { font-family: Georgia, serif; font-size: 17px; text-align: center; text-transform: uppercase; }
.generator-paper-preview i { display: block; height: 1px; margin: 3px 2px; background: rgba(91,63,36,.3); }
.generator-paper-preview b { font-family: Georgia, serif; font-size: 9px; }
.generator-paper-preview em { margin-top: 2px; font-size: 8px; font-style: normal; font-weight: 700; }
.generator-paper-preview small { margin-top: -5px; font-size: 7px; text-align: right; }
.generator-file-chip { display: inline-flex; margin: 13px auto 0; padding: 5px 8px; border-radius: 999px; background: #f6f0e8; color: #8d7866; font-size: 9px; font-weight: 800; }
.generator-flow-arrow { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--generator-brand); text-align: center; }
.generator-flow-arrow span { font-size: 25px; line-height: 1; }
.generator-flow-arrow small { margin-top: 5px; color: #a18f80; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.generator-flow-ai { background: #252a2d; border-color: #333c41; color: #fff; }
.generator-flow-ai .generator-state-label { color: #b8c0c1; }
.generator-ai-orb { display: grid; place-items: center; width: 64px; height: 64px; margin: 31px auto 17px; border: 1px solid rgba(236,125,21,.55); border-radius: 50%; background: radial-gradient(circle, #f4a34e 0%, #cf6415 45%, #633214 100%); box-shadow: 0 0 0 8px rgba(236,125,21,.08), 0 0 35px rgba(236,125,21,.4); }
.generator-ai-orb span { color: #fff; font-size: 27px; }
.generator-flow-ai > strong { display: block; font-size: 14px; text-align: center; }
.generator-flow-ai ul { display: grid; gap: 7px; margin: 20px 0 0; padding: 0; list-style: none; color: #ced6d6; font-size: 10px; }
.generator-flow-ai li::before { margin-right: 6px; color: #f2a35c; content: '✓'; font-weight: 800; }
.generator-flow-result { display: flex; flex-direction: column; align-items: center; padding-bottom: 0; }
.generator-phone-frame { width: 108px; margin-top: 13px; overflow: hidden; border: 5px solid #22272a; border-bottom-width: 7px; border-radius: 19px; background: #22272a; box-shadow: 0 12px 22px -13px rgba(0,0,0,.7); }
.generator-phone-frame img { display: block; width: 100%; height: auto; }

.generator-section { padding: 92px 0; background: var(--generator-bg); }
.generator-section:nth-child(even) { background: #fffdf9; }
.generator-section-heading { max-width: 700px; margin-bottom: 36px; }
.generator-section-heading h2, .generator-section-copy h2 { margin: 10px 0 0; color: var(--generator-ink); font-family: 'Playfair Display', Georgia, serif; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.045em; line-height: 1.06; }
.generator-section-heading > p:last-child, .generator-section-copy > p:not(.generator-kicker) { margin: 15px 0 0; color: var(--generator-soft); font-size: 16px; line-height: 1.7; }
.generator-upload-section { padding-top: 72px; }
.generator-upload-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr); align-items: center; gap: clamp(35px, 7vw, 100px); }
.generator-proof-list { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 24px; color: #697177; font-size: 12px; font-weight: 700; }
.generator-dropzone { display: flex; flex-direction: column; align-items: center; padding: 33px; border: 1.5px dashed #d2b999; border-radius: 22px; background: #fff9f0; text-align: center; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.generator-dropzone.is-dragging, .generator-dropzone:hover { border-color: var(--generator-brand); background: #fff5e6; box-shadow: 0 20px 40px -32px rgba(201,91,10,.7); }
.generator-dropzone.is-uploading { border-color: var(--generator-brand); background: #fff0dc; }
.generator-dropzone.is-uploading .generator-upload-icon { animation: generator-upload-pulse 1s ease-in-out infinite; }
@keyframes generator-upload-pulse { 50% { transform: translateY(-3px); box-shadow: 0 12px 23px -11px rgba(201,91,10,.7); } }
.generator-dropzone-label { display: flex; flex-direction: column; align-items: center; width: 100%; cursor: pointer; }
.generator-upload-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: #fff; color: var(--generator-brand); font-size: 29px; line-height: 1; box-shadow: 0 8px 16px -13px rgba(61,36,19,.55); }
.generator-dropzone-label strong { margin-top: 16px; color: var(--generator-ink); font-size: 17px; }
.generator-dropzone-label small { margin-top: 5px; color: #9b8a7a; font-size: 12px; }
.generator-file-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.generator-file-name { min-height: 20px; margin-top: 12px; color: var(--generator-brand-dark); font-size: 12px; font-weight: 800; }
.generator-dropzone .generator-button { width: 100%; margin-top: 13px; }
.generator-dropzone > p { margin: 15px 0 0; color: #9b8a7a; font-size: 11px; line-height: 1.5; }

.generator-steps-grid, .generator-detection-grid, .generator-benefits-grid, .generator-business-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.generator-step-card { padding: 15px; border: 1px solid var(--generator-line); border-radius: 19px; background: var(--generator-card); box-shadow: 0 16px 35px -28px rgba(45,33,23,.28); }
.generator-step-visual { position: relative; display: grid; min-height: 190px; place-items: center; overflow: hidden; border-radius: 13px; background: #f2ece4; }
.generator-step-visual > span { position: absolute; top: 12px; left: 13px; z-index: 1; color: #9e8b77; font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.generator-mini-paper { display: flex; flex-direction: column; gap: 8px; width: 95px; padding: 18px 13px; border: 1px solid #d7c6b2; border-radius: 4px; background: #f7ead8; box-shadow: 8px 10px 0 rgba(90,62,37,.1); transform: rotate(-5deg); }
.generator-mini-paper strong { font-family: Georgia, serif; font-size: 12px; text-align: center; }
.generator-mini-paper i { display: block; height: 4px; border-radius: 3px; background: #b99f83; opacity: .6; }
.generator-processing { background: #262c2f; }
.generator-processing-panel { display: flex; flex-direction: column; gap: 8px; width: 180px; padding: 18px; border: 1px solid rgba(236,125,21,.3); border-radius: 14px; background: rgba(255,255,255,.06); color: #fff; box-shadow: 0 0 35px rgba(236,125,21,.1); }
.generator-processing-panel b { color: #f4a45f; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.generator-processing-panel strong { font-size: 17px; }
.generator-processing-panel small { color: #bac0c1; font-size: 10px; }
.generator-step-phone { align-items: end; background: #ebe5dd; }
.generator-step-phone img { width: 122px; margin-top: 34px; filter: drop-shadow(0 12px 10px rgba(34,26,18,.24)); }
.generator-step-card h3 { margin: 18px 5px 0; font-size: 17px; }
.generator-step-card p { margin: 7px 5px 5px; color: var(--generator-soft); font-size: 13px; line-height: 1.6; }

.generator-difference-section { background: #252a2d !important; color: #fff; }
.generator-difference-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; gap: clamp(40px, 8vw, 110px); }
.generator-difference-section .generator-section-copy h2 { color: #fff; }
.generator-difference-section .generator-section-copy > p:not(.generator-kicker) { color: #c4cbcc; }
.generator-difference-section .generator-kicker { color: #f2a15a; }
.generator-text-cta { display: inline-flex; align-items: center; gap: 10px; margin-top: 23px; padding: 0; border: 0; background: transparent; color: var(--generator-brand-dark); font-size: 14px; font-weight: 800; text-decoration: none; cursor: pointer; }
.generator-text-cta:hover { color: var(--generator-brand); }
.generator-difference-section .generator-text-cta { color: #f2a15a; }
.generator-compare-flow { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.generator-compare-column { position: relative; padding: 23px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.05); }
.generator-compare-column h3 { margin: 0 0 20px; color: #e2e7e6; font-size: 15px; }
.generator-compare-column ol { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: flow; }
.generator-compare-column li { display: flex; align-items: center; gap: 10px; color: #bcc5c5; font-size: 12px; line-height: 1.4; counter-increment: flow; }
.generator-compare-column li::before { display: grid; place-items: center; flex: 0 0 21px; width: 21px; height: 21px; border-radius: 50%; background: rgba(255,255,255,.1); color: #e8eceb; content: counter(flow); font-size: 10px; font-weight: 800; }
.generator-compare-new { border-color: rgba(236,125,21,.4); background: linear-gradient(145deg, rgba(236,125,21,.2), rgba(255,255,255,.04)); }
.generator-compare-new li { color: #fff; }
.generator-compare-new li::before { background: var(--generator-brand); }
.generator-done-mark { display: grid; place-items: center; width: 35px; height: 35px; margin: 23px 0 0 auto; border-radius: 50%; background: #f2a15a; color: #252a2d; font-weight: 900; }

.generator-detection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.generator-detection-grid article, .generator-business-grid article { padding: 22px; border: 1px solid var(--generator-line); border-radius: 16px; background: var(--generator-card); }
.generator-detection-grid article > span { color: var(--generator-brand); font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.generator-detection-example { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; min-height: 43px; margin: 15px 0 2px; padding: 10px 11px; border: 1px solid #f0d9bd; border-radius: 10px; background: #fff5e8; }
.generator-detection-example strong { overflow: hidden; color: var(--generator-ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.generator-detection-example small { flex: 0 0 auto; color: var(--generator-brand-dark); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.generator-detection-grid h3, .generator-business-grid h3 { margin: 14px 0 0; font-size: 17px; }
.generator-detection-grid p, .generator-business-grid p { margin: 7px 0 0; color: var(--generator-soft); font-size: 13px; line-height: 1.6; }

.generator-result-section { background: #fffdf9 !important; text-align: center; }
.generator-result-section .generator-section-heading { margin-right: auto; margin-left: auto; }
.generator-result-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: 30px; max-width: 800px; margin: 0 auto 34px; }
.generator-result-grid figure { margin: 0; }
.generator-result-grid figure:nth-child(2) img { transform: translateY(-13px); }
.generator-result-grid img { display: block; width: min(100%, 220px); height: auto; margin: 0 auto; border: 7px solid #252a2d; border-radius: 30px; box-shadow: 0 25px 35px -25px rgba(28,22,16,.65); }
.generator-result-grid figcaption { display: flex; flex-direction: column; gap: 4px; margin-top: 15px; }
.generator-result-grid figcaption strong { font-size: 15px; }
.generator-result-grid figcaption span { color: var(--generator-soft); font-size: 12px; }

.generator-table-section { background: var(--generator-bg) !important; }
.generator-table-wrap { overflow-x: auto; border: 1px solid var(--generator-line); border-radius: 18px; background: #fff; box-shadow: 0 15px 35px -30px rgba(40,30,20,.25); }
.generator-table-wrap table { width: 100%; min-width: 650px; border-collapse: collapse; font-size: 13px; }
.generator-table-wrap th, .generator-table-wrap td { padding: 15px 18px; border-bottom: 1px solid var(--generator-line); text-align: left; }
.generator-table-wrap thead th { background: #f4eee6; color: #786858; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.generator-table-wrap tbody tr:last-child th, .generator-table-wrap tbody tr:last-child td { border-bottom: 0; }
.generator-table-wrap tbody th { color: var(--generator-ink); font-weight: 700; }
.generator-table-wrap tbody td { color: var(--generator-soft); }
.generator-table-highlight { color: var(--generator-brand-dark) !important; font-size: 17px; font-weight: 900; text-align: center !important; }

.generator-design-section { background: #fffdf9 !important; text-align: center; }
.generator-design-section .generator-section-heading { margin-right: auto; margin-left: auto; }
.generator-design-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 29px; }
.generator-design-grid a { display: block; overflow: hidden; border: 1px solid var(--generator-line); border-radius: 15px; background: #fff; color: var(--generator-ink); text-align: left; text-decoration: none; box-shadow: 0 13px 25px -25px rgba(38,28,20,.5); transition: transform .18s ease, box-shadow .18s ease; }
.generator-design-grid a:hover { transform: translateY(-4px); box-shadow: 0 22px 30px -25px rgba(38,28,20,.55); }
.generator-design-grid img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: top; }
.generator-design-grid a > span { display: flex; justify-content: space-between; padding: 13px 14px; font-size: 13px; font-weight: 800; }
.generator-design-grid b { color: var(--generator-brand); }

.generator-benefits-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.generator-benefits-grid article { padding: 23px; border: 1px solid var(--generator-line); border-radius: 16px; background: var(--generator-card); }
.generator-benefits-grid article > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; background: #fff1df; color: var(--generator-brand-dark); font-size: 16px; font-weight: 800; }
.generator-benefits-grid h3 { margin: 16px 0 0; font-size: 16px; }
.generator-benefits-grid p { margin: 7px 0 0; color: var(--generator-soft); font-size: 13px; line-height: 1.55; }
.generator-related-link { margin: 25px 0 0; text-align: center; }
.generator-related-link a { color: var(--generator-brand-dark); font-size: 14px; font-weight: 800; }

.generator-business-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.generator-business-grid article { min-height: 145px; }

.generator-input-types-section { background: #252a2d !important; color: #fff; }
.generator-input-types-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(35px, 8vw, 110px); }
.generator-input-types-section .generator-section-copy h2 { color: #fff; }
.generator-input-types-section .generator-section-copy > p:not(.generator-kicker) { color: #c4cbcc; }
.generator-input-types-section .generator-kicker { color: #f2a15a; }
.generator-input-types-section .generator-text-cta { color: #f2a15a; }
.generator-format-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.generator-format-card { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 210px; padding: 18px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: rgba(255,255,255,.06); text-align: center; }
.generator-format-card b { margin-top: 16px; font-size: 15px; }
.generator-format-card small { margin-top: 4px; color: #aeb8b8; font-size: 10px; }
.generator-format-paper { display: flex; flex-direction: column; gap: 8px; width: 83px; min-height: 115px; padding: 15px 10px; border-radius: 4px; background: #f4e5d2; color: #4a382d; box-shadow: 6px 8px 0 rgba(0,0,0,.18); transform: rotate(-5deg); }
.generator-format-paper strong { font-family: Georgia, serif; font-size: 15px; }
.generator-format-paper span { font-size: 8px; }
.generator-format-paper i { display: block; height: 4px; border-radius: 3px; background: #b89b7c; }
.generator-pdf-icon { display: grid; place-items: center; width: 70px; height: 86px; border: 1px solid #e98a37; border-radius: 8px; background: #fff3e5; color: #c95b0a; font-size: 18px; font-weight: 900; box-shadow: 7px 8px 0 rgba(0,0,0,.18); }
.generator-scan-lines { display: flex; flex-direction: column; gap: 12px; width: 76px; padding: 16px 12px; border: 1px solid #d8d0c3; background: #f3eee7; box-shadow: 7px 8px 0 rgba(0,0,0,.18); transform: rotate(4deg); }
.generator-scan-lines i { display: block; height: 5px; border-radius: 4px; background: #a9a09a; }

.generator-faq-section { background: #fffdf9 !important; }
.generator-faq-list { max-width: 850px; }
.generator-faq-list details { border-top: 1px solid var(--generator-line); }
.generator-faq-list details:last-child { border-bottom: 1px solid var(--generator-line); }
.generator-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 2px; color: var(--generator-ink); font-size: 15px; font-weight: 800; cursor: pointer; list-style: none; }
.generator-faq-list summary::-webkit-details-marker { display: none; }
.generator-faq-list summary span { color: var(--generator-brand); font-size: 23px; font-weight: 400; transition: transform .18s ease; }
.generator-faq-list details[open] summary span { transform: rotate(45deg); }
.generator-faq-list details p { max-width: 760px; margin: -3px 35px 19px 2px; color: var(--generator-soft); font-size: 14px; line-height: 1.7; }
.generator-final-cta { padding: 90px 0 100px; background: var(--generator-brand); color: #fff; text-align: center; }
.generator-final-cta .generator-container { display: flex; flex-direction: column; align-items: center; }
.generator-final-cta .generator-kicker { color: rgba(255,255,255,.72); }
.generator-final-cta h2 { margin: 13px 0 0; font-family: 'Playfair Display', Georgia, serif; font-size: clamp(34px, 5vw, 58px); letter-spacing: -.05em; line-height: 1; }
.generator-final-cta p:not(.generator-kicker) { margin: 16px 0 0; color: rgba(255,255,255,.86); font-size: 18px; }
.generator-final-cta .generator-button { margin-top: 26px; }
.generator-final-cta small { margin-top: 13px; color: rgba(255,255,255,.75); font-size: 12px; }

@media (max-width: 980px) {
    .generator-hero-grid { grid-template-columns: 1fr; }
    .generator-hero-copy { max-width: 700px; text-align: center; margin: 0 auto; }
    .generator-hero-copy .generator-eyebrow, .generator-actions, .generator-trust { justify-content: center; }
    .generator-hero-lead { margin-right: auto; margin-left: auto; }
    .generator-flow-card { max-width: 760px; margin: 0 auto; }
    .generator-upload-grid, .generator-input-types-grid, .generator-difference-grid { grid-template-columns: 1fr; }
    .generator-section-copy { max-width: 700px; }
    .generator-input-types-grid .generator-section-copy, .generator-difference-grid .generator-section-copy { margin: 0 auto; }
}

@media (max-width: 720px) {
    .generator-container { width: min(100% - 28px, 560px); }
    .generator-hero { padding: 49px 0 56px; }
    .generator-hero h1 { font-size: clamp(38px, 11vw, 57px); }
    .generator-hero-headline { font-size: 30px; }
    .generator-hero-lead { font-size: 15px; }
    .generator-actions { flex-direction: column; align-items: stretch; }
    .generator-actions .generator-button { width: 100%; }
    .generator-trust { justify-content: center; font-size: 11px; }
    .generator-flow-card { grid-template-columns: 1fr; gap: 11px; padding: 14px; }
    .generator-flow-state { min-height: 0; }
    .generator-flow-input, .generator-flow-ai, .generator-flow-result { min-height: 210px; }
    .generator-paper-preview { min-height: 132px; margin-right: auto; margin-left: auto; width: min(100%, 180px); }
    .generator-flow-ai { display: grid; grid-template-columns: 72px 1fr; align-items: center; column-gap: 14px; }
    .generator-flow-ai .generator-state-label { grid-column: 1 / -1; }
    .generator-ai-orb { grid-row: 2 / span 2; margin: 16px 0 0; }
    .generator-flow-ai > strong { text-align: left; }
    .generator-flow-ai ul { margin: 9px 0 0; }
    .generator-flow-result { align-items: center; }
    .generator-flow-arrow { flex-direction: row; gap: 6px; }
    .generator-flow-arrow span { transform: rotate(90deg); }
    .generator-flow-arrow small { margin-top: 0; }
    .generator-section { padding: 63px 0; }
    .generator-section-heading h2, .generator-section-copy h2 { font-size: 34px; }
    .generator-steps-grid, .generator-detection-grid, .generator-benefits-grid, .generator-business-grid { grid-template-columns: 1fr; }
    .generator-step-visual { min-height: 170px; }
    .generator-compare-flow { grid-template-columns: 1fr; }
    .generator-result-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
    .generator-result-grid img { width: 100%; border-width: 4px; border-radius: 17px; }
    .generator-result-grid figure:nth-child(2) img { transform: translateY(-8px); }
    .generator-result-grid figcaption strong { font-size: 12px; }
    .generator-result-grid figcaption span { font-size: 9px; }
    .generator-design-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .generator-format-cards { gap: 7px; }
    .generator-format-card { min-height: 165px; padding: 10px 5px; }
    .generator-format-paper { transform: scale(.8) rotate(-5deg); margin: -12px 0; }
    .generator-pdf-icon { transform: scale(.78); margin: -10px 0; }
    .generator-scan-lines { transform: scale(.78) rotate(4deg); margin: -10px 0; }
    .generator-final-cta { padding: 70px 0 78px; }
}