/* SZARA remote business support. Scoped to bs- classes to protect existing pages. */
.bs-hero{padding:74px 0 88px;background:#f4f1e9}
.bs-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:7%}
.bs-hero h1{font-size:clamp(55px,6vw,90px);letter-spacing:-.075em;line-height:1.02;margin:16px 0 30px}
.bs-hero h1 em{color:var(--cobalt)}
.bs-hero .intro{max-width:630px;font-size:18px}
.bs-hero .micro{max-width:570px;margin-top:22px}
.bs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}
.bs-proofline{display:flex;gap:24px;flex-wrap:wrap;margin-top:45px;font-size:12px;color:var(--muted);font-weight:600}
.bs-proofline span{border-left:3px solid var(--cobalt);padding-left:12px}
.bs-board{position:relative;padding:24px;border-radius:20px;background:#171918;box-shadow:16px 20px 0 #cad4fa;color:#f5f2ea;transform:rotate(1deg)}
.bs-board:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#e5fb64;right:-20px;top:-32px;z-index:-1}
.bs-board-head{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff35;padding-bottom:18px}
.bs-board-head strong{font-size:19px;letter-spacing:-.04em}
.bs-board-head span,.bs-board-note{font:11px 'Courier New',monospace;color:#c3c7be}
.bs-board-head .bs-dot{background:#e5fb64;color:#171918;border-radius:20px;padding:7px 10px;font-size:10px}
.bs-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;align-items:center;border-bottom:1px solid #ffffff24;padding:18px 0}
.bs-row-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff55;border-radius:50%;font-size:13px}
.bs-row strong{display:block;font-size:14px}
.bs-row small{display:block;color:#bdc5c5;font-size:11px;margin-top:3px}
.bs-pill{white-space:nowrap;font:10px 'Courier New',monospace;padding:7px 9px;border-radius:15px;background:#344260;color:#f4f1e9}
.bs-pill.is-new{background:#e5fb64;color:#171918}
.bs-board-note{margin:18px 0 0}
.bs-section{padding:90px 0}
.bs-section-title{max-width:720px}
.bs-section-title h2{font-size:clamp(42px,5vw,72px);margin:0 0 18px}
.bs-section-title h2 em{color:var(--cobalt)}
.bs-section-title>p:last-child{font-size:16px;color:var(--muted);line-height:1.75}
.bs-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:45px}
.bs-feature{border:1px solid var(--line);padding:30px;background:#fffef8;border-radius:12px}
.bs-feature .bs-no{display:block;font:12px 'Courier New',monospace;color:var(--cobalt);margin-bottom:50px}
.bs-feature h3{font-size:27px;margin:0 0 14px}
.bs-feature p,.bs-feature li{font-size:14px;line-height:1.75;color:var(--muted)}
.bs-feature ul{padding-left:17px;margin-bottom:0}
.bs-pricing{background:#171918;color:#f4f1e9}
.bs-pricing .bs-section-title h2 em{color:#e5fb64}
.bs-pricing .bs-section-title>p:last-child{color:#cbd0c3}
.bs-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:44px 0 20px}
.bs-plan{display:flex;flex-direction:column;border:1px solid #757c75;border-radius:12px;padding:29px;min-width:0}
.bs-plan.featured{background:#f4f1e9;color:#171918;border-color:#f4f1e9}
.bs-plan .bs-label{text-transform:uppercase;font:11px 'Courier New',monospace;letter-spacing:1.4px}
.bs-plan .bs-cost{font-size:54px;letter-spacing:-.07em;font-weight:800;line-height:1.1;margin:22px 0 5px}
.bs-plan .bs-cost small{font-size:14px;letter-spacing:0;font-weight:500}
.bs-plan .bs-hours{color:#c7cec5;font-size:13px;padding-bottom:22px;margin:0;border-bottom:1px solid #ffffff45}
.bs-plan.featured .bs-hours{color:#555e56;border-color:#b9bcb6}
.bs-plan ul{padding-left:17px;flex:1;font-size:14px;line-height:1.85;margin:21px 0}
.bs-plan .button{width:100%;font-size:13px;justify-content:center;gap:8px;box-shadow:none}
.bs-plan:not(.featured) .button{background:#e5fb64;color:#171918;border-color:#e5fb64}
.bs-terms{font-size:13px;line-height:1.85;color:#c7cec5;max-width:1000px}
.bs-examples{background:#e9ede6}
.bs-example-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:38px}
.bs-example{background:#fffef8;border:1px solid #cbd0c8;border-radius:12px;padding:28px}
.bs-example h3{font-size:24px}
.bs-example p{color:var(--muted);font-size:13px}
.bs-sample-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}
.bs-sample-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:10px;padding:10px 6px;border-bottom:2px solid #cbd0c8}
.bs-sample-table td{padding:14px 6px;border-bottom:1px solid #e0e2da;overflow-wrap:anywhere}
.bs-sample-table td:last-child{font-weight:700;color:#1e46cd}
.bs-steps{list-style:none;padding:0;margin:0}
.bs-steps li{padding:13px 0;border-bottom:1px solid #d6dad4;font-size:15px}
.bs-steps li:before{content:"→";font:14px Arial,sans-serif;color:var(--muted);margin-right:14px}
.bs-case-link{display:inline-block;margin-top:18px;font-size:13px;font-weight:700}
.bs-approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.bs-approach-grid p{font-size:16px;line-height:1.8;color:var(--muted)}
.bs-approach-grid .bs-checks{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}
.bs-approach-grid .bs-checks li{border-bottom:1px solid var(--line);padding:16px 0;font-size:15px}
.bs-approach-grid .bs-checks li:before{content:"↗︎";color:var(--cobalt);margin-right:15px}
.bs-contact{background:var(--cobalt);color:#fffdf8;padding:90px 0}
.bs-contact .bs-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center}
.bs-contact h2{font-size:clamp(45px,5vw,70px)}
.bs-contact h2 em{color:#e5fb64}
.bs-contact p{max-width:500px}
.bs-contact .brief{background:#f4f1e9;color:#171918}
.bs-contact .brief p{max-width:none}
.bs-contact .brief label{color:#171918}
.bs-contact a:not(.button){text-underline-offset:4px}
.bs-teaser{background:#e1e8ff;padding:48px 0;border-top:1px solid #cbd5ed;border-bottom:1px solid #cbd5ed}
.bs-teaser-inner{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}
.bs-teaser .eyebrow{margin:0 0 12px}
.bs-teaser h2{font-size:clamp(29px,3.3vw,48px);margin:0 0 10px}
.bs-teaser p:last-child{margin:0;max-width:680px;font-size:15px;color:#414b50}
.bs-teaser .button{white-space:nowrap}
@media(max-width:1050px){.bs-hero-grid{gap:4%}.bs-hero h1{font-size:clamp(50px,6vw,70px)}.bs-feature{padding:23px}.bs-plan{padding:23px}}
@media(max-width:800px){.bs-hero-grid,.bs-example-grid,.bs-approach-grid,.bs-contact .bs-contact-grid{grid-template-columns:1fr;gap:32px}.bs-board{transform:none;max-width:650px;margin:20px 16px 0 0}.bs-features,.bs-plan-grid{grid-template-columns:1fr}.bs-plan{max-width:650px}.bs-feature .bs-no{margin-bottom:25px}.bs-teaser-inner{grid-template-columns:1fr}.bs-teaser-inner .button{justify-self:start}.bs-section,.bs-contact{padding:65px 0}}
@media(max-width:480px){.bs-hero{padding:45px 0 60px}.bs-hero h1{font-size:clamp(46px,12vw,62px)}.bs-hero .intro{font-size:16px}.bs-board{padding:16px;box-shadow:9px 10px 0 #cad4fa}.bs-row{grid-template-columns:1fr;gap:9px}.bs-row-icon{width:25px;height:25px}.bs-pill{grid-column:1;justify-self:start}.bs-actions .button{width:100%}.bs-proofline{gap:13px;margin-top:30px}.bs-example{padding:19px}.bs-sample-table th,.bs-sample-table td{font-size:10px;padding:10px 3px}.bs-contact .brief{padding:22px}.bs-plan .bs-cost{font-size:48px}}
@media(prefers-reduced-motion:reduce){.bs-board{transform:none}}
