/* Generated by tools/flank.py from .impeccable/build/scaffold/layout.css; do not edit by hand. */
:root {
  --r-hero-photo-x: 0.000%; --r-hero-photo-y: 0.000%; --r-hero-photo-w: 100.000%; --r-hero-photo-h: 80.860%;
  --r-logo-x: 3.650%; --r-logo-y: 0.780%; --r-logo-w: 26.040%; --r-logo-h: 4.490%;
  --r-logo-cap: 32px; --r-logo-font: 47px;
  --r-nav-backdrop-x: 60.030%; --r-nav-backdrop-y: 1.760%; --r-nav-backdrop-w: 39.970%; --r-nav-backdrop-h: 5.470%;
  --r-nav-links-x: 62.170%; --r-nav-links-y: 3.130%; --r-nav-links-w: 18.360%; --r-nav-links-h: 2.930%;
  --r-nav-links-cap: 12px; --r-nav-links-font: 17px;
  --r-nav-cta-x: 82.550%; --r-nav-cta-y: 2.440%; --r-nav-cta-w: 15.230%; --r-nav-cta-h: 3.910%;
  --r-headline-2-x: 3.260%; --r-headline-2-y: 17.770%; --r-headline-2-w: 31.250%; --r-headline-2-h: 10.350%;
  --r-headline-2-cap: 104px; --r-headline-2-font: 149px;
  --r-headline-1a-x: 3.390%; --r-headline-1a-y: 8.200%; --r-headline-1a-w: 12.110%; --r-headline-1a-h: 8.200%;
  --r-headline-1b-x: 16.280%; --r-headline-1b-y: 9.380%; --r-headline-1b-w: 33.980%; --r-headline-1b-h: 14.260%;
  --r-headline-1b-cap: 110px; --r-headline-1b-font: 160px; --r-headline-1b-family: 'Radio Canada Big'; --r-headline-1b-weight: 700;
  --r-headline-3-x: 3.260%; --r-headline-3-y: 27.730%; --r-headline-3-w: 48.500%; --r-headline-3-h: 8.200%;
  --r-headline-3-cap: 59px; --r-headline-3-font: 86px; --r-headline-3-family: 'Radio Canada Big'; --r-headline-3-weight: 700;
  --r-services-x: 3.390%; --r-services-y: 35.740%; --r-services-w: 46.350%; --r-services-h: 3.710%;
  --r-services-cap: 22px; --r-services-font: 32px;
  --r-stripe-x: 0.000%; --r-stripe-y: 40.820%; --r-stripe-w: 51.560%; --r-stripe-h: 3.710%;
  --r-form-panel-x: 5.860%; --r-form-panel-y: 41.990%; --r-form-panel-w: 26.820%; --r-form-panel-h: 37.600%;
  --r-form-title-x: 8.590%; --r-form-title-y: 43.360%; --r-form-title-w: 19.660%; --r-form-title-h: 3.910%;
  --r-form-title-cap: 20px; --r-form-title-font: 29px;
  --r-field-name-x: 8.590%; --r-field-name-y: 47.070%; --r-field-name-w: 22.270%; --r-field-name-h: 3.910%;
  --r-field-company-x: 8.590%; --r-field-company-y: 51.070%; --r-field-company-w: 22.270%; --r-field-company-h: 4.100%;
  --r-field-email-x: 8.590%; --r-field-email-y: 55.270%; --r-field-email-w: 22.460%; --r-field-email-h: 4.300%;
  --r-field-phone-x: 8.460%; --r-field-phone-y: 59.570%; --r-field-phone-w: 22.590%; --r-field-phone-h: 4.490%;
  --r-field-address-x: 8.460%; --r-field-address-y: 63.870%; --r-field-address-w: 22.660%; --r-field-address-h: 4.690%;
  --r-submit-x: 8.200%; --r-submit-y: 67.680%; --r-submit-w: 23.180%; --r-submit-h: 8.980%;
  --r-price-sticker-x: 33.200%; --r-price-sticker-y: 43.750%; --r-price-sticker-w: 14.710%; --r-price-sticker-h: 25.780%;
  --r-price-text-x: 34.380%; --r-price-text-y: 47.070%; --r-price-text-w: 12.500%; --r-price-text-h: 11.520%;
  --r-price-text-cap: 62px; --r-price-text-font: 89px;
  --r-time-text-x: 36.200%; --r-time-text-y: 60.350%; --r-time-text-w: 10.550%; --r-time-text-h: 6.050%;
  --r-time-text-cap: 27px; --r-time-text-font: 39px;
  --r-ai-label-x: 95.050%; --r-ai-label-y: 78.130%; --r-ai-label-w: 4.560%; --r-ai-label-h: 2.150%;
  --r-ai-label-cap: 10px; --r-ai-label-font: 15px;
  --r-section-ground-x: 0.000%; --r-section-ground-y: 80.860%; --r-section-ground-w: 100.000%; --r-section-ground-h: 19.140%;
  --r-section-title-x: 42.190%; --r-section-title-y: 83.400%; --r-section-title-w: 15.890%; --r-section-title-h: 4.880%;
  --r-section-title-cap: 29px; --r-section-title-font: 42px;
  --r-step1-icon-x: 7.810%; --r-step1-icon-y: 89.060%; --r-step1-icon-w: 7.160%; --r-step1-icon-h: 10.350%;
  --r-step1-text-x: 16.150%; --r-step1-text-y: 91.410%; --r-step1-text-w: 10.740%; --r-step1-text-h: 5.660%;
  --r-step1-text-cap: 12px; --r-step1-text-font: 18px;
  --r-arrow1-x: 30.600%; --r-arrow1-y: 92.380%; --r-arrow1-w: 2.600%; --r-arrow1-h: 2.930%;
  --r-step2-icon-x: 36.720%; --r-step2-icon-y: 89.060%; --r-step2-icon-w: 7.160%; --r-step2-icon-h: 10.350%;
  --r-step2-text-x: 45.250%; --r-step2-text-y: 90.630%; --r-step2-text-w: 15.100%; --r-step2-text-h: 7.810%;
  --r-step2-text-cap: 12px; --r-step2-text-font: 18px;
  --r-arrow2-x: 63.020%; --r-arrow2-y: 92.380%; --r-arrow2-w: 2.730%; --r-arrow2-h: 2.930%;
  --r-step3-icon-x: 68.880%; --r-step3-icon-y: 89.060%; --r-step3-icon-w: 7.160%; --r-step3-icon-h: 10.350%;
  --r-step3-text-x: 77.210%; --r-step3-text-y: 90.630%; --r-step3-text-w: 15.100%; --r-step3-text-h: 7.810%;
  --r-step3-text-cap: 12px; --r-step3-text-font: 18px;
}
.comp-frame { position: relative; width: 100%; aspect-ratio: 1536 / 1024; overflow: hidden; }
.r-hero-photo { position: absolute; left: var(--r-hero-photo-x); top: var(--r-hero-photo-y); width: var(--r-hero-photo-w); height: var(--r-hero-photo-h); }
.r-logo { position: absolute; left: var(--r-logo-x); top: var(--r-logo-y); width: var(--r-logo-w); height: var(--r-logo-h); }
.r-nav-backdrop { position: absolute; left: var(--r-nav-backdrop-x); top: var(--r-nav-backdrop-y); width: var(--r-nav-backdrop-w); height: var(--r-nav-backdrop-h); }
.r-nav-links { position: absolute; left: var(--r-nav-links-x); top: var(--r-nav-links-y); width: var(--r-nav-links-w); height: var(--r-nav-links-h); }
.r-nav-cta { position: absolute; left: var(--r-nav-cta-x); top: var(--r-nav-cta-y); width: var(--r-nav-cta-w); height: var(--r-nav-cta-h); }
.r-headline-2 { position: absolute; left: var(--r-headline-2-x); top: var(--r-headline-2-y); width: var(--r-headline-2-w); height: var(--r-headline-2-h); }
.r-headline-1a { position: absolute; left: var(--r-headline-1a-x); top: var(--r-headline-1a-y); width: var(--r-headline-1a-w); height: var(--r-headline-1a-h); }
.r-headline-1b { position: absolute; left: var(--r-headline-1b-x); top: var(--r-headline-1b-y); width: var(--r-headline-1b-w); height: var(--r-headline-1b-h); }
.r-headline-3 { position: absolute; left: var(--r-headline-3-x); top: var(--r-headline-3-y); width: var(--r-headline-3-w); height: var(--r-headline-3-h); }
.r-services { position: absolute; left: var(--r-services-x); top: var(--r-services-y); width: var(--r-services-w); height: var(--r-services-h); }
.r-stripe { position: absolute; left: var(--r-stripe-x); top: var(--r-stripe-y); width: var(--r-stripe-w); height: var(--r-stripe-h); }
.r-form-panel { position: absolute; left: var(--r-form-panel-x); top: var(--r-form-panel-y); width: var(--r-form-panel-w); height: var(--r-form-panel-h); }
.r-form-title { position: absolute; left: var(--r-form-title-x); top: var(--r-form-title-y); width: var(--r-form-title-w); height: var(--r-form-title-h); }
.r-field-name { position: absolute; left: var(--r-field-name-x); top: var(--r-field-name-y); width: var(--r-field-name-w); height: var(--r-field-name-h); }
.r-field-company { position: absolute; left: var(--r-field-company-x); top: var(--r-field-company-y); width: var(--r-field-company-w); height: var(--r-field-company-h); }
.r-field-email { position: absolute; left: var(--r-field-email-x); top: var(--r-field-email-y); width: var(--r-field-email-w); height: var(--r-field-email-h); }
.r-field-phone { position: absolute; left: var(--r-field-phone-x); top: var(--r-field-phone-y); width: var(--r-field-phone-w); height: var(--r-field-phone-h); }
.r-field-address { position: absolute; left: var(--r-field-address-x); top: var(--r-field-address-y); width: var(--r-field-address-w); height: var(--r-field-address-h); }
.r-submit { position: absolute; left: var(--r-submit-x); top: var(--r-submit-y); width: var(--r-submit-w); height: var(--r-submit-h); }
.r-price-sticker { position: absolute; left: var(--r-price-sticker-x); top: var(--r-price-sticker-y); width: var(--r-price-sticker-w); height: var(--r-price-sticker-h); }
.r-price-text { position: absolute; left: var(--r-price-text-x); top: var(--r-price-text-y); width: var(--r-price-text-w); height: var(--r-price-text-h); }
.r-time-text { position: absolute; left: var(--r-time-text-x); top: var(--r-time-text-y); width: var(--r-time-text-w); height: var(--r-time-text-h); }
.r-ai-label { position: absolute; left: var(--r-ai-label-x); top: var(--r-ai-label-y); width: var(--r-ai-label-w); height: var(--r-ai-label-h); }
.r-section-ground { position: absolute; left: var(--r-section-ground-x); top: var(--r-section-ground-y); width: var(--r-section-ground-w); height: var(--r-section-ground-h); }
.r-section-title { position: absolute; left: var(--r-section-title-x); top: var(--r-section-title-y); width: var(--r-section-title-w); height: var(--r-section-title-h); }
.r-step1-icon { position: absolute; left: var(--r-step1-icon-x); top: var(--r-step1-icon-y); width: var(--r-step1-icon-w); height: var(--r-step1-icon-h); }
.r-step1-text { position: absolute; left: var(--r-step1-text-x); top: var(--r-step1-text-y); width: var(--r-step1-text-w); height: var(--r-step1-text-h); }
.r-arrow1 { position: absolute; left: var(--r-arrow1-x); top: var(--r-arrow1-y); width: var(--r-arrow1-w); height: var(--r-arrow1-h); }
.r-step2-icon { position: absolute; left: var(--r-step2-icon-x); top: var(--r-step2-icon-y); width: var(--r-step2-icon-w); height: var(--r-step2-icon-h); }
.r-step2-text { position: absolute; left: var(--r-step2-text-x); top: var(--r-step2-text-y); width: var(--r-step2-text-w); height: var(--r-step2-text-h); }
.r-arrow2 { position: absolute; left: var(--r-arrow2-x); top: var(--r-arrow2-y); width: var(--r-arrow2-w); height: var(--r-arrow2-h); }
.r-step3-icon { position: absolute; left: var(--r-step3-icon-x); top: var(--r-step3-icon-y); width: var(--r-step3-icon-w); height: var(--r-step3-icon-h); }
.r-step3-text { position: absolute; left: var(--r-step3-text-x); top: var(--r-step3-text-y); width: var(--r-step3-text-w); height: var(--r-step3-text-h); }
.flank { position: absolute; inset: 0; transform-origin: 0 calc(460 * var(--u)); transform: perspective(calc(900 * var(--u))) rotateY(16deg); }
.flank .r-headline-1a { left: calc(55.1 * var(--u)); top: calc(77.6 * var(--u)); width: calc(212.9 * var(--u)); height: calc(66.3 * var(--u)); --k: 1.017; }
.flank .r-headline-1b { left: calc(282.7 * var(--u)); top: calc(64.5 * var(--u)); width: calc(782.4 * var(--u)); height: calc(106.4 * var(--u)); --k: 1.087; }
.flank .r-headline-2 { left: calc(52.9 * var(--u)); top: calc(177.5 * var(--u)); width: calc(610.6 * var(--u)); height: calc(75.5 * var(--u)); --k: 1.016; }
.flank .r-headline-3 { left: calc(52.9 * var(--u)); top: calc(281.1 * var(--u)); width: calc(1054.7 * var(--u)); height: calc(55.6 * var(--u)); --k: 1.016; }
.flank .r-services { left: calc(55.1 * var(--u)); top: calc(364.4 * var(--u)); width: calc(995.4 * var(--u)); height: calc(21.5 * var(--u)); --k: 1.017; }
.flank .r-stripe { left: calc(0.0 * var(--u)); top: calc(418.0 * var(--u)); width: calc(1101.9 * var(--u)); height: calc(36.6 * var(--u)); --k: 1.000; }
.flank .r-form-panel { left: calc(96.4 * var(--u)); top: calc(429.1 * var(--u)); width: calc(525.2 * var(--u)); height: calc(396.4 * var(--u)); --k: 1.030; }
.flank .r-form-title { left: calc(143.3 * var(--u)); top: calc(443.3 * var(--u)); width: calc(380.5 * var(--u)); height: calc(41.8 * var(--u)); --k: 1.044; }
.flank .r-field-name { left: calc(143.3 * var(--u)); top: calc(486.3 * var(--u)); width: calc(437.5 * var(--u)); height: calc(38.0 * var(--u)); --k: 1.044; }
.flank .r-field-company { left: calc(143.3 * var(--u)); top: calc(532.9 * var(--u)); width: calc(437.5 * var(--u)); height: calc(38.0 * var(--u)); --k: 1.044; }
.flank .r-field-email { left: calc(143.3 * var(--u)); top: calc(581.8 * var(--u)); width: calc(441.8 * var(--u)); height: calc(38.0 * var(--u)); --k: 1.044; }
.flank .r-field-phone { left: calc(141.0 * var(--u)); top: calc(631.7 * var(--u)); width: calc(444.0 * var(--u)); height: calc(38.0 * var(--u)); --k: 1.043; }
.flank .r-field-address { left: calc(141.0 * var(--u)); top: calc(681.7 * var(--u)); width: calc(445.6 * var(--u)); height: calc(38.0 * var(--u)); --k: 1.043; }
.flank .r-submit { left: calc(136.5 * var(--u)); top: calc(740.0 * var(--u)); width: calc(455.9 * var(--u)); height: calc(54.0 * var(--u)); --k: 1.042; }
.flank .r-price-sticker { left: calc(633.4 * var(--u)); top: calc(445.7 * var(--u)); width: calc(366.6 * var(--u)); height: calc(315.2 * var(--u)); --k: 1.194; }
.flank .r-price-text { left: calc(660.5 * var(--u)); top: calc(488.5 * var(--u)); width: calc(311.6 * var(--u)); height: calc(139.7 * var(--u)); --k: 1.202; }
.flank .r-time-text { left: calc(703.0 * var(--u)); top: calc(664.9 * var(--u)); width: calc(265.6 * var(--u)); height: calc(62.4 * var(--u)); --k: 1.215; }