/* Uses the public brand typography, buttons and method.css components. */
body[data-page="business"] section[id]{scroll-margin-top:28px}
.business-hero{grid-template-columns:1.1fr 1fr;gap:64px;padding-bottom:50px}
.business-hero h1{font-size:clamp(38px,4.3vw,66px);letter-spacing:-2.4px}
.business-hero .hero-actions{flex-wrap:wrap;gap:20px}
.business-hero .quiet-link{display:inline-flex;gap:10px;align-items:center}
.business-hero .quiet-link .icon{width:17px}
.business-reassurance{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px}
.business-reassurance li{display:flex;gap:9px;align-items:center;font-size:12px;color:#64705e}
.business-reassurance .icon{width:16px;height:16px;color:#597345;flex-shrink:0}
.business-hero-preview{background:#fffefa;border:1px solid #dce3d3;border-radius:22px;box-shadow:0 24px 65px #334b2d10;transform:rotate(1deg);overflow:hidden;min-width:0}
.business-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;background:#eef3e6;border-bottom:1px solid #dce3d3;font-size:12px}
.business-preview-top>span:first-child{display:flex;align-items:center;gap:9px}
.business-preview-top .icon{width:17px}
.business-live-label{font-size:10px;border:1px solid #cddabd;border-radius:20px;padding:4px 9px;color:#5a7148}
.business-preview-body{padding:28px}
.business-preview-body h2{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:15px 0 28px}
.business-preview-result{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.business-person{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e7eddc;color:#546848;font-size:14px}
.business-preview-result>div{flex:1}
.business-preview-result strong{font-size:14px}
.business-preview-result small{display:block;font-size:11px;color:#788170;margin-top:4px}
.business-preview-result .business-preview-score{font-size:34px;letter-spacing:-1px}
.business-preview-score small{display:inline;font-size:15px}
.business-mini-bars{display:grid;gap:14px}
.business-mini-bars>div{display:grid;grid-template-columns:105px 1fr 34px;gap:12px;align-items:center;font-size:11px}
.business-mini-bars b{text-align:right;font-weight:550}
.business-hero-preview progress,.business-demo-report progress{appearance:none;border:0;width:100%;height:7px;border-radius:8px;background:#edf0e7;color:#9bb580;overflow:hidden}
.business-hero-preview progress::-webkit-progress-bar,.business-demo-report progress::-webkit-progress-bar{background:#edf0e7;border-radius:8px}
.business-hero-preview progress::-webkit-progress-value,.business-demo-report progress::-webkit-progress-value{background:#9bb580;border-radius:8px}
.business-hero-preview progress::-moz-progress-bar,.business-demo-report progress::-moz-progress-bar{background:#9bb580;border-radius:8px}
.business-interview-note{display:flex;gap:12px;padding:18px;background:#f1edf6;border-radius:12px;margin-top:26px}
.business-interview-note>.icon{flex-shrink:0;width:18px;color:#79698a;margin-top:3px}
.business-interview-note p{font-size:12px;line-height:1.7;margin:0;color:#665d70}
.business-interview-note strong{display:block;color:#51465b;margin-bottom:5px}
.business-example-label{font-size:10px!important;line-height:1.6;color:#79816f;margin:18px 0 0}
.business-audience{display:flex;flex-wrap:wrap;gap:24px;align-items:center;border-block:1px solid var(--line);padding:24px 0;color:#66705e;font-size:13px}
.business-audience>span{font-size:10px;letter-spacing:.14em;margin-right:auto}
.business-audience p{margin:0}
.business-section{padding:60px 0}
.business-section .section-heading{align-items:flex-end;gap:35px}
.business-section h2,.business-credits h2{font-size:clamp(30px,3.1vw,44px);line-height:1.15;letter-spacing:-1.3px;margin:15px 0}
.business-section .section-heading>p{max-width:370px;margin-bottom:5px;font-size:14px;line-height:1.8}
.business-section .section-heading>div>p{max-width:720px;font-size:15px;line-height:1.8}
.business-section .method-feature{box-shadow:none}
.business-section .method-feature h3{font-size:22px}
.business-section .method-feature p{margin-bottom:0}
.business-demo{padding-top:25px}
.business-role-picker{border:0;padding:0;margin:28px 0 22px;display:flex;gap:10px;flex-wrap:wrap;min-width:0}
.business-role-picker legend{font-size:12px;color:#68745e;margin-bottom:13px}
.business-role-picker label{position:relative;cursor:pointer}
.business-role-picker input{position:absolute;opacity:0;width:1px;height:1px}
.business-role-picker label span{display:block;border:1px solid #dce3d3;border-radius:30px;padding:11px 19px;font-size:13px;background:#fffefa;transition:background .15s}
.business-role-picker input:checked+span{background:#263c2e;border-color:#263c2e;color:#fff}
.business-role-picker input:focus-visible+span{outline:3px solid #8da275;outline-offset:3px}
.business-demo-panel{display:none;grid-template-columns:.8fr 1.2fr;border:1px solid #dde5d3;border-radius:22px;overflow:hidden;background:#f0f4e8}
.business-demo:has([value=data]:checked) [data-role=data],.business-demo:has([value=dev]:checked) [data-role=dev],.business-demo:has([value=cloud]:checked) [data-role=cloud],.business-demo:has([value=projects]:checked) [data-role=projects]{display:grid}
.business-demo-context{padding:38px}
.business-demo-context h3{font-size:30px;letter-spacing:-.8px;margin:18px 0}
.business-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.business-tags span{padding:6px 12px;border:1px solid #ccd7bc;border-radius:30px;font-size:11px}
.business-demo-context>p:not(.business-example-label){font-size:14px;line-height:1.85}
.business-demo-context .text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;margin-top:24px;min-height:44px}
.business-demo-context .text-link .icon{width:16px}
.business-demo-context .business-example-label{margin-top:30px}
.business-demo-report{padding:35px;background:#fffefa;min-width:0}
.business-report-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:30px}
.business-report-heading h4{font-size:20px;letter-spacing:-.4px;margin:10px 0 0}
.business-report-total{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:#66755a;flex-shrink:0}
.business-report-total strong{font-size:33px;letter-spacing:-1px;line-height:1;color:#33452b}
.business-report-skills{display:grid;gap:20px}
.business-report-skills label{display:flex;justify-content:space-between;font-size:13px;gap:10px;margin-bottom:7px}
.business-report-skills label strong{font-weight:550}
.business-demo-report progress{height:9px;display:block}
.business-review-note{margin-top:30px;padding:20px;background:#f7f5f0;border-radius:12px;border:1px solid #eeeae0}
.business-review-note>span{display:flex;gap:8px;align-items:center;font-size:11px;color:#7b776a}
.business-review-note .icon{width:15px;height:15px}
.business-review-note p{font-size:13px;line-height:1.75;margin:10px 0 0}
.business-catalogue-strip{display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center;margin:24px 0 0;font-size:12px;color:#6b7761}
.business-catalogue-strip strong{font-weight:550;color:#36492d}
.business-section .method-cycle h3{font-size:23px;line-height:1.35;margin:0 0 14px}
.business-candidate{margin-top:15px;margin-bottom:5px}
.business-checklist{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.business-checklist li{display:flex;align-items:flex-start;gap:14px}
.business-checklist .icon{width:19px;height:19px;flex-shrink:0;color:#597345;margin-top:3px}
.business-checklist h3{font-size:16px;margin:0 0 6px}
.business-checklist p{font-size:13px;line-height:1.7;margin:0}
.business-credits{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
.business-credits>div>p{font-size:15px;line-height:1.85;max-width:530px}
.business-credits .button{margin-top:28px}
.business-credit-card{border:1px solid #dce3d3;border-radius:22px;padding:34px;background:#fffefa}
.business-credit-number{display:flex;gap:12px;align-items:baseline;font-size:72px;line-height:1;letter-spacing:-3px;font-weight:600;color:#49623b}
.business-credit-number span{font-size:20px;letter-spacing:-.3px;font-weight:450}
.business-credit-card h3{font-size:19px;margin:12px 0 28px}
.business-credit-card ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.business-credit-card li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7}
.business-credit-card .icon{width:16px;height:16px;flex-shrink:0;margin-top:3px;color:#597345}
.business-credit-card>p{font-size:11px!important;color:#7a826f;border-top:1px solid var(--line);padding-top:18px;margin:24px 0 0}
.business-integrations{padding-top:10px}
.business-integration-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:28px 0}
.business-integration-grid li{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px 18px}
.business-integration-grid strong{display:block;font-size:14px;font-weight:550;overflow-wrap:anywhere}
.business-integration-grid span{display:block;margin-top:12px;font-size:10px;color:#7a826f}
.business-integration-note{font-size:12px;line-height:1.8;color:#6e7964;max-width:780px}
.business-privacy{padding:25px 0 50px}
.business-final-cta{background:#263c2e;color:#fffefa;gap:40px 48px}
.business-final-cta > div:first-child{min-width:0}
.business-final-cta > div:last-child{flex-shrink:0;gap:18px}
.business-final-cta .button{white-space:normal;text-align:center}
.business-final-cta .eyebrow{color:#c6d8af}
.business-final-cta p{color:#d3ddca;max-width:640px;line-height:1.8}
.business-final-cta .button.dark{background:#e6efd6;color:#273b23;border-color:#e6efd6}
.business-final-cta .quiet-link{text-align:center;color:#e0e9d7;font-size:12px;padding:8px}
.business-final-cta h2{line-height:1.2}

@media(max-width:1100px){.business-hero{gap:32px}
.business-hero h1{letter-spacing:-1.5px;font-size:44px}
.business-preview-body{padding:24px}
.business-integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.business-credits{gap:40px}
.business-audience{gap:16px}
.business-demo-context,.business-demo-report{padding:28px}
.business-section .section-heading{align-items:flex-start;flex-direction:column;gap:12px}
.business-section .section-heading>p{max-width:650px}
.business-section .method-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.business-section .method-feature{padding:23px}
.business-section .method-feature h3{font-size:19px}
}

@media(max-width:800px){.business-hero{grid-template-columns:1fr}
.business-hero-copy>p{max-width:650px}
.business-hero-preview{transform:none;max-width:620px;width:100%;justify-self:center}
.business-hero h1{font-size:52px}
.business-audience>span{width:100%;margin:0}
.business-section .method-feature-grid{grid-template-columns:1fr}
.business-demo-panel{grid-template-columns:1fr}
.business-demo-context{padding:28px}
.business-demo-context .business-example-label{margin-top:15px}
.business-credits{gap:28px}
.business-credits h2{font-size:32px}
.business-credit-card{padding:25px}
.business-section{padding:40px 0}
.business-section .method-cycle h3{font-size:20px}
}

@media(max-width:620px){.business-hero h1{font-size:clamp(37px,10vw,50px);letter-spacing:-1.5px}
.business-hero .hero-actions{align-items:stretch}
.business-hero .hero-actions .quiet-link{justify-content:center;font-size:13px}
.business-preview-top{padding:16px 20px}
.business-preview-body{padding:23px 20px}
.business-preview-body h2{font-size:26px}
.business-mini-bars>div{grid-template-columns:95px 1fr 30px;gap:10px}
.business-audience{gap:10px 16px}
.business-audience p{font-size:12px}
.business-audience i{display:none}
.business-role-picker{gap:8px}
.business-role-picker label{flex:1 0 42%}
.business-role-picker label span{padding:11px 10px;font-size:12px;text-align:center}
.business-demo-context,.business-demo-report{padding:24px 20px}
.business-report-heading h4{font-size:18px;max-width:190px}
.business-report-total strong{font-size:28px}
.business-credits{grid-template-columns:1fr}
.business-credit-card{padding:26px}
.business-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.business-integration-grid li{padding:18px 14px}
.business-integration-grid strong{font-size:13px}
.business-privacy{padding-top:30px}
.business-final-cta h2{font-size:29px}
.business-catalogue-strip{font-size:11px;gap:10px 15px}
.business-catalogue-strip strong{width:100%}
}

/* Independent company products share one free workspace. */
.business-offer { scroll-margin-top: 30px; }
/* Keep the explanation together, with clear space around the action. */
.business-free-workspace { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px 32px; padding:32px; margin:32px 0; border:1px solid #dce5d0; border-radius:22px; background:#edf3e5; }
.business-free-workspace > span { display:flex; gap:10px; align-items:center; grid-column:1; }
.business-free-workspace p { margin:0; line-height:1.75; grid-column:1; max-width:660px; }
.business-free-workspace .button { grid-column:2; grid-row:1 / span 2; white-space:normal; text-align:center; max-width:320px; }
.business-offer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.business-offer-card { display:flex; flex-direction:column; padding:36px; border:1px solid #e2e4db; border-radius:26px; background:#fffefa; }
.business-offer-card h3 { font-size:28px; letter-spacing:-.8px; margin:16px 0; }
.business-offer-card > p { margin:0; line-height:1.7; }
.business-offer-card > p + p { margin-top:12px; }
.business-offer-card > .business-employee-price { margin-top:28px; }
.business-offer-learning { background:#eeeaf6; border-color:#e1dbea; }
.business-pack-list { margin:16px 0 22px; }
.business-pack-list > div { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:17px 0; border-bottom:1px solid #e2e4db; }
.business-pack-list > div > strong { font-size:25px; letter-spacing:-.7px; white-space:nowrap; }
.business-pack-list small { display:block; color:#68705e; font-size:13px; margin-top:5px; }
.business-offer-card .business-checklist { margin:24px 0 32px; gap:16px; }
.business-offer-card .business-checklist li { line-height:1.7; }
.business-offer-action { display:flex; flex-direction:column; align-items:flex-start; gap:18px; margin-top:auto; }
.business-offer-action .button { max-width:100%; white-space:normal; text-align:center; }
.business-offer-action > p { margin:0; }
.business-offer-footer { margin-top:28px; padding-top:24px; border-top:1px solid var(--line); }
.business-offer-footer > p { margin:0; }
.business-offer-footer .business-offer-contact { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-top:20px; line-height:1.7; }
.business-offer-contact a { display:inline-flex; align-items:center; gap:10px; min-height:44px; font-weight:550; }
.business-offer-contact .icon { width:17px; }
.business-employee-price strong { font-size:44px; letter-spacing:-2px; }
.business-offer-note { font-size:13px; color:#626756; line-height:1.65; }
@media(max-width:700px) { .business-offer-grid { grid-template-columns:1fr; }.business-offer-card { padding:25px; }.business-free-workspace { grid-template-columns:minmax(0,1fr); padding:24px; gap:16px; }.business-free-workspace .button { grid-column:1; grid-row:auto; margin-top:8px; max-width:none; width:100%; }.business-offer-action .button { width:100%; }.business-offer-contact > span { flex-basis:100%; }.business-employee-price strong { font-size:38px; } }

.business-employee-price strong { color:#293d27; }