:root {
  --r-header-x: 0.000%; --r-header-y: 0.000%; --r-header-w: 100.000%; --r-header-h: 3.290%;
  --r-logo-x: 6.020%; --r-logo-y: 0.900%; --r-logo-w: 11.250%; --r-logo-h: 1.420%;
  --r-nav-x: 26.650%; --r-nav-y: 1.160%; --r-nav-w: 31.980%; --r-nav-h: 1.160%;
  --r-phone-x: 67.030%; --r-phone-y: 1.100%; --r-phone-w: 11.940%; --r-phone-h: 1.220%;
  --r-theme-x: 82.130%; --r-theme-y: 1.100%; --r-theme-w: 13.230%; --r-theme-h: 1.350%;
  --r-hero-photo-x: 0.000%; --r-hero-photo-y: 3.290%; --r-hero-photo-w: 100.000%; --r-hero-photo-h: 22.290%;
  --r-hero-title-x: 6.020%; --r-hero-title-y: 6.830%; --r-hero-title-w: 54.290%; --r-hero-title-h: 5.860%;
  --r-hero-title-cap: 30px; --r-hero-title-font: 42px; --r-hero-title-family: 'Asta Sans'; --r-hero-title-weight: 700;
  --r-hero-subtitle-x: 6.120%; --r-hero-subtitle-y: 13.530%; --r-hero-subtitle-w: 48.960%; --r-hero-subtitle-h: 1.420%;
  --r-hero-subtitle-cap: 13px; --r-hero-subtitle-font: 20px;
  --r-hero-primary-x: 6.220%; --r-hero-primary-y: 16.110%; --r-hero-primary-w: 17.370%; --r-hero-primary-h: 2.450%;
  --r-hero-secondary-x: 24.880%; --r-hero-secondary-y: 16.110%; --r-hero-secondary-w: 18.660%; --r-hero-secondary-h: 2.450%;
  --r-compare-title-x: 6.020%; --r-compare-title-y: 26.100%; --r-compare-title-w: 57.260%; --r-compare-title-h: 1.800%;
  --r-compare-title-cap: 17px; --r-compare-title-font: 26px;
  --r-one-surface-x: 6.220%; --r-one-surface-y: 28.610%; --r-one-surface-w: 28.530%; --r-one-surface-h: 14.760%;
  --r-one-name-x: 8.190%; --r-one-name-y: 29.640%; --r-one-name-w: 21.220%; --r-one-name-h: 1.680%;
  --r-one-name-cap: 17px; --r-one-name-font: 24px;
  --r-one-price-x: 8.190%; --r-one-price-y: 32.410%; --r-one-price-w: 9.870%; --r-one-price-h: 1.740%;
  --r-one-price-cap: 20px; --r-one-price-font: 30px;
  --r-one-unit-x: 8.190%; --r-one-unit-y: 34.410%; --r-one-unit-w: 25.170%; --r-one-unit-h: 1.160%;
  --r-one-unit-cap: 10px; --r-one-unit-font: 15px;
  --r-one-hosting-label-x: 8.190%; --r-one-hosting-label-y: 37.110%; --r-one-hosting-label-w: 6.910%; --r-one-hosting-label-h: 0.900%;
  --r-one-hosting-x: 8.190%; --r-one-hosting-y: 38.140%; --r-one-hosting-w: 25.170%; --r-one-hosting-h: 1.160%;
  --r-one-hosting-cap: 9px; --r-one-hosting-font: 14px;
  --r-one-action-x: 8.190%; --r-one-action-y: 40.210%; --r-one-action-w: 24.380%; --r-one-action-h: 2.260%;
  --r-one-rule1-x: 8.190%; --r-one-rule1-y: 31.640%; --r-one-rule1-w: 24.380%; --r-one-rule1-h: 0.060%;
  --r-one-rule2-x: 8.190%; --r-one-rule2-y: 36.400%; --r-one-rule2-w: 24.380%; --r-one-rule2-h: 0.060%;
  --r-one-rule3-x: 8.190%; --r-one-rule3-y: 39.500%; --r-one-rule3-w: 24.380%; --r-one-rule3-h: 0.060%;
  --r-flex-surface-x: 36.030%; --r-flex-surface-y: 28.610%; --r-flex-surface-w: 28.530%; --r-flex-surface-h: 14.760%;
  --r-flex-name-x: 38.010%; --r-flex-name-y: 29.640%; --r-flex-name-w: 21.220%; --r-flex-name-h: 1.680%;
  --r-flex-name-cap: 17px; --r-flex-name-font: 25px;
  --r-flex-price-x: 38.010%; --r-flex-price-y: 32.410%; --r-flex-price-w: 9.870%; --r-flex-price-h: 1.740%;
  --r-flex-price-cap: 20px; --r-flex-price-font: 30px;
  --r-flex-unit-x: 38.010%; --r-flex-unit-y: 34.410%; --r-flex-unit-w: 25.170%; --r-flex-unit-h: 1.160%;
  --r-flex-unit-cap: 10px; --r-flex-unit-font: 15px;
  --r-flex-hosting-label-x: 38.010%; --r-flex-hosting-label-y: 37.110%; --r-flex-hosting-label-w: 6.910%; --r-flex-hosting-label-h: 0.900%;
  --r-flex-hosting-label-cap: 8px; --r-flex-hosting-label-font: 12px;
  --r-flex-hosting-x: 38.010%; --r-flex-hosting-y: 38.140%; --r-flex-hosting-w: 25.170%; --r-flex-hosting-h: 1.160%;
  --r-flex-hosting-cap: 9px; --r-flex-hosting-font: 13px;
  --r-flex-action-x: 38.010%; --r-flex-action-y: 40.210%; --r-flex-action-w: 24.380%; --r-flex-action-h: 2.260%;
  --r-flex-rule1-x: 38.010%; --r-flex-rule1-y: 31.640%; --r-flex-rule1-w: 24.380%; --r-flex-rule1-h: 0.060%;
  --r-flex-rule2-x: 38.010%; --r-flex-rule2-y: 36.400%; --r-flex-rule2-w: 24.380%; --r-flex-rule2-h: 0.060%;
  --r-flex-rule3-x: 38.010%; --r-flex-rule3-y: 39.500%; --r-flex-rule3-w: 24.380%; --r-flex-rule3-h: 0.060%;
  --r-smart-surface-x: 65.750%; --r-smart-surface-y: 28.610%; --r-smart-surface-w: 28.530%; --r-smart-surface-h: 14.760%;
  --r-smart-name-x: 67.720%; --r-smart-name-y: 29.640%; --r-smart-name-w: 21.220%; --r-smart-name-h: 1.680%;
  --r-smart-name-cap: 16px; --r-smart-name-font: 23px;
  --r-smart-price-x: 67.720%; --r-smart-price-y: 32.410%; --r-smart-price-w: 9.870%; --r-smart-price-h: 1.740%;
  --r-smart-price-cap: 20px; --r-smart-price-font: 30px;
  --r-smart-unit-x: 67.720%; --r-smart-unit-y: 34.410%; --r-smart-unit-w: 25.170%; --r-smart-unit-h: 1.160%;
  --r-smart-unit-cap: 10px; --r-smart-unit-font: 15px;
  --r-smart-hosting-label-x: 67.720%; --r-smart-hosting-label-y: 37.110%; --r-smart-hosting-label-w: 6.910%; --r-smart-hosting-label-h: 0.900%;
  --r-smart-hosting-label-cap: 8px; --r-smart-hosting-label-font: 12px;
  --r-smart-hosting-x: 67.720%; --r-smart-hosting-y: 38.140%; --r-smart-hosting-w: 25.170%; --r-smart-hosting-h: 1.160%;
  --r-smart-hosting-cap: 9px; --r-smart-hosting-font: 13px;
  --r-smart-action-x: 67.720%; --r-smart-action-y: 40.210%; --r-smart-action-w: 24.380%; --r-smart-action-h: 2.260%;
  --r-smart-rule1-x: 67.720%; --r-smart-rule1-y: 31.640%; --r-smart-rule1-w: 24.380%; --r-smart-rule1-h: 0.060%;
  --r-smart-rule2-x: 67.720%; --r-smart-rule2-y: 36.400%; --r-smart-rule2-w: 24.380%; --r-smart-rule2-h: 0.060%;
  --r-smart-rule3-x: 67.720%; --r-smart-rule3-y: 39.500%; --r-smart-rule3-w: 24.380%; --r-smart-rule3-h: 0.060%;
  --r-tax-note-x: 6.120%; --r-tax-note-y: 44.070%; --r-tax-note-w: 15.200%; --r-tax-note-h: 0.900%;
  --r-tax-note-cap: 8px; --r-tax-note-font: 12px;
  --r-devices-photo-x: 0.000%; --r-devices-photo-y: 46.200%; --r-devices-photo-w: 55.680%; --r-devices-photo-h: 17.590%;
  --r-devices-title-x: 59.620%; --r-devices-title-y: 51.420%; --r-devices-title-w: 34.250%; --r-devices-title-h: 3.990%;
  --r-devices-title-cap: 22px; --r-devices-title-font: 32px;
  --r-devices-copy-x: 59.620%; --r-devices-copy-y: 56.380%; --r-devices-copy-w: 35.930%; --r-devices-copy-h: 4.700%;
  --r-devices-copy-cap: 11px; --r-devices-copy-font: 17px;
  --r-routing-title-x: 6.120%; --r-routing-title-y: 69.070%; --r-routing-title-w: 27.640%; --r-routing-title-h: 2.130%;
  --r-routing-title-cap: 22px; --r-routing-title-font: 32px;
  --r-routing-copy-x: 6.120%; --r-routing-copy-y: 72.230%; --r-routing-copy-w: 37.810%; --r-routing-copy-h: 3.870%;
  --r-routing-copy-cap: 11px; --r-routing-copy-font: 17px;
  --r-workspace-photo-x: 47.380%; --r-workspace-photo-y: 63.920%; --r-workspace-photo-w: 52.620%; --r-workspace-photo-h: 14.880%;
  --r-ai-photo-x: 0.000%; --r-ai-photo-y: 78.800%; --r-ai-photo-w: 55.580%; --r-ai-photo-h: 15.400%;
  --r-ai-title-x: 59.620%; --r-ai-title-y: 82.280%; --r-ai-title-w: 35.930%; --r-ai-title-h: 3.870%;
  --r-ai-title-cap: 20px; --r-ai-title-font: 29px;
  --r-ai-copy-x: 59.620%; --r-ai-copy-y: 86.860%; --r-ai-copy-w: 35.830%; --r-ai-copy-h: 4.960%;
  --r-ai-copy-cap: 11px; --r-ai-copy-font: 17px;
  --r-contact-strip-x: 0.000%; --r-contact-strip-y: 94.200%; --r-contact-strip-w: 100.000%; --r-contact-strip-h: 5.800%;
  --r-contact-title-x: 6.120%; --r-contact-title-y: 95.810%; --r-contact-title-w: 48.370%; --r-contact-title-h: 1.740%;
  --r-contact-title-cap: 18px; --r-contact-title-font: 27px;
  --r-contact-copy-x: 6.120%; --r-contact-copy-y: 97.870%; --r-contact-copy-w: 36.230%; --r-contact-copy-h: 1.160%;
  --r-contact-copy-cap: 11px; --r-contact-copy-font: 17px;
  --r-contact-action-x: 58.340%; --r-contact-action-y: 96.010%; --r-contact-action-w: 17.570%; --r-contact-action-h: 2.580%;
  --r-contact-provider-x: 82.430%; --r-contact-provider-y: 96.200%; --r-contact-provider-w: 13.230%; --r-contact-provider-h: 1.930%;
  --r-contact-provider-cap: 8px; --r-contact-provider-font: 12px;
  --r-comparison-ground-x: 0.000%; --r-comparison-ground-y: 25.580%; --r-comparison-ground-w: 100.000%; --r-comparison-ground-h: 20.620%;
  --r-devices-ground-x: 55.680%; --r-devices-ground-y: 46.200%; --r-devices-ground-w: 44.320%; --r-devices-ground-h: 17.720%;
  --r-routing-ground-x: 0.000%; --r-routing-ground-y: 63.920%; --r-routing-ground-w: 47.380%; --r-routing-ground-h: 14.880%;
  --r-ai-ground-x: 55.580%; --r-ai-ground-y: 78.800%; --r-ai-ground-w: 44.420%; --r-ai-ground-h: 15.400%;
}

.comp-frame { position: relative; width: 100%; aspect-ratio: 1013 / 1552; overflow: hidden; }
.r-header { position: absolute; left: var(--r-header-x); top: var(--r-header-y); width: var(--r-header-w); height: var(--r-header-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 { position: absolute; left: var(--r-nav-x); top: var(--r-nav-y); width: var(--r-nav-w); height: var(--r-nav-h); }
.r-phone { position: absolute; left: var(--r-phone-x); top: var(--r-phone-y); width: var(--r-phone-w); height: var(--r-phone-h); }
.r-theme { position: absolute; left: var(--r-theme-x); top: var(--r-theme-y); width: var(--r-theme-w); height: var(--r-theme-h); }
.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-hero-title { position: absolute; left: var(--r-hero-title-x); top: var(--r-hero-title-y); width: var(--r-hero-title-w); height: var(--r-hero-title-h); }
.r-hero-subtitle { position: absolute; left: var(--r-hero-subtitle-x); top: var(--r-hero-subtitle-y); width: var(--r-hero-subtitle-w); height: var(--r-hero-subtitle-h); }
.r-hero-primary { position: absolute; left: var(--r-hero-primary-x); top: var(--r-hero-primary-y); width: var(--r-hero-primary-w); height: var(--r-hero-primary-h); }
.r-hero-secondary { position: absolute; left: var(--r-hero-secondary-x); top: var(--r-hero-secondary-y); width: var(--r-hero-secondary-w); height: var(--r-hero-secondary-h); }
.r-compare-title { position: absolute; left: var(--r-compare-title-x); top: var(--r-compare-title-y); width: var(--r-compare-title-w); height: var(--r-compare-title-h); }
.r-one-surface { position: absolute; left: var(--r-one-surface-x); top: var(--r-one-surface-y); width: var(--r-one-surface-w); height: var(--r-one-surface-h); }
.r-one-name { position: absolute; left: var(--r-one-name-x); top: var(--r-one-name-y); width: var(--r-one-name-w); height: var(--r-one-name-h); }
.r-one-price { position: absolute; left: var(--r-one-price-x); top: var(--r-one-price-y); width: var(--r-one-price-w); height: var(--r-one-price-h); }
.r-one-unit { position: absolute; left: var(--r-one-unit-x); top: var(--r-one-unit-y); width: var(--r-one-unit-w); height: var(--r-one-unit-h); }
.r-one-hosting-label { position: absolute; left: var(--r-one-hosting-label-x); top: var(--r-one-hosting-label-y); width: var(--r-one-hosting-label-w); height: var(--r-one-hosting-label-h); }
.r-one-hosting { position: absolute; left: var(--r-one-hosting-x); top: var(--r-one-hosting-y); width: var(--r-one-hosting-w); height: var(--r-one-hosting-h); }
.r-one-action { position: absolute; left: var(--r-one-action-x); top: var(--r-one-action-y); width: var(--r-one-action-w); height: var(--r-one-action-h); }
.r-one-rule1 { position: absolute; left: var(--r-one-rule1-x); top: var(--r-one-rule1-y); width: var(--r-one-rule1-w); height: var(--r-one-rule1-h); }
.r-one-rule2 { position: absolute; left: var(--r-one-rule2-x); top: var(--r-one-rule2-y); width: var(--r-one-rule2-w); height: var(--r-one-rule2-h); }
.r-one-rule3 { position: absolute; left: var(--r-one-rule3-x); top: var(--r-one-rule3-y); width: var(--r-one-rule3-w); height: var(--r-one-rule3-h); }
.r-flex-surface { position: absolute; left: var(--r-flex-surface-x); top: var(--r-flex-surface-y); width: var(--r-flex-surface-w); height: var(--r-flex-surface-h); }
.r-flex-name { position: absolute; left: var(--r-flex-name-x); top: var(--r-flex-name-y); width: var(--r-flex-name-w); height: var(--r-flex-name-h); }
.r-flex-price { position: absolute; left: var(--r-flex-price-x); top: var(--r-flex-price-y); width: var(--r-flex-price-w); height: var(--r-flex-price-h); }
.r-flex-unit { position: absolute; left: var(--r-flex-unit-x); top: var(--r-flex-unit-y); width: var(--r-flex-unit-w); height: var(--r-flex-unit-h); }
.r-flex-hosting-label { position: absolute; left: var(--r-flex-hosting-label-x); top: var(--r-flex-hosting-label-y); width: var(--r-flex-hosting-label-w); height: var(--r-flex-hosting-label-h); }
.r-flex-hosting { position: absolute; left: var(--r-flex-hosting-x); top: var(--r-flex-hosting-y); width: var(--r-flex-hosting-w); height: var(--r-flex-hosting-h); }
.r-flex-action { position: absolute; left: var(--r-flex-action-x); top: var(--r-flex-action-y); width: var(--r-flex-action-w); height: var(--r-flex-action-h); }
.r-flex-rule1 { position: absolute; left: var(--r-flex-rule1-x); top: var(--r-flex-rule1-y); width: var(--r-flex-rule1-w); height: var(--r-flex-rule1-h); }
.r-flex-rule2 { position: absolute; left: var(--r-flex-rule2-x); top: var(--r-flex-rule2-y); width: var(--r-flex-rule2-w); height: var(--r-flex-rule2-h); }
.r-flex-rule3 { position: absolute; left: var(--r-flex-rule3-x); top: var(--r-flex-rule3-y); width: var(--r-flex-rule3-w); height: var(--r-flex-rule3-h); }
.r-smart-surface { position: absolute; left: var(--r-smart-surface-x); top: var(--r-smart-surface-y); width: var(--r-smart-surface-w); height: var(--r-smart-surface-h); }
.r-smart-name { position: absolute; left: var(--r-smart-name-x); top: var(--r-smart-name-y); width: var(--r-smart-name-w); height: var(--r-smart-name-h); }
.r-smart-price { position: absolute; left: var(--r-smart-price-x); top: var(--r-smart-price-y); width: var(--r-smart-price-w); height: var(--r-smart-price-h); }
.r-smart-unit { position: absolute; left: var(--r-smart-unit-x); top: var(--r-smart-unit-y); width: var(--r-smart-unit-w); height: var(--r-smart-unit-h); }
.r-smart-hosting-label { position: absolute; left: var(--r-smart-hosting-label-x); top: var(--r-smart-hosting-label-y); width: var(--r-smart-hosting-label-w); height: var(--r-smart-hosting-label-h); }
.r-smart-hosting { position: absolute; left: var(--r-smart-hosting-x); top: var(--r-smart-hosting-y); width: var(--r-smart-hosting-w); height: var(--r-smart-hosting-h); }
.r-smart-action { position: absolute; left: var(--r-smart-action-x); top: var(--r-smart-action-y); width: var(--r-smart-action-w); height: var(--r-smart-action-h); }
.r-smart-rule1 { position: absolute; left: var(--r-smart-rule1-x); top: var(--r-smart-rule1-y); width: var(--r-smart-rule1-w); height: var(--r-smart-rule1-h); }
.r-smart-rule2 { position: absolute; left: var(--r-smart-rule2-x); top: var(--r-smart-rule2-y); width: var(--r-smart-rule2-w); height: var(--r-smart-rule2-h); }
.r-smart-rule3 { position: absolute; left: var(--r-smart-rule3-x); top: var(--r-smart-rule3-y); width: var(--r-smart-rule3-w); height: var(--r-smart-rule3-h); }
.r-tax-note { position: absolute; left: var(--r-tax-note-x); top: var(--r-tax-note-y); width: var(--r-tax-note-w); height: var(--r-tax-note-h); }
.r-devices-photo { position: absolute; left: var(--r-devices-photo-x); top: var(--r-devices-photo-y); width: var(--r-devices-photo-w); height: var(--r-devices-photo-h); }
.r-devices-title { position: absolute; left: var(--r-devices-title-x); top: var(--r-devices-title-y); width: var(--r-devices-title-w); height: var(--r-devices-title-h); }
.r-devices-copy { position: absolute; left: var(--r-devices-copy-x); top: var(--r-devices-copy-y); width: var(--r-devices-copy-w); height: var(--r-devices-copy-h); }
.r-routing-title { position: absolute; left: var(--r-routing-title-x); top: var(--r-routing-title-y); width: var(--r-routing-title-w); height: var(--r-routing-title-h); }
.r-routing-copy { position: absolute; left: var(--r-routing-copy-x); top: var(--r-routing-copy-y); width: var(--r-routing-copy-w); height: var(--r-routing-copy-h); }
.r-workspace-photo { position: absolute; left: var(--r-workspace-photo-x); top: var(--r-workspace-photo-y); width: var(--r-workspace-photo-w); height: var(--r-workspace-photo-h); }
.r-ai-photo { position: absolute; left: var(--r-ai-photo-x); top: var(--r-ai-photo-y); width: var(--r-ai-photo-w); height: var(--r-ai-photo-h); }
.r-ai-title { position: absolute; left: var(--r-ai-title-x); top: var(--r-ai-title-y); width: var(--r-ai-title-w); height: var(--r-ai-title-h); }
.r-ai-copy { position: absolute; left: var(--r-ai-copy-x); top: var(--r-ai-copy-y); width: var(--r-ai-copy-w); height: var(--r-ai-copy-h); }
.r-contact-strip { position: absolute; left: var(--r-contact-strip-x); top: var(--r-contact-strip-y); width: var(--r-contact-strip-w); height: var(--r-contact-strip-h); }
.r-contact-title { position: absolute; left: var(--r-contact-title-x); top: var(--r-contact-title-y); width: var(--r-contact-title-w); height: var(--r-contact-title-h); }
.r-contact-copy { position: absolute; left: var(--r-contact-copy-x); top: var(--r-contact-copy-y); width: var(--r-contact-copy-w); height: var(--r-contact-copy-h); }
.r-contact-action { position: absolute; left: var(--r-contact-action-x); top: var(--r-contact-action-y); width: var(--r-contact-action-w); height: var(--r-contact-action-h); }
.r-contact-provider { position: absolute; left: var(--r-contact-provider-x); top: var(--r-contact-provider-y); width: var(--r-contact-provider-w); height: var(--r-contact-provider-h); }
.r-comparison-ground { position: absolute; left: var(--r-comparison-ground-x); top: var(--r-comparison-ground-y); width: var(--r-comparison-ground-w); height: var(--r-comparison-ground-h); }
.r-devices-ground { position: absolute; left: var(--r-devices-ground-x); top: var(--r-devices-ground-y); width: var(--r-devices-ground-w); height: var(--r-devices-ground-h); }
.r-routing-ground { position: absolute; left: var(--r-routing-ground-x); top: var(--r-routing-ground-y); width: var(--r-routing-ground-w); height: var(--r-routing-ground-h); }
.r-ai-ground { position: absolute; left: var(--r-ai-ground-x); top: var(--r-ai-ground-y); width: var(--r-ai-ground-w); height: var(--r-ai-ground-h); }