/* Classic direct-response funnel treatment inspired by the supplied references. */
:root{--funnel-blue:#087fc1;--funnel-orange:#ff9800;--funnel-black:#111;--funnel-paper:#fff}
body{overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;background:#ececec;color:#222}
.attention-bar{padding:9px 12px;border-bottom:3px solid #111;background:#ffd431;color:#111;text-align:center;font-size:13px;font-weight:900;letter-spacing:.02em}
.container{width:min(900px,calc(100% - 24px))}
.site-header{position:relative;top:auto;border:0;background:#fff;box-shadow:none}.nav-wrap{height:62px}.brand{font-size:20px;color:#1685bd}.brand-mark,.mini-logo{border-radius:2px;background:#1685bd;box-shadow:none}.site-header .button{border:2px solid #c96b00;border-radius:4px;background:linear-gradient(#ffb12d,#f18400);box-shadow:0 2px 0 #9a5100;text-shadow:0 1px rgba(0,0,0,.25)}
.hero{padding:20px 0 34px;background:#ececec}.hero-glow{display:none}.hero-grid{display:flex;flex-direction:column;gap:18px;padding:28px 28px 34px;border:1px solid #aaa;border-top:6px solid var(--funnel-blue);background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.35)}.hero-copy{max-width:790px;text-align:center}.eyebrow{display:block;margin:0 0 10px;padding:0;border:0;border-radius:0;background:transparent;color:#777;font-size:13px}.eyebrow span{display:inline-block;margin-right:6px;padding:3px 7px;background:#ef302f;color:#fff}.hero h1{max-width:800px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,6vw,58px);line-height:1.04;letter-spacing:-.025em}.hero h1 span{color:var(--funnel-blue);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.hero-lead{max-width:750px;margin:16px auto;color:#333;font-size:19px;line-height:1.45}.hero-callout{max-width:720px;margin:0 auto 15px;padding:9px 14px;border:1px dashed #aaa;background:#f6f6f6;font-family:Georgia,'Times New Roman',serif;font-size:15px;font-style:italic}.button-primary{padding:16px 32px;border:3px solid #bf6000;border-radius:5px;background:linear-gradient(#ffad21,#f07a00);box-shadow:0 4px 0 #9d4e00,0 6px 12px rgba(0,0,0,.25);font-size:19px;text-shadow:0 1px 1px rgba(0,0,0,.35)}.button-primary:hover{background:#f18700;transform:translateY(1px);box-shadow:0 2px 0 #9d4e00}.trust-list{justify-content:center;margin:20px 0 8px;font-size:12px}.social-proof{justify-content:center}.system-card{width:min(650px,100%);padding:16px;border:5px solid #222;border-radius:5px;background:#fff;box-shadow:0 0 0 4px #ddd,0 7px 15px rgba(0,0,0,.35);transform:none}.system-card::before{display:none}.system-top{padding:8px 10px;background:#f3f3f3}.context-box,.ai-core,.output-grid div,.publish-bar{border-radius:2px}.ai-core{background:var(--funnel-blue)}.publish-bar{border:1px solid #a6d7a6;background:#e9f8e9}
@media(max-width:600px){.attention-bar{font-size:10px}.hero{padding-top:12px}.hero-grid{padding:20px 13px 25px}.hero h1{font-size:36px}.hero-lead{font-size:16px}.button-primary{width:100%;padding:15px 12px;font-size:15px}.hero-callout{font-size:13px}}

/* Long-form sales letter shell */
main{background:#ececec}.workflow-intro,.section{padding:20px 0;background:#ececec}.workflow-intro .container,.section>.container{padding:28px;border:1px solid #aaa;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.25)}.workflow-intro .container{border-top:6px solid var(--funnel-orange)}
.section-heading{max-width:none;margin:-28px -28px 25px;padding:15px 22px;border-bottom:4px solid #056da5;background:var(--funnel-blue);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4)}.section-heading .section-kicker{display:inline-block;margin:0 0 5px;padding:3px 8px;background:#111;color:#ffd34e;font-size:9px;letter-spacing:.07em}.section-heading h2,.problem-copy h2,.bonus-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,4vw,40px);letter-spacing:-.02em}.section-heading>p:last-child{margin:7px auto 0;color:#eaf7ff;font-size:14px}.section-kicker{text-transform:uppercase}.workflow-intro h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,4vw,40px);letter-spacing:-.02em}.workflow-intro h2 span{color:var(--funnel-orange);text-decoration:underline}.section-lead{margin:10px auto 22px;font-size:14px}.workflow-row{gap:7px;padding:16px;border:2px dashed #aaa;background:#f7f7f7}.workflow-node{min-width:90px;padding:12px 7px;border:1px solid #999;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.15)}.workflow-node b{border-radius:2px;background:#e6f5fc;color:#057ab7}.workflow-row>i{color:#222;font-weight:900}

/* Dense product/benefit blocks */
.create-grid{grid-template-columns:repeat(2,1fr);gap:10px}.create-card{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:start;padding:14px;border:1px solid #bbb;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.12)}.create-card:hover{transform:none;border-color:#1685bd;box-shadow:0 2px 5px rgba(0,0,0,.15)}.create-card .feature-icon{grid-row:1/3;border-radius:2px}.create-card h3{margin:1px 0 3px;color:#087db9;font-family:Georgia,'Times New Roman',serif;font-size:17px}.create-card p{grid-column:2;font-size:11px;line-height:1.45}.feature-icon.blue,.feature-icon.violet,.feature-icon.pink,.feature-icon.red,.feature-icon.orange,.feature-icon.amber,.feature-icon.green{background:#1685bd;color:#fff}.create-card:nth-child(even) .feature-icon{background:#f28b00}
.problem-grid{grid-template-columns:1fr 1fr;gap:22px;padding:28px!important}.problem-copy .section-kicker,.bonus-copy .section-kicker{display:inline-block;margin:0 0 7px;padding:4px 8px;background:#111;color:#ffd34e;font-size:9px}.problem-copy h2{color:#111}.problem-copy h2::after{content:"";display:block;width:90px;height:4px;margin-top:10px;background:var(--funnel-orange)}.problem-copy>p{font-size:14px;line-height:1.5}.pain-list{gap:7px;margin:17px 0}.pain-list li{padding:7px 9px;border:1px solid #ddd;background:#f8f8f8;font-size:12px}.pain-list span{width:20px;height:20px;border-radius:2px;background:#e33;color:#fff}.solution-line{border:2px solid #4e9f40;border-radius:2px;background:#edf9e9}.solution-line>span{border-radius:2px}.chaos-card{height:350px;border:5px solid #222;border-radius:3px;box-shadow:0 0 0 3px #d5d5d5,0 5px 10px rgba(0,0,0,.25)}.floating-note{border-radius:2px}.chaos-center{border-radius:3px;transform:translate(-50%,-50%) rotate(-2deg)}
.steps-grid{grid-template-columns:repeat(2,1fr);gap:10px}.step-card{padding:18px 18px 18px 75px;border:1px solid #aaa;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.12)}.step-card:not(:last-child)::after{display:none}.step-number{top:7px;right:10px;color:#ddd}.step-icon{position:absolute;left:15px;top:20px;border-radius:2px;background:#1685bd;color:#fff}.step-card:nth-child(even) .step-icon{background:#f28b00}.step-card h3{margin:0 0 5px;color:#087db9;font-family:Georgia,'Times New Roman',serif}.step-card p{font-size:11px}
.inside-section>.container{border-color:#222;background:#111}.inside-section .section-heading{border-color:#ffb000;background:#f28b00}.inside-section .section-heading .section-kicker{background:#fff;color:#111}.inside-section .section-heading>p:last-child{color:#fff}.inside-grid{grid-template-columns:repeat(2,1fr);gap:8px}.inside-card{padding:13px;border:1px solid #666;border-radius:2px;background:#fff}.inside-card:hover{transform:none;border-color:#f28b00}.inside-card>span{min-width:36px;height:36px;border-radius:2px;background:#f28b00;color:#fff}.inside-card h3{color:#111;font-family:Georgia,'Times New Roman',serif;font-size:14px}.inside-card p{color:#555;font-size:10px}.future-card{border:2px dashed #f28b00;background:#fff}.future-card>b{color:#c96800}
.different-grid{gap:10px}.different-card{padding:20px;border:1px solid #aaa;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.13)}.different-card.featured{border:3px solid #1685bd;background:#eef8fd}.different-card>span{font-size:25px}.different-card>b{border-radius:2px;background:#1685bd;color:#fff}.different-card h3{margin:14px 0 6px;color:#087db9;font-family:Georgia,'Times New Roman',serif}.different-card p{font-size:11px}.visual-flow{padding:17px 8px;border:2px dashed #999;border-radius:2px;box-shadow:none}.visual-flow div{min-width:78px}.visual-flow b{border-radius:2px;background:#1685bd;color:#fff}.visual-flow .publish-node b{background:#37a52f}

/* Loud offer stack */
.offer-section>.container{padding:0;border:6px solid #111;background:#111}.offer-grid{display:grid;grid-template-columns:1fr;gap:0}.bonus-copy{padding:28px;color:#fff}.bonus-copy h2{max-width:700px;margin:0 auto;text-align:center;color:var(--funnel-orange);font-size:40px}.bonus-copy>p{margin:9px auto 20px;text-align:center;color:#fff;font-size:15px}.bonus-list{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:15px}.bonus-list>div{border:1px solid #777;border-radius:2px;background:#fff;color:#111}.bonus-list>div>span{border-radius:2px;background:#f28b00;color:#fff}.bonus-list small{color:#666}.bonus-list b{border-radius:2px;background:#29952c;color:#fff}.price-card{margin:0 26px 28px;border:4px solid #f28b00;border-radius:5px;box-shadow:0 0 0 3px #fff}.price-top{padding:16px;border-bottom:3px solid #087db9;background:#fff}.price-top>span{border-radius:2px;background:#111;color:#ffd34e}.price-top h3{font-family:Georgia,'Times New Roman',serif;font-size:29px}.price-body{padding:18px 30px}.price-body ul{grid-template-columns:repeat(2,1fr);gap:7px;padding:12px;border:1px dashed #aaa;background:#f8f8f8}.price{margin:2px 0 14px}.price strong{color:#087db9;font-size:72px}.button-checkout{border:3px solid #a34f00;border-radius:4px;background:linear-gradient(#ffad21,#ed7800);box-shadow:0 4px 0 #943f00;font-size:18px;text-shadow:0 1px rgba(0,0,0,.3)}
.instant-note{margin:17px 0 8px;padding:10px;border:2px dashed #1685bd;background:#eef9ff;color:#333;text-align:center;font-size:10px}.instant-note strong{color:#087db9;font-size:12px}.cta-spark{display:inline-block;padding:4px 9px;background:#111;color:#ffd34e;font-family:Arial,sans-serif;font-size:10px;font-weight:900;letter-spacing:.06em}
.audience-grid{grid-template-columns:repeat(4,1fr);gap:7px}.audience-grid>div{gap:7px;padding:10px;border:1px solid #aaa;border-radius:2px;box-shadow:none;font-size:10px}.audience-grid span{width:28px;height:28px;border-radius:2px;background:#1685bd;color:#fff}.faq-list{gap:5px}.faq-list details{border:1px solid #999;border-radius:2px}.faq-list summary{padding:13px 15px;background:#f5f5f5;font-family:Georgia,'Times New Roman',serif;font-size:13px}.faq-list summary span{border-radius:2px;background:#1685bd;color:#fff}.faq-list details p{padding:12px 15px;border-top:1px dashed #bbb;font-size:11px}.final-cta{margin:20px auto;padding:38px 20px;width:min(900px,calc(100% - 24px));border:6px solid #111;background:var(--funnel-orange);box-shadow:0 3px 10px rgba(0,0,0,.35);color:#111}.final-cta::before,.final-cta::after{display:none}.final-cta h2{font-family:Georgia,'Times New Roman',serif;font-size:44px;text-shadow:0 1px #fff}.final-cta p{color:#111}.final-button{border:3px solid #044e78;border-radius:4px;background:linear-gradient(#149ddd,#0573ac);color:#fff;box-shadow:0 4px 0 #033f62;text-shadow:0 1px rgba(0,0,0,.3)}.final-button:hover{background:#087db9;color:#fff}.final-trust{color:#111}.footer-wrap{width:min(900px,calc(100% - 24px))}.mobile-cta{border:2px solid #994800;border-radius:3px;background:linear-gradient(#ffad21,#ef7800);box-shadow:0 3px 0 #773600;text-shadow:0 1px rgba(0,0,0,.3)}.reveal{opacity:1;transform:none}

@media(max-width:760px){.workflow-intro .container,.section>.container{padding:20px}.section-heading{margin:-20px -20px 20px}.problem-grid{grid-template-columns:1fr;padding:20px!important}.different-grid{grid-template-columns:1fr}.audience-grid{grid-template-columns:repeat(2,1fr)}.bonus-list{grid-template-columns:1fr}.price-body ul{grid-template-columns:1fr}.offer-section>.container{padding:0}.price-card{margin:0 14px 20px}.bonus-copy{padding:20px}.bonus-copy h2{font-size:32px}}
@media(max-width:520px){.nav-wrap{height:56px}.brand{font-size:15px}.brand-mark{width:29px;height:29px}.site-header .button-small{padding:8px 9px;font-size:10px}.create-grid,.steps-grid,.inside-grid{grid-template-columns:1fr}.workflow-row{grid-template-columns:repeat(2,1fr)}.workflow-node:last-child{grid-column:1/-1}.audience-grid{grid-template-columns:1fr}.price-body{padding:16px}.price strong{font-size:60px}.button-checkout{font-size:14px}.final-cta{padding:30px 13px}.final-cta h2{font-size:34px}.final-button{width:100%;padding:14px 9px;font-size:14px}.final-trust{gap:4px}.system-card{border-width:3px}.output-grid{gap:6px}.output-grid div{min-height:80px}}