:root{ --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif; --font-body: Arial, Helvetica, sans-serif; }
:root{--accent:#d8e9bb;--line:#455249}
@keyframes scaler-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.creative-comparison{border-top:1px solid #465244;padding-top:80px;padding-bottom:80px}
.comparison-pair{background:#2b352a;border-color:#5d7050}
.launch-system{padding-top:72px;padding-bottom:72px;border-top:1px solid #465244}
.launch-heading{margin-bottom:36px}
.animated-flow{background:#29382f;border:1px solid #526a57;margin-bottom:0;box-shadow:0 16px 45px #00000012}
.flow-number{color:#b0cfa2}
.flow-connector{background:#607864}
.flow-connector i{background:#e5f4cb;box-shadow:0 0 8px #d7ecb850}
.dashboard-section.wrap{position:relative;width:100%;max-width:none;margin:0;padding:76px max(56px,calc((100% - 1280px)/2)) 88px;background:#192e2c;border-top:1px solid #52716a;border-bottom:1px solid #52716a}
.dashboard-section::before{content:'';position:absolute;left:50%;top:-25px;height:48px;width:1px;background:#aac7af}
.dashboard-section .lab-intro{display:block;max-width:680px}
.dashboard-section h2{color:#e2eccc}
.performance-panel{margin-top:38px;background:#203b36;border-color:#526f61;box-shadow:0 20px 55px #071b1926}
.dashboard-toolbar select{background:#2c4840;border-color:#708c76}
.metric{border-color:#617c69;transition:background .2s,border-color .2s}
.metric:hover{border-color:#cadcb5;background:#355046}
.metric[aria-pressed="true"]{background:#d8e9bb;color:#20211f}
.chart-bar{background:#a4c69c;transition:height .5s cubic-bezier(.2,.7,.2,1),background .2s}
.angle-table th,.angle-table td,.performance-chart{border-color:#486257}
.contact{padding-top:80px;background:#d8e9bb;border-radius:0}
.contact #booking{border-color:#a5b690;box-shadow:0 12px 36px #2733220d}
.qualification-inline input,.qualification-inline select{transition:border-color .2s,box-shadow .2s}
.qualification-inline input:focus,.qualification-inline select:focus{border-color:#59764b;box-shadow:0 0 0 3px #78976420}
#qualification-fields{animation:form-enter .25s ease-out}
@keyframes form-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
footer{border-top:1px solid #465244}
@media(max-width:950px){
.dashboard-section.wrap{padding-left:32px;padding-right:32px}
}
@media(max-width:700px){
.creative-comparison,.launch-system{padding-block:48px}
.dashboard-section.wrap{padding:54px 24px 56px}
.dashboard-section::before{height:32px;top:-17px}
.launch-heading{margin-bottom:26px}
.contact{padding-top:54px}
.performance-panel{margin-top:26px}
}
@media(prefers-reduced-motion:reduce){
#qualification-fields{animation:none}
.chart-bar,.metric{transition:none}
}
body,button,input,select{font-family:var(--font-body)}
h2,.contact h2{font-size:clamp(32px,3.8vw,50px);font-weight:700;line-height:1.12;letter-spacing:-.045em}
.creative-comparison>h2,.launch-heading h2,.dashboard-section h2{color:#e3edcc}
.creative-comparison>h2 em{font-family:inherit;font-weight:inherit;font-style:normal}
.comparison-copy h3,.flow-name,.chart-heading h3{font-family:inherit;font-weight:700;letter-spacing:-.025em}
.comparison-copy h3{font-size:clamp(26px,3vw,38px);line-height:1.15}
.flow-name{font-size:18px}
.contact .qualification-inline h2,.qualification-dialog legend{font-family:inherit;font-size:24px;font-weight:700;letter-spacing:-.025em}
.comparison-copy>p,.contact>.wrap>p{font-size:17px;line-height:1.65}
@media(max-width:600px){
.contact h2{font-size:36px}
.comparison-copy>p,.contact>.wrap>p{font-size:16px}
}
:root{--landing-heading:clamp(54px,6.3vw,86px);--landing-copy:clamp(18px,1.85vw,22px)}
.creative-comparison>h2,.launch-heading h2,.dashboard-section h2,.contact h2{font-family:var(--font-heading);font-size:var(--landing-heading);font-weight:400;line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
.creative-comparison>h2 em{font-style:italic;font-weight:400}
.comparison-copy>p,.contact>.wrap>p{font-family:var(--font-body);font-size:var(--landing-copy);font-weight:400;line-height:1.55;letter-spacing:0}
.comparison-copy h3{font-family:var(--font-heading);font-size:clamp(32px,3.5vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.045em}
.flow-name,.chart-heading h3,.qualification-dialog legend{font-family:var(--font-heading);font-weight:400;letter-spacing:-.025em}
.flow-description{font-family:var(--font-body);font-size:clamp(16px,1.45vw,19px);font-weight:400;line-height:1.55;letter-spacing:0}
.dashboard-section .lab-intro{max-width:1100px}
.launch-heading h2{max-width:1100px}
.contact>.wrap>p{max-width:780px;margin-top:14px}
@media(max-width:700px){
:root{--landing-heading:clamp(40px,8vw,56px);--landing-copy:18px}
.comparison-copy h3{font-size:32px}
.flow-description{font-size:16px}
}
@media(max-width:380px){
:root{--landing-heading:38px;--landing-copy:17px}
}
#comparison-title s{
  position: relative;
  display: inline-block;
  text-decoration: none;
}
#comparison-title s::after{
  content: "";
  position: absolute;
  left: -0.07em;
  right: -0.07em;
  top: 52%;
  height: 2px;
  background: currentColor;
  pointer-events: none;
}
.launch-heading{ display: block; max-width: none; }
.launch-heading #speed-title{ max-width: none; }
@media (min-width: 701px){
.launch-heading #speed-title{ font-size: clamp(32px, 4.8vw, 66px); white-space: nowrap; }
}
.system-intro{ max-width: 760px; margin: 22px 0 0; font: 400 var(--landing-copy)/1.55 var(--font-body); color: #c4cec8; }
.production-comparison{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 44px 0; }
.production-lane{ padding: 30px; border: 1px solid #52665f; border-radius: 20px; background: #1e302d; }
.production-lane h3{ font: 400 clamp(24px,2.5vw,32px)/1.15 var(--font-heading); letter-spacing: -.035em; margin: 0 0 12px; }
.production-lane > p{ color: #b8c2ba; font-size: 17px; margin: 0; }
.scaler-lane{ background: #294238; border-color: #92aa76; }
.scaler-lane h3{ color: #e3edcc; }
.production-track{ display: flex; list-style: none; gap: 8px; padding: 0; margin: 32px 0 18px; }
.production-track li{ position: relative; flex: 1; min-width: 0; padding: 13px 4px; border-top: 2px solid #a29685; background: #ffffff05; text-align: center; font-size: 14px; }
.scaler-lane .production-track li{ border-color: #d8eab8; background: #d8eab80d; }
.repeat-track{ display: flex; justify-content: space-between; gap: 8px; padding: 12px 0; border-top: 1px solid #78926c; color: #d8eab8; font-size: 13px; }
.cycle-caption{ display: block; font-size: 14px; line-height: 1.5; color: #bac7bb; margin-top: 18px; }
.traditional-lane .cycle-caption{ margin-top: 62px; }
.difference-head,.difference-row{ display: grid; grid-template-columns: .65fr 1.2fr 1.2fr; gap: 32px; padding: 24px 0; border-bottom: 1px solid #486057; }
.difference-head{ color: #dce8cd; font-size: 14px; padding-top: 8px; }
.difference-row h3{ font: 400 20px/1.4 var(--font-heading); margin: 0; }
.difference-row p{ font: 400 17px/1.6 var(--font-body); margin: 0; }
.difference-before{ color: #b6c0b9; }
.difference-after{ color: #e3edcc; }
.mobile-column-label{ display: none; }
@media(max-width:700px){
.production-comparison{ grid-template-columns: 1fr; gap: 16px; margin: 30px 0; }
.production-lane{ padding: 24px 20px; }
.traditional-lane .cycle-caption{ margin-top: 18px; }
.difference-head{ display: none; }
.difference-row{ grid-template-columns: 1fr 1fr; gap: 16px; padding: 24px 0; }
.difference-row h3{ grid-column: 1 / -1; }
.difference-row p{ font-size: 15px; }
.mobile-column-label{ display: block; font-size: 12px; margin-bottom: 8px; color: #a8baa8; }
.system-intro{ margin-top: 18px; }
}
.system-differences{ margin-top: 44px; }
@media(max-width:700px){
.system-differences{ margin-top: 30px; }
}
.system-comparison .lab-intro{ text-align: center; margin-inline: auto; }
.system-comparison .system-intro{ margin-inline: auto; }
.system-comparison .system-differences{ max-width: 1100px; margin-inline: auto; border: 1px solid #607867; border-radius: 22px; overflow: hidden; box-shadow: 0 16px 48px #091d1926; }
.system-table{ border-collapse: separate; border-spacing: 0; width: 100%; table-layout: fixed; text-align: left; }
.system-table th{ padding: 28px 32px; font: 400 clamp(22px,2.3vw,30px)/1.2 var(--font-heading); letter-spacing: -.035em; background: #20332f; color: #c9d0c9; border-bottom: 1px solid #607867; }
.system-table th:last-child{ background: #dbe9c2; color: #20322a; }
.system-table td{ padding: 26px 32px; vertical-align: middle; font: 400 18px/1.6 var(--font-body); color: #bfc9c1; background: #1b302b; border-bottom: 1px solid #40594c; transition: background .2s ease; }
.system-table td:last-child{ background: #294235; color: #e7efd9; border-left: 1px solid #607867; }
.system-table tr:last-child td{ border-bottom: 0; }
.system-table tbody tr:nth-child(even) td:first-child{ background: #20372f; }
.system-table tbody tr:nth-child(even) td:last-child{ background: #2e493a; }
.system-table tbody tr:hover td{ background: #30473a; }
.system-table tbody tr:hover td:last-child{ background: #3b5640; }
.system-table td:last-child{ position: relative; padding-left: 62px; }
.system-check{ position: absolute; left: 30px; color: #cfe8a5; font-size: 20px; }
.system-status{ display: inline-block; height: 9px; width: 9px; border-radius: 50%; background: #577344; margin-right: 10px; vertical-align: middle; }
.visually-hidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media(max-width:700px){
.system-comparison .system-differences{ border-radius: 16px; }
.system-table th{ padding: 20px 16px; font-size: 21px; }
.system-table td{ padding: 20px 16px; font-size: 15px; line-height: 1.55; overflow-wrap: break-word; }
.system-table td:last-child{ padding-left: 16px; }
.system-check{ position: static; display: block; margin-bottom: 8px; }
.system-status{ width: 7px; height: 7px; margin-right: 5px; }
}
@media(prefers-reduced-motion:reduce){
.system-table td{ transition: none; }
}
.launch-heading #speed-title{ text-align: center; font-size: clamp(24px, 3.35vw, 46px); line-height: 1.2; }
@media(max-width:700px){
.launch-heading #speed-title{ white-space: normal; font-size: clamp(24px, 5vw, 32px); }
}
.animated-flow .flow-description{
  width: 100%;
  max-width: 24ch;
  margin: 24px auto 0;
  text-align: left;
  text-wrap: pretty;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.6;
}
@media(max-width:600px){
.animated-flow .flow-description{ grid-column: 2; grid-row: 1 / 4; max-width: 30ch; margin: 0; padding-top: 6px; }
}
.animated-flow .flow-description{ text-align: center; margin-top: 18px; }
@media(max-width:600px){
.animated-flow .flow-step{ display: flex; flex-direction: column; align-items: center; }
.animated-flow .flow-description{ margin: 18px auto 0; padding-top: 0; max-width: 24ch; }
}
.system-comparison .system-differences{ margin-top: 0; }
body,input,select,textarea{ font-family: var(--font-body); }
h1,h2,h3,.qualification-dialog legend,.system-table th{ font-family: var(--font-heading); font-weight: 400; }
button,.button,.form-back{ font-family: var(--font-heading); font-weight: 400; }
header .button{ font-size: 16px; line-height: 1.2; letter-spacing: 0; }