/* Brand shell and video frame are reused from buy.wpcontentledger.com. */
.nextjs-callout{display:grid;grid-template-columns:1fr auto;border-left:3px solid var(--accent);padding:12px 16px;background:var(--wash);margin:0 0 25px;gap:7px 16px}.nextjs-callout>.mono{font-size:.6rem;color:var(--accent);grid-column:1}.nextjs-callout strong{font-size:.9rem;line-height:1.5}.nextjs-callout>span:last-child{grid-column:2;grid-row:1/3;align-self:center}.platform-band{background:var(--wash);border-bottom:1px solid #ddd}.platform-options{display:grid;grid-template-columns:1fr 1fr;gap:30px}.platform-options article{padding:30px;border-top:3px solid #111;background:white}.platform-options article>.mono,.included-grid article>.mono{font-size:.65rem;color:#666}.platform-options h3,.included-grid h3{font-size:1.65rem;margin:22px 0 17px}.platform-options p,.included-grid p{font-size:.92rem}.platform-options .nextjs-option{border-top-color:var(--accent)}.no-wp{font-size:1rem;color:var(--accent)}.platform-note{font-size:.75rem;margin:24px 0 0}.included-section{border-bottom:1px solid #ddd}.included-section .section-heading{gap:55px}.included-section h2{font-size:2.55rem}.included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.included-grid article{border-top:2px solid #111;padding-top:24px;display:flex;flex-direction:column}.included-grid p{flex:1}.included-grid .included-label{font-size:.58rem;color:var(--accent);padding-top:10px}.purchase-platforms{margin-top:22px;padding:15px;background:var(--wash);border-left:3px solid #111}.purchase-platforms strong,.purchase-platforms span{display:block;font-size:.83rem;line-height:1.6}.purchase-platforms span{font-size:.7rem;color:#555}.closing-band{background:#111!important;color:#fff}.closing-band .closing-inner .eyebrow{color:#bdbdb6}.closing-band .button-primary{background:white;color:#111}.closing-band .button-primary:hover{background:#e8e8e4;color:#111}
@media(max-width:800px){.included-grid{grid-template-columns:1fr;gap:30px}.platform-options{gap:20px}.platform-options article{padding:24px}.included-section .section-heading{gap:25px}}
@media(max-width:520px){.platform-options{grid-template-columns:1fr}.included-section h2{font-size:2.2rem}.nextjs-callout strong{font-size:.84rem}.platform-options h3,.included-grid h3{font-size:1.5rem}.nextjs-callout{margin-top:-5px}.platform-options p,.included-grid p{font-size:.9rem}}
.sales-hero{gap:55px;grid-template-columns:1.1fr 1fr;padding-block:76px}.sales-hero h1{font-size:clamp(3rem,5vw,4.4rem);letter-spacing:-.06em}.hero-support{max-width:540px}.offer-line{border-left:3px solid var(--accent);padding-left:17px;margin:26px 0 0;font-size:.83rem}.offer-line strong,.offer-line span{display:block}.offer-line strong{color:var(--ink);margin-bottom:4px}.knowledge-stage{background:#f1f0ec;padding:23px 24px 18px;min-width:0}.stage-label{display:flex;justify-content:space-between;color:#666;margin-bottom:22px;font-size:.62rem}.knowledge-paper{background:#fff;border-top:4px solid #111;padding:23px 26px 0;box-shadow:6px 6px 0 #e1e0da}.paper-top{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:24px}.mini-mark{background:var(--accent);color:white;font-size:28px;width:30px;height:34px;text-align:center;line-height:30px}.paper-top .mono{font-size:.55rem;line-height:1.7}.paper-tag{margin-left:auto;border:1px solid #ddd;padding:5px}.knowledge-paper>.eyebrow{font-size:.57rem;margin-bottom:12px}.knowledge-paper h2{font-size:1.85rem;letter-spacing:-.055em}.content-chips{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}.content-chips span{font-size:.62rem;border:1px solid #ddd;padding:5px 7px;color:#555}.file-list>div{display:flex;align-items:center;gap:12px;border-top:1px solid #e4e4e0;padding:15px 0}.file-icon{font-family:var(--mono);color:var(--accent);font-size:1.2rem}.file-list strong{font-family:var(--mono);font-size:.75rem;font-weight:500}.file-list small{display:block;color:#666;font-size:.65rem;margin-top:6px;line-height:1.5}.file-list .mono{font-size:.49rem;color:#777;margin-left:auto}.paper-bottom{display:flex;align-items:center;gap:8px;font-size:.62rem;border-top:2px solid #111;padding:16px 0}.paper-bottom>span:last-child{margin-left:auto}.status-dot{width:5px;height:5px;background:var(--accent)}.stage-caption{font-size:.52rem;margin:20px 0 0;color:#666;line-height:1.6}.overview-band{background:var(--wash);border-block:1px solid #e4e4e0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 36px}.features article{border-top:2px solid #111;padding-top:23px}.features .eyebrow{font-size:.65rem;margin-bottom:20px}.features h3{font-size:1.5rem;margin-bottom:18px}.features article>p:not(.eyebrow){font-size:.9rem;margin-bottom:20px}.feature-note{font-size:.58rem;color:#666}.compatibility{margin-top:48px;padding-top:25px;border-top:1px solid #ccc;display:flex;gap:35px;align-items:center}.compatibility>.mono{font-size:.6rem;white-space:nowrap;color:#666}.compatibility p{font-size:.8rem;margin:0}.compatibility b{color:var(--accent);margin:0 9px}.setup-band{background:#171717;padding-block:72px;color:#fff}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.setup-grid .eyebrow{color:#e68c85}.setup-grid h2{font-size:2.8rem}.setup-grid>div>p:last-child{color:#bdbdb6;margin-top:25px;max-width:330px}.setup-list{list-style:none;margin:0;padding:0}.setup-list li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #41413e}.setup-list li:first-child{padding-top:0}.setup-list li:last-child{border:0;padding-bottom:0}.setup-list li>span{color:#d67a73;padding-top:4px}.setup-list h3{font-size:1.1rem;letter-spacing:-.025em}.setup-list p{color:#bdbdb6;font-size:.87rem;margin:10px 0 0}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.pricing-copy h2{font-size:3rem}.purchase-card{padding:33px;border:1px solid #ccc;border-top:4px solid #111;box-shadow:8px 8px 0 #f0f0ec}.purchase-top{display:flex;justify-content:space-between;color:#666;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:26px}.purchase-top span:last-child{color:var(--accent)}.purchase-card h3{font-size:1.5rem}.purchase-card>p{font-size:.8rem;margin:12px 0 0}.purchase-price{font-size:5.7rem;font-weight:800;letter-spacing:-.07em;line-height:1.15;margin-top:27px}.purchase-price>span{font-size:2.2rem;vertical-align:top;display:inline-block;margin-top:14px;letter-spacing:-.04em}.purchase-price small{font-size:.8rem;font-weight:500;letter-spacing:0}.purchase-card .purchase-term{font-size:.65rem;margin-top:3px}.purchase-includes{list-style:none;padding:20px 0 22px;margin:20px 0 0;border-top:1px solid #ddd}.purchase-includes li{font-size:.8rem;padding:10px 0;line-height:1.5;display:flex;gap:12px}.purchase-includes li:before{content:'✓';color:var(--accent)}.purchase-card>.button{width:100%;justify-content:space-between}.purchase-card .preview-note{text-align:center;font-size:.68rem;color:#666}.scope-note{border-left:3px solid var(--accent);background:var(--wash);padding:24px 28px}.scope-note strong{font-size:.95rem}.scope-note p{font-size:.8rem;margin:10px 0 0;max-width:990px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-layout h2{font-size:2.6rem}.faq-layout>div>p:not(.eyebrow){margin:24px 0 10px;max-width:300px;font-size:.9rem}.faq-items details{border-bottom:1px solid #ddd}.faq-items details:first-child{border-top:2px solid #111}.faq-items summary{font-size:.9rem;padding-block:23px;min-height:0}.faq-items details p{font-size:.88rem;margin:0 0 22px}.faq-items details a{text-decoration:underline;text-underline-offset:3px}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.closing-inner .eyebrow{color:#666}.closing-band h2{font-size:2.5rem}.closing-band .button{flex-shrink:0}dialog{border:0;border-top:4px solid var(--accent);max-width:530px;width:calc(100% - 40px);padding:38px}dialog::backdrop{background:#0008}dialog h2{font-size:2rem;margin-bottom:24px}dialog p{font-size:.9rem}.dialog-close{position:absolute;right:12px;top:7px;font-size:27px;background:none;width:35px;height:35px}
@media(min-width:801px) and (max-width:1100px){.sales-hero{gap:35px}.knowledge-stage{padding:18px}.knowledge-paper{padding-inline:18px}.pricing-grid{gap:60px}.faq-layout{gap:50px}.site-header{gap:16px}.site-header nav{gap:16px}.brand-sub{font-size:.6rem!important}}
@media(max-width:800px){.sales-hero,.setup-grid,.pricing-grid,.faq-layout{grid-template-columns:1fr;gap:42px}.sales-hero{padding-block:50px}.sales-hero h1{font-size:3.6rem}.knowledge-stage{max-width:560px;width:100%}.features{grid-template-columns:1fr 1fr}.compatibility{display:block}.compatibility p{margin-top:14px}.setup-grid{gap:38px}.pricing-grid{gap:40px}.purchase-card{max-width:600px;width:100%}.faq-layout>div>p:not(.eyebrow){max-width:none}.closing-inner{display:block}.closing-inner .button{margin-top:25px}.site-header{position:relative;padding-bottom:16px}.site-header>.button-primary{position:absolute;top:20px;right:0;width:auto;height:48px;min-height:48px}.site-header nav{margin-top:5px}.brand-sub{max-width:200px}.section-heading{gap:25px}.scope-note{width:calc(100% - 64px)}}
@media(max-width:520px){.preview-banner>.container{display:block;font-size:.58rem;line-height:1.8}.preview-banner>.container>span{display:block}.site-header>.button-primary{position:static;height:46px;min-height:46px;width:100%;justify-content:space-between}.site-header nav{justify-content:space-between;gap:14px}.brand-sub{max-width:none}.sales-hero h1{font-size:2.9rem}.hero-lead{font-size:1.15rem}.hero-actions .button{width:100%;justify-content:space-between}.knowledge-stage{padding:18px 14px}.knowledge-paper{padding:19px 17px 0}.knowledge-paper h2{font-size:1.6rem}.file-list .mono{display:none}.paper-tag{display:none}.stage-caption{font-size:.48rem}.value-strip{grid-template-columns:1fr;gap:14px}.features{grid-template-columns:1fr;gap:30px}.features h3 br{display:none}.features article>p:not(.eyebrow){font-size:.92rem}.feature-note{font-size:.6rem}.setup-band{padding-block:50px}.setup-grid h2,.pricing-copy h2{font-size:2.5rem}.purchase-card{padding:24px 20px}.purchase-price{font-size:5rem}.scope-note{width:calc(100% - 40px);padding:22px}.faq-layout h2{font-size:2.25rem}.closing-band h2{font-size:2.1rem}.footer-bottom{align-items:flex-start}.footer-bottom>.mono{font-size:.6rem}.video-frame-bar .mono{font-size:.49rem}}
/* Full offer at first glance. */
.hero-package{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;list-style:none;padding:0;margin:0 0 24px}.hero-package li{display:flex;gap:9px;font-size:.82rem;line-height:1.5}.hero-package li:before{content:'✓';color:var(--accent);font-weight:700;flex-shrink:0}.hero-message .hero-support{margin-bottom:15px}.hero-message .hero-lead{margin-top:23px}.included-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:800px){.included-grid{grid-template-columns:1fr}}
@media(max-width:520px){.hero-package{grid-template-columns:1fr;gap:9px}.hero-package li{font-size:.86rem}}
.site-header>.button-primary{width:max-content;flex-shrink:0}
@media(max-width:800px){.site-header>.button-primary{width:auto}}
@media(max-width:520px){.site-header>.button-primary{width:100%}}
/* Companion product announcement: nonmodal, dismissible, once per session. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wpcl-strip{background:#171717;color:white;padding:28px 0}.wpcl-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.wpcl-strip .eyebrow{color:#ddd;margin-bottom:9px;font-size:.65rem}.wpcl-strip p:not(.eyebrow){color:#c7c7c2;font-size:.83rem;margin:0;max-width:790px;line-height:1.75}.wpcl-strip strong{color:#fff}.wpcl-strip .text-link{flex-shrink:0;color:white;font-size:.8rem}.wpcl-strip .text-link:hover{color:white}
.compat-popup{position:fixed;z-index:30;right:24px;bottom:24px;width:390px;max-width:calc(100vw - 40px);background:#fff;color:#111;border:1px solid #ccc;border-top:4px solid #111;box-shadow:0 12px 48px #0003;padding:28px}.compat-popup .eyebrow{font-size:.61rem;padding-right:15px;margin-bottom:16px}.compat-popup h2{font-size:1.65rem;line-height:1.15;margin:0 0 15px}.compat-popup>p:not(.eyebrow){font-size:.84rem;margin-bottom:20px;line-height:1.7}.compat-popup .button{width:100%;font-size:.76rem;padding:14px 12px;min-height:48px;gap:10px}.compat-close{position:absolute;right:7px;top:7px;width:36px;height:36px;font-size:25px;background:transparent;color:#555}.compat-close:hover{color:#111;background:#f6f6f4}
@media(max-width:800px){.wpcl-strip-inner{display:block}.wpcl-strip .text-link{margin-top:12px}}
@media(max-width:520px){.compat-popup{right:20px;bottom:16px;padding:22px;width:350px}.compat-popup h2{font-size:1.45rem}.compat-popup>p:not(.eyebrow){font-size:.8rem}.wpcl-strip{padding-block:24px}}

/* WordPress-first offer hierarchy */
.hero-bonus{font-size:.82rem;line-height:1.65;margin:0 0 24px;color:var(--body)}.hero-bonus strong{color:var(--ink)}.hero-bonus a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.included-grid .included-plugin{grid-column:1/-1;background:var(--wash);padding:30px;border-top:3px solid var(--accent)}.included-grid .included-plugin h3{font-size:2rem;margin:15px 0}.included-plugin p{max-width:780px}.included-plugin .text-link{margin-top:16px}.sales-hero h1{font-size:clamp(3rem,5vw,4.6rem)}@media(max-width:520px){.sales-hero h1{font-size:2.8rem}.included-grid .included-plugin{padding:24px}.included-grid .included-plugin h3{font-size:1.6rem}}

@media(min-width:801px){.site-header>.button-primary{width:auto;min-width:255px;flex-shrink:0}.sales-hero h1{font-size:clamp(3rem,4.1vw,3.8rem)}}
/* Keep the longer WordPress CTA clear of the brand on mobile landscape. */
@media(max-width:640px){.site-header>.button-primary{position:static;width:100%;height:auto;min-height:48px;justify-content:space-between}.brand-sub{max-width:none}.site-header nav{width:100%;justify-content:space-between;gap:12px}.site-header nav a{font-size:.8rem}}
@media(max-width:360px){.sales-hero h1{font-size:2.4rem}.platform-band h2{font-size:1.85rem}.platform-options article{padding:24px 20px}.platform-options article>.mono{line-height:1.7}}
@media(max-width:360px){.site-header nav{display:flex;flex-wrap:nowrap;gap:8px}.site-header nav a{font-size:.72rem;white-space:nowrap}}

.purchase-card>.button:disabled{background:#555;color:#fff;cursor:not-allowed}