/* A service enquiry sits at the centre of the hero. Active chat retains its workspace layout. */
.service-funnel .site-header{height:84px}.header-call{background:none;color:#edc69b;border-bottom:1px solid #a8845d;font-size:14px;padding:10px 0;min-height:44px}.header-call span{margin-left:14px}
.service-funnel .idea-scene{padding-top:24px}.service-funnel .hero-copy .eyebrow{font-size:12px;letter-spacing:1.7px;color:#e4c3a0}.service-funnel .hero-copy h1{font-size:80px;letter-spacing:-4.6px;line-height:1.02;margin:16px 0 20px}.service-funnel .hero-copy>.hero-problem{max-width:870px;font-size:32px;line-height:1.35;font-weight:700;color:#f3f0e9;letter-spacing:-.9px}.service-funnel .hero-copy>.hero-service{max-width:850px;margin:14px auto 0;font-size:22px;line-height:1.55;color:#d0d5d4;letter-spacing:-.3px}.service-funnel .hero-copy>.hero-service strong{font-weight:700;color:#f1e5d4}
.service-funnel .artifact-caption,.service-funnel .horizon-grid{display:none}.service-funnel .hero-artifacts{opacity:.48}.service-funnel .scene-motif{opacity:.45}.service-funnel .workspace-wrap:not(.expanded){width:min(920px,calc(100% - 48px));margin-top:24px}.service-funnel .workspace:not(.is-active){border:1px solid #9f8f775e;background:linear-gradient(140deg,#1c262c,#141c22);box-shadow:0 30px 90px #0008,0 0 0 5px #ddbf9310;border-radius:10px;overflow:hidden}.service-funnel .workspace:not(.is-active) .desk-header{padding:20px 30px;min-height:78px}.service-funnel .workspace:not(.is-active) .desk-avatar{width:38px;height:38px}.service-funnel .workspace:not(.is-active) .desk-identity h2{font-size:18px;color:#f0ede6}.service-funnel .workspace:not(.is-active) .desk-identity h2>span{font-size:16px;color:#c9d0d0}.service-funnel .desk-identity p{font-size:13px;color:#bbc5c7;line-height:1.5;margin-top:3px}.service-funnel .workspace:not(.is-active) .desk-status,.service-funnel .workspace:not(.is-active) .desk-footer{display:none}.service-funnel .workspace:not(.is-active) .composer{padding:26px 30px 28px}.service-funnel .workspace:not(.is-active) .composer-label{font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.7px;color:#faf3e7;max-width:760px;margin-bottom:20px}.service-funnel .workspace:not(.is-active) .composer textarea{min-height:112px;max-height:220px;border:1px solid #69808b;background:#0b141a;border-radius:5px;padding:17px 19px;font-size:20px;color:#faf7ef;line-height:1.55}.service-funnel .workspace:not(.is-active) .composer textarea::placeholder{color:#b6c0c5}.service-funnel .workspace:not(.is-active) .composer textarea:focus{border-color:#f2c991;box-shadow:0 0 0 3px #f2c99120}.service-funnel .workspace:not(.is-active) .composer-toolbar{padding-top:20px;gap:20px}.service-funnel .workspace:not(.is-active) .composer-tools{gap:16px}.service-funnel .workspace:not(.is-active) .composer-tools button{font-size:13px;color:#bbc6ca;min-height:44px}.service-funnel .workspace:not(.is-active) #send-button{min-height:64px;min-width:360px;font-size:17px;letter-spacing:.1px;font-weight:800;padding:18px 24px;color:#20180f;background:#f2c68f;border:1px solid #f8d6a7;border-radius:4px;justify-content:space-between;gap:24px}.service-funnel .workspace:not(.is-active) #send-button:hover{background:#ffe0b5;box-shadow:0 5px 24px #e2b08020}.service-funnel .workspace:not(.is-active) #send-button span{font-size:25px}
.service-funnel .workspace-caption{font-size:16px;line-height:1.65;color:#d4d4cb;margin:18px auto 0;max-width:none}.human-route{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;margin-top:13px;font-size:16px;color:#b3bec0}.human-route button{padding:5px 0;background:none;color:#f1c99a;border-bottom:1px solid #987a55;font-size:16px;min-height:44px}.human-route button span{margin-left:10px}.workspace-wrap.expanded .human-route{display:flex}
.service-funnel .starter-prompts{margin-top:22px;display:block}.service-funnel .quick-replies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;overflow:visible}.service-funnel .quick-replies>button{white-space:normal;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:94px;padding:19px 20px;border-radius:5px;border:1px solid #485a63;background:#162028;color:#e2e7e5;font-size:16px;line-height:1.5}.service-funnel .quick-replies>button:after{content:'↗';font-size:23px;color:#e5bb8a}.service-funnel .quick-replies>button:hover{background:#24323b;border-color:#bd986e}.service-funnel .quick-replies>button:focus-visible{outline:2px solid #efc58d;outline-offset:4px}
.delivery-ownership{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.7fr;gap:65px;padding:52px 0 30px;margin-top:44px;border-top:1px solid #ffffff24}.delivery-intro>span{font-size:11px;letter-spacing:1.4px;color:#d3b592}.delivery-intro h2{font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-.8px;margin-top:13px}.delivery-intro>p{font-size:16px;line-height:1.7;color:#b7c1c3;margin-top:17px;max-width:390px}.delivery-ownership ol{padding:0;list-style:none;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.delivery-ownership li>span{font-size:13px;color:#d3b592}.delivery-ownership strong{display:block;font-size:19px;line-height:1.4;font-weight:400;margin-top:11px;color:#f1ede4}.delivery-ownership li p{font-size:15px;line-height:1.75;color:#b7c1c3;margin-top:12px}.service-funnel .scene-floor{margin-top:16px}.offer-human-link,.close-build-call{display:block;background:none;color:inherit;border-bottom:1px solid #8d977f;font-size:16px;line-height:1.6;text-align:left;margin-top:15px;padding:10px 0;min-height:44px}.close-build-call{color:#e7c194;border-color:#9e825c;margin:20px auto 0;text-align:center}.service-proof .sales-text-link{display:inline-flex;margin-right:30px}.service-funnel .start-note{font-size:15px}.service-funnel .bottom-composer .primary-button{min-height:60px;font-size:15px}
/* Build Call requests are an alternative to AI discovery, not a simulated live agent. */
.call-dialog{width:min(610px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #687873;border-radius:10px;background:#f2f0e9;color:#24332c;box-shadow:0 35px 120px #0009;overflow:auto}.call-dialog::backdrop{background:#050b10c9;backdrop-filter:blur(8px)}.call-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 0}.call-dialog header>span{font-size:12px;letter-spacing:1.4px;color:#61715d}.call-dialog header>button{width:44px;height:44px;font-size:30px;background:transparent;color:#26362d}.call-dialog form,.call-confirmation{padding:14px 28px 28px}.call-dialog h2{font-size:32px;font-weight:400;line-height:1.15;letter-spacing:-.8px;margin-bottom:16px}.call-dialog p{font-size:16px;line-height:1.7;color:#50614f}.call-dialog label{display:block;font-size:14px;line-height:1.5;margin-top:18px}.call-dialog input,.call-dialog textarea{display:block;width:100%;margin-top:7px;border:1px solid #8d9e88;border-radius:4px;padding:12px;font:inherit;font-size:16px;background:#fffefa;color:#24332c}.call-dialog textarea{min-height:105px;resize:vertical}.call-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.call-dialog button[type=submit]{display:block;width:100%;min-height:60px;font-size:17px;font-weight:700;background:#283d31;color:#fbf8ef;border-radius:4px;margin-top:23px;padding:14px}.call-dialog button:disabled{opacity:.55;cursor:wait}.call-dialog .call-status{margin-top:14px;color:#8a3328}.call-dialog .call-status:empty{display:none}.call-dialog .call-note{font-size:13px;margin-top:12px}.call-confirmation strong{display:block;font-size:18px;margin:18px 0 7px}.call-dialog :focus-visible{outline:2px solid #977244;outline-offset:3px}
@media(max-width:1000px){.service-funnel .site-header nav{gap:20px}.header-call{display:none}.service-funnel .hero-copy h1{font-size:70px}.service-funnel .hero-copy>.hero-problem{font-size:29px;max-width:770px}.service-funnel .hero-copy>.hero-service{font-size:21px}.delivery-ownership{grid-template-columns:1fr;gap:30px}.delivery-intro>p{max-width:600px}.delivery-ownership ol{gap:30px}.service-funnel .hero-artifacts{opacity:.3}}
@media(max-width:600px){.service-funnel .site-header{height:64px}.service-funnel .site-header nav>a:last-child{font-size:13px}.service-funnel .idea-scene{padding-top:19px}.service-funnel .hero-copy .eyebrow{font-size:10px;letter-spacing:1px}.service-funnel .hero-copy h1{font-size:49px;line-height:1.01;letter-spacing:-2.8px;margin:14px 0 17px}.service-funnel .hero-copy>.hero-problem{font-size:22px;line-height:1.35;letter-spacing:-.5px;max-width:370px}.service-funnel .hero-copy>.hero-service{font-size:17px;line-height:1.5;margin-top:12px}.service-funnel .workspace-wrap:not(.expanded){width:calc(100% - 28px);margin-top:22px}.service-funnel .workspace:not(.is-active) .desk-header{padding:15px 18px;min-height:70px;gap:10px}.service-funnel .workspace:not(.is-active) .desk-avatar{width:30px;height:30px;flex-shrink:0}.service-funnel .workspace:not(.is-active) .desk-identity h2{font-size:15px}.service-funnel .workspace:not(.is-active) .desk-identity h2>span{font-size:12px}.service-funnel .workspace:not(.is-active) .desk-identity p{font-size:12px;max-width:270px}.service-funnel .workspace:not(.is-active) .composer{padding:20px 18px}.service-funnel .workspace:not(.is-active) .composer-label{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin-bottom:16px}.service-funnel .workspace:not(.is-active) .composer textarea{font-size:17px;padding:13px 14px;min-height:106px}.service-funnel .workspace:not(.is-active) .composer-toolbar{flex-wrap:wrap;padding-top:14px;gap:9px}.service-funnel .workspace:not(.is-active) #send-button{min-width:0;width:100%;min-height:60px;font-size:14px;padding:16px 17px;gap:8px;order:0}.service-funnel .workspace:not(.is-active) .composer-tools{order:1;width:100%;justify-content:center;gap:25px}.service-funnel .workspace:not(.is-active) .composer-tools button{font-size:12px;min-height:35px}.service-funnel .workspace:not(.is-active) .composer-tools button span{display:initial}.service-funnel .workspace-caption{font-size:15px;line-height:1.6;max-width:340px;margin-top:18px}.human-route{font-size:15px;gap:0;margin-top:12px}.human-route span{display:block;width:100%;text-align:center}.human-route button{font-size:16px}.human-route button span{display:inline;width:auto}.service-funnel .starter-prompts{margin-top:20px}.service-funnel .quick-replies{grid-template-columns:1fr;gap:10px}.service-funnel .quick-replies>button{min-height:70px;font-size:16px;padding:17px 18px}.delivery-ownership{padding-top:30px;margin-top:34px;gap:25px}.delivery-intro>span{font-size:10px}.delivery-intro h2{font-size:28px}.delivery-ownership ol{grid-template-columns:1fr;gap:23px}.delivery-ownership li{display:flex;gap:17px}.delivery-ownership li>span{padding-top:5px}.delivery-ownership strong{margin:0;font-size:20px}.delivery-ownership li p{font-size:16px;margin-top:7px}.service-funnel .scene-floor{display:none}.service-proof .sales-text-link{display:flex;margin-right:0}.call-dialog header{padding:16px 20px 0}.call-dialog form,.call-confirmation{padding:12px 20px 24px}.call-dialog h2{font-size:28px}.call-fields{grid-template-columns:1fr;gap:0}.service-funnel .bottom-composer .primary-button{font-size:13px}.service-funnel .start-note{font-size:14px}.close-build-call{font-size:15px}}
@media(max-width:359px){.service-funnel .hero-copy h1{font-size:43px}.service-funnel .hero-copy>.hero-problem{font-size:20px}.service-funnel .hero-copy>.hero-service{font-size:16px}.service-funnel .workspace:not(.is-active) .desk-identity h2>span{display:none}.service-funnel .workspace:not(.is-active) .composer-label{font-size:21px}.service-funnel .workspace:not(.is-active) #send-button{font-size:12px}}
/* Never let marketing dimensions displace the conversation composer on phones. */
@media(max-width:600px){.service-funnel.chat-open .workspace:not(.is-active) .composer{padding:16px}.service-funnel.chat-open .workspace:not(.is-active) .desk-header{padding:12px}.service-funnel.chat-open .workspace:not(.is-active) .composer-label{font-size:21px}.service-funnel.chat-open .workspace:not(.is-active) .desk-identity h2>span{display:none}.service-funnel.chat-open .workspace.is-active .desk-identity h2>span{font-size:9px}.service-funnel.chat-open .desk-identity p{font-size:11px}}
body.call-open{overflow:hidden}.call-dialog [hidden]{display:none!important}
@media(max-width:600px){.service-funnel .site-header nav{display:none}.service-funnel .header-call{display:inline-flex;align-items:center;gap:9px;font-size:13px}.service-funnel .header-call span{margin-left:0}}
