:root{font-family:Arial,Helvetica,sans-serif;color:#122139;background:#f1f5fa;font-size:16px;line-height:1.55;--blue:#1269c7;--navy:#0c1830;--muted:#53657b}*{box-sizing:border-box}body{margin:0}header{background:var(--navy);color:white;padding:20px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:28px}.brand{letter-spacing:.12em;white-space:nowrap;font-size:19px}.brand b{color:#66bbff}.eyebrow{font-size:.78rem;letter-spacing:.12em;font-weight:700}header .eyebrow{color:#b0c5dc}header button{margin-left:auto;color:white!important;border-color:#5a6b83!important}main{max-width:1240px;margin:auto;padding:42px 24px}.intro{display:flex;justify-content:space-between;align-items:center;gap:32px}h1{font-size:clamp(2rem,4vw,3.65rem);letter-spacing:-.045em;line-height:1.06;margin:12px 0 20px}h2{font-size:1.55rem;line-height:1.25;margin:10px 0 20px}h3{font-size:1.05rem;margin:10px 0}.lead{color:var(--muted);font-size:1.1rem}.price{min-width:250px;border-left:3px solid #2886e6;padding:8px 0 8px 24px;max-width:300px}.price span{display:block;color:var(--muted);font-size:.9rem}.price strong{display:block;font-size:2.9rem;line-height:1.3}.price small{font-size:1rem}.notice{background:#e1ecf9;border:1px solid #b9cfe9;border-radius:8px;padding:13px 18px;font-size:.88rem;margin:24px 0}nav{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:25px 0 16px}button{font:inherit;cursor:pointer;border:1px solid transparent;padding:11px 18px;background:var(--blue);color:white;border-radius:6px;min-height:44px;font-weight:700}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ec9900;outline-offset:3px}.quiet{background:transparent;color:var(--navy);border-color:#9dacc0}button:disabled{opacity:.45;cursor:default}nav button{background:#e1e8f1;color:#40546e;text-align:left;padding:12px;font-size:.88rem}nav button span{display:block;font-size:.75rem;margin-bottom:5px}nav button[aria-current=step]{background:var(--navy);color:white}.workspace{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid #c8d4e2;border-radius:12px;overflow:hidden;background:white;min-height:500px}.customer{padding:26px;background:#e9eff6}.panelhead{display:flex;justify-content:space-between;color:#516780;font-size:.8rem;margin-bottom:24px}.operator{padding:32px}.operator ul{padding-left:20px;color:#394d66}.operator li{margin:12px 0}.proof{border-left:3px solid #2388e1;padding:10px 16px;background:#eef5fd;margin:24px 0}.proof p{margin:6px 0;font-size:.92rem}.controls{display:flex;justify-content:space-between;gap:12px}.card{background:white;padding:25px;border:1px solid #cfdae5;border-radius:10px;box-shadow:0 10px 24px #12305209}.searchbar{border:1px solid #b6c6d9;border-radius:30px;padding:13px 20px;margin-bottom:24px;background:white;color:#435875}.label{display:inline-block;font-size:.78rem;color:#476a8e;background:#edf3fa;padding:4px 8px;border-radius:3px}.card h2{margin:12px 0}.small{color:var(--muted);font-size:.9rem}.card button{width:100%;margin-top:16px}.rating{color:#886009}.facts{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.facts span{background:#eef3f8;padding:5px 10px;font-size:.87rem;border-radius:4px}label{display:block;font-weight:700;font-size:.9rem;margin-top:15px}input,select,textarea{font:inherit;padding:11px;border:1px solid #8fa2b8;border-radius:5px;width:100%;background:white;color:#122139}textarea{min-height:100px;resize:vertical}.success{background:#e3f4ef;border:1px solid #91beae;padding:14px;border-radius:6px;margin-top:15px}.sampletext{background:#f1f5f9;padding:16px;border-radius:5px;border-left:3px solid #9aadc4}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.track{margin:36px 0;padding:25px;background:white;border:1px solid #c8d4e2;border-radius:12px}#progress{font-size:.9rem;color:var(--muted)}#ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.entry{padding:14px;background:#f1f5fa;border-radius:5px}.entry b,.entry span{display:block}.entry span{font-size:.83rem;color:var(--muted);margin-top:4px}.entry.done{background:#e6f3ee}.scope{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:30px;border-top:1px solid #c1cfdf;padding-top:28px}.scope p,.scope li{font-size:.92rem}.scope ul{padding-left:19px}.fine,.sources{font-size:.8rem;color:var(--muted)}.sources{margin-top:35px}.sources a{color:#145da4}summary{cursor:pointer}footer{background:var(--navy);padding:25px;color:white;text-align:center;font-size:.85rem;letter-spacing:.1em}footer span{color:#9eb3cd;margin-left:20px}@media(max-width:800px){header .eyebrow{display:none}.intro{align-items:flex-start}.price{min-width:190px}nav{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:1fr}.operator{padding:24px}.scope{grid-template-columns:1fr}.scope>div{border-bottom:1px solid #c8d4e2;padding-bottom:12px}#ledger{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){header{padding:16px;gap:12px}.brand{font-size:15px}header button{font-size:.8rem;padding:8px}main{padding:25px 16px}.intro{display:block}.price{margin-top:25px}.price strong{font-size:2rem}.customer{padding:16px}.card{padding:20px}.sectionhead{display:block}#progress{display:block;margin-bottom:15px}h1{font-size:2.6rem}.track{padding:18px}.controls button{padding:10px}.panelhead .eyebrow{font-size:.72rem}}

/* Resource-first pilot extension */
html{scroll-behavior:smooth;scroll-padding-top:20px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.button{display:inline-flex;align-items:center;min-height:46px;padding:11px 18px;border-radius:6px;background:var(--blue);color:white;text-decoration:none;font-weight:700}.button.secondary{background:#e1e8f1;color:var(--navy)}.button:focus-visible{outline:3px solid #ec9900;outline-offset:3px}.intro{padding:18px 0}.opportunities{border-top:4px solid var(--blue);background:white;border-radius:10px;padding:28px;margin:28px 0 36px;box-shadow:0 12px 30px #0c18300a}.opportunity-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;margin:24px 0}.opportunity-result{background:var(--navy);color:#fff;border-radius:8px;padding:24px}.opportunity-result .eyebrow{color:#9dd4ff}.opportunity-result p{margin:12px 0}.opportunity-result .measure{border-top:1px solid #546984;padding-top:14px}.value-check{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;border-top:1px solid #c8d4e2;padding-top:20px}.value-check output{grid-column:1/-1;background:#eaf3ff;padding:16px;font-size:1.1rem;font-weight:700}.value-check label{margin-top:0}.eyebrow,.label,.fine,.sources,nav button span,.panelhead .eyebrow{font-size:.875rem}input[type=number]{margin-top:8px}#opportunities,#steps{scroll-margin-top:20px}@media(max-width:800px){.opportunity-grid,.value-check{grid-template-columns:1fr}.opportunities{padding:20px}.hero-actions .button{flex-grow:1;justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Clear service advert around the existing interactive example. */
.brand{color:#eaf4ff;text-decoration:none;font-weight:700;letter-spacing:-.03em;font-size:24px}header{flex-wrap:wrap}.intro>div{max-width:790px}.price strong{font-size:2rem;line-height:1.2;margin:12px 0;color:#125da6}.price{min-width:250px}.lead{max-width:700px}.service-contact{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:36px;background:#0c1830;color:#fff;padding:36px;border-radius:12px;margin-top:36px}.service-contact h2{font-size:2rem;letter-spacing:-.03em}.service-contact p,.service-contact li{color:#c5d4e8;line-height:1.7}.service-contact li{padding:5px 0}.service-contact .small{font-size:.9rem}.service-contact a:not(.button){color:#9fd5ff}.service-contact .button{background:#92d2ff;color:#0c1830;justify-content:center;text-align:center;width:100%}.back-home{display:inline-block;margin-top:10px}#contact-dan{scroll-margin-top:24px}
@media(max-width:800px){.intro{display:block}.price{max-width:none;margin:24px 0;padding:18px 24px;background:#e5edf8;border-radius:8px}.price strong{font-size:1.6rem}.price strong br{display:none}.price strong br:after{content:' '}.service-contact{grid-template-columns:1fr;gap:16px;padding:26px}.hero-actions{align-items:stretch}.hero-actions a{width:100%}}@media(max-width:380px){header button{margin-left:0}h1{font-size:2.1rem}.service-contact{padding:20px}.service-contact h2{font-size:1.7rem}}