/* أثر التشغيل — petrol, white, and a purposeful yellow accent. */
:root{--ink:#073c42;--green:#073c42;--green-light:#edf3f2;--muted:#536b6d;--paper:#fcfcf7;--cream:#f3f5ef;--line:#d6e0db;--orange:#d4ad00;--orange-light:#fff6c9;--yellow:#f4d835;--radius:8px}
::selection{background:#f4d835;color:#073c42}
body{background:var(--paper)}
.container{width:min(1280px,calc(100% - 104px))}
.site-header{background:#fcfcf7f5;border-color:#073c4214}
.header-inner{min-height:85px}
.brand{position:relative;font-size:28px;letter-spacing:-.8px}
.brand-symbol,.brand-dot{display:none}
.brand:after{content:"";position:absolute;inset-inline-start:0;bottom:-11px;width:32px;height:5px;background:var(--yellow)}
.site-header nav a{color:#345a5f;font-size:15px}
.site-header nav a:hover{color:#071f23}
.button{background:var(--ink);border-color:var(--ink);border-radius:4px;box-shadow:none;gap:28px}
.button:hover{background:#12505a;border-color:#12505a;box-shadow:0 8px 20px #073c4212}
.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#b79100}
.status-dot{background:#b59b16;border-radius:1px}
.section-index{color:#537176}
.section-index>span{color:#537176;border-color:#cddcda}
.section-heading>p{color:var(--muted)}
.hero{grid-template-columns:1.65fr 1fr;gap:56px;align-items:start;padding-block:55px 53px}
.hero-copy{padding-top:22px}
.hero h1{font-size:clamp(48px,4.8vw,68px);font-weight:700;line-height:1.42;letter-spacing:-1.7px;margin-block:20px 21px}
.hero .highlight{display:inline;background:var(--yellow);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding-inline:6px;line-height:1.5}
.highlight:after{display:none}
.hero-description{font-size:19px;max-width:680px;color:#3f6266;line-height:1.9;margin-bottom:27px}
.hero .button-large{font-size:18px;min-height:56px}
.hero .cta-note{font-size:14px;color:#5a7274;max-width:560px;line-height:1.8}
.hero-assurances{font-size:12px;color:#4f7074;gap:22px;margin-top:27px}
.hero-assurances .icon{color:#4f7074}
.reality-hero{background:var(--yellow);border:0;border-radius:3px;padding:25px 25px 21px;min-height:474px;display:flex;flex-direction:column;box-shadow:none}
.reality-hero .visual-topline{color:#294e48;gap:10px;margin-bottom:21px;font-size:12px;align-items:center}
.reality-hero .visual-topline strong{font-size:13px;font-weight:500;color:var(--ink)}
.reality-hero .transformation-switch{width:100%;display:flex;background:#073c4210;border:1px solid #073c4220;padding:3px;border-radius:4px;margin-bottom:22px}
.reality-hero .transformation-switch button{flex:1;font-size:14px;padding:7px 5px;border-radius:2px;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px}
.reality-hero .transformation-switch .icon{width:16px;height:16px}
.reality-hero .transformation-switch button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}
.hero-reality-state{flex:1}
.hero-reality-state h2{font-size:25px;letter-spacing:-.3px;margin-bottom:19px}
.reality-steps{list-style:none;padding:0;margin:0;display:grid;gap:0}
.reality-steps li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:15px;line-height:1.75;border-bottom:1px solid #073c4225;color:var(--ink)}
.reality-step-number{font:11px/24px Arial,sans-serif;flex:0 0 25px;border:1px solid #073c4236;text-align:center;border-radius:3px;margin-top:1px;color:#3b5c51}
.reality-step-number .icon{height:16px;width:16px}
.hero-reality-state .after-steps li{font-size:16px;padding-block:16px}
.hero-reality-foot{font-size:13px;color:#36574a;margin-top:15px}
.hero-example-link{margin-top:25px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;color:var(--ink);border-top:1px solid #073c4260;padding-top:14px}
.hero-example-link .icon{width:19px;height:19px}
.hero-example-link:hover{color:#000}
.hero-reality-state{animation:example-enter .3s ease both}
.principles-bar{background:#f3f5ee;border-color:#dce4dd}
.principles-bar .container{padding-block:19px;gap:22px}
.principles-bar span{font-size:13px;color:#597176}
.principles-bar span:first-child{font-size:16px;color:var(--ink)}
.principles-bar span:not(:first-child):before{border-color:#9db3ac}
/* Inputs connect to concrete tools, without invented numerical outcomes. */
.work-section{padding:0;background:var(--ink);border:0;scroll-margin-top:0}
.work-overview{display:grid;grid-template-columns:.76fr 1.34fr;gap:55px;align-items:center;padding-block:65px}
.work-intro .section-index{color:#acc7c8;font-size:13px;margin-bottom:18px}
.work-intro .section-index>span{color:#acc7c8;border-color:#527a7e}
.work-intro h2{font-size:43px;color:#fcfcf5;letter-spacing:-.6px;line-height:1.5}
.work-intro h2>span{color:var(--yellow)}
.work-intro>p:not(.section-index){font-size:16px;color:#c5d6d4;line-height:1.9;margin-top:20px}
.map-hint{display:flex;align-items:center;gap:12px;font-size:13px;color:#f4d835;margin-top:28px}
.map-hint .icon{width:18px}
.operations-map{display:grid;grid-template-columns:1fr 82px 1.62fr;align-items:stretch;min-width:0;position:relative}
.map-sources{display:grid;gap:13px;grid-template-rows:repeat(4,1fr);padding-block:0}
.map-sources>div{background:#fbfcf7;color:var(--ink);display:flex;gap:8px;align-items:center;padding:12px 11px;border-radius:4px;font-size:13px;line-height:1.7;min-height:86px}
.map-sources .icon{height:22px;width:22px}
.map-junction{display:grid;place-items:center;position:relative;isolation:isolate}
.map-junction svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9dc7c7;stroke-width:1.5;z-index:-1}
.map-junction span{background:var(--yellow);color:var(--ink);width:70px;min-height:74px;padding:13px 5px;font-size:16px;font-weight:600;line-height:1.5;text-align:center;border:5px solid var(--ink);border-radius:8px}
.work-choices{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);margin:0;gap:13px}
.work-choice{display:flex;flex-direction:row;align-items:center;gap:13px;padding:11px 13px;min-height:86px;border-radius:4px;background:#0b4850;border:1px solid #528087;color:#fff;text-align:right;box-shadow:none}
.work-choice:hover{background:#185963;border-color:#c4dcd8;transform:translateX(-3px)}
.work-choice[aria-pressed=true]{background:#fafbf6;color:var(--ink);border-color:#fafbf6;box-shadow:inset -4px 0 var(--yellow)}
.work-choice .choice-number{font:10px Arial,sans-serif;color:#b4cfce;border:1px solid #4b7a7e;border-radius:3px;width:25px;line-height:25px;flex-shrink:0;text-align:center;margin:0!important}
.work-choice[aria-pressed=true]>span.choice-number{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.work-choice .choice-info{display:block;flex:1;color:inherit!important;margin:0!important;font-size:initial!important;line-height:inherit!important}
.work-choice strong{font-size:20px;line-height:1.4;display:block}
.work-choice .choice-info>span{font-size:12px;line-height:1.65;color:#b9d2d1;display:block;margin-top:5px}
.work-choice[aria-pressed=true] .choice-info>span{color:#5b7477}
.work-choice>.icon{width:18px;height:18px;color:var(--yellow)}
.work-choice[aria-pressed=true]>.icon{color:var(--ink)}
.case-library{background:#f2f5ef;padding-block:36px 42px}
.example-switcher{display:flex;align-items:stretch;gap:0;margin-bottom:24px;border-bottom:1px solid #bfcfca}
.example-switcher>button{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-bottom:3px solid transparent;background:transparent;font-size:16px;color:#617a7d;padding:15px 20px;flex:1;line-height:1.6}
.example-switcher>button:hover{background:#e7eddf;color:var(--ink)}
.example-switcher>button[aria-pressed=true]{color:var(--ink);border-color:var(--ink);background:#f4e888}
.example-switcher .icon{width:20px;height:20px}
.work-example{padding:32px;gap:25px 38px;border:1px solid #d0ddd4;border-radius:5px;grid-template-columns:1.03fr 1fr;scroll-margin-top:18px;background:#fffefa}
.case-domain{font-size:13px;color:#4a7379;display:block;margin-bottom:7px}
.case-narrative h3{color:var(--ink);font-size:36px;font-weight:700;margin-bottom:16px}
.case-pain{color:#355b60;font-size:24px;line-height:1.6;margin-bottom:24px;max-width:470px}
.before-after-copy{gap:21px;display:grid;grid-template-columns:1fr}
.before-after-copy>div{padding-inline-start:17px;border-inline-start:2px solid #cccebd}
.before-after-copy>div+div{border-color:#e0bf1d;background:#fff8d4;padding:16px 17px}
.before-after-copy b{font-size:16px;color:#617376;display:flex;align-items:center;gap:10px;margin-bottom:10px}
.before-after-copy b>span{font-size:11px;font-weight:400;color:#7b8987}
.before-after-copy>div+div b{color:var(--ink)}
.before-after-copy>div+div b>span{color:#6e7652}
.before-after-copy .reality-steps{gap:7px}
.before-after-copy .reality-steps li{border:0;padding:0;font-size:15px;color:#4c6264;gap:10px}
.before-after-copy .reality-step-number{font-size:10px;color:#73857e;border-color:#d8e0d6;line-height:20px;flex-basis:22px}
.before-after-copy p{font-size:15px;color:#425f60;line-height:1.9}
.case-task-button{margin-top:22px;font-size:14px;color:var(--ink)}
.case-evidence{background:#f3f7f1;border-color:#c7d9d3;border-radius:4px;width:100%;box-shadow:0 8px 22px #073c4205}
.evidence-header{background:var(--ink);padding:17px 20px;border-radius:0;gap:15px;color:#fff}
.evidence-header>span{font-size:20px}
.evidence-header b{color:#b2cdcc;font-size:11px}
.evidence-body{padding:25px 23px;min-width:0}
.evidence-title{display:block;margin-bottom:22px}
.evidence-title h4{font-size:25px;color:var(--ink);line-height:1.45}
.sample-badge{display:inline-block;font-size:10px;margin-top:11px;color:#5a7779;background:#e8efea;border:1px solid #c8d9d1;padding:3px 7px;border-radius:3px;white-space:normal}
.evidence-tabs{padding:12px 12px 0;gap:5px}
.evidence-tabs button{font-size:12px;border-color:#bfd1c9;color:#4f7176;background:#edf2eb;border-radius:3px;padding:9px 6px}
.evidence-tabs button[aria-pressed=true]{background:var(--yellow);border-color:#dfc223;color:var(--ink)}
.report-alert{background:#fff4bc;color:#5e5b25;border-color:#e4d586;font-size:14px;padding:13px;border-radius:3px;align-items:center;line-height:1.8}
.report-alert .icon{width:18px;height:18px;margin:0}
.output-fields{display:grid;gap:0;border-top:1px solid #cfddd4;margin-top:17px}
.output-field{padding:14px 0;border-bottom:1px solid #cfddd4;display:grid;grid-template-columns:.65fr 1.35fr;gap:18px;align-items:start}
.output-field>span{font-size:12px;color:#708685;line-height:1.8}
.output-field>strong{font-size:14px;color:#365d60;font-weight:500;line-height:1.8}
.aging-bands{display:flex;gap:5px;margin-top:20px}
.aging-bands span{padding:7px 3px;font:12px/1.5 Arial,sans-serif;text-align:center;flex:1;background:#e4eee8;border-bottom:2px solid #9dbeba;color:#426a6d}
.aging-bands span:nth-child(4){background:#f3edbd;border-color:#d3bc38}.aging-bands span:last-child{background:#f8eaa0;border-color:#baa132}
.report-footnote{font-size:11px;color:#70837c;margin-top:12px;line-height:1.8}
.report-insight{font-size:14px;color:#436e70;margin-top:21px;line-height:1.8}
.report-insight>.icon{color:#5d8483}
.case-evidence figcaption{background:#e6efea;border-color:#cbdbd1;padding:13px 17px;gap:12px}
.case-evidence figcaption>span{font-size:10px;color:#587773;line-height:1.9}
.preview-button{color:#315f64;font-size:12px}
.message-demo{background:#fffbea;border:1px solid #e1d9b0;border-radius:8px 8px 0 8px;padding:20px}
.message-demo>span{font-size:11px;color:#798465}
.message-demo p{color:#37595c;font-size:15px;line-height:2.1}
.message-demo mark{background:#eee9c3;color:#5a674b;font-size:13px;padding:1px 4px}
.source-labels{display:flex;flex-wrap:wrap;gap:7px;margin-block:17px}
.source-labels>span{padding:7px 9px;border:1px solid #cbdad2;border-radius:3px;background:#fffef9;font-size:12px;color:#557477}
.decision-output{padding:19px 18px;background:var(--ink);color:#fff;border-radius:4px;position:relative;border-inline-start:5px solid var(--yellow)}
.decision-output>span{font-size:11px;color:#bfcdba;display:block;margin-bottom:6px}
.decision-output>strong{font-size:23px;display:block;font-weight:500}
.decision-output>p{font-size:13px;color:#c3d7d2;line-height:1.8;margin-top:9px}
.distribution-route{padding:20px;background:#e4ede7;border:1px solid #c5d5ce;text-align:center;border-radius:4px}
.distribution-route>div:first-child{display:flex;justify-content:center;gap:9px;align-items:center;font-size:18px}
.distribution-route>span{display:block;padding:3px 0;font-size:22px;color:#70938f}
.distribution-branches{display:flex;gap:9px}
.distribution-branches>span{padding:10px 8px;flex:1;border:1px solid #c4d5ca;font-size:12px;background:#fffef9;border-radius:3px}
.export-files>span{background:#fffbdf;border-color:#dcd6a5;color:#526851;font-size:12px}
.cost-comparison{gap:14px}
.cost-comparison>div{background:#fffefa;border-color:#cddbd3;padding:15px 11px}
.cost-comparison>div:last-child{background:#fff6c4;border-color:#e2d792}
.cost-comparison>div>span{color:#71877c;font-size:11px}
.cost-comparison strong{font:500 18px/1.6 var(--font);color:#315b60;margin-top:8px}
.price-fields{display:flex;gap:7px;margin-block:23px 17px}
.price-fields>span{flex:1;padding:12px 5px;font-size:13px;border-block:1px solid #b6cebf;background:#e5eee4;text-align:center;color:#395f5b}
.case-io{border-color:#d5dfd3;padding-top:20px;color:var(--ink)}
.case-io span{color:#71867d;font-size:11px}
.case-io p{color:#426369;font-size:14px}
.case-io>.icon{color:#8ca9a6}
.work-note{color:#718078;font-size:12px;line-height:1.9;margin-top:21px}
/* Carry the selected identity through the whole page. */
.section{padding-block:70px}
.compact-problems h2{font-size:40px}
.problem-option{background:#f4f6ef;border-color:#d9e2d8;border-radius:4px}
.problem-option:hover{background:#fff4b2;border-color:#c4b458}
.problem-option strong{color:#315b60}
.problem-option small{color:#738980}
.problem-option>.icon:first-child{color:#5f807c}
.field-experience{background:#e8efea;border:0;border-inline-start:6px solid var(--yellow);border-radius:4px;gap:43px;margin-block:8px 16px}
.experience-mark{color:#5b7c73;border-color:#acbeb2}
.field-experience h2{color:var(--ink)}
.field-experience p{color:#486b6d}
.process-story{padding-block:70px}
.story-visual{background:#edf3ed;border-color:#cbdbd0;border-radius:5px;box-shadow:none}
.story-visual-heading,.story-visual-caption strong{color:#42686b}
.story-visual-heading i{background:#b59c18}
.story-counter,.story-counter b,.story-visual-caption>span{color:#66887e}
.story-diagram text{fill:#3c6364}
.story-input-card rect{fill:#fffefa;stroke:#c5d7cb}
.story-svg-icon{stroke:#517978}
.story-hub rect{fill:var(--ink)}
.story-hub .story-svg-icon{stroke:#f4d835}
.story-hub text{fill:#fff!important}
.story-rules rect{fill:#fff7ce;stroke:#d9d0a2}
.story-connectors path{stroke:#769e95}
.story-paper-lines{stroke:#bacfc2}
.story-output .story-result-note{fill:#638277}
.story-result-row rect{fill:#edf3e9}
.story-jumps a{color:#54777a;border-radius:3px}
.story-jumps a>span{color:#819c8b}
.story-jumps a:hover{background:#f8f8dc}
.story-jumps a[aria-current=step]{background:var(--yellow);border-color:#dfc52d;color:var(--ink)}
.story-jumps a[aria-current=step]>span{color:#5f712d}
.story-progress{background:#dae5d9}.story-progress i{background:var(--yellow)}
.story-stage{border-color:#d6e1d6}
.story-step-label,.story-step-label b{color:#729085;border-color:#bbd0c1}
.story-step-copy h3{color:var(--ink)}
.story-step-copy>p{color:#597a77}
.story-enhanced .story-stage.is-current .story-step-label b{background:var(--ink);border-color:var(--ink);color:#fff}
.story-enhanced .story-stage.is-current .story-step-label .icon{color:#ab9318}
.calculator-disclosure{background:#f7f3cf;border-color:#dcd7ad;border-radius:4px}
.calculator-disclosure>summary strong{color:#264f55}
.calculator-disclosure>summary small,.calculator-disclosure>summary>b,.calculator-disclosure>summary>.icon{color:#5f765e}
.calculator-disclosure .calculator-section{background:var(--ink)}
.calculator-section h2,.calculator-section .calc-control label{color:#fffdf1}
.calculator-section .calculator-copy>p:not(.section-index){color:#a7c7c7}
.calculator-section .section-index{color:#a7c7c7}.calculator-section .section-index>span{color:#b8ccc2;border-color:#6e948e}
.calculator-result{background:#fafbed;color:var(--ink);border-color:#c9d8c8;border-radius:4px}
.result-eyebrow,.estimate-note p,.calculation-formula{color:#5d7768}
.result-value strong{color:var(--ink)}
.result-value>span,.result-hours{color:#769080}
.calc-inputs .number-unit{background:#104e54;border-color:#668f8a;color:#fff}
input[type=range]{accent-color:var(--yellow)}
.lead-intro h2 .highlight{background:var(--yellow);padding-inline:5px}
.lead-intro>p:not(.section-index){color:#536f72}
.review-offer{background:#f8f2bf;border-color:#e0d99f;border-radius:4px}
.review-offer>span{color:#566b52}.review-offer>strong{color:var(--ink)}
.review-offer ul{color:#3c5c51}.review-offer>p{color:#617259;border-color:#d6d1a1}
.form-card{border-color:#cadbcf;border-radius:5px;background:#fffefa;box-shadow:0 16px 50px #073c4205}
.form-topline{color:#41696c}
.message-progress{background:#e5ebda}.message-progress>i{background:#c9ad10}
.form-card label,.tools-field legend{color:#3d6263}
.form-card textarea,.form-card input:not([type=checkbox]),.form-card select{background:#fcfcf6;border-color:#d1ded1;border-radius:3px;color:#274d51}
.form-card textarea:focus,.form-card input:focus,.form-card select:focus{border-color:#578588;box-shadow:0 0 0 3px #073c420c}
.form-card textarea::placeholder,.form-card input::placeholder{color:#8a9a8f}
.form-card #task-help,.form-bottom-note{color:#748678}
.optional-details{background:#f4f6ed;border-color:#d2dec9;border-radius:4px}
.optional-details>summary{color:#456763}.optional-details>summary>span{color:#7a8c75}
.form-card .consent-label{color:#68806d!important}
.tool-choices span{border-color:#cadac8;background:#fffefa;color:#547566}
.tool-choices input:checked+span{border-color:var(--ink);background:#edf3df;color:var(--ink)}
.consent-label input{accent-color:var(--ink)}
.upload-area{background:#f1f5e9;border-color:#bccfb6}
.upload-area strong,.upload-button{color:#416964}
.upload-privacy,.upload-area small{color:#75866d}
.faq-section{background:#eef3ed;padding-block:60px}
.faq-grid>div>p:not(.section-index),.faq-list details>p{color:#587a72}
.faq-list details{border-color:#cadacd}
.faq-list summary{color:#2d555b}
.final-cta{margin-block:65px;background:var(--yellow);border:0;border-radius:3px;padding-block:57px}
.final-cta h2{font-size:47px;line-height:1.5;color:var(--ink)}
.final-cta>p:not(.eyebrow),.final-cta .eyebrow{color:#446341}
.final-ornament{display:none}
.site-footer{background:var(--ink);border:0;color:#fff}
.site-footer .brand{color:#fff;font-size:25px}
.site-footer p,.site-footer button,.site-footer .container>span{color:#bdd0c9}
.site-footer .brand:after{height:3px;bottom:-8px;width:24px}
.mobile-cta{background:#fcfcf7ef;border-color:#d3dfd3}
dialog{background:#fffef7;border-radius:6px;color:var(--ink)}
dialog p{color:#5b766b}
.case-preview-dialog .case-evidence{background:#f4f7ee}
#case-preview-caption{color:#6a8173}
.case-preview-body .evidence-body{padding:27px}
.case-preview-body .output-field>span{font-size:14px}.case-preview-body .output-field>strong{font-size:16px}
.case-preview-body .report-footnote{font-size:12px}
@media(min-width:1450px){.hero h1{font-size:70px}}
@media(max-width:1150px){
 .container{width:calc(100% - 72px)}.hero{gap:35px;grid-template-columns:1.4fr 1fr}.hero h1{font-size:52px}.hero-description{font-size:18px}.reality-hero{padding:22px 20px}.hero-reality-state h2{font-size:23px}.work-overview{grid-template-columns:.7fr 1.3fr;gap:30px}.work-intro h2{font-size:34px}.work-intro>p:not(.section-index){font-size:14px}.operations-map{grid-template-columns:1fr 63px 1.4fr}.map-sources>div{font-size:11px;gap:6px;padding:9px}.map-sources .icon{width:17px;height:17px}.map-junction span{width:60px;font-size:14px}.work-choice{padding:10px;gap:9px}.work-choice strong{font-size:17px}.work-choice .choice-info>span{font-size:11px}.work-choice .choice-number{display:none}.example-switcher>button{font-size:14px;padding-inline:12px}.work-example{padding:27px;gap:24px}.case-pain{font-size:22px}.evidence-body{padding:23px 19px}.evidence-title h4{font-size:22px}.evidence-header>span{font-size:18px}.evidence-header b{font-size:10px}.output-field{gap:12px}.output-field>strong{font-size:13px}.cost-comparison strong{font-size:16px}
}
@media(max-width:900px){
 .hero{grid-template-columns:1.35fr 1fr;gap:26px}.hero h1{font-size:43px}.hero-description{font-size:17px}.hero .cta-note{font-size:12px}.hero-assurances{display:grid;gap:10px}.hero-reality-state h2{font-size:21px}.reality-steps li{font-size:13px;gap:9px}.reality-hero .visual-topline{font-size:10px;display:block}.reality-hero .visual-topline strong{display:block;margin-top:4px}.work-overview{grid-template-columns:1fr;padding-block:45px;gap:28px}.work-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.work-intro .section-index{grid-column:1/-1}.work-intro h2{grid-row:span 2;font-size:38px}.work-intro>p:not(.section-index){font-size:15px;margin-top:0}.map-hint{margin-top:14px}.operations-map{grid-template-columns:1fr 100px 1.6fr}.map-sources>div{font-size:14px;padding:14px;gap:10px}.map-sources .icon{height:22px;width:22px}.map-junction span{width:80px;font-size:18px}.work-choice{padding:13px 18px}.work-choice strong{font-size:21px}.work-choice .choice-info>span{font-size:13px}.work-choice .choice-number{display:block}.work-example{grid-template-columns:1fr}.case-narrative{max-width:none}.case-pain{max-width:none}.before-after-copy{grid-template-columns:1fr 1fr;gap:22px}.case-evidence{max-width:none}.case-domain{font-size:12px}.case-narrative h3{font-size:33px}.case-io{gap:18px}.case-task-button{margin-block:23px 5px}.output-field{grid-template-columns:1fr 2fr}.output-field>span{font-size:13px}.output-field>strong{font-size:15px}.evidence-title h4{font-size:27px}.evidence-header>span{font-size:21px}.evidence-header b{font-size:12px}.cost-comparison strong{font-size:21px}.story-layout{gap:28px}.field-experience{gap:24px}.lead-section{gap:30px}.final-cta h2{font-size:40px}
}
@media(max-width:650px){
 .container{width:calc(100% - 36px)}.header-inner{min-height:72px;gap:14px}.brand{font-size:23px}.brand:after{bottom:-9px;height:4px;width:26px}.header-inner>.button{font-size:11px;padding:8px 11px;gap:12px;border-radius:3px}.hero{grid-template-columns:1fr;padding-block:29px 32px;gap:27px}.hero-copy{padding-top:0}.hero .eyebrow{font-size:12px}.hero h1{font-size:41px;letter-spacing:-.9px;line-height:1.5;margin-block:17px 18px}.hero-description{font-size:17px;line-height:1.85;margin-bottom:23px}.hero .button-large{width:100%;font-size:17px;min-height:53px}.hero .cta-note{font-size:12px;text-align:center;margin-top:13px}.hero-assurances{display:flex;gap:11px 17px;font-size:10px;justify-content:center;margin-top:20px}.hero-assurances .icon{width:14px;height:14px}.reality-hero{min-height:429px;padding:20px 23px}.reality-hero .visual-topline{display:flex;font-size:11px;margin-bottom:17px}.reality-hero .visual-topline strong{display:inline;margin:0;font-size:12px}.reality-hero .transformation-switch{margin-bottom:20px}.hero-reality-state h2{font-size:25px;margin-bottom:11px}.reality-steps li{font-size:15px;padding:10px 0}.hero-reality-state .after-steps li{font-size:15px}.hero-reality-foot{font-size:12px}.hero-example-link{margin-top:19px;font-size:13px}.principles-bar .container{padding-block:15px;gap:7px 14px;justify-content:flex-start}.principles-bar span{font-size:10px}.principles-bar span:first-child{font-size:12px;width:100%}.principles-bar span:not(:first-child):before{margin-inline-end:7px;width:4px;height:4px}.work-overview{padding-block:38px;gap:28px}.work-intro{display:block}.work-intro .section-index{font-size:11px;margin-bottom:15px}.work-intro h2{font-size:36px;line-height:1.45}.work-intro>p:not(.section-index){font-size:14px;margin-top:16px}.map-hint{font-size:12px;margin-top:17px}.operations-map{grid-template-columns:.86fr 24px 1.14fr}.map-sources{gap:10px}.map-sources>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:12px 11px;font-size:11px;min-height:92px}.map-sources .icon{width:18px;height:18px}.map-junction>span{display:none}.map-junction svg{display:none}.map-junction{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 44px,#accfca 44px,#accfca 45px,transparent 45px,transparent 102px)}.work-choices{gap:10px}.work-choice{gap:8px;padding:12px 11px;min-height:92px}.work-choice .choice-number{display:none}.work-choice strong{font-size:16px;line-height:1.6}.work-choice .choice-info>span{font-size:10px;line-height:1.8;margin-top:5px}.work-choice>.icon{width:15px;height:15px}.case-library{padding-block:20px 29px}.example-switcher{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c7d6ca;gap:0;margin-bottom:19px;border-radius:3px;overflow:hidden}.example-switcher>button{font-size:12px;gap:7px;padding:10px 7px;min-height:49px;border-bottom:2px solid transparent}.example-switcher>button:nth-child(1),.example-switcher>button:nth-child(2){border-bottom-color:#c7d6ca}.example-switcher>button[aria-pressed=true]{border-bottom-color:var(--ink);background:var(--yellow)}.example-switcher .icon{width:16px;height:16px}.work-example{padding:22px 16px;gap:0;border-radius:4px;display:flex;flex-direction:column}.case-narrative{display:contents}.case-domain{order:0;font-size:11px;margin-bottom:6px}.case-narrative h3{order:1;font-size:31px;margin-bottom:12px}.case-pain{order:2;font-size:22px;line-height:1.6;margin-bottom:22px}.before-after-copy{order:3;grid-template-columns:1fr;margin-bottom:22px;gap:17px}.before-after-copy>div{padding-inline-start:12px}.before-after-copy>div+div{padding:14px 12px}.before-after-copy b{font-size:15px;margin-bottom:11px}.before-after-copy b>span{font-size:10px}.before-after-copy .reality-steps li{font-size:13px;line-height:1.85;gap:9px}.before-after-copy .reality-step-number{margin-top:3px;font-size:9px;flex-basis:20px;line-height:18px}.before-after-copy p{font-size:14px}.case-evidence{order:4;border-radius:3px}.evidence-header{padding:13px 12px;gap:6px}.evidence-header>span{font-size:17px}.evidence-header b{font-size:9px}.evidence-header .icon{width:18px;height:18px}.evidence-tabs{padding:10px 8px 0;gap:4px}.evidence-tabs button{font-size:10px;padding:8px 4px}.evidence-body{padding:20px 13px}.evidence-title{margin-bottom:17px}.evidence-title h4{font-size:23px}.sample-badge{font-size:9px;margin-top:8px;padding:3px 6px}.report-alert{font-size:12px;line-height:1.8;padding:11px;gap:8px}.output-field{grid-template-columns:.9fr 1.6fr;gap:10px;padding:13px 0}.output-field>span{font-size:11px}.output-field>strong{font-size:12px;line-height:1.85}.report-insight{font-size:12px;line-height:1.9}.report-footnote{font-size:10px;line-height:1.9}.aging-bands{gap:4px}.aging-bands span{font-size:10px;padding:7px 1px}.case-evidence figcaption{padding:11px 10px;gap:8px}.case-evidence figcaption>span{font-size:9px}.preview-button{font-size:10px;gap:5px}.preview-button .icon{width:15px;height:15px}.case-task-button{order:5;font-size:13px;margin-top:22px;margin-bottom:0}.case-io{order:6;margin-top:23px;gap:11px;padding-top:17px}.case-io>div{border-inline-start-color:#c7d9c5}.case-io span{font-size:10px}.case-io p{font-size:12px;line-height:1.9}.work-note{font-size:11px;line-height:1.9}.message-demo{padding:15px 12px}.message-demo p{font-size:13px;line-height:2.1}.message-demo mark{font-size:11px}.source-labels{gap:5px}.source-labels>span{font-size:10px;padding:6px 7px}.decision-output{padding:17px 13px}.decision-output>strong{font-size:20px}.decision-output>p{font-size:12px}.distribution-route{padding:16px 11px}.distribution-route>div:first-child{font-size:17px}.distribution-branches>span{font-size:11px;padding:9px 7px}.export-files>span{font-size:10px;padding:6px}.cost-comparison{gap:8px}.cost-comparison>div{padding:12px 8px}.cost-comparison>div>span{font-size:10px}.cost-comparison strong{font-size:15px}.cost-comparison>.icon{width:16px;height:16px}.price-fields{gap:5px}.price-fields>span{font-size:11px;padding:10px 4px}.section{padding-block:46px}.compact-problems h2{font-size:31px}.problem-option strong{font-size:14px}.problem-option small{font-size:11px}.field-experience{margin-block:3px 12px;padding:23px 20px;border-inline-start-width:4px;gap:17px}.field-experience h2{font-size:29px}.field-experience p{font-size:14px;line-height:1.9}.process-story{padding-block:46px}.story-visual{border-radius:4px}.calculator-disclosure>summary strong{font-size:20px}.calculator-disclosure>summary small{font-size:11px}.calculator-disclosure>summary>b{font-size:12px}.lead-section{gap:30px}.lead-intro h2{font-size:39px}.lead-intro>p:not(.section-index){font-size:17px}.review-offer{padding:20px}.review-offer ul{font-size:14px}.review-offer>p{font-size:12px}.form-card{padding:25px 19px}.form-card label{font-size:14px}.form-card .form-topline{font-size:12px}.form-bottom-note{font-size:10px}.faq-section{padding-block:44px}.faq-list summary{font-size:16px}.faq-list details>p{font-size:14px}.final-cta{margin-block:38px;padding:35px 19px}.final-cta h2{font-size:32px}.final-cta>p:not(.eyebrow){font-size:14px}.final-cta .eyebrow{font-size:11px}.final-cta .button{font-size:16px}.site-footer .brand{font-size:23px}.site-footer p,.site-footer button{font-size:11px}.case-preview-body .evidence-body{padding:20px 13px}.case-preview-body .output-field>span{font-size:12px}.case-preview-body .output-field>strong{font-size:13px}
}
@media(max-width:360px){.hero h1{font-size:35px}.brand{font-size:21px}.header-inner>.button{font-size:10px;gap:7px}.hero-description{font-size:16px}.reality-hero{padding:19px 18px}.hero-reality-state h2{font-size:23px}.reality-steps li{font-size:14px}.work-choice strong{font-size:14px}.work-choice .choice-info>span{font-size:10px}.map-sources>div{font-size:10px;padding:10px}.work-intro h2{font-size:32px}.example-switcher>button{font-size:11px}.work-example{padding:20px 13px}.evidence-header b{font-size:8px}.output-field{grid-template-columns:1fr;gap:4px}.aging-bands span{font-size:9px}.before-after-copy .reality-steps li{font-size:13px}.case-pain{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hero-reality-state{animation:none}.work-choice:hover{transform:none}}

/* Solution panels use a calm, positive green across every tool. */
.before-after-copy>div+div{background:#e8f4ed;border-color:#2a956c}
.before-after-copy>div+div b{color:#155b43;flex-wrap:wrap;gap:8px}
.before-after-copy>div+div b>.icon{width:19px;height:19px;color:#20865f}
.before-after-copy>div+div b>span{color:#527c68}
.before-after-copy>div+div p{color:#265c48}
.case-evidence figcaption{justify-content:flex-end}
.case-evidence[data-evidence=hassala] .evidence-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.collection-alert{background:#e5f2e9;border-color:#a9d3bb;color:#215c43}
.collection-states{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 6px}
.collection-states>span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #c3d6c8;border-radius:4px;background:#f4f8f3;font-size:12px;color:#456859}
.collection-states>span:first-child{background:#e7f2e8;border-color:#aecdb5;color:#245c3e}
.collection-states>span:nth-child(2){background:#fcf4dc;border-color:#e1d2a7;color:#776021}
.collection-states .icon{width:16px;height:16px}
.message-demo{background:#e8f3e5;border-color:#c1d6b9;box-shadow:0 2px 0 #073c4208}
.message-demo>span{color:#55734c;font-size:11px}
.message-demo p{color:#285439}
.message-demo strong{font-weight:600;color:#174a2e}
.message-amounts{list-style:none;padding:0;margin:14px 0;display:grid;gap:0}
.message-amounts li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-block-start:1px solid #c5d9be;color:#3a6248;font-size:14px}
.message-amounts li:last-child{border-block-end:1px solid #c5d9be}
.message-amounts strong{white-space:nowrap}
.message-amounts span{font-size:12px}
.collection-extra-features{display:grid;gap:14px;margin-top:21px}
.collection-extra-features>div{position:relative;background:#eef6ef;border:1px solid #c9ded0;border-radius:5px;padding:18px}
.collection-extra-features .icon{width:26px;height:26px;color:#2f7859;margin-bottom:10px}
.collection-extra-features h5{font-size:19px;color:#18533c;font-weight:600;margin:0 0 7px}
.collection-extra-features p{font-size:14px;line-height:1.9;color:#4f7060;margin:0}
@media(max-width:650px){
  .case-evidence[data-evidence=hassala] .evidence-tabs button{font-size:11px;min-height:38px}
  .collection-states{gap:5px;margin-top:14px}
  .collection-states>span{font-size:10px;padding:6px 7px;gap:5px}
  .collection-states .icon{width:14px;height:14px}
  .message-amounts li{font-size:13px;gap:8px}
  .message-amounts span{font-size:11px}
  .collection-extra-features>div{padding:15px}
  .collection-extra-features h5{font-size:18px}
  .collection-extra-features p{font-size:13px}
}