/* Presentation QA: readable type, even spacing, and consistent light/dark sections. */
:root{font-family:'Be Vietnam Pro',Arial,sans-serif;font-optical-sizing:auto}
html{overflow-x:clip}
body{font-size:15px;line-height:1.6}
.topbar{gap:22px}
.topbar>span{font-size:11px;letter-spacing:.1em;line-height:1.35}
.topbar .prototype{font-size:10px;white-space:nowrap}
.theme-toggle{font-size:11px}
.hero-copy,.hero-proof,.service-path,.integration-section,.delivery-section{min-width:0}
.hero .eyebrow{flex-wrap:wrap;gap:8px 12px;font-size:11px;line-height:1.55;letter-spacing:.105em}
.hero h1{line-height:1.15;letter-spacing:-.05em;text-wrap:balance}
.hero-copy>p{font-size:16px;line-height:1.72;max-width:600px}
.hero-actions>span,.hero-availability{font-size:13px;line-height:1.65}
.hero-actions .button{font-size:14px}
.hero-metrics span{font-size:11px}
.hero-proof h2,.service-path-head h2,.integration-heading h2,.delivery-heading h2{line-height:1.25;text-wrap:balance}
.proof-eyebrow,.flow-label,.flow-core small{font-size:11px}
.flow-core>div{min-width:0}
.flow-core small{white-space:normal;letter-spacing:.08em;text-wrap:balance}
.flow-items span{font-size:12px;line-height:1.4}
.flow-label{text-align:center}
.flow-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.flow-items span{display:flex;justify-content:center;text-align:center;min-width:0;min-height:42px;padding:7px 5px;text-wrap:balance}
/* Flat elliptical tracks keep the shaded spheres round as they orbit. */
.proof-aura i{height:190px;aspect-ratio:auto;right:-70px;top:-40px;transform:rotate(-22deg);animation:none}
.proof-aura i:nth-child(2){height:245px;right:-90px;top:-60px}
.proof-aura i:nth-child(3){height:310px;right:-110px;top:-90px}
.proof-aura i::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f3ffd2 0,#c7f586 22%,#73b86c 55%,#275b48 100%);box-shadow:0 0 0 3px #ddffbc16,0 0 18px #b7ee8c9c,inset -4px -5px 6px #173d3270;offset-path:ellipse(205px 95px at 0 0);offset-rotate:0deg;animation:planet-orbit 18s linear infinite;animation-delay:-4s}
.proof-aura i:nth-child(2)::after{width:16px;height:16px;offset-path:ellipse(270px 122px at 0 0);animation-duration:25s;animation-delay:-15s}
.proof-aura i:nth-child(3)::after{width:12px;height:12px;offset-path:ellipse(340px 155px at 0 0);animation-duration:34s;animation-delay:-25s}
@keyframes planet-orbit{from{offset-distance:0%}to{offset-distance:100%}}
html[data-theme="light"] .proof-aura i::after{background:radial-gradient(circle at 30% 25%,#fff9e7 0,#ffd1ac 22%,#e48b6c 57%,#974b49 100%);box-shadow:0 0 0 3px #faad891c,0 0 17px #df83637a,inset -3px -4px 5px #823d4470}
@media(prefers-reduced-motion:reduce){.proof-aura i::after{animation:none;offset-distance:20%}}
.proof-caption{font-size:12px;line-height:1.6}
.service-path-head p,.integration-heading p,.delivery-heading p{font-size:15px;line-height:1.7}
.service-path-grid{align-items:stretch}
.service-path-grid article{min-width:0;min-height:205px}
.service-path-grid h3{font-size:19px;line-height:1.35}
.service-path-grid p,.integration-grid p,.delivery-steps p{font-size:13px;line-height:1.65}
.integration-grid article{min-width:0;grid-template-columns:34px minmax(0,1fr);align-items:start}
.integration-grid h3,.delivery-steps h3{font-size:16px;line-height:1.4}
.delivery-steps li{min-width:0;min-height:190px}
.delivery-proof{font-size:13px;line-height:1.65}
.contact-footer-intro p{font-size:14px;line-height:1.7}
.contact-links a{min-width:0}
.contact-links strong{overflow-wrap:anywhere}
.contact-footer-bottom span{font-size:12px;line-height:1.5}
.section-head .eyebrow{font-size:12px;line-height:1.5}
.section-head p{font-size:15px;line-height:1.65}
.card h3{font-size:18px;line-height:1.45}
.field{font-size:14px;line-height:1.5}
.field small,.helper,.planning-heading p{font-size:13px;line-height:1.6}
.field input,.field textarea,.field select,.question-card textarea,.people-list input{font-size:15px;line-height:1.5;min-height:48px}
.option strong,.scope-option strong,.choice-option strong{font-size:14px;line-height:1.5}
.choice-field legend{font-size:16px;line-height:1.5}
.notice,.soft-note,.review-card dl div{font-size:13px;line-height:1.65}
.question-card h3{font-size:20px;line-height:1.5}
.quick-answers button{font-size:12px;line-height:1.4}
.button{font-size:14px;line-height:1.3}
.option:focus-within,.scope-option:focus-within{outline:3px solid #aad17e;outline-offset:2px}
.review-card dl div{grid-template-columns:165px minmax(0,1fr)}
.review-card dd{min-width:0;overflow-wrap:anywhere}
.question-summary span{min-width:0;overflow-wrap:anywhere}
.stage-caption{font-size:11px}
.saved{font-size:11px}
.thank-you-card p{font-size:14px;line-height:1.7}
.thank-you-footnote{font-size:13px}
/* Content should remain readable while scrolling; motion is retained in the hero and diagram. */
.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}

@media(max-width:980px){
  .hero-copy{padding-top:60px;padding-bottom:44px}
  .hero-proof{padding-top:52px;padding-bottom:52px}
  .service-path-grid article{min-height:0}
  .integration-section{gap:26px}
}
@media(max-width:650px){
  .topbar{height:64px;padding:0 5%;gap:12px}
  .topbar>span:not(.prototype){display:none}
  .topbar .prototype{display:none}
  .brand,.brand img{width:104px;max-width:104px}
  .theme-toggle{margin-left:auto}
  .hero-copy{min-height:0;padding:50px 6% 44px}
  .hero .eyebrow{font-size:10px;gap:6px 9px;letter-spacing:.085em}
  .hero .eyebrow i{display:none}
  .hero h1{font-size:clamp(35px,9.2vw,43px);line-height:1.16;margin:24px 0}
  .hero-copy>p{font-size:15px;line-height:1.7}
  .hero-actions{margin-top:28px;gap:14px}
  .hero-actions>span,.hero-availability{font-size:12px;line-height:1.6}
  .hero-metrics{padding-top:28px;gap:8px}
  .hero-metrics div{padding:9px 11px}
  .hero-metrics span{font-size:10px}
  .hero-proof{padding:43px 6% 47px}
  .hero-proof h2{font-size:30px}
  .proof-diagram{padding:14px}
  .flow-items span{font-size:11px}
  .service-path,.integration-section,.delivery-section{padding-left:6%;padding-right:6%}
  .service-path-grid article{padding:23px;gap:0}
  .service-path-grid h3{margin:14px 0 8px}
  .service-path-grid p,.integration-grid p,.delivery-steps p{font-size:13px}
  .integration-grid article{padding:19px}
  .delivery-steps li{min-height:0}
  .form-wrap{width:min(100% - 32px,850px);margin:43px auto 70px}
  .section-head h2{font-size:clamp(28px,8vw,35px);line-height:1.23;text-wrap:balance}
  .card{padding:23px;margin:16px 0}
  .field{margin:17px 0}
  .question-card{padding:23px}
  .review-card dl div{grid-template-columns:1fr}
  .form-nav{gap:10px}
  .form-nav .button{font-size:13px;min-height:46px}
  .contact-footer-main{gap:32px}
  .contact-links a{grid-template-columns:minmax(78px,.35fr) minmax(0,1fr) 14px;gap:10px}
}
@media(max-width:390px){
  .hero .eyebrow{font-size:9px}
  .hero h1{font-size:35px}
  .hero-metrics{display:grid;grid-template-columns:1fr 1fr}
  .hero-metrics div:last-child{grid-column:1/-1;width:max-content}
  .contact-links a{grid-template-columns:76px minmax(0,1fr) 12px}
}

html[data-theme="dark"] .service-path{background:linear-gradient(180deg,#111f18,#14251c)}
html[data-theme="dark"] .integration-section{background:linear-gradient(145deg,#1b3022,#17291f)}
html[data-theme="dark"] .delivery-section{background:linear-gradient(180deg,#14251c,#102018)}
html[data-theme="dark"] .service-path-head h2,html[data-theme="dark"] .integration-heading h2,html[data-theme="dark"] .delivery-heading h2{color:#eef7ed}
html[data-theme="dark"] .service-path-head p,html[data-theme="dark"] .integration-heading p,html[data-theme="dark"] .delivery-heading p,html[data-theme="dark"] .delivery-proof{color:#b6cbb8}
html[data-theme="dark"] .service-path-head>span,html[data-theme="dark"] .integration-heading>span,html[data-theme="dark"] .delivery-heading>span{color:#c8e992}
html[data-theme="dark"] .service-path-grid article,html[data-theme="dark"] .integration-grid article,html[data-theme="dark"] .delivery-steps li{background:linear-gradient(145deg,#203829,#192c21);border-color:#3a5840;box-shadow:0 14px 34px #06110b3d}
html[data-theme="dark"] .service-path-grid h3,html[data-theme="dark"] .integration-grid h3,html[data-theme="dark"] .delivery-steps h3{color:#eef7ed}
html[data-theme="dark"] .service-path-grid p,html[data-theme="dark"] .integration-grid p,html[data-theme="dark"] .delivery-steps p{color:#bbcfbd}
html[data-theme="dark"] .service-path-grid article>span,html[data-theme="dark"] .integration-grid b,html[data-theme="dark"] .delivery-steps b{color:#d5f29d}
html[data-theme="dark"] .delivery-steps b{background:#304b32}
html[data-theme="dark"] .delivery-proof strong{color:#d5f29d}
html[data-theme="dark"] .section-head .eyebrow,html[data-theme="dark"] .question-index,html[data-theme="dark"] .question-pager{color:#bde18e}
html[data-theme="dark"] .section-head .eyebrow i{background:#a7cd79}
html[data-theme="dark"] .planning-heading span{color:#c4e296}
html[data-theme="dark"] .contact-links a{color:#eaf5ea}
html[data-theme="dark"] .contact-links span,html[data-theme="dark"] .contact-footer-bottom span{color:#acc2ad}