.hero{min-height:570px;grid-template-columns:50% 50%}.hero-copy{padding:58px max(35px,calc((100vw - 1280px)/2)) 45px;justify-content:center;gap:22px;min-height:0;background-image:url(tandem-connected-texture.svg);background-size:760px}.hero-copy h1{font-size:clamp(60px,6.2vw,96px);margin:30px 0 25px;line-height:.98}.hero-copy .text-link{margin-top:0;align-self:flex-start}.hero-proof{min-height:570px;padding:40px 35px}.proof-label{font-size:13px}.hero-lede{font-size:18px}.proof-window.dashboard{top:17%;height:48%;width:79%;left:7%}.proof-window.mia{width:58%;height:36%;right:3%;bottom:10%}.proof-flow{bottom:5%;font-size:12px}.proof-flow b{color:#b9c8d9}
@media(min-width:651px) and (max-width:1000px){.hero{grid-template-columns:55% 45%;min-height:450px}.hero-copy{padding:40px 28px;min-height:0;gap:18px}.hero-copy h1{font-size:clamp(46px,6.5vw,64px);margin:24px 0 22px}.hero-lede{font-size:17px;margin-bottom:0}.hero-proof{min-height:450px;padding:30px 20px}.proof-label{font-size:12px;line-height:1.5;max-width:230px}.proof-window.dashboard{width:88%;height:43%;left:5%;top:20%}.proof-window.mia{width:76%;height:34%;bottom:13%;right:3%}.proof-flow{display:none}.nav .shell{width:calc(100% - 40px)}.navlinks{gap:18px}.navlinks .talk{padding:9px 12px}.wordmark img{max-width:155px}}
@media(max-width:650px){.hero{display:grid;grid-template-columns:1fr;min-height:0}.hero-copy{padding:32px 22px 29px;min-height:0;gap:20px}.hero-copy h1{font-size:clamp(48px,10vw,64px);margin:23px 0 20px;line-height:1.02}.hero-lede{font-size:16px;line-height:1.55;margin-bottom:0}.hero-copy .overline{font-size:12px}.hero-copy .text-link{margin:0;font-size:14px}.hero-proof{min-height:235px;padding:20px 22px}.proof-label{font-size:12px;max-width:220px}.proof-window.dashboard{width:58%;height:62%;left:7%;top:25%;transform:rotate(-2deg)}.proof-window.mia{width:48%;height:62%;right:5%;bottom:5%}.proof-flow{display:none}}
/* Desktop: one continuous surface and one centered visual composition. */
@media(min-width:1001px){
 .hero{min-height:max(620px,calc(100svh - 94px));grid-template-columns:50% 50%;background:#f7f6f2 url(tandem-connected-texture.svg);background-size:900px;align-items:stretch}
 .hero-copy{background:none;padding:65px max(36px,calc((100vw - 1280px)/2)) 65px;justify-content:center;gap:28px}
 .hero-copy h1{font-size:clamp(62px,6.2vw,96px);line-height:1.02;letter-spacing:-.055em;margin:28px 0}
 .hero-lede{max-width:500px;line-height:1.65;margin-bottom:0}
 .hero-proof{min-height:0;background:transparent;background-image:none;padding:0;overflow:visible}
 .hero-proof .proof-label,.hero-proof .proof-flow{display:none}
 .proof-window.dashboard{width:85%;height:clamp(300px,34vw,440px);left:4%;top:50%;transform:translateY(-61%);border:0;border-radius:16px;box-shadow:0 18px 45px #293a4618}
 .proof-window.dashboard img{object-position:center;object-fit:cover}
 .proof-window.mia{width:59%;height:clamp(165px,19vw,245px);left:auto;right:6%;top:50%;bottom:auto;transform:translateY(28%);border:5px solid #fff;border-radius:12px;box-shadow:0 15px 35px #293a4625}
 .hero + .guided{border-top:1px solid #d7dfe3;padding-top:70px}
}
/* Graphite anchors the complete desktop hero without splitting the composition. */
@media(min-width:1001px){
 .hero{background-color:#293a46;color:#f7f6f2}
 .hero-copy h1{color:#f7f6f2}
 .hero-copy h1 em{color:#a0b8ea}
 .hero-copy .overline{color:#c7d8f1}
 .hero-copy .hero-lede{color:#d5dfe8}
 .hero-copy .text-link{color:#f7f6f2}
 .hero-copy .text-link:hover span{background:#f7f6f2;color:#293a46}
 .proof-window.dashboard{box-shadow:0 22px 50px #14232d55;border:1px solid #ffffff30}
 .proof-window.mia{box-shadow:0 16px 40px #14232d66}
 .hero + .guided{border-top:0}
}
/* A continuous cream body lets the story flow without alternating color bands. */
body{background:#f7f6f2}.hero-principles{display:flex;flex-wrap:wrap;gap:9px 20px;border-top:1px solid #d7dfe3;padding-top:17px;margin-top:22px;max-width:510px}.hero-principles span{font-size:14px;line-height:1.5;color:#526674}.journey,.industries-compact,.closing{background:#f7f6f2;color:#293a46}.journey{padding:65px 0 55px}.journey>.shell,.industries-compact>.shell,.closing>.shell{border-top:1px solid #d7dfe3;padding-top:55px}.journey .section-head p,.journey .step p{color:#526674}.journey .step p{font-size:16px;line-height:1.65}.journey .steps{margin-top:45px;border-top-color:#c8d3dc}.journey .step{border-color:#c8d3dc}.journey .step-num{color:#5473b7;font-size:42px}.journey .step h3{margin-top:35px}.industries-compact{padding:25px 0 50px}.industry-tile{border-color:#c3ced8;background:transparent}.industry-tile svg{color:#5473b7}.industry-tile:hover{background:#edf1f6;border-color:#5473b7}.industry-invitation{color:#526674}.industry-invitation a{color:#5473b7;border-color:#a0b8ea}.closing{padding:25px 0 75px}.closing h2{font-size:clamp(42px,4.8vw,68px);line-height:1.05}.closing p{color:#526674}.closing .text-link{color:#293a46}
@media(min-width:1001px){.hero-principles{border-color:#ffffff30}.hero-principles span{color:#c7d8f1}.hero-copy{gap:24px}}
@media(max-width:900px){.journey .step,.journey .step+.step{border-bottom-color:#c8d3dc}}
@media(max-width:650px){.hero-principles{gap:7px 15px;margin-top:17px;padding-top:14px}.hero-principles span{font-size:13px}.journey{padding:30px 0 35px}.journey>.shell,.industries-compact>.shell,.closing>.shell{padding-top:35px}.journey .steps{margin-top:30px}.journey .step h3{margin-top:22px}.industries-compact{padding:0 0 35px}.closing{padding:0 0 50px}.closing h2{font-size:44px}}
.hero-offering{font:500 clamp(23px,2.5vw,34px)/1.25 var(--sans);letter-spacing:-.025em;color:#293a46;margin:0}.hero-copy h1{margin-top:24px}
.journey{background:#293a46;color:#f7f6f2;padding:75px 0}.journey>.shell{border-top:0;padding-top:0}.journey .section-head p,.journey .step p{color:#d1dce5}.journey .steps{border-top-color:#607484}.journey .step{border-color:#607484}.journey .step-num{color:#a0b8ea}.journey .text-link:hover span{background:#f7f6f2;color:#293a46}.industries-compact{padding-top:55px}.industries-compact>.shell{border-top:0;padding-top:0}
@media(min-width:1001px){.hero-offering{color:#f7f6f2}}
@media(max-width:900px){.journey .step,.journey .step+.step{border-bottom-color:#607484}}
@media(max-width:650px){.hero-offering{font-size:25px}.journey{padding:45px 0}.industries-compact{padding-top:40px}}

/* The offering leads; the brand promise supports it. */
.hero-copy h1.hero-offering{font:600 clamp(46px,4.4vw,68px)/1.04 var(--sans);letter-spacing:-.045em;margin:0 0 24px;max-width:100%}
.hero-tagline{font:400 clamp(36px,3.6vw,54px)/1.12 var(--serif);letter-spacing:-.025em;margin:0 0 28px;color:#293a46}
.hero-tagline em{color:#5473b7}
@media(min-width:1001px){.hero-copy{padding-left:max(36px,calc((100vw - 1280px)/2));padding-right:32px}.hero-tagline{color:#f7f6f2}.hero-tagline em{color:#a0b8ea}}
@media(min-width:651px) and (max-width:1000px){.hero-copy h1.hero-offering{font-size:clamp(38px,4.6vw,48px)}.hero-tagline{font-size:36px;margin-bottom:24px}}
@media(max-width:650px){.hero-copy h1.hero-offering{font-size:clamp(40px,9vw,56px);margin:0 0 20px}.hero-tagline{font-size:clamp(34px,7.8vw,44px);margin-bottom:22px}}

/* Blue introduces the offering; the promise reads as one calm statement. */
.hero-copy h1.hero-offering{color:#5473b7}
@media(min-width:1001px){.hero-copy h1.hero-offering{color:#a0b8ea}}

/* Editorial headline with a clear, upright supporting promise. */
.hero-copy h1.hero-offering{font-family:var(--serif);font-weight:400;font-size:clamp(52px,5.2vw,80px);line-height:1.03;letter-spacing:-.035em}
.hero-tagline{font-family:var(--sans);font-weight:500;font-size:clamp(30px,3vw,44px);line-height:1.22;letter-spacing:-.03em}
@media(min-width:651px) and (max-width:1000px){.hero-copy h1.hero-offering{font-size:clamp(44px,5.4vw,56px)}.hero-tagline{font-size:32px}}
@media(max-width:650px){.hero-copy h1.hero-offering{font-size:clamp(46px,11vw,66px)}.hero-tagline{font-size:clamp(30px,7.2vw,40px)}}

/* A quiet brand texture on selected cream surfaces. */
.industries-compact,.closing{background-image:url(tandem-connected-texture.svg);background-size:1000px}