/*
Theme Name: Bizbolts Storefront Staging
Version: 0.1.0
Description: Business-plan catalogue and article design for staging review.
*/

:root{--ink:#002263;--muted:#52627c;--paper:#f7f9fc;--white:#fff;--orange:#3b5998;--line:#dce3ef;--mint:#eaf0fa;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.wrap{max-width:1240px;margin:auto;padding:0 40px}.preview{background:#eaf0fa;color:#465f87;text-align:center;font-size:12px;padding:7px 16px;letter-spacing:.04em}.preview span{margin-left:14px}header{background:#3b5998;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px}.brand{text-decoration:none;font-size:29px;font-weight:850;letter-spacing:-1.4px;display:flex;align-items:center;gap:9px}.bolt{color:var(--orange);font-size:37px;line-height:1}nav{display:flex;align-items:center;gap:29px}nav a{text-decoration:none;font-size:14px;font-weight:600}nav a:hover{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--orange);color:white;border:1px solid var(--orange);border-radius:5px;padding:13px 22px;text-decoration:none;font-weight:650;cursor:pointer;line-height:1.4}.btn:hover{background:#002263}.btn.secondary{background:transparent;color:var(--ink);border-color:#b5c4df}.btn.secondary:hover{background:var(--mint)}.small{font-size:13px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:750;color:var(--orange);margin:0 0 18px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding:76px 0 66px;align-items:center}h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,4.5vw,65px);line-height:1.07;letter-spacing:-2.2px;margin:0 0 26px}h1 em{color:var(--orange);font-style:normal}h2{font-family:var(--serif);font-size:clamp(32px,3.2vw,44px);font-weight:400;line-height:1.15;letter-spacing:-1px;margin:0 0 17px}h3{line-height:1.3;margin:0 0 12px}.lead{font-size:18px;color:var(--muted);max-width:540px;margin:0 0 27px}.actions{display:flex;gap:12px;flex-wrap:wrap}.assurance{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;font-size:13px;color:var(--muted)}.assurance span:before{content:'✓';color:var(--orange);margin-right:7px;font-weight:800}.showcase{background:#e8effa;border-radius:10px;position:relative;min-height:435px;display:flex;align-items:center;justify-content:center;overflow:hidden}.showcase:before{content:'';position:absolute;width:360px;height:360px;border:1px solid #bfcee8;border-radius:50%;top:36px;left:80px}.doc{position:absolute;width:220px;height:292px;background:#fff;box-shadow:0 18px 35px #00226320;border:1px solid #d7e1f1;padding:23px}.doc.back{transform:translate(85px,-5px) rotate(8deg);background:#f4f7fc;color:var(--ink)}.doc.front{transform:translate(-50px,-8px) rotate(-8deg);background:var(--ink);color:white}.doc .mini{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.doc h3{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.15;margin:26px 0 17px}.doc .stripe{height:4px;width:48px;background:#56c4cf}.doc .lines{font-size:10px;line-height:2;opacity:.65;margin-top:20px}.bars{display:flex;height:105px;align-items:end;gap:8px;border-bottom:1px solid #b8cbe7;margin-top:32px}.bars i{display:block;width:21px;background:#3b5998}.bars i:nth-child(2n){background:#91d8f7}.package-label{position:absolute;bottom:22px;left:25px;right:25px;background:white;border:1px solid var(--line);padding:13px 17px;display:flex;justify-content:space-between;align-items:center;border-radius:5px;font-size:13px}.package-label strong{font-size:23px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;gap:20px}.strip div{display:flex;align-items:center;gap:13px}.strip strong{font-size:22px;font-family:var(--serif);font-weight:400}.strip span{font-size:13px;color:var(--muted)}section{padding:78px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.section-top p{margin:0;color:var(--muted);max-width:430px}.finder{background:var(--white)}.search-row{display:flex;gap:12px;margin:28px 0 20px}.search{display:flex;align-items:center;gap:15px;border:1px solid #b5c4df;border-radius:5px;padding:0 18px;max-width:690px;width:100%;background:#fff}.search svg{width:21px;flex-shrink:0}.search input{border:0;width:100%;padding:17px 0;outline:none;background:transparent;color:var(--ink)}.search:focus-within{border-color:var(--orange);box-shadow:0 0 0 2px #3b599820}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.chip{border:1px solid var(--line);background:white;border-radius:30px;padding:9px 16px;font-size:13px;cursor:pointer;color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.chip:hover{border-color:var(--ink)}.results{font-size:13px;color:var(--muted);margin-bottom:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan{border:1px solid var(--line);border-radius:6px;padding:25px;display:flex;flex-direction:column;min-height:240px;background:#fff;transition:transform .15s,border-color .15s}.plan:hover{border-color:#3b5998;transform:translateY(-3px)}.category{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:21px;display:flex;align-items:center;gap:8px}.category:before{content:'';width:7px;height:7px;background:var(--orange);border-radius:50%}.plan h3{font-size:21px;font-weight:650;margin-bottom:9px;letter-spacing:-.4px}.plan p{font-size:13px;color:var(--muted);margin:0 0 24px}.plan-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;border-top:1px solid #edf1f7;padding-top:15px}.plan-bottom strong{font-size:18px}.plan-bottom a{font-size:13px;font-weight:650;text-decoration:none}.plan-bottom a:hover{color:var(--orange);text-decoration:underline}.load{text-align:center;margin-top:30px}.empty{padding:35px;background:var(--paper);border-radius:5px;grid-column:1/-1}.empty p{margin-top:0}.package{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.package p{color:var(--muted)}.format-list{border-top:1px solid #c9d7ed}.format{padding:23px 0;border-bottom:1px solid #c9d7ed;display:grid;grid-template-columns:46px 1fr 55px;gap:18px;align-items:start}.format .number{font-family:var(--serif);font-size:23px;color:#627da7}.format h3{font-size:18px;margin-bottom:6px}.format p{font-size:14px;margin:0}.tag{font-size:10px;font-weight:750;background:#fff;border:1px solid #c9d7ed;padding:4px;text-align:center;border-radius:3px}.note{font-size:13px}.price{padding-top:20px;margin-top:25px;border-top:1px solid var(--line);font-size:14px}.price strong{font-family:var(--serif);font-size:40px;margin-right:8px;color:var(--ink)}.how{background:var(--ink);color:white}.how .eyebrow{color:#91d8f7}.how .section-top p{color:#d8e5fb}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:42px}.step{border-top:1px solid #657fb2;padding-top:22px}.step>span{font-family:var(--serif);font-size:34px;color:#91d8f7}.step h3{font-size:18px;margin-top:18px}.step p{color:#d8e5fb;font-size:14px}.help-line{margin-top:36px;padding-top:23px;border-top:1px solid #657fb2;color:#d8e5fb;font-size:13px}.help-line a{color:white}.proof{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.quote{border-left:3px solid var(--orange);padding:5px 0 5px 30px}.quote blockquote{font-family:var(--serif);font-size:29px;line-height:1.4;margin:0 0 20px}.quote p{font-size:13px;color:var(--muted)}.proof a{font-size:14px;text-underline-offset:5px}.faq{background:white;border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:21px 27px 21px 0;cursor:pointer;position:relative;list-style:none;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;font-size:22px;color:var(--orange);top:16px}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:15px;margin:0 0 23px}.closing{background:var(--mint);padding:46px 0}.closing .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{font-size:34px;margin-bottom:6px}.closing p{margin:0;color:var(--muted)}footer{padding:50px 0 25px;background:var(--ink);color:white}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px}.footer-grid p{color:#d2e0f6;font-size:13px;max-width:280px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:13px}.footer-links h3{font-size:14px;margin-bottom:8px}.footer-links a{color:#e0eafa;text-decoration:none}.footer-links a:hover{text-decoration:underline}.legal{margin-top:40px;padding-top:22px;border-top:1px solid #657fb2;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#c6d9f7}.legal div{display:flex;gap:20px;flex-wrap:wrap}.skip{position:absolute;left:12px;top:-100px;z-index:50;background:white;padding:12px}.skip:focus{top:12px}[hidden]{display:none!important}@media(max-width:980px){.hero{gap:30px}.showcase{min-height:400px}.grid{grid-template-columns:repeat(2,1fr)}.package,.faq-layout{gap:40px}.steps{grid-template-columns:repeat(2,1fr)}nav{gap:18px}nav .optional{display:none}.hero h1{font-size:48px}.doc{width:190px}.doc.back{transform:translate(55px,-5px) rotate(8deg)}.doc.front{transform:translate(-35px,-8px) rotate(-8deg)}}@media(max-width:680px){.wrap{padding:0 22px}.preview span{display:none}.nav{min-height:71px;gap:12px}.brand{font-size:24px}nav>a:not(.btn){display:none}nav .btn{font-size:12px;padding:10px 13px}.hero{grid-template-columns:1fr;padding:43px 0;gap:35px}.hero h1{font-size:44px;letter-spacing:-1.5px}.lead{font-size:16px}.showcase{min-height:365px}.doc{height:255px;width:190px}.doc h3{font-size:24px;margin-top:19px}.doc.back{transform:translate(60px,-8px) rotate(8deg)}.doc.front{transform:translate(-44px,-8px) rotate(-8deg)}.package-label{font-size:11px}.strip{grid-template-columns:1fr;gap:13px}.strip strong{width:90px}.strip div{gap:10px}section{padding:49px 0}.section-top{display:block}.section-top p{margin-top:17px}.search-row{margin-top:23px}.chips{gap:7px}.chip{padding:8px 12px;font-size:12px}.grid{grid-template-columns:1fr}.plan{min-height:210px}.package,.faq-layout,.proof{grid-template-columns:1fr;gap:30px}.format{grid-template-columns:28px 1fr 45px;gap:12px}.steps{gap:25px}.step p{font-size:13px}.quote blockquote{font-size:25px}.closing .wrap{display:block}.closing .btn{margin-top:24px}.footer-grid{grid-template-columns:1fr;gap:30px}.legal{flex-direction:column}.section-top h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plan{transition:none}}

/* Existing Bizbolts identity: original logo, blue header, turquoise accents. */
.brand-logo{display:block;width:220px;height:auto;max-width:100%}
header{border-bottom-color:#3b5998;color:#fff}
header nav a:hover{color:#91d8f7}
header .btn{background:#91d8f7;border-color:#91d8f7;color:#002263}
header .btn:hover{background:#b5e7fb;color:#002263}
footer{background:#3b5998}
footer .brand-logo{width:240px}
@media(max-width:680px){.brand-logo{width:180px}.nav{gap:12px}header nav .btn{padding:10px 12px}}
@media(max-width:380px){.brand-logo{width:150px}header nav .btn{font-size:11px}}

.staging-banner{background:#eaf0fa;color:#002263;text-align:center;padding:8px 16px;font-size:13px}
.article-hero{background:#eaf0fa;padding:55px 0 45px}.article-hero h1{max-width:1000px;font-size:clamp(35px,4vw,56px);line-height:1.13}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:60px;padding-top:48px;padding-bottom:60px}
.article-body{min-width:0;color:#283950;font-size:17px;line-height:1.8}.article-body h2{font-size:32px;margin-top:48px;color:#002263}.article-body h3{margin-top:28px;font-size:22px;color:#002263}
.article-body a{color:#305493;text-underline-offset:3px}.article-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px;line-height:1.6}.article-body th,.article-body td{padding:15px;text-align:left;border:1px solid #dce3ef;vertical-align:top}.article-body th{background:#eaf0fa}.article-body .toc{padding:18px 25px;background:#f4f7fc;border-left:3px solid #3b5998}.article-body .toc li{margin:9px 0}.article-body ul,.article-body ol{padding-left:25px}.article-body .bizbolts-buy,.article-body .preview-button{display:inline-block;background:#3b5998;color:#fff;padding:13px 20px;border-radius:5px;text-decoration:none;font-weight:650}
.purchase-card{position:sticky;top:110px;align-self:start;background:white;border:1px solid #dce3ef;border-radius:8px;padding:25px;box-shadow:0 10px 28px #00226309}.purchase-card h2{font-size:28px}.purchase-card ul{padding-left:18px;font-size:14px;line-height:1.9;color:#52627c}.purchase-card .btn{width:100%;margin:7px 0}.purchase-card .price{font-size:34px;font-weight:700}.purchase-card small{display:block;color:#52627c;margin-top:12px}
.delivery-preview{padding:20px;background:#eaf0fa;border-left:3px solid #3b5998}.plain-page{max-width:950px;margin:50px auto;padding:0 24px}.mobile-nav{display:none}footer .brand-logo{max-width:220px}.woocommerce{padding:25px 0}.woocommerce button.button,.woocommerce a.button{background:#3b5998;color:#fff}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:24px}.purchase-card{position:static;grid-row:1}.article-hero{padding:35px 0}.article-body h2{font-size:28px}.article-body table{font-size:14px}.article-body th,.article-body td{padding:10px}}
@media(max-width:680px){.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;padding:10px;border:1px solid #91d8f7;border-radius:4px}.mobile-nav nav{position:absolute;right:15px;top:65px;background:#3b5998;padding:20px;display:flex;flex-direction:column;align-items:start;box-shadow:0 10px 20px #00226330}.mobile-nav nav a{display:block!important}.article-layout{padding-top:25px}.article-body{font-size:16px}.article-body table{overflow-wrap:anywhere}}

/* Whole-card links: native keyboard and open-in-new-tab behaviour. */
a.plan{color:inherit;text-decoration:none}a.plan:focus-visible{outline:3px solid #3b5998;outline-offset:4px}.plan-link{font-size:13px;font-weight:650}.plan:hover .plan-link{text-decoration:underline}.plan-bottom{flex-wrap:wrap}

.edition-badge{display:inline-block;background:#e1edf7;color:#002263;border:1px solid #c5d8ec;border-radius:5px;padding:7px 12px;font-size:13px;line-height:1.5;font-weight:700;margin:0 0 22px}.purchase-card h2{font-family:inherit;font-size:23px;font-weight:700;line-height:1.35;letter-spacing:-.35px}.package-formats{display:block;font-size:17px;font-weight:600;margin-top:9px;letter-spacing:0}.purchase-card .edition-badge{margin:0 0 12px}.article-invitation{border-top:1px solid #dce3ef;padding-top:18px;margin:20px 0 0;font-size:14px;line-height:1.65}.article-invitation a{color:#305493;text-underline-offset:3px}#full-article{scroll-margin-top:100px}

@media(min-width:901px){.purchase-card{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin}.purchase-card:focus-visible{outline:2px solid #3b5998;outline-offset:3px}}

/* Compact desktop package: show the complete offer without nested scrolling. */
@media(min-width:901px){.article-layout{grid-template-columns:minmax(0,1fr) 370px;gap:36px}.purchase-card{padding:20px;max-height:none;overflow:visible;top:100px}.purchase-card h2{font-size:22px;line-height:1.22;margin:0 0 10px}.purchase-card .package-formats{font-size:16px;line-height:1.35;margin-top:6px}.purchase-card .edition-badge{padding:4px 9px;margin:0 0 10px}.purchase-card ul{font-size:14px;line-height:1.5;margin:0 0 12px;padding-left:18px}.purchase-card li{margin:0 0 5px}.purchase-card .price{font-size:32px;line-height:1.2;margin:0;padding:12px 0 0;border-top:1px solid #dce3ef}.purchase-card .small{margin:7px 0 12px;line-height:1.4}.purchase-card .btn{padding:10px 14px;margin:0 0 8px;min-height:44px}.purchase-card .btn:last-child{margin-bottom:0}}
@media(min-width:1400px){.article-layout{max-width:1380px;grid-template-columns:minmax(0,1fr) 400px;gap:48px}}


/* Hide only the floating badge; reCAPTCHA protection remains enabled. */
.grecaptcha-badge{visibility:hidden!important}
footer .recaptcha-notice{font-size:12px;line-height:1.5;margin:14px 0 0;color:#dce3ef}

/* Let short desktop windows scroll the offer normally. */
@media (min-width:901px) and (height < 580px){.purchase-card{position:static}}

/* Mobile purchase shortcut appears only after the top package has passed. */
.mobile-purchase-bar{display:none}
@media(max-width:900px){
 body.has-mobile-purchase{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .mobile-purchase-bar:not([hidden]){display:block;position:fixed;bottom:0;left:0;right:0;z-index:90;background:#fff;border-top:1px solid #dce3ef;box-shadow:0 -3px 16px rgba(0,30,70,.1);padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px))}
 .mobile-purchase-bar .btn{display:block;width:100%;margin:0;text-align:center;min-height:48px;padding:12px 18px}
}

/* Short desktop windows receive a compact offer after the full card passes. */
.compact-purchase-card{display:none}
@media(min-width:901px) and (height < 580px){
 .compact-purchase-card:not([hidden]){display:block;position:fixed;top:100px;z-index:80;margin:0;max-height:calc(100dvh - 110px);overflow-y:auto}
}

/* Give document names more room on mobile. */
@media(max-width:900px){.article-body .package-files-table{table-layout:fixed}.article-body .package-files-table th:first-child,.article-body .package-files-table td:first-child{width:40%;padding-left:8px;padding-right:8px}}