/* Product decisions, project evidence and accessible enquiry journeys. */
.avatar-showcase + .product-showcase-section { padding-top:32px; }
.product-comparison { margin-top:24px; border:1px solid #d6e3dd; border-radius:18px; background:#fff; }
.product-comparison>summary,.demo-preference>summary,.video-description>summary { display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:48px; padding:20px 24px; font-weight:600; cursor:pointer; font-size:14px; }
.product-comparison>summary svg { width:18px; height:18px; }
.product-comparison[open]>summary svg { transform:rotate(180deg); }
.table-scroll { overflow:auto; border-top:1px solid #d6e3dd; }
table { border-collapse:collapse; width:100%; font-size:13px; line-height:1.65; }
caption { text-align:start; padding:16px 24px; color:#50665f; }
th,td { text-align:start; padding:18px 20px; border-bottom:1px solid #e1e9e4; vertical-align:top; }
thead { background:#edf4ef; }
tbody th { min-width:160px; }
.product-comparison>p { margin:16px 24px 22px; font-size:12px; color:#50665f; }
.product-comparison a { text-decoration:underline; text-underline-offset:3px; }
.product-bottom { flex-wrap:wrap; }
.demo-product-link { font-size:12px; }
.visual-footnote { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 16px; }
.visual-footnote>a { min-height:44px; display:inline-flex; align-items:center; font-size:12px; color:#194f47; text-decoration:underline; text-underline-offset:4px; }
a.hero-talk-frame { display:block; position:relative; }
a.hero-talk-frame:hover img { filter:brightness(.95); }
.language-switch { position:relative; }
.language-switch>summary { list-style:none; min-height:44px; display:flex; gap:6px; align-items:center; cursor:pointer; color:#194f47; font-size:12px; font-weight:600; }
.language-switch>summary::-webkit-details-marker { display:none; }
.language-switch svg { width:16px; height:16px; }
.language-switch>div { position:absolute; top:100%; right:0; background:white; border:1px solid #d6e3dd; box-shadow:0 10px 30px #183e3314; border-radius:12px; padding:8px; min-width:150px; z-index:20; }
.language-switch>div>a { display:flex!important; align-items:center; min-height:44px; padding:10px 14px; font-size:14px!important; border-radius:8px; }
.language-switch a[aria-current="page"] { background:#edf4ef; }
.nav-wrap { gap:20px; }
#navigation { gap:20px; }
.honey-field { position:absolute!important; left:-10000px; width:1px; height:1px; overflow:hidden; }
.demo-preference { border:1px solid #d6e3dd; border-radius:12px; margin-top:4px; }
.demo-preference>summary { padding:12px 16px; font-size:12px; }
.demo-preference>p,.demo-preference>.form-row,.demo-preference>label { margin:0 16px 14px; }
.demo-preference>p { font-size:12px; line-height:1.7; }
.consent-label { display:flex; align-items:flex-start; gap:12px; line-height:1.65; font-size:12px; }
.consent-label input { width:20px!important; height:20px; margin-top:3px; flex-shrink:0; accent-color:#194f47; }
.consent-label a { color:#194f47; text-decoration:underline; }
#enquiry-status { font-size:14px; line-height:1.7; margin-bottom:0; }
.enquiry-success { background:#edf5ec; border:1px solid #cbdcc8; border-radius:16px; padding:24px; margin-top:24px; }
.enquiry-success h3 { font-size:23px; margin-bottom:12px; }
.enquiry-success p { font-size:14px; line-height:1.8; }
button:disabled { opacity:.65; cursor:wait; }
.editorial-main { padding-bottom:80px; }
.editorial-hero { padding-top:80px; padding-bottom:64px; }
.editorial-hero h1 { font-size:clamp(42px,5.7vw,74px); line-height:1.1; letter-spacing:-.045em; margin:22px 0; }
.editorial-hero h1 em { color:#427b61; font-style:normal; }
.editorial-hero>p,.editorial-hero>div>p { max-width:620px; font-size:17px; line-height:1.9; color:#50665f; }
.editorial-hero>.text-link { margin-inline-end:24px; }
.editorial-section { padding-top:48px; padding-bottom:48px; }
.editorial-heading { max-width:730px; margin-bottom:32px; }
.editorial-heading h2,.case-story h2 { margin:14px 0 18px; font-size:clamp(28px,3.6vw,46px); line-height:1.18; letter-spacing:-.035em; }
.editorial-section p { font-size:15px; line-height:1.85; color:#50665f; }
.trust-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.trust-grid>article { background:#fff; border:1px solid #d6e3dd; border-radius:18px; padding:28px; }
.trust-grid article>span,.case-path article>span { display:block; color:#427b61; font-size:13px; font-weight:600; margin-bottom:18px; }
.trust-grid h3,.case-path h3 { font-size:21px; line-height:1.35; margin:0 0 12px; }
.trust-grid p,.case-path p { font-size:14px; margin-bottom:0; }
.editorial-callout { margin-top:36px; padding:36px; border-radius:24px; background:#edf5ec; border:1px solid #d6e3dd; }
.editorial-callout h3 { font-size:26px; margin-bottom:14px; line-height:1.35; }
.editorial-callout h2 { font-size:36px; margin-bottom:18px; line-height:1.2; }
.editorial-callout p { max-width:750px; }
.editorial-callout>.text-link { margin-inline-start:20px; }
.privacy-facts { max-width:900px; }
.privacy-facts>div { display:grid; grid-template-columns:210px 1fr; gap:30px; padding:24px 0; border-bottom:1px solid #d6e3dd; }
.privacy-facts dt { font-size:17px; font-weight:600; }
.privacy-facts dd { margin:0; font-size:15px; line-height:1.85; color:#50665f; }
.privacy-facts a,.editorial-note a { text-decoration:underline; text-underline-offset:3px; }
.editorial-note { font-size:12px!important; line-height:1.75!important; margin-top:20px; }
.case-hero { display:grid; grid-template-columns:1.35fr 1fr; gap:64px; align-items:center; }
.case-hero figure { margin:0; border-radius:24px; overflow:hidden; background:#194f47; }
.case-hero figure img { width:100%; height:400px; object-fit:cover; object-position:50% 20%; display:block; }
.case-hero figcaption { padding:20px 24px; color:white; font-size:13px; }
.case-facts { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.case-facts span { font-size:11px; padding:8px 12px; background:#edf4ef; border-radius:999px; border:1px solid #d6e3dd; }
.case-story { display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.case-path { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:40px; padding-top:32px; border-top:1px solid #d6e3dd; }
.case-video { width:100%; max-height:620px; border-radius:20px; background:#103e43; }
.video-description { border:1px solid #d6e3dd; border-radius:14px; margin-top:18px; }
.video-description p { padding:0 24px 20px; margin:0; }
.demo-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.demo-options>article { border:1px solid #d6e3dd; background:#fff; border-radius:20px; padding:28px; display:flex; flex-direction:column; align-items:flex-start; scroll-margin-top:110px; }
.demo-options img { width:100%; height:auto; display:block; border-radius:12px; margin-bottom:26px; }
.demo-options h2 { font-size:32px; line-height:1.2; margin:18px 0; letter-spacing:-.03em; }
.demo-options .btn { margin-top:auto; font-size:12px; }
.demo-options p { font-size:14px; }
.demo-options .eyebrow { font-size:9px; line-height:1.7; }
:focus-visible { outline:3px solid #a65b16; outline-offset:4px; }
button,a,summary,input,select,textarea { -webkit-tap-highlight-color:#d7e9dc; }
.btn,.text-link,.menu-toggle,.dialog-close { min-height:44px; }
.dialog-close { min-width:44px; }
.sector-tabs button { min-height:44px; }
input[type="date"],input[type="time"] { min-height:46px; }
body:has(dialog[open]) { overflow:hidden; }
[dir="rtl"] { font-family:Arial,"Inter",sans-serif; }
[dir="rtl"] .language-switch>div { left:0; right:auto; }
[dir="rtl"] .logo,[dir="rtl"] a[href^="mailto:"],[dir="rtl"] a[href^="tel:"],[dir="rtl"] input[type="email"] { direction:ltr; }
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3 { letter-spacing:0; }
[dir="rtl"] .editorial-hero h1 { line-height:1.35; }
@media(max-width:1100px) { #navigation { gap:14px; } .nav-wrap { gap:14px; } }
@media(max-width:1024px) { .language-switch { width:100%; } .language-switch>div { position:static; box-shadow:none; margin-bottom:10px; } .trust-grid,.demo-options { grid-template-columns:repeat(2,minmax(0,1fr)); } .case-hero { gap:32px; } .case-hero figure img { height:350px; } }
@media(max-width:700px) { .editorial-hero { padding-top:48px; padding-bottom:30px; } .editorial-hero h1 { font-size:42px; } .editorial-hero>p,.editorial-hero>div>p { font-size:15px; } .editorial-section { padding-top:32px; padding-bottom:32px; } .trust-grid,.demo-options,.case-story,.case-hero { grid-template-columns:1fr; } .trust-grid>article,.demo-options>article { padding:24px; } .case-story { gap:26px; } .case-path { grid-template-columns:1fr 1fr; } .privacy-facts>div { grid-template-columns:1fr; gap:10px; } .editorial-callout { padding:26px; } .editorial-callout>.text-link { margin-inline-start:0; } .product-comparison summary { padding:18px; font-size:13px; } .product-comparison table { min-width:760px; } .product-comparison caption { text-align:start; } .consent-label { font-size:12px; } form input,form select,form textarea { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
/* Keep small labels and support copy readable on pale cards. */
:root { --teal:#176b64; }
.form-note,.footer-brand p,.footer-column a,.footer-column>span,.footer-bottom,
.faq-section>div>p,.faq-list p,.cta-section p,.starting-price,.overview-price,
.live-demo-header small,.demo-under-card,.sector-product-label,.example-number,
.human-stage-number,.delivery-number,.product-number,.team-source,
.chat-art .art-label,.face-art .art-label,.chat-mock-head small,.bubble small,
.chat-input-mock,.website-chrome>small,.website-mini-nav,.face-widget-header>span:last-child,
.face-widget-text>span,.face-widget-text>p,.face-widget-input,.art-conversation p { color:#52685f; }
.phone-mock>p,.appointment span { color:#58617a; }
.form-note,.footer-bottom,.footer-brand p,.footer-column a,.footer-column>span { font-size:12px; line-height:1.8; }
.live-demo-header small,.demo-under-card,.mock-label,.live-demo-header .pill { font-size:11px; }
.hero .eyebrow,.sector-product-label,.example-number,.human-stage-number,.delivery-number { font-size:11px; }
.dialog-close { color:#52685f; }
.avatar-featured::after { background:linear-gradient(transparent 45%,#082e2add); }
@media(max-width:640px) { .hero .eyebrow { font-size:10px; } .nav-cta { font-size:11px; } }
.case-path li { padding-inline-end:12px; }
.case-path li h4 { font-size:19px; line-height:1.5; margin-bottom:10px; }
.localized-guide .case-path { padding-inline-start:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.localized-guide #product-human>img { width:260px; height:390px; object-fit:cover; border-radius:20px; margin:0 0 24px; }
.localized-guide #product-human>h3 { font-size:26px; line-height:1.4; margin:32px 0 18px; }
.localized-guide .editorial-section>.btn { margin-top:22px; }
.localized-guide .editorial-section>p { margin-bottom:16px; }
.localized-guide .editorial-hero>img { border-radius:16px; margin:24px 0; }
.localized-guide .agent-grid { margin:28px 0; }
@media(max-width:700px) { .localized-guide .case-path { grid-template-columns:1fr; } }
@media(max-width:640px) { .localized-guide .nav-cta { display:none; } }

/* Human X Lab: connected X symbol and refined wordmark */
.logo{display:inline-flex;align-items:center;gap:10px;direction:ltr;letter-spacing:normal;flex-shrink:0;color:#173f36}
.logo .brand-symbol{width:40px;height:40px;flex:none;display:block}
.brand-wordmark{display:flex;align-items:baseline;font-size:24px;font-weight:650;line-height:1;letter-spacing:-1.15px}
.brand-letter-x{color:#438b70;font-weight:750;margin:0 2px}
.brand-lab{font-weight:400;letter-spacing:-1px}
.footer-brand .logo .brand-symbol{width:42px;height:42px}
.footer-brand .brand-wordmark{font-size:25px}
.logo:hover .brand-symbol{filter:brightness(1.08)}
@media(max-width:640px){.logo{gap:8px}.logo .brand-symbol{width:33px;height:33px}.brand-wordmark{font-size:21px;letter-spacing:-1px}.footer-brand .brand-wordmark{font-size:24px}}
@media(max-width:360px){.logo{gap:6px}.logo .brand-symbol{width:29px;height:29px}.brand-wordmark{font-size:19px}}

/* AI for Humanity: a human figure at the centre of connected intelligence */
.brand-lockup{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.brand-tagline{font-size:8px;line-height:1;font-weight:600;letter-spacing:2.1px;color:#527565;white-space:nowrap}
.logo .brand-symbol{width:43px;height:43px}
@media(max-width:640px){.brand-lockup{gap:5px}.brand-tagline{font-size:6.5px;letter-spacing:1.75px}.logo .brand-symbol{width:36px;height:36px}}
@media(max-width:360px){.logo .brand-symbol{width:32px;height:32px}.brand-tagline{font-size:6px;letter-spacing:1.5px}}

/* Bring the homepage introduction and product overview closer together. */
#top.hero{min-height:0;padding-bottom:30px}
#products.products-section{padding-top:36px}
@media(max-width:640px){#top.hero{padding-bottom:22px}#products.products-section{padding-top:28px}}

/* Responsive and keyboard-accessible foundations across every page. */
img,video,iframe{max-width:100%}
main,section,article,figure,.hero-copy,.hero-visual,.product-copy,.product-art,.sector-copy,.sector-image,.footer-column,.team-card,.editorial-heading{min-width:0}
p,li,dd,.profile-links a,.footer-column a{overflow-wrap:anywhere}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #397b60;outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:#173f36;color:white;padding:12px 18px;border-radius:8px}
.skip-link:focus{top:12px}
.menu-toggle{min-width:44px;min-height:44px;flex-shrink:0}
.team-source,.profile-links,.hero-actions,.cta-actions{flex-wrap:wrap}
.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}
@media(max-width:1024px){.nav-wrap{gap:12px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.wrap,.nav-wrap{width:calc(100% - 32px)}.hero h1{font-size:clamp(43px,10vw,59px)}.team-intro h1{font-size:clamp(39px,9vw,55px)}.hero-actions>.btn,.hero-actions>.text-link{min-height:44px}.team-grid,.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-source{gap:10px}.case-path{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.editorial-main img{height:auto}.editorial-main .case-hero figure img{height:280px;object-fit:cover}.footer-column a{display:inline-flex;align-items:center;min-height:36px}form input,form select,form textarea{font-size:16px}.live-demo-header{gap:8px}.live-demo-header .pill{font-size:10px}}
@media(max-width:480px){.header .nav-cta{display:none}.nav-wrap{gap:10px}.hero-actions{gap:14px}.product-bottom>.btn{max-width:100%;white-space:normal}.agent-card .team-card-copy{padding:16px 12px}.agent-card h3{font-size:20px}.avatar-featured figcaption>p{font-size:27px}.editorial-callout{padding:22px}.trevor-copy h3{font-size:32px}}
@media(max-width:360px){.team-grid,.agent-grid{gap:12px}.team-card-copy{padding:14px 10px}.team-card h3{font-size:15px}.team-card .profile-links{gap:8px}.brand-wordmark{font-size:18px}.editorial-hero h1{font-size:36px}.product-copy{padding:24px 20px}.live-demo-header .pill{display:none}}

.youtube-dialog{width:min(900px,calc(100vw - 32px));padding:32px;border:0;border-radius:18px;background:#fff}
.youtube-dialog::backdrop{background:#102a25b3;backdrop-filter:blur(5px)}
.youtube-dialog h2{font-size:clamp(24px,4vw,36px);line-height:1.2;margin:16px 32px 24px 0}
.youtube-player{aspect-ratio:16/9;background:#102a25;border-radius:12px;overflow:hidden}
.youtube-player iframe{display:block;width:100%;height:100%;border:0}
.youtube-fallback{margin:16px 0 0;font-size:13px;color:#397b60}
.product-watch-demo{min-height:44px}
@media(max-width:640px){.youtube-dialog{padding:24px 16px}.youtube-dialog h2{margin-top:14px;font-size:24px}.youtube-player{border-radius:8px}}

.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;position:relative;z-index:1}.social-links a{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;border:1px solid #cddfd2;border-radius:50%;background:#edf4ef;color:#245747}.social-links a:hover{background:#245747;color:white;border-color:#245747}.social-links svg{width:20px;height:20px;stroke:none}.contact-social{margin-top:24px;position:relative;z-index:1}.contact-social>span{font-size:12px;color:#527565}.contact-social .social-links{margin-top:10px}.contact-grid a{overflow-wrap:anywhere}.contact-enquire{margin-top:30px}

/* Recognisable colours for social and location links. */
.social-links a{background:white;border-color:#dae3df;box-shadow:0 2px 6px #173f3608}
.social-links .social-youtube,.social-links .social-youtube:hover{color:#ff0000}
.social-links .social-facebook,.social-links .social-facebook:hover{color:#1877f2}
.social-links .social-linkedin,.social-links .social-linkedin:hover{color:#0a66c2}
.social-links .social-maps,.social-links .social-maps:hover{color:#4285f4}
.social-links a:hover{background:#fff;border-color:currentColor;box-shadow:0 3px 10px #173f3618}
.social-links .social-maps:hover{border-color:#34a853}

/* Explicit fill overrides the site-wide outline-only SVG style. */
.social-links svg{display:block;width:22px;height:22px;fill:currentColor;stroke:none;opacity:1;visibility:visible}
.social-links a{flex-shrink:0}
.mrc-youtube-player{aspect-ratio:16/9;width:100%;background:#102a25;border-radius:16px;overflow:hidden}
.mrc-youtube-player iframe{display:block;width:100%;height:100%;border:0}

/* Solutions dropdown: all nine sector pages in the main navigation. */
.solutions-menu{position:relative}
.solutions-menu>summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;font-weight:500;color:#536265;cursor:pointer}
.solutions-menu>summary::-webkit-details-marker{display:none}
.solutions-menu>summary svg{width:14px;height:14px;transition:transform .15s}
.solutions-menu[open]>summary svg{transform:rotate(180deg)}
.solutions-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:540px;max-width:calc(100vw - 32px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:14px;background:white;border:1px solid #d7e4dc;box-shadow:0 18px 45px #14392d26;border-radius:16px;z-index:40}
#navigation .solutions-dropdown a{display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:normal;min-height:48px;padding:12px 14px;font-size:13px;color:#245747;border-radius:9px}
#navigation .solutions-dropdown a:hover,#navigation .solutions-dropdown a[aria-current="page"]{background:#edf5ef}
.solutions-dropdown svg{width:15px;height:15px}
@media(max-width:1024px){.solutions-menu{width:100%}.solutions-menu>summary{font-size:14px}.solutions-dropdown{position:static;width:100%;max-width:none;box-shadow:none;margin:8px 0 14px;padding:8px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.solutions-dropdown{grid-template-columns:1fr}#navigation .solutions-dropdown a{font-size:13px}}

.footer-contact-phone{font-size:12px;line-height:1.85;color:#52685f;margin:0 0 8px}
.footer-contact-phone b{font-weight:600}
.footer-column .footer-contact-phone a{display:inline;color:#52685f;font-size:12px;min-height:0}
.contact-grid p a{display:inline-block;min-height:36px}

.company-dropdown{width:240px;grid-template-columns:1fr}
.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.about-hero>div>p{font-size:16px;line-height:1.85;color:#50665f;margin-bottom:20px}
.about-hero figure{margin:0;border-radius:22px;overflow:hidden;background:#edf4ef}
.about-hero figure img{display:block;width:100%;height:490px;object-fit:cover}
.about-hero figcaption{padding:16px 20px;font-size:11px;color:#637b6c;line-height:1.7}
.about-purpose>p,.about-relationship>p{max-width:800px;margin-bottom:20px}
@media(max-width:1024px){.company-dropdown{width:100%}.about-hero{gap:30px}}
@media(max-width:700px){.about-hero{grid-template-columns:1fr;gap:30px}.about-hero figure img{height:auto;aspect-ratio:1.4}.about-hero>div>p{font-size:15px}}

/* The MRC project photograph retains its complete landscape composition. */
.case-hero .mrc-project-figure img.mrc-project-photo{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

.human-delivery-steps .delivery-bullet{font-size:22px;line-height:1;color:#527b60}

.human-delivery-steps .delivery-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#eaf3ed;color:#397b60;border:1px solid #d9e7dd}
.delivery-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.human-delivery-steps .delivery-icon{flex-basis:38px;width:38px;height:38px;border-radius:10px}.delivery-icon svg{width:21px;height:21px}}

/* Prominent product symbols replace numeric title badges. */
.product-heading-icon,.product-overview-card .overview-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(145deg,#164c43,#267b65);color:#fff;border:1px solid #3d8971;box-shadow:0 6px 16px #173f361b}
.product-heading-icon{width:64px;height:64px;border-radius:18px}
.product-heading-icon svg,.product-overview-card .overview-icon svg{width:38px;height:38px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.product-heading-icon .icon-accent,.overview-icon .icon-accent{stroke:#d7eaa8}
.product-overview-card .overview-icon{width:62px;height:62px;border-radius:17px;margin-bottom:22px}
.product-icon-face{background:linear-gradient(145deg,#174f65,#348a94)!important;border-color:#55949e!important}
.product-icon-chat{background:linear-gradient(145deg,#4e4a74,#8275a5)!important;border-color:#9c8db8!important}
.product-icon-phone{background:linear-gradient(145deg,#875624,#b48548)!important;border-color:#c69b5e!important}
.product-identity{align-items:center;gap:18px}
@media(max-width:640px){.product-heading-icon{width:52px;height:52px;border-radius:15px}.product-heading-icon svg{width:32px;height:32px}.product-overview-card .overview-icon{width:54px;height:54px;margin-bottom:18px}.product-overview-card .overview-icon svg{width:32px;height:32px}.product-identity{gap:14px}}

/* Jennifer brings a human presence to the AI Receptionist illustration. */
#product-phone .jennifer-reception-art{position:relative;min-height:580px;overflow:hidden;background:#e3ebe4;padding:0}
.jennifer-reception-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.jennifer-visual-label{position:absolute;top:22px;left:22px;padding:9px 12px;background:#ffffffd9;border:1px solid #ffffff85;border-radius:999px;font-size:8px;letter-spacing:.08em;color:#52685f}
.jennifer-availability{position:absolute;top:22px;right:22px;display:flex;align-items:center;gap:7px;background:#173f36ed;color:#eef5e9;border-radius:999px;padding:9px 12px;font-size:8px;letter-spacing:.04em}
.jennifer-call-card{position:absolute;left:24px;right:24px;bottom:24px;padding:22px 24px;border:1px solid #fff;border-radius:20px;background:#fffffff0;backdrop-filter:blur(16px);box-shadow:0 10px 35px #183c3126}
.jennifer-call-header{display:flex;align-items:center;gap:12px}
.jennifer-call-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#e4efe5;color:#397b60;flex-shrink:0}
.jennifer-call-icon svg{width:23px;height:23px}
.jennifer-call-header h4{font-size:22px;line-height:1.2;color:#173f36;letter-spacing:-.02em}
.jennifer-call-header>div>span{font-size:10px;color:#6d8073;display:block;margin-top:5px}
.jennifer-wave{display:flex;align-items:center;gap:3px;margin-left:auto;height:32px}
.jennifer-wave i{display:block;width:3px;border-radius:3px;background:#73a689;height:10px}
.jennifer-wave i:nth-child(2n){height:22px}.jennifer-wave i:nth-child(3n){height:30px}
.jennifer-call-card>p{font-size:18px;line-height:1.5;color:#294b3c;margin:17px 0}
.jennifer-call-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #dfe9e0;padding-top:12px;font-size:10px;color:#637b6d}
.jennifer-call-footer svg{width:17px;height:17px}
@media(max-width:640px){#product-phone .jennifer-reception-art{min-height:550px}.jennifer-visual-label{top:16px;left:16px;font-size:7px;padding:8px 9px}.jennifer-availability{top:16px;right:16px;font-size:7px;padding:8px 9px}.jennifer-call-card{left:16px;right:16px;bottom:16px;padding:18px}.jennifer-call-card>p{font-size:17px}.jennifer-call-footer{font-size:9px}}
@media(max-width:360px){.jennifer-wave{display:none}.jennifer-visual-label{max-width:125px;letter-spacing:0}.jennifer-availability{letter-spacing:0}}

/* Jennifer appears within the phone screen, with call details on the device. */
#product-phone .jennifer-reception-art{display:flex;align-items:center;justify-content:center;min-height:650px;padding:34px 24px;background:radial-gradient(ellipse at 50% 40%,#f5f8f1,#dfe9e1)}
.jennifer-phone{position:relative;width:300px;height:565px;flex-shrink:0;border:7px solid #1b2c2b;border-radius:40px;overflow:hidden;background:#edf3ee;box-shadow:0 20px 45px #183c3130;transform:rotate(-3deg)}
.jennifer-phone-speaker{position:absolute;z-index:3;top:12px;left:50%;transform:translateX(-50%);width:74px;height:15px;background:#1b2c2b;border-radius:999px}
.jennifer-phone .jennifer-reception-image{object-position:50% 12%}
.jennifer-phone .jennifer-visual-label{top:37px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;padding:7px 10px;border:0}
.jennifer-phone .jennifer-call-card{left:12px;right:12px;bottom:14px;padding:16px 14px;border-radius:20px}
.jennifer-phone .jennifer-call-header{gap:9px}.jennifer-phone .jennifer-call-header h4{font-size:20px}.jennifer-phone .jennifer-call-icon{width:34px;height:34px;border-radius:11px}.jennifer-phone .jennifer-call-icon svg{width:19px;height:19px}
.jennifer-phone .jennifer-wave{gap:2px}.jennifer-phone .jennifer-wave i{width:2px}
.jennifer-phone .jennifer-call-card>p{font-size:15px;margin:13px 0;line-height:1.6}
.jennifer-phone .jennifer-call-footer{font-size:9px;line-height:1.5;align-items:flex-start}
#product-phone .jennifer-availability{top:auto;bottom:20px;right:20px}
@media(max-width:640px){#product-phone .jennifer-reception-art{min-height:620px;padding:30px 18px}.jennifer-phone{width:280px;height:545px;transform:rotate(-2deg)}}
@media(max-width:360px){#product-phone .jennifer-reception-art{min-height:590px;padding:25px 10px}.jennifer-phone{width:252px;height:515px;border-width:6px;border-radius:35px}.jennifer-phone .jennifer-call-card{left:9px;right:9px;padding:14px 12px}.jennifer-phone .jennifer-call-card>p{font-size:14px}}

.visual-footnote>a.hero-demos-highlight{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#173f36;color:#fff;font-size:14px;font-weight:600;padding:13px 20px;border:1px solid #245747;border-radius:999px;min-height:48px;text-decoration:none;box-shadow:0 6px 18px #173f3620}
.visual-footnote>a.hero-demos-highlight:hover{background:#28644f;box-shadow:0 8px 24px #173f362b}
.hero-demos-highlight svg{width:17px;height:17px}
.visual-footnote{align-items:center;gap:12px 18px}
@media(max-width:640px){.visual-footnote>a.hero-demos-highlight{font-size:13px;padding:12px 18px}}
.demo-page~#enquiry-dialog{width:min(860px,calc(100vw - 40px));max-width:860px;padding:44px;max-height:calc(100dvh - 40px)}
.demo-page~#enquiry-dialog h2{font-size:clamp(30px,4vw,42px);max-width:660px}
.demo-page~#enquiry-dialog>p{font-size:15px}
.demo-page~#enquiry-dialog label{font-size:13px}
.demo-page~#enquiry-dialog input,.demo-page~#enquiry-dialog select,.demo-page~#enquiry-dialog textarea{font-size:16px;padding:13px 14px}
@media(max-width:640px){.demo-page~#enquiry-dialog{width:calc(100vw - 24px);padding:32px 20px 24px;max-height:calc(100dvh - 24px)}}

/* Large demos stay within the page; native dialog supplies focus and Escape. */
dialog.live-demo-modal{width:min(1200px,calc(100vw - 40px));max-width:1200px;max-height:calc(100dvh - 40px);padding:30px;border-radius:22px}
.live-demo-modal header{padding-right:44px}.live-demo-modal h2{font-size:clamp(28px,3vw,40px);margin:12px 0 22px}
.live-demo-stage{height:min(65dvh,680px);min-height:340px;border-radius:14px;overflow:hidden;background:#edf3ef}
.live-demo-stage iframe{width:100%;height:100%;border:0;background:white}
.live-demo-modal .live-demo-footer{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:20px 0 0;border:0;background:transparent}
.live-demo-footer p{font-size:13px;line-height:1.7;max-width:650px}.live-demo-footer .btn{flex-shrink:0}
.matilda-demo-launch{height:100%;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding:32px}
.matilda-demo-launch img{width:100%;height:100%;max-height:520px;object-fit:cover;border-radius:14px}.matilda-demo-launch h3{font-size:32px;line-height:1.2}.matilda-demo-launch p{font-size:16px;line-height:1.8;margin:20px 0 28px}
@media(max-width:640px){dialog.live-demo-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:24px 16px}.live-demo-stage{height:62dvh;min-height:300px}.live-demo-modal .live-demo-footer{flex-direction:column;align-items:flex-start;gap:14px}.matilda-demo-launch{grid-template-columns:1fr;padding:16px;gap:18px;overflow:auto;align-items:start}.matilda-demo-launch img{height:210px;object-position:50% 25%}.matilda-demo-launch h3{font-size:24px}.matilda-demo-launch p{font-size:14px;margin:12px 0 18px}}

.hero-video-frame{position:relative;border-radius:0 0 16px 16px;overflow:hidden}
.hero-video-frame video{display:block;width:100%;height:auto;aspect-ratio:482/518;object-fit:cover;max-height:540px;background:#e1e9e3}
.hero-talk-button{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:16px 24px;min-height:48px;white-space:nowrap;background:#173f36ed;color:#fff;border:1px solid #ffffff70;border-radius:999px;box-shadow:0 8px 30px #102a2533;font-size:16px;font-weight:600;backdrop-filter:blur(10px)}
.hero-talk-button:hover{background:#285d4e}.hero-talk-button svg{width:18px;height:18px}
.hero-video-toggle{position:absolute;right:14px;top:14px;border-radius:999px;padding:10px 16px;min-height:44px;background:#102a25c9;color:white;font-size:12px;backdrop-filter:blur(8px)}
@media(max-width:640px){.hero-video-frame video{max-height:480px}.hero-talk-button{bottom:20px;font-size:15px;padding:14px 22px}}

/* Transparent hero action and a medium-sized live conversation modal. */
.hero-talk-button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.65);box-shadow:0 4px 18px #00000015;backdrop-filter:blur(5px);text-shadow:0 1px 4px #0009}
.hero-talk-button:hover{background:rgba(255,255,255,.23)}
dialog.live-demo-modal.matilda-modal{width:min(760px,calc(100vw - 32px));max-width:760px;padding:26px}
.matilda-modal .live-demo-stage{height:min(62dvh,560px);min-height:300px}
.matilda-modal .live-demo-footer{align-items:flex-start;gap:14px}.matilda-modal .live-demo-footer p{font-size:12px}
.matilda-modal .live-demo-footer .btn{font-size:12px;padding:12px 16px}
@media(max-width:640px){dialog.live-demo-modal.matilda-modal{width:calc(100vw - 20px);padding:24px 16px}.matilda-modal .live-demo-stage{height:58dvh}}

/* Click-to-call phone demonstration. */
dialog.live-demo-modal.phone-demo-modal{width:min(620px,calc(100vw - 32px));max-width:620px;padding:26px}
.phone-demo-modal .live-demo-stage{height:auto;min-height:0;background:#e7eee8}
.phone-demo-portrait{position:relative}.phone-demo-portrait img{display:block;width:100%;height:min(60dvh,560px);object-fit:cover;object-position:center 18%}
.phone-demo-call{position:absolute;bottom:24px;left:24px;right:24px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:16px;background:#ffffffed;color:#173f36;backdrop-filter:blur(10px);box-shadow:0 8px 30px #102a2533;text-align:center}
.phone-demo-call>span{font-size:16px}.phone-demo-call strong{font-size:clamp(25px,5vw,36px);text-decoration:underline;text-underline-offset:6px}.phone-demo-call small{font-size:13px}.phone-demo-call:hover{background:#fff}
@media(max-width:640px){dialog.live-demo-modal.phone-demo-modal{padding:24px 16px}.phone-demo-call{left:14px;right:14px;bottom:14px}}

.demo-options #chatbot .text-voice-demo-preview{display:block;width:100%;height:auto;aspect-ratio:803/867;object-fit:contain;background:#080d16;border-radius:12px;margin-bottom:24px}

/* Matching demo preview frames and aligned card content. */
.demo-options>article>img,.demo-options #chatbot .text-voice-demo-preview{width:100%;height:250px;aspect-ratio:auto;object-fit:contain;border-radius:12px;margin-bottom:26px;background:#edf3ef}
.demo-options #chatbot .text-voice-demo-preview{background:#080d16}
.demo-options>article h2{min-height:77px}.demo-options>article>.btn{margin-top:auto;max-width:100%;white-space:normal;text-align:left}
.demo-options>article>.editorial-note{min-height:72px;margin-top:18px}
@media(max-width:700px){.demo-options>article>img,.demo-options #chatbot .text-voice-demo-preview{height:280px}.demo-options>article h2,.demo-options>article>.editorial-note{min-height:0}.demo-options>article>.btn{margin-top:24px}}

/* Shared small-screen and text-reflow protection across visitor pages. */
main,section,article,figure,.hero-copy,.hero-visual,.product-copy,.sector-copy,.footer-column{min-width:0}
img,video{max-width:100%}h1,h2,h3,h4,p,a,label{overflow-wrap:break-word}
@media(max-width:640px){dialog input,dialog select,dialog textarea{font-size:16px}.cta-actions,.hero-actions,.product-bottom{flex-wrap:wrap}.btn{max-width:100%}.live-demo-footer .btn{white-space:normal}.footer-column a{overflow-wrap:anywhere}}
@media(max-width:380px){.hero h1{font-size:clamp(40px,12vw,48px)}.editorial-hero h1{font-size:36px}.nav-cta{gap:6px}.product-copy{padding-left:18px;padding-right:18px}.demo-options>article{padding:20px}.demo-options .btn{font-size:11px;padding:13px 16px}}

/* Human + digital spark brand identity. */
.logo .brand-symbol{width:39px;height:50px}.brand-lab{font-weight:650}.brand-letter-x{color:#76b98e}.brand-tagline{color:#438b70}
.footer-brand .logo .brand-symbol{width:43px;height:55px}
@media(max-width:640px){.logo .brand-symbol{width:30px;height:39px}}
@media(max-width:360px){.logo .brand-symbol{width:27px;height:35px}}

/* Visible demo invitations, with limited motion and reduced-motion support. */
#navigation .nav-demo-prompt{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:10px 13px;border-radius:999px;background:#e4f0e8;border:1px solid #b8d8c5;color:#173f36;font-size:11px;font-weight:650;white-space:nowrap;position:relative;overflow:hidden;isolation:isolate}
.nav-demo-prompt svg{width:13px;height:13px;fill:currentColor;stroke:none}
.hero-demos-highlight,.nav-demo-prompt{animation:demo-invite-pulse 2.2s ease-out 3}
.hero-demos-highlight{position:relative;overflow:hidden;isolation:isolate}
.hero-demos-highlight::after,.nav-demo-prompt::after{content:"";position:absolute;inset:-50% auto -50% -65%;width:35%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:rotate(15deg);pointer-events:none;animation:demo-invite-shine 3s ease-in-out 2}
.footer-demo-prompt,.product-demo-prompt{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:650;color:#245e48;text-decoration:none}
.footer-demo-prompt{margin-top:12px;padding:11px 16px;border-radius:999px;background:#e4f0e8;border:1px solid #bdd9c6}
.product-demo-prompt{margin-top:12px}.product-demo-prompt:hover,.footer-demo-prompt:hover{text-decoration:underline;text-underline-offset:4px}
.demo-options #digital-human>img{object-fit:cover;object-position:center 28%}
@keyframes demo-invite-pulse{0%,100%{box-shadow:0 0 0 0 #76b98e00}35%{box-shadow:0 0 0 6px #76b98e30}70%{box-shadow:0 0 0 12px #76b98e00}}
@keyframes demo-invite-shine{0%,55%{left:-65%}100%{left:150%}}
@media(min-width:1025px) and (max-width:1260px){#navigation{gap:10px}.nav-wrap{gap:12px}#navigation>a,#navigation summary{font-size:10px}#navigation .nav-demo-prompt{font-size:10px;padding:9px 10px}.nav-cta{padding:12px 14px;gap:10px}}
@media(max-width:1024px){#navigation .nav-demo-prompt{width:max-content;margin:8px 0;padding:12px 18px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-demos-highlight,.nav-demo-prompt,.hero-demos-highlight::after,.nav-demo-prompt::after{animation:none!important}.hero-demos-highlight::after,.nav-demo-prompt::after{display:none}}

/* Draw attention to the live ambassador without obscuring the video. */
.hero-talk-button{animation:talk-invitation 2.4s ease-out 4;overflow:hidden;isolation:isolate}
.hero-talk-button::after{content:"";position:absolute;inset:-50% auto -50% -65%;width:32%;background:linear-gradient(100deg,transparent,#ffffff66,transparent);transform:rotate(15deg);pointer-events:none;animation:demo-invite-shine 3.2s ease-in-out 3}
.hero-talk-button svg{animation:talk-play-nudge 2.4s ease-in-out 4}
@keyframes talk-invitation{0%,100%{box-shadow:0 0 0 0 #ffffff00,0 4px 18px #00000015}40%{box-shadow:0 0 0 6px #ffffff22,0 4px 24px #173f3633}75%{box-shadow:0 0 0 13px #ffffff00,0 4px 18px #00000015}}
@keyframes talk-play-nudge{0%,70%,100%{transform:translateX(0)}35%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.hero-talk-button,.hero-talk-button::after,.hero-talk-button svg{animation:none!important}.hero-talk-button::after{display:none}}

/* Clear use-case action across every sector tab. */
.sector-copy #sector-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:15px 23px;border-radius:999px;background:#173f36;color:#fff;border:1px solid #173f36;font-size:14px;font-weight:650;text-decoration:none;box-shadow:0 6px 18px #173f3620;transition:background .18s,box-shadow .18s,transform .18s}
.sector-copy #sector-cta:hover{background:#285d4e;box-shadow:0 9px 24px #173f3630;transform:translateY(-2px)}
.sector-copy #sector-cta:focus-visible{outline:3px solid #76b98e;outline-offset:4px}
.sector-copy #sector-cta svg{width:18px;height:18px;flex:none}
.team-photo img[src*="mohammad-fahad"]{object-position:50% 24%}
@media(max-width:640px){.sector-copy #sector-cta{min-height:50px;padding:15px 22px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.sector-copy #sector-cta{transition:none}.sector-copy #sector-cta:hover{transform:none}}

/* Eight digital teammates in a balanced, responsive gallery. */
.digital-team .agent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.digital-team .agent-card .team-photo{aspect-ratio:1/1;overflow:hidden}
.digital-team .agent-card .team-photo img{height:100%;width:100%;object-fit:cover;object-position:center 25%}
.digital-team .agent-card .team-card-copy{min-height:112px}
@media(max-width:1024px){.digital-team .agent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:480px){.digital-team .agent-grid{gap:12px}.digital-team .agent-card .team-card-copy{padding:16px 12px;min-height:110px}.digital-team .agent-card h3{font-size:17px}.digital-team .agent-card p{font-size:11px}}

/* Keep the longer shared demo invitation readable in the header. */
.header .nav-cta{max-width:250px;flex-shrink:0;line-height:1.35;font-size:12px;gap:12px;padding:12px 16px}
@media(min-width:1025px) and (max-width:1260px){.header .nav-cta{max-width:190px;font-size:11px;padding:11px 12px}#navigation{gap:8px}}
@media(min-width:481px) and (max-width:640px){.header .nav-cta{max-width:190px;font-size:11px;padding:10px 12px}}