@media (min-width:1600px) {
  .hero {
    padding-block:70px;
  }
  .hero-copy>p {
    font-size:16px;
  }
  .container {
    width:min(var(--max),calc(100% - 120px));
  }
}
@media (max-width:1199px) {
  .container {
    width:calc(100% - 64px);
  }
  .desktop-nav {
    gap:15px;
    font-size:12px;
  }
  .nav-services>button {
    font-size:12px;
  }
  .header-inner {
    gap:15px;
  }
  .header-cta {
    font-size:11px;
    padding:10px 12px;
    gap:9px;
  }
  .hero-grid {
    gap:35px;
  }
  .hero h1 {
    font-size:clamp(42px,4.6vw,57px);
  }
  .hero .btn {
    font-size:12px;
    padding:13px 15px;
    gap:10px;
  }
  .strip-items {
    gap:14px;
  }
  .strip-items a {
    font-size:10px;
    gap:8px;
  }
  .strip-items .icon {
    width:20px;
    height:20px;
  }
  .about-grid {
    gap:55px;
  }
  .service-showcase {
    gap:35px;
    grid-template-columns:.85fr 1.2fr;
  }
  .featured-service {
    padding:28px;
  }
  .security-grid {
    gap:65px;
  }
  .partner-grid,.m365 {
    gap:50px;
  }
  .footer-grid {
    gap:35px;
  }
  .cta-inner {
    gap:40px;
  }
  .detail-grid,.faq-grid {
    gap:55px;
  }
  .contact-layout {
    gap:55px;
  }
  .article-layout {
    gap:50px;
    grid-template-columns:200px 1fr;
  }
}
@media (max-width:1023px) {
  .desktop-nav,.header-inner>.header-cta {
    display:none;
  }
  .menu-toggle {
    display:flex;
  }
  .header-inner {
    height:76px;
  }
  .hero {
    padding-block:45px;
  }
  .hero-grid {
    gap:30px;
  }
  .hero h1 {
    font-size:45px;
  }
  .hero .eyebrow {
    font-size:8px;
    gap:7px;
    letter-spacing:.1em;
  }
  .hero .eyebrow:before {
    width:16px;
  }
  .hero-copy>p {
    font-size:14px;
  }
  .hero .actions {
    flex-direction:column;
    align-items:flex-start;
    gap:9px;
  }
  .hero .btn {
    min-width:205px;
    justify-content:space-between;
  }
  .hero-notes {
    max-width:240px;
  }
  .strip-items {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px 25px;
  }
  .strip-items a {
    font-size:12px;
    justify-content:center;
  }
  .about-grid {
    gap:38px;
  }
  .about-visual img {
    height:350px;
  }
  .about-note {
    padding:20px;
    max-width:240px;
  }
  .about-copy>p {
    font-size:14px;
  }
  .section-head {
    gap:35px;
  }
  .section-head>p {
    max-width:290px;
    font-size:12px;
  }
  .service-showcase {
    gap:30px;
    grid-template-columns:.8fr 1fr;
  }
  .service-row {
    gap:10px;
    grid-template-columns:22px 1fr 18px;
    padding:16px 0;
  }
  .service-row h3 {
    font-size:16px;
  }
  .featured-service h3 {
    font-size:27px;
  }
  .featured-service {
    padding:25px;
  }
  .service-bottom p {
    max-width:170px;
  }
  .values-grid {
    column-gap:30px;
  }
  .value h3 {
    font-size:17px;
  }
  .security-grid {
    gap:45px;
  }
  .security-label {
    left:-15px;
    right:15px;
    padding:16px;
  }
  .security-label strong {
    font-size:11px;
  }
  .partner-grid {
    grid-template-columns:1fr 1.2fr;
    gap:35px;
  }
  .matrix-item {
    padding:21px 15px;
    font-size:11px;
    gap:10px;
  }
  .process-grid {
    gap:22px;
  }
  .process-step h3 {
    font-size:17px;
  }
  .m365 {
    gap:35px;
  }
  .m365-panel {
    padding:25px;
  }
  .m365-items {
    gap:14px 10px;
  }
  .m365-items span {
    font-size:10px;
  }
  .insight-grid {
    gap:22px;
  }
  .article-card img {
    height:175px;
  }
  .article-card h3 {
    font-size:17px;
  }
  .cta-inner h2 {
    font-size:32px;
  }
  .footer-grid {
    grid-template-columns:1.2fr .8fr 1.1fr;
    gap:40px;
  }
  .footer-column:last-child {
    grid-column:1/-1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px 25px;
    border-top:1px solid #2b4050;
    padding-top:23px;
  }
  .footer-column:last-child h3 {
    margin:0;
  }
  .footer-column:last-child .legal-heading {
    margin-left:15px;
  }
  .contact-layout {
    grid-template-columns:.7fr 1fr;
    gap:35px;
  }
  .enquiry-form {
    padding:25px;
  }
  .form-grid {
    grid-template-columns:1fr;
  }
  .page-hero.split .page-hero-grid {
    gap:35px;
    grid-template-columns:1.1fr .9fr;
  }
  .page-hero h1 {
    font-size:42px;
  }
  .page-hero p {
    font-size:14px;
  }
  .page-hero-image {
    height:370px;
  }
  .detail-grid {
    grid-template-columns:1fr;
    gap:40px;
  }
  .detail-grid>div:first-child {
    max-width:650px;
  }
  .faq-grid {
    gap:40px;
  }
  .article-layout {
    grid-template-columns:170px 1fr;
    gap:35px;
  }
}
@media (max-width:767px) {
  html {
    scroll-padding-top:90px;
  }
  .container {
    width:calc(100% - 40px);
  }
  .utility .container {
    height:29px;
    justify-content:center;
  }
  .utility .container>span {
    font-size:9px;
  }
  .utility a {
    display:none;
  }
  .header-inner {
    height:70px;
  }
  .section {
    padding-block:56px;
  }
  .eyebrow {
    font-size:9px;
    margin-bottom:18px;
  }
  .hero {
    padding:29px 0 33px;
  }
  .hero-grid {
    grid-template-columns:1fr;
    gap:34px;
  }
  .hero-copy {
    padding:0;
  }
  .hero .eyebrow {
    font-size:8px;
    letter-spacing:.13em;
    margin-bottom:22px;
  }
  .hero h1 {
    font-size:clamp(32px,9vw,40px);
    max-width:580px;
    line-height:1.14;
    letter-spacing:-.05em;
  }
  .hero-copy>p {
    font-size:14px;
    margin-top:21px;
    max-width:520px;
    line-height:1.8;
  }
  .hero .actions {
    flex-direction:row;
    align-items:stretch;
    gap:10px;
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hero .btn {
    min-width:0;
    font-size:12.5px;
    padding:13px 11px;
    gap:8px;
    min-height:52px;
    justify-content:space-between;
  }
  .hero-notes {
    max-width:none;
    margin-top:23px;
  }
  .hero-notes .icon {
    width:12px;
    height:12px;
  }
  .hero-visual {
    margin-right:8px;
  }
  .hero-visual:after {
    top:-10px;
    right:-10px;
    width:80px;
    height:80px;
  }
  .capability-strip {
    padding:23px 0;
  }
  .capability-strip .strip-label {
    font-size:9px;
    margin-bottom:14px;
    letter-spacing:.1em;
  }
  .strip-items {
    grid-template-columns:repeat(2,1fr);
    gap:9px 15px;
  }
  .strip-items a {
    justify-content:flex-start;
    font-size:11px;
    gap:11px;
    min-height:40px;
  }
  .strip-items .icon {
    width:19px;
  }
  .section-head {
    display:block;
    margin-bottom:30px;
  }
  .section-head h2 {
    max-width:530px;
  }
  .section-head>p {
    max-width:520px;
    font-size:13px;
    margin-top:20px;
  }
  .section-head>.text-link {
    margin-top:15px;
  }
  .about-grid {
    grid-template-columns:1fr;
    gap:34px;
  }
  .about-visual {
    padding-right:25px;
    padding-bottom:25px;
  }
  .about-visual img {
    height:300px;
    object-position:center 38%;
  }
  .about-note {
    max-width:250px;
    padding:20px 24px;
  }
  .about-note strong {
    font-size:16px;
  }
  .about-copy h2 {
    max-width:420px;
  }
  .about-copy>p {
    margin-top:18px;
  }
  .about-copy .text-link {
    margin-top:15px;
  }
  .service-showcase {
    grid-template-columns:1fr;
    gap:29px;
  }
  .featured-service {
    padding:28px;
    min-height:0;
  }
  .featured-service>.icon {
    margin-bottom:25px;
    width:32px;
    height:32px;
  }
  .featured-service h3 {
    max-width:400px;
    font-size:29px;
  }
  .featured-service p {
    max-width:420px;
  }
  .featured-service .service-footnote {
    padding-top:23px;
  }
  .service-row {
    padding:21px 0;
    gap:14px;
    grid-template-columns:25px 1fr 20px;
  }
  .service-row h3 {
    font-size:17px;
  }
  .service-row p {
    max-width:440px;
  }
  .service-bottom p {
    max-width:200px;
    font-size:10px;
  }
  .service-bottom .text-link {
    font-size:11px;
    gap:8px;
  }
  .values-grid {
    grid-template-columns:1fr 1fr;
    gap:30px 23px;
  }
  .value>.icon {
    margin-bottom:16px;
    width:24px;
    height:24px;
  }
  .value h3 {
    font-size:17px;
  }
  .security-grid {
    grid-template-columns:1fr;
    gap:35px;
  }
  .security-section h2 {
    max-width:500px;
  }
  .security-section p {
    font-size:13px;
    margin-top:20px;
  }
  .security-visual {
    margin:0 0 20px 12px;
  }
  .security-visual img {
    height:280px;
  }
  .security-label {
    left:-12px;
    padding:20px;
  }
  .security-label strong {
    font-size:12px;
  }
  .security-label small {
    font-size:10px;
  }
  .partner-grid {
    grid-template-columns:1fr;
    gap:32px;
  }
  .partner-copy>p {
    font-size:13px;
    margin-top:20px;
  }
  .matrix-item {
    font-size:12px;
    padding:23px 18px;
  }
  .process-grid {
    grid-template-columns:1fr 1fr;
    gap:32px 25px;
  }
  .process-step {
    padding-top:22px;
  }
  .process-step h3 {
    font-size:18px;
    margin-top:13px;
  }
  .m365 {
    grid-template-columns:1fr;
    gap:29px;
  }
  .m365-copy p {
    font-size:13px;
  }
  .m365-panel {
    padding:27px;
  }
  .m365-items {
    gap:17px 15px;
  }
  .m365-items span {
    font-size:11px;
  }
  .industry-list {
    gap:9px;
  }
  .industry-list a {
    padding:10px 13px;
    font-size:10px;
    gap:12px;
    min-height:44px;
  }
  .industry-list .icon {
    width:12px;
  }
  .insight-grid {
    grid-template-columns:1fr;
    gap:38px;
  }
  .article-card img {
    height:240px;
  }
  .article-meta {
    margin-top:19px;
  }
  .article-card h3 {
    font-size:21px;
    max-width:500px;
    margin-top:11px;
  }
  .article-card .text-link {
    margin-top:9px;
  }
  .cta-band {
    padding-block:45px;
  }
  .cta-inner {
    display:block;
  }
  .cta-inner h2 {
    font-size:31px;
  }
  .cta-inner .actions {
    margin-top:25px;
    flex-direction:row;
    align-items:center;
    gap:24px;
  }
  .cta-inner .btn {
    font-size:11px;
    padding:13px 17px;
  }
  .cta-inner .text-link {
    font-size:11px;
  }
  .site-footer {
    padding-top:45px;
  }
  .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:32px 25px;
    padding-bottom:35px;
  }
  .footer-brand {
    grid-column:1/-1;
  }
  .footer-brand p {
    max-width:420px;
  }
  .footer-brand>.tagline {
    margin-top:15px;
  }
  .footer-column h3 {
    margin-bottom:13px;
  }
  .footer-column a {
    padding-block:6px;
    min-height:40px;
  }
  .footer-column:last-child {
    display:block;
    grid-column:auto;
    border:0;
    padding-top:0;
  }
  .footer-column:last-child h3 {
    margin-bottom:13px;
  }
  .footer-column:last-child .legal-heading {
    margin:23px 0 13px;
  }
  .footer-bottom {
    align-items:center;
    flex-wrap:wrap;
    gap:10px 20px;
  }
  .footer-bottom span {
    max-width:none;
    flex:1 1 220px;
  }
  .page-hero {
    padding-bottom:40px;
  }
  .breadcrumbs {
    padding:18px 0;
    gap:7px;
  }
  .page-hero .eyebrow {
    margin-top:20px;
  }
  .page-hero h1 {
    font-size:clamp(32px,9vw,38px);
    line-height:1.2;
    letter-spacing:-.035em;
  }
  .page-hero h1:has(br) {
    text-wrap:pretty;
  }
  .page-hero p {
    font-size:14px;
    margin-top:20px;
    line-height:1.8;
  }
  .page-hero.split .page-hero-grid {
    grid-template-columns:1fr;
    gap:30px;
    margin-top:18px;
  }
  .page-hero-image {
    height:280px;
  }
  .page-hero .actions .btn {
    font-size:13px;
    min-height:48px;
    padding:13px 17px;
  }
  .service-directory {
    grid-template-columns:1fr;
  }
  .directory-item {
    padding:27px 0;
    grid-template-columns:30px 1fr;
    gap:15px;
  }
  .directory-item h2 {
    font-size:22px;
  }
  .filter-bar {
    gap:8px;
    margin-bottom:27px;
  }
  .filter-bar button {
    padding:10px 12px;
  }
  .detail-grid {
    gap:30px;
  }
  .deliverables {
    grid-template-columns:1fr;
    gap:28px;
  }
  .deliverable h3 {
    font-size:20px;
  }
  .faq-grid {
    grid-template-columns:1fr;
    gap:28px;
  }
  .faq-grid h2 {
    max-width:450px;
  }
  .faq-grid summary {
    font-size:14px;
  }
  .industries-grid {
    grid-template-columns:1fr;
  }
  .industry-item {
    padding:29px 0;
  }
  .industry-item h2 {
    font-size:24px;
  }
  .capabilities-grid {
    grid-template-columns:1fr;
    gap:22px;
  }
  .capability-card {
    padding:26px;
  }
  .contact-layout {
    grid-template-columns:1fr;
    gap:35px;
  }
  .contact-aside h2 {
    font-size:29px;
  }
  .contact-steps {
    margin-top:23px;
  }
  .contact-note {
    margin-top:15px;
  }
  .enquiry-form {
    padding:25px 21px;
  }
  .form-grid {
    gap:18px;
  }
  .field input,.field select,.field textarea {
    font-size:16px;
  }
  .article-layout {
    grid-template-columns:1fr;
    gap:30px;
  }
  .article-toc {
    position:static;
  }
  .article-cover {
    height:230px;
    margin-bottom:28px;
  }
  .prose {
    font-size:14px;
  }
  .prose h2 {
    font-size:26px;
    margin-top:31px;
  }
  .notice {
    padding:17px;
    font-size:12px;
  }
  .legal-prose h2 {
    font-size:25px;
  }
}
@media (max-width:374px) {
  .container {
    width:calc(100% - 32px);
  }
  .hero h1 {
    font-size:32px;
  }
  .hero .actions {
    flex-direction:column;
    display:flex;
  }
  .hero .btn {
    font-size:12px;
    justify-content:space-between;
    max-width:240px;
    min-height:50px;
  }
  .values-grid {
    grid-template-columns:1fr;
  }
  .matrix-item {
    font-size:10px;
    padding:18px 12px;
    gap:9px;
  }
  .matrix-item .icon {
    width:19px;
  }
  .m365-panel {
    padding:20px;
  }
  .m365-items {
    gap:14px 9px;
  }
  .m365-items span {
    font-size:9px;
  }
  .cta-inner .actions {
    gap:15px;
  }
  .cta-inner .btn {
    font-size:10px;
    padding:12px;
  }
  .page-hero h1 {
    font-size:32px;
  }
  .enquiry-form {
    padding:23px 17px;
  }
}
@media print {
  .utility,.site-header,.site-footer,.cta-band,.actions,.filter-bar,.article-toc {
    display:none!important;
  }
  body {
    font-size:11pt;
    color:#000;
  }
  .container {
    width:100%;
  }
  .section {
    padding:25px 0;
  }
  .hero,.soft,.page-hero {
    background:white;
  }
  .security-section {
    background:white;
    color:#000;
  }
  .security-section p {
    color:#333;
  }
  a {
    text-decoration:underline;
  }
  .reveal {
    opacity:1!important;
    transform:none!important;
  }
}
@media (max-width:1199px) {
  .site-header .brand-logo {
    width:200px;
  }
}
@media (max-width:1023px) {
  .site-header .brand-logo {
    width:210px;
  }
}
@media (max-width:767px) {
  .site-header .brand-logo {
    width:190px;
  }
}
/* The finishing pass scales back decoration rather than changing the page layout. */
@media (max-width:1023px) {
  .strip-items .icon {
    width:32px;
    height:32px;
    padding:6px;
  }
  .service-row h3 .service-glyph {
    width:17px;
    height:17px;
  }
  .featured-service::before {
    right:-65px;
    width:280px;
    opacity:.19;
  }
  .process-step>.process-icon {
    right:2px;
    width:20px;
    height:20px;
  }
}
@media (max-width:767px) {
  .surface-grid::before {
    opacity:.27;
    background-size:80px 80px;
  }
  .surface-architecture::after {
    opacity:.09;
    left:45%;
  }
  .hero-notes {
    padding-top:17px;
  }
  .hero-notes span {
    gap:5px;
  }
  .hero-visual {
    box-shadow:0 12px 30px -14px #15395b3d;
  }
  .hero-visual::before {
    left:-7px;
    bottom:-7px;
    width:20px;
    height:20px;
  }
  .hero-visual::after {
    right:-9px;
    top:-9px;
    width:54px;
    height:54px;
  }
  .service-row h3 {
    gap:8px;
  }
  .strip-items a {
    font-size:11px;
    gap:9px;
  }
  .strip-items .icon {
    width:30px;
    height:30px;
    padding:5px;
  }
  .process-grid::before,.process-grid::after {
    display:none;
  }
  .process-step {
    border-top-color:#c6d4df;
  }
  .process-step>.process-icon {
    top:20px;
    right:3px;
  }
  .process-step:before {
    box-shadow:0 0 0 4px #f3f6f8;
  }
  .security-section::after {
    width:270px;
    top:auto;
    bottom:5%;
    opacity:.05;
  }
  body[data-service] .page-hero::after {
    display:none;
  }
  .industry-item h2 {
    gap:11px;
  }
  .industry-item .industry-glyph {
    width:21px;
    height:21px;
  }
  .m365-items {
    gap:16px 13px;
  }
  .m365-panel::before,.enquiry-form::before {
    left:21px;
    right:21px;
  }
  .site-footer.surface-grid::before {
    opacity:.24;
  }
  .featured-service::before {
    width:240px;
    opacity:.12;
    bottom:10px;
  }
  .reading-progress {
    height:1px;
  }
}
@media (max-width:374px) {
  .hero-notes span {
    gap:4px;
  }
  .service-row h3 {
    font-size:16px;
  }
  .m365-items {
    gap:14px 9px;
  }
  .process-step h3 {
    font-size:17px;
  }
}
@media print {
  .surface-grid::before,.surface-architecture::after,.security-section::after,.featured-service::before,.hero-visual::before,.hero-visual::after,.reading-progress {
    display:none!important;
  }
  .line-reveal::after {
    transform:none!important;
  }
}
/* Mobile priorities: readable CTAs, intentional trust-strip columns, no squeezed labels. */
@media (max-width:767px) {
  .hero .btn .arrow {
    width:16px;
    height:16px;
  }
  .hero-notes {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    gap:10px;
    font-size:11px;
    line-height:1.6;
  }
  .hero-notes span {
    min-width:0;
    align-items:center;
    gap:6px;
  }
  .featured-service {
    min-height:0;
  }
  .featured-service::before {
    opacity:.09;
  }
}
@media (max-width:374px) {
  .hero-notes {
    font-size:9.5px;
    gap:8px;
  }
}
@media (hover:none) {
  .article-card:hover img {
    transform:none;
  }
}
@media print {
  .featured-service {
    position:static;
    min-height:0;
  }
  .motion-step {
    opacity:1!important;
    translate:none!important;
  }
}

/* The phone pair remains a designed composition rather than two stacked screenshots. */
@media (max-width:1199px) {
  .device-showcase {max-width:470px;}
}
@media (max-width:1023px) {
  .device-showcase {max-width:400px;}
  .device-screen {inset:4px;padding-top:17px;}
  .device-frame {border-radius:24px;}
  .device-screen {border-radius:19px;}
  .device-link {border-radius:24px;}
  .service-preview {height:70px;margin-bottom:18px;}
}
@media (max-width:767px) {
  .device-showcase {width:100%;max-width:400px;aspect-ratio:.94;}
  .device-network {opacity:.55;}
  .device-primary {transform:rotate(-5deg);}
  .device-secondary {transform:rotate(4deg);}
  .device-frame {box-shadow:-3px 3px 0 -1px #65717a,0 14px 22px -14px #10263755;}
  .device-screen {padding-top:18px;}
  .service-signature {width:86px;height:58px;right:-8px;bottom:-21px;opacity:.48;}
  .service-image::before {width:40px;height:40px;left:-7px;top:-7px;}
  .capability-prompt {padding:16px 18px;font-size:15px;}
  .service-preview {height:76px;max-width:330px;}
  .process-grid {grid-template-columns:1fr;gap:29px;padding-left:24px;}
  .process-grid::before,.process-grid::after {display:none;}
  .process-step {padding-top:0;border:0;}
  .process-step h3 {margin-top:8px;margin-bottom:9px;}
  .process-step p {max-width:100%;}
  .process-step:before {left:-24px;top:7px;}
  .process-step:not(:last-child)::after {content:"";position:absolute;left:-21px;top:19px;bottom:-29px;width:1px;background:#c6d4df;transition:background .3s;}
  .process-step.is-reached:not(:last-child)::after {background:#6597ce;}
  .process-step>.process-icon {top:0;right:0;width:23px;height:23px;}
}
@media (max-width:374px) {
  .device-frame {border-radius:21px;}
  .device-screen {border-radius:17px;padding-top:15px;}
}
@media print {
  .device-link {transform:none;}
  .device-network,.service-signature {display:none;}
  .process-grid::after {transform:none!important;}
}

/* Reference-led mobile homepage: stacked actions, real trust statements and two phones. */
.mobile-hero-trust {display:none;}
@media (max-width:767px) {
  .home-page .utility,
  .home-page .hero .hero-notes,
  .home-page .hero .device-network {display:none;}
  .home-page .hero {padding:30px 0;background:linear-gradient(110deg,#fff 8%,#f0f5fb 100%);}
  .home-page .hero.surface-grid::before {display:none;}
  .home-page .hero-grid {gap:36px;}
  .home-page .hero-copy {width:100%;max-width:430px;margin-inline:auto;}
  .home-page .hero .eyebrow {display:block;font-size:12px;line-height:1.6;font-weight:500;letter-spacing:0;text-transform:none;color:var(--blue-dark);margin-bottom:14px;}
  .home-page .hero .eyebrow::before {display:none;}
  .home-page .hero h1 {font-size:clamp(30px,8.4vw,36px);line-height:1.13;}
  .home-page .hero h1 .hero-title-desktop,
  .home-page .hero-description-desktop {display:none;}
  .home-page .hero h1 .hero-title-mobile {display:inline;color:inherit;}
  .home-page .hero-description-mobile {display:inline;}
  .home-page .hero-copy>p {margin-top:18px;max-width:none;font-size:15px;line-height:1.75;}
  .home-page .hero .actions {display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:26px;}
  .home-page .hero .actions>.btn {width:100%;min-width:0;min-height:52px;padding:13px 18px;font-size:14px;justify-content:center;}
  .home-page .hero .actions>.btn-outline {background:#fff;}
  .home-page .hero .actions .arrow {display:none;}
  .home-page .mobile-hero-trust {display:block;margin-top:26px;}
  .mobile-hero-trust ul {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;}
  .mobile-hero-trust li {text-align:center;padding:0 6px;min-width:0;}
  .mobile-hero-trust li+li {border-left:1px solid var(--line);}
  .mobile-hero-trust strong {display:block;margin-bottom:4px;font-size:clamp(12px,3.4vw,15px);line-height:1.4;font-weight:700;letter-spacing:-.015em;color:var(--navy);white-space:nowrap;}
  .mobile-hero-trust span {display:block;font-size:12px;line-height:1.5;color:var(--muted);}
  .home-page .hero .device-showcase {display:block;width:94%;max-width:430px;aspect-ratio:.8;margin:0 auto;}
  .home-page .device-primary {left:2%;top:2%;width:48%;transform:rotate(-5deg);}
  .home-page .device-secondary {left:51%;top:17%;width:46%;transform:rotate(3deg);}
}

/* Quiet, static dotted wave: mobile homepage only, behind the phone links. */
@media (max-width:767px) {
  .home-page .hero .device-showcase::before {
    content:"";
    position:absolute;
    inset:-64px -35px 12% -2%;
    z-index:0;
    pointer-events:none;
    background:url("../images/patterns/mobile-dot-wave.svg") center top / 100% 100% no-repeat;
    opacity:.85;
  }
}