@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;1,500&family=Roboto:wght@300;400;500;600&display=swap");

:root{--navy:#002949;--blue:#0d4e84;--sky:#77b1c6;--mist:#bfc9d1;--gold:#e0c387;--cream:#f6f4ef;--ink:#163044;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:"Roboto",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Lora",Georgia,serif;font-weight:500;line-height:1.05;letter-spacing:-.045em}h1 em,h2 em{color:var(--sky);font-weight:500}
.site-header{height:94px;display:flex;align-items:center;gap:42px;padding:15px max(5vw,32px);background:var(--navy);color:white;border-bottom:1px solid rgba(255,255,255,.12)}.brand{margin-right:auto}.brand img{width:176px}nav{display:flex;gap:30px;font-size:14px;color:#dce7ec}nav a:hover{color:var(--gold)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;border:1px solid var(--gold);background:var(--gold);color:var(--navy);font-weight:600;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#ead39f}.button-small{padding:11px 17px}.button-navy{background:var(--navy);border-color:var(--navy);color:white}.button-gold{min-width:225px}
.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);background:var(--navy);color:white;overflow:hidden}.hero-copy{padding:92px 5vw 70px;align-self:center;max-width:790px}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:27px;color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{width:28px;height:1px;background:currentColor}.eyebrow.dark{color:var(--blue)}h1{margin-bottom:28px;font-size:clamp(50px,5.2vw,78px)}.hero-intro{max-width:640px;color:#d7e1e7;font-size:19px;font-weight:300;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.text-link{display:inline-flex;align-items:center;gap:10px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.45);font-size:14px}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.proof-row strong,.proof-row span{display:block}.proof-row strong{font-family:"Lora",serif;font-size:17px;font-weight:500}.proof-row span{font-size:12px;color:var(--mist)}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:70px 5vw;background:linear-gradient(145deg,#0d4e84,#033865 70%,#002949)}.hero-visual:before{content:"";position:absolute;inset:7% 8%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-16deg)}.hero-visual:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(224,195,135,.26);border-radius:50%;right:-90px;top:50px}.pulse-card{position:relative;z-index:1;width:min(100%,520px);padding:29px;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 32px 70px rgba(0,20,35,.38)}.pulse-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid #dce3e7}.pulse-head .kicker,.pulse-head strong{display:block}.pulse-head .kicker{color:#718491;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.pulse-head strong{margin-top:3px;font:500 24px "Lora",serif}.status{color:#377665;font-size:11px;font-weight:600}.status i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#62a58e}.pulse-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px 0 9px}.pulse-metrics div{padding-left:15px;border-left:2px solid var(--sky)}.pulse-metrics span,.pulse-metrics strong,.pulse-metrics small{display:block}.pulse-metrics span{font-size:11px;color:#73838e}.pulse-metrics strong{margin:1px 0;font:600 21px "Lora",serif}.pulse-metrics small{color:#9aa7af}.chart{height:120px;display:flex;align-items:end;gap:9px;padding:18px 8px 0;border-bottom:1px solid #d4dde2;background:linear-gradient(to bottom,transparent 49%,#edf1f3 50%,transparent 51%)}.chart span{flex:1;background:linear-gradient(to top,var(--blue),var(--sky));opacity:.88}.chart span:nth-child(1){height:34%}.chart span:nth-child(2){height:48%}.chart span:nth-child(3){height:44%}.chart span:nth-child(4){height:66%}.chart span:nth-child(5){height:58%}.chart span:nth-child(6){height:78%}.chart span:nth-child(7){height:72%}.chart span:nth-child(8){height:91%}.chart span:nth-child(9){height:86%}.flow{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;gap:8px;margin-top:24px}.system-stack,.qbo-mark{display:flex;align-items:center;gap:7px}.system-stack span{display:grid;place-items:center;width:28px;height:28px;margin-right:-12px;border:2px solid white;border-radius:50%;background:var(--blue);color:white;font-size:8px;font-weight:600}.system-stack b,.qbo-mark b{margin-left:9px;font-size:10px;line-height:1.2}.qbo-mark span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2ca01c;color:white;font-weight:600}.flow-line{position:relative;height:1px;background:var(--mist)}.flow-line i{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--gold)}.flow-line i:nth-child(1){left:5%}.flow-line i:nth-child(2){left:48%}.flow-line i:nth-child(3){right:4%}.mini-card{position:absolute;z-index:2;min-width:176px;padding:15px 18px;background:var(--navy);box-shadow:0 18px 38px rgba(0,20,35,.3)}.mini-card span,.mini-card strong,.mini-card small{display:block}.mini-card span{color:var(--mist);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.mini-card strong{color:white;font:500 20px "Lora",serif}.mini-card small{color:var(--sky);font-size:9px}.mini-top{top:17%;right:3%}.mini-bottom{bottom:14%;left:2%}
.section-pad{padding:110px max(6vw,40px)}.tension{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;background:var(--cream)}.section-heading h2,.impact-intro h2{max-width:770px;margin-bottom:0;font-size:clamp(38px,4.2vw,62px);color:var(--navy)}.section-heading h2 em,.impact-intro h2 em{color:var(--blue)}.tension-copy{padding-top:48px;font-size:17px;color:#536776}.tension-copy .callout{margin-top:28px;padding:19px 0 0 23px;border-left:2px solid var(--gold);color:var(--navy);font-family:"Lora",serif;font-size:19px}
.integrations{background:var(--blue);color:white}.section-heading.compact{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:66px}.integrations .section-heading h2,.process .section-heading h2{color:white}.software-list{border-top:1px solid rgba(255,255,255,.22)}.software-card{display:grid;grid-template-columns:60px 230px minmax(280px,1fr) 155px;gap:32px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.18)}.software-number{font-family:"Lora",serif;color:var(--gold);font-size:15px}.software-name h3{margin:0;font:500 25px "Lora",serif}.software-name span{color:#bcd0dc;font-size:11px}.software-card p{margin:0;color:#d8e4ea;font-size:14px;line-height:1.65}.mode span,.mode strong{display:block}.mode span{color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.mode strong{font-size:12px}.integration-note{max-width:850px;margin:28px 0 0 320px;color:#adc2cf;font-size:11px}
.impact{display:grid;grid-template-columns:.78fr 1.22fr;gap:9vw;background:white}.impact-intro>p:not(.eyebrow){margin:28px 0;color:#5c6f7b}.dark-link{color:var(--blue);border-color:var(--sky)}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--mist);border-left:1px solid var(--mist)}.outcome-grid article{min-height:245px;padding:28px;border-right:1px solid var(--mist);border-bottom:1px solid var(--mist)}.outcome-grid article>span{color:var(--blue);font:500 13px "Lora",serif}.outcome-grid h3{margin:42px 0 11px;color:var(--navy);font:500 21px "Lora",serif}.outcome-grid p{margin:0;color:#667985;font-size:13px}
.process{background:var(--navy);color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.2)}.steps li{min-height:270px;padding:27px 30px 10px 0;border-right:1px solid rgba(255,255,255,.15)}.steps li:not(:first-child){padding-left:30px}.steps>li>span{color:var(--gold);font:500 13px "Lora",serif}.steps h3{margin:63px 0 12px;font:500 23px "Lora",serif}.steps p{color:#b9c9d2;font-size:13px}
.credential{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:center;background:var(--cream)}.credential-copy h2{color:var(--navy);font-size:clamp(38px,4vw,60px)}.credential-copy>p:not(.eyebrow){max-width:720px;color:#556a78}.credential-actions{display:flex;align-items:center;gap:28px;margin-top:31px;color:var(--blue);font-weight:600}.badge-wrap{padding:35px;background:white;border-top:4px solid var(--gold);box-shadow:0 18px 45px rgba(0,41,73,.1)}.badge-wrap img{width:130px;margin:0 auto 22px}.badge-wrap strong,.badge-wrap span{display:block;text-align:center}.badge-wrap strong{color:var(--navy);font:500 19px "Lora",serif}.badge-wrap span{margin-top:7px;color:#667985;font-size:12px}.final-cta{display:flex;min-height:470px;flex-direction:column;align-items:center;justify-content:center;padding:80px 25px;background:var(--blue);color:white;text-align:center}.final-cta p{margin-bottom:18px;color:var(--gold);text-transform:uppercase;letter-spacing:.13em;font-size:11px}.final-cta h2{margin-bottom:35px;font-size:clamp(44px,5vw,70px)}.final-cta h2 em{color:#b6d2dc}
footer{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:45px;padding:42px max(5vw,32px);color:#aebfc9;font-size:11px}footer img{width:175px}footer div{display:flex;gap:25px}footer p{margin:0}
@media(max-width:1020px){nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{max-width:none}.hero-visual{min-height:600px}.tension,.impact,.credential{grid-template-columns:1fr}.tension-copy{padding-top:0}.software-card{grid-template-columns:45px 190px 1fr}.software-card .mode{grid-column:3}.integration-note{margin-left:267px}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(2){border-right:0}footer{grid-template-columns:190px 1fr}footer p{grid-column:1/-1}}
@media(max-width:680px){.site-header{height:80px;padding:12px 20px}.brand img{width:142px}.site-header>.button{padding:9px 12px;font-size:11px}.hero-copy{padding:72px 24px 60px}.hero{min-height:0}h1{font-size:50px}.hero-intro{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column}.proof-row{grid-template-columns:1fr;margin-top:52px}.hero-visual{min-height:520px;padding:55px 20px}.pulse-card{padding:20px}.mini-card{display:none}.flow{grid-template-columns:1fr 55px 1fr}.system-stack span:nth-child(2),.system-stack span:nth-child(3){display:none}.section-pad{padding:78px 24px}.section-heading.compact{display:block;margin-bottom:44px}.software-card{grid-template-columns:36px 1fr;gap:12px;padding:24px 0}.software-card p,.software-card .mode{grid-column:2}.integration-note{margin-left:48px}.outcome-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps li,.steps li:not(:first-child){min-height:0;padding:25px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.steps h3{margin:22px 0 8px}.credential-actions{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr;padding:38px 24px}footer div{flex-direction:column;gap:6px}footer p{grid-column:auto}}
.credential-actions{flex-wrap:wrap}.site-link{padding-bottom:3px;border-bottom:1px solid var(--sky)}.site-link:hover{color:var(--navy);border-color:var(--gold)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}