/* Conversion experience: AI Digital Assistants. */
:root { --dw-green:#24783e; --dw-soft:#f4f7f6; }
section[id] { scroll-margin-top:110px; }
.conversion-hero { padding:72px 0; background:linear-gradient(130deg,#fff,#eaf3ef); }
.conversion-hero h1 { font-size:clamp(2.7rem,5vw,4.5rem); letter-spacing:-.055em; }
.conversion-hero h1 span { color:var(--dw-green); }
.conversion-hero .hero-grid { grid-template-columns:1fr 1fr; gap:54px; }
.hero-assurance { margin:24px 0 0; font-size:.85rem; color:var(--dw-muted); }
.work-preview,.worker-passport { border:1px solid #d5e2df; background:#fff; border-radius:22px; padding:28px; box-shadow:0 24px 60px #102e4620; }
.preview-top { display:flex; gap:8px; align-items:center; flex-wrap:wrap; font-size:.75rem; color:var(--dw-muted); padding-bottom:18px; border-bottom:1px solid var(--dw-line); }
.status-dot { width:7px; height:7px; border-radius:50%; background:#74d49a; }
.preview-tag { display:inline-block; padding:4px 9px; color:#426050; background:#edf6ef; border-radius:6px; font-size:.7rem; }
.preview-top .preview-tag { margin-left:auto; }
.preview-person { display:flex; gap:15px; align-items:center; margin:25px 0; }
.preview-person h2 { font-size:1.7rem; margin:0; }
.preview-person p { margin-bottom:8px; }
.role-symbol { display:grid; place-items:center; width:52px; height:52px; flex-shrink:0; border:1px solid #c1d9ee; border-radius:15px; color:#075db4; background:#eaf4ff; font-size:1.8rem; font-weight:700; }
.document-preview { margin:0 10px; padding:22px; border:1px solid var(--dw-line); border-radius:10px; background:#fafcfb; }
.document-label { display:block; color:var(--dw-muted); font-size:.68rem; letter-spacing:.13em; margin-bottom:7px; }
.document-preview>strong { display:block; font-size:1.25rem; margin-bottom:18px; }
.document-preview div { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid var(--dw-line); font-size:.8rem; }
.review-text { color:#915309; }
.handoff { display:flex; align-items:center; gap:12px; padding:16px; background:#eaf5ed; border-radius:10px; margin:18px 0; }
.handoff>span { color:var(--dw-green); font-size:1.6rem; }
.handoff strong { font-size:.85rem; }
.handoff p { font-size:.73rem; margin:4px 0 0; }
.text-link { display:inline-block; font-weight:800; text-decoration:none; }
.promise-strip { background:var(--dw-navy); color:#fff; padding:22px 0; }
.promise-strip .container { display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.promise-strip span { color:#c6d8e6; font-size:.88rem; }
.section-heading { display:grid; grid-template-columns:1.1fr 1fr; gap:60px; align-items:end; margin-bottom:35px; }
.section-heading h2 { margin-bottom:0; }
.section-heading .lead { font-size:1.08rem; margin-bottom:0; }
.worker-card--new { padding:24px; box-shadow:none; border-top:3px solid #1769e0; }
.worker-card--new:nth-child(2n) { border-top-color:var(--dw-green); }
.worker-card__top { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:24px; }
.role-label { font-size:.7rem; color:var(--dw-muted); text-transform:uppercase; letter-spacing:.06em; }
.worker-card--new .worker-name { font-size:1.7rem; font-weight:850; color:var(--dw-navy); margin-bottom:6px; }
.worker-card--new h3 { font-size:1.03rem; line-height:1.35; min-height:2.7em; }
.worker-card--new h3 a { color:var(--dw-navy); text-decoration:none; }
.worker-card--new>p:not(.worker-name) { font-size:.87rem; }
.worker-flow { padding:10px 0; border-block:1px solid var(--dw-line); color:#246d48; font-size:.75rem!important; font-weight:700; }
.worker-card__meta { padding-top:10px; font-size:.79rem; }
.worker-boundary { font-size:.76rem; }
.worker-card__link { font-size:.94rem; }
.opportunity-grid { margin:32px 0 24px; }
.opportunity { display:flex; justify-content:space-between; gap:16px; padding:24px; border:1px solid var(--dw-line); border-radius:12px; text-decoration:none; font-weight:750; color:var(--dw-navy); }
.opportunity:hover { background:var(--dw-soft); border-color:var(--dw-green); }
.boundary-grid { margin:40px 0; }
.boundary-grid>div { padding-top:20px; border-top:1px solid #42627b; }
.boundary-grid span { color:#83d5a6; font-size:.8rem; }
.boundary-grid h3 { margin-top:18px; }
.boundary-grid p { color:#cad8e4; font-size:.95rem; }
.light-link { color:#c2edda; font-weight:750; }
.light-link:hover { color:#fff; }
.launch-steps { margin:35px 0; }
.launch-steps span { display:inline-block; color:var(--dw-green); padding:6px 12px; background:#eaf5ed; border-radius:7px; margin-bottom:20px; font-weight:800; }
.launch-steps p { font-size:.92rem; }
.sbs-note { margin-top:40px; display:flex; flex-wrap:wrap; gap:12px 24px; padding:22px; border:1px solid var(--dw-line); border-radius:12px; font-size:.88rem; }
.enquiry-layout { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:start; }
.next-step { padding-top:22px; margin-top:30px; border-top:1px solid var(--dw-line); color:var(--dw-muted); }
.form-card h2 { font-size:1.6rem; }
.form-hint { font-size:.78rem; color:var(--dw-muted); margin:8px 0 0; font-weight:400; }
.form-card .button { width:100%; border-radius:12px; font-size:.94rem; }
.form-card .button:disabled { opacity:.65; cursor:wait; }
.form-card label:has(input[type=checkbox]) { font-weight:400; font-size:.8rem; }
.alex-demo { border:1px solid #d4e1de; border-radius:20px; background:#fff; padding:28px; }
.demo-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding-bottom:24px; border-bottom:1px solid var(--dw-line); }
.demo-controls { display:flex; gap:10px; flex-wrap:wrap; }
.demo-controls[hidden] { display:none; }
.demo-controls .button { font:inherit; font-size:.83rem; min-height:42px; padding:8px 16px; }
.demo-layout { display:grid; grid-template-columns:1.15fr 1fr; gap:38px; margin-top:28px; }
.demo-steps { padding:0; margin:0; list-style:none; counter-reset:demo; }
.demo-steps li { position:relative; padding:14px 14px 14px 54px; border-left:3px solid #dce5e2; border-radius:0 8px 8px 0; margin-bottom:8px; }
.demo-steps li::before { counter-increment:demo; content:counter(demo,decimal-leading-zero); position:absolute; left:13px; top:14px; color:var(--dw-muted); font-size:.8rem; }
.demo-steps strong,.demo-steps span { display:block; }
.demo-steps strong { font-size:.95rem; }
.demo-steps span { font-size:.82rem; color:var(--dw-muted); margin-top:4px; }
.demo-steps li.is-active { border-color:var(--dw-green); background:#edf7f0; }
.demo-steps li.is-complete { border-color:#78b693; }
.demo-output { padding:28px; background:#f3f7fb; border:1px solid #d7e3ec; border-radius:16px; align-self:start; }
.demo-output>p { font-size:.86rem; }
.demo-status { padding:22px; border:1px solid #cfddd6; border-radius:10px; background:#fff; font-size:1.1rem; font-weight:750; color:var(--dw-navy); min-height:150px; }
.demo-boundary { margin-top:24px; font-size:.84rem; }
.demo-boundary p { color:var(--dw-muted); margin:8px 0 0; }
.passport-name { display:flex; gap:16px; align-items:center; padding:16px 0; }
.passport-name h2 { margin:0; }
.passport-name p { margin:6px 0 0; }
.worker-passport dl { margin:12px 0 0; }
.worker-passport dl>div { padding:12px 0; border-top:1px solid var(--dw-line); }
.worker-passport dt { color:var(--dw-muted); text-transform:uppercase; font-size:.68rem; letter-spacing:.07em; }
.worker-passport dd { margin:4px 0 0; font-weight:700; font-size:.94rem; }
.profile-list { padding-left:22px; }
.profile-list li { padding:7px 0; }
.human-card { background:#f0f7f2; }
.primary-nav .nav-enquiry { display:none; }
/* The homepage is a single edge-to-edge banner, with a diagram drawn in CSS. */
.home .conversion-hero { position:relative; isolation:isolate; overflow:hidden; color:#d8e6f1; background:radial-gradient(ellipse at 90% 110%,#236641 0,transparent 48%),radial-gradient(ellipse at 60% -40%,#174d7a 0,transparent 65%),#071d32; padding:64px 0 58px; }
.home .conversion-hero::before { content:''; position:absolute; z-index:-1; width:640px; height:640px; right:-180px; top:-130px; border:1px solid #ffffff12; border-radius:50%; box-shadow:0 0 0 65px #ffffff05,0 0 0 130px #ffffff04; }
.home .conversion-hero .hero-grid { grid-template-columns:1.15fr 1fr; gap:70px; }
.home .conversion-hero h1 { color:#fff; font-size:clamp(3rem,5.4vw,4.65rem); }
.home .conversion-hero h1 span { color:#8ae0aa; }
.home .conversion-hero .eyebrow { color:#8ae0aa; }
.home .conversion-hero .lead { color:#eef5fa; font-size:1.22rem; }
.home .conversion-hero .hero-assurance { color:#bfd1df; }
.home .conversion-hero .button { background:#a2ebbe; border-color:#a2ebbe; color:#102c20; border-radius:9px; font-size:.88rem; padding:12px 18px; }
.home .conversion-hero .button:hover { background:#cbf7db; border-color:#cbf7db; }
.home .conversion-hero .button--ghost { color:#fff; background:transparent; border-color:#7695a8; }
.home .conversion-hero .button--ghost:hover { background:#ffffff12; }
.home .work-preview { color:#d8e6f1; background:#ffffff06; border:1px solid #ffffff24; border-radius:18px; box-shadow:none; backdrop-filter:blur(8px); padding:24px; }
.home .preview-top { color:#bdd1df; border-color:#ffffff24; }
.home .conversion-hero .preview-tag { background:#ffffff10; color:#d6e7de; }
.home .preview-person h2 { color:#fff; font-size:1.5rem; }
.home .preview-person .card__label { color:#8ae0aa; }
.home .document-preview { color:var(--dw-navy); background:#f9fcfa; border:0; transform:rotate(-1deg); box-shadow:0 12px 25px #0002; }
.home .handoff { background:#1d4d41; color:#e8fff0; }
.home .handoff>span { color:#a2ebbe; }
.home .work-preview>.text-link { color:#a2ebbe; font-size:.9rem; }
.home .promise-strip { border-top:1px solid #ffffff25; background:#0c283d; }
@media(min-width:1101px) { .site-brand__logo { width:235px; } .primary-nav ul { gap:16px; } .primary-nav a { font-size:.82rem; white-space:nowrap; } .header-inner { gap:18px; } .header-cta { font-size:.82rem; padding:10px 18px; } .header-cta { display:inline-flex; } .menu-toggle { display:none; } .primary-nav { display:block; position:static; border:0; padding:0; background:none; box-shadow:none; } .primary-nav ul { flex-direction:row; align-items:center; } }
@media(max-width:1100px) { .primary-nav .nav-enquiry { display:block; border-top:1px solid var(--dw-line); padding-top:8px; } }
@media(min-width:901px) { .home .grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:900px) { .conversion-hero .hero-grid,.home .conversion-hero .hero-grid { gap:28px; } .section-heading,.enquiry-layout { gap:28px; } .demo-layout { gap:20px; } }
@media(max-width:680px) { .conversion-hero,.home .conversion-hero { padding:44px 0; } .conversion-hero .hero-grid,.home .conversion-hero .hero-grid,.section-heading,.enquiry-layout,.demo-layout { grid-template-columns:1fr; } .conversion-hero h1,.home .conversion-hero h1 { font-size:2.85rem; } .conversion-hero .button-row { flex-direction:column; align-items:stretch; } .work-preview,.worker-passport,.alex-demo { padding:20px; } .preview-top .preview-tag { margin-left:0; } .document-preview { margin:0; padding:16px; } .preview-person h2 { font-size:1.4rem; } .section-heading { margin-bottom:26px; } .demo-output { padding:18px; } .worker-card--new h3 { min-height:0; } .demo-status { min-height:0; } }