@font-face{
  font-family:"Figtree";
  src:url("/fonts/figtree.woff2") format("woff2");
  font-weight:400 900;
  font-display:swap;
}

:root{
  --ground:#E8E9EA;
  --ink:#0F1315;
  --ink-2:#3A4044;
  --red:#E34328;
  --red-deep:#B92E17;
  --blue:#1A5798;
  --ochre:#DB992A;
  --rule:#B4B8BC;
  --paper:#F6F7F8;
  --u:calc(100cqw / 1536);
  --font:"Figtree",system-ui,"Segoe UI",Helvetica,Arial,sans-serif;
  --gut:clamp(20px,4vw,64px);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:var(--font);font-weight:500;font-size:18px;line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%}
a{color:inherit}
.btn,.brand{text-decoration:none}
:focus-visible{outline:4px solid var(--blue);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 16px;z-index:10;font-weight:700}
.skip:focus{left:8px}

/* ------------------------------------------------------------ hero (comp frame) */
.hero{background:var(--ground);overflow:hidden}
.comp-frame{
  container-type:inline-size;
  position:relative;
  width:min(100%,150vh);
  margin-inline:auto;
  aspect-ratio:1536/1024;
}
.comp-frame > *{position:absolute}
.hero a{text-decoration:none}

.brand{font-weight:800;line-height:1;letter-spacing:-.005em;font-size:calc(var(--u)*33);display:flex;align-items:center}
.hero-nav{display:flex;justify-content:space-between;align-items:center;font-size:calc(var(--u)*21);font-weight:500}
.hero-nav a{padding:calc(var(--u)*8) 0}
.hero-nav a:hover{text-decoration:underline;text-decoration-thickness:calc(var(--u)*3);text-underline-offset:calc(var(--u)*6)}

h1.headline{
  margin:0;font-weight:800;font-size:calc(var(--u)*102);line-height:calc(var(--u)*91);
  letter-spacing:-.012em;text-transform:uppercase;
}
h1.headline span{display:block;white-space:nowrap}
h1.headline .hl{color:var(--red)}

.subcopy span{display:block;white-space:nowrap}
.subcopy{margin:0;font-size:calc(var(--u)*22);line-height:calc(var(--u)*34);font-weight:500}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.7em;
  background:var(--red);color:#fff;border:0;border-radius:0;cursor:pointer;
  font:800 19px/1 var(--font);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;
  min-height:48px;padding:0 28px;
}
.btn svg{width:1.4em;height:1.4em;transition:transform .2s ease}
.btn:hover{background:var(--red-deep)}
.btn:hover svg{transform:translateX(.25em)}
.hero .btn{font-size:calc(var(--u)*25);gap:calc(var(--u)*20);letter-spacing:.035em;padding:0 calc(var(--u)*20)}
.hero .btn svg{width:calc(var(--u)*30);height:calc(var(--u)*30)}

.rowlabel{font-weight:800;text-transform:uppercase;line-height:1;margin:0;font-size:calc(var(--u)*23);letter-spacing:.02em;display:flex;align-items:center}
.rowlabel.wide{letter-spacing:.07em}
.legend{white-space:nowrap;margin:0;font-size:calc(var(--u)*16);font-weight:600;color:var(--ink);display:flex;align-items:center}

.plate{width:100%;height:100%;object-fit:contain;object-position:left bottom}
.r-figure-freed .plate{object-position:center bottom;transform:scale(1.85,2.05);transform-origin:50% 100%}
.r-row-ghost .plate{transform:translate(calc(var(--u)*9),calc(var(--u)*-5.2)) scale(1,1.05);transform-origin:0 0}
.r-row-clerks .plate{transform:translate(calc(var(--u)*8),calc(var(--u)*4)) scale(.988);transform-origin:0 0}
.rule{background:var(--ink)}
.rule-1,.rule-2{background:linear-gradient(var(--ink),var(--ink)) 0 55%/100% 62% no-repeat}
.rule-3{background:linear-gradient(var(--rule),var(--rule)) 0 50%/100% 28% no-repeat}

/* vanishing clerks overlay: the WITH SOFTYAN row starts full of clerks */
.vanish{pointer-events:none;
  left:38.02%;top:calc(var(--u)*436);width:59.38%;height:calc(var(--u)*111);
  background:url("/assets/plates/row-clerks.png") left bottom/100% 100% no-repeat;
  clip-path:inset(0 0 0 100%);
}
.js-motion .vanish{animation:vanish 1.5s steps(14,end) .5s both}
@keyframes vanish{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}
.js-motion .r-figure-freed .plate{animation:pop .6s cubic-bezier(.16,1,.3,1) 2.1s both}
@keyframes pop{from{opacity:0;transform:scale(.4) translateY(10%)}to{opacity:1;transform:none}}

/* price strip */
.cal{display:block}
.cal i{position:absolute;left:calc(var(--u)*4);top:calc(var(--u)*9);width:calc(var(--u)*108);height:calc(var(--u)*118);
  border:calc(var(--u)*5) solid var(--ink);border-radius:calc(var(--u)*14);background:#F4F5F6;overflow:hidden}
.cal i::before{content:"";position:absolute;inset:0 0 auto 0;height:calc(var(--u)*32);background:var(--c)}
.cal b,.cal em{position:absolute;top:calc(var(--u)*-2);width:calc(var(--u)*9);height:calc(var(--u)*24);background:var(--ink);border-radius:calc(var(--u)*5);z-index:2}
.cal b{left:calc(var(--u)*30)} .cal em{left:calc(var(--u)*84)}
.cal svg{position:absolute;left:50%;top:calc(var(--u)*34);width:calc(var(--u)*82);height:calc(var(--u)*76);transform:translateX(-50%);padding:calc(var(--u)*3)}
.cal-box{position:absolute}
.price{display:block;line-height:1;color:var(--ink)}
.price .n{display:block;font-weight:800;text-transform:uppercase;font-size:calc(var(--u)*24);letter-spacing:.02em}
.price .p{display:block;font-weight:700;font-size:calc(var(--u)*42);margin-top:calc(var(--u)*12);letter-spacing:-.01em;line-height:1}
.price .p small{display:block;font-size:calc(var(--u)*20);font-weight:500;letter-spacing:0;margin-bottom:calc(var(--u)*4)}
.price .t{display:block;font-weight:500;font-size:calc(var(--u)*22);margin-top:calc(var(--u)*10)}
a.price:hover .p{color:var(--red)}

/* ------------------------------------------------------------ shared section frame */
section:not(.hero),.band{padding-inline:var(--gut)}
.wrap{max-width:1360px;margin-inline:auto}
.sec{padding-block:clamp(56px,8vw,112px);border-top:6px solid var(--ink)}
.sec-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vw,56px)}
.sec h2{margin:0;font-weight:800;text-transform:uppercase;font-size:clamp(38px,4.6vw,72px);line-height:.95;overflow-wrap:anywhere;letter-spacing:-.015em}
.sec h2 em{font-style:normal;color:var(--red)}
.sec .sub{margin:0;max-width:34em;font-size:clamp(17px,1.4vw,21px);font-weight:600;color:var(--ink-2)}
@media (min-width:1000px){
  .sec .wrap{display:grid;grid-template-columns:minmax(260px,.34fr) 1fr;column-gap:clamp(32px,5vw,96px);align-items:start}
  .sec-head{position:sticky;top:32px;margin-bottom:0}
}

/* ------------------------------------------------------------ price chart */
.chart{border-top:3px solid var(--ink)}
.crow{display:grid;grid-template-columns:minmax(180px,230px) 1fr;column-gap:32px;row-gap:14px;padding:26px 0;border-bottom:3px solid var(--ink);align-items:start}
.crow h3{margin:0;font-weight:800;text-transform:uppercase;font-size:24px;line-height:1;letter-spacing:.02em}
.crow .pr{display:block;font-weight:800;font-size:clamp(40px,4.2vw,60px);line-height:1;margin-top:10px;letter-spacing:-.015em}
.crow .pr small{display:block;font-size:17px;font-weight:600;margin-bottom:4px;letter-spacing:0}
.crow .pr .per{font-size:20px;font-weight:600;letter-spacing:0}
.days{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:6px}
.day{width:42px;height:50px;color:var(--blue);flex:none}
.day.maybe{color:#6D93BE}
.day.more{color:var(--ink)}
.days .gap{align-self:center;font-weight:800;font-size:28px;line-height:1;padding-inline:6px}
.days .tag{align-self:center;margin-left:8px;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.06em}
.crow p{margin:0;max-width:40em;font-size:17.5px}
.crow .figure-on{width:34px;height:auto;margin-right:8px}
.chart-fine{margin:18px 0 0;font-weight:600;font-size:16px;display:flex;gap:14px;align-items:center}
.chart-fine svg{width:30px;height:36px;color:var(--blue);flex:none}

/* ------------------------------------------------------------ steps */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:s;border-top:3px solid var(--ink)}
.steps li{display:grid;grid-template-columns:96px 1fr;gap:6px 24px;padding:26px 0;border-bottom:3px solid var(--ink);align-items:center}
.steps .no{grid-row:1/3;width:84px;height:84px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:44px;line-height:1}
.steps li:nth-child(1) .no{background:var(--blue)}
.steps li:nth-child(4) .no{background:var(--ochre);color:var(--ink)}
.steps h3{margin:0;font-weight:800;text-transform:uppercase;font-size:24px;letter-spacing:.02em;line-height:1.1}
.steps p{margin:0;font-size:17.5px;max-width:36em}

/* ------------------------------------------------------------ samples */
.cases{display:grid;border-top:3px solid var(--ink)}
.case{display:grid;grid-template-columns:1fr;gap:12px 32px;padding:24px 0;border-bottom:3px solid var(--ink)}
.case h3{margin:0;font-weight:800;text-transform:uppercase;font-size:24px;line-height:1.1;letter-spacing:.02em}
.case dl{display:grid;gap:10px;margin:0}
.case dt{display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.case dd{margin:2px 0 0;font-size:17.5px}
.case dd.fix{font-weight:700}
.case dt img{height:34px;width:auto;flex:none}
.case .by dt{color:var(--blue)} .case .fx dt{color:var(--red-deep)}
@media (min-width:760px){
  .case{grid-template-columns:230px 1fr}
  .case dl{grid-template-columns:1fr 1fr;gap:28px}
}
.disc{margin:18px 0 0;font-size:15.5px;font-weight:600;color:var(--ink-2);display:flex;gap:14px;align-items:center}
.disc img{width:38px;height:auto;flex:none}

/* ------------------------------------------------------------ guarantee */
.band.guar{background:var(--ground);border-top:6px solid var(--ink);border-bottom:6px solid var(--ink);padding-block:clamp(40px,6vw,72px)}
.guar .wrap{display:flex;gap:clamp(20px,4vw,56px);align-items:center;flex-wrap:wrap}
.guar .big{width:clamp(110px,14vw,176px);flex:none;position:relative}
.guar .big svg{width:100%;height:auto}
.guar .big span{position:absolute;left:0;right:0;top:36%;text-align:center;font-weight:800;font-size:clamp(46px,6vw,82px);line-height:1;letter-spacing:-.03em}
.guar p{margin:0;max-width:30em;font-size:clamp(20px,2.2vw,30px);line-height:1.25;font-weight:700}
.guar strong{text-transform:uppercase;letter-spacing:.01em;display:block;font-weight:800;font-size:1.25em;margin-bottom:6px}

/* ------------------------------------------------------------ order form */
.order-grid{display:grid;gap:40px}
@media (min-width:1000px){ .order-grid{grid-template-columns:1fr} }
form{display:grid;gap:22px}
.two{display:grid;gap:22px}
@media (min-width:640px){.two{grid-template-columns:1fr 1fr}}
.f{display:grid;gap:6px}
label{font-weight:800;font-size:14px;letter-spacing:.14em;text-transform:uppercase}
input,select,textarea{
  font:600 19px/1.4 var(--font);color:var(--ink);background:var(--paper);
  border:0;border-bottom:4px solid var(--ink);border-radius:0;padding:14px 12px;width:100%;min-height:52px;
}
textarea{min-height:150px;resize:vertical}
input::placeholder,textarea::placeholder{color:#6B7378;font-weight:500}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid var(--blue);outline-offset:0}
input:user-invalid,textarea:user-invalid{border-bottom-color:var(--red);background:#FBEDEA}
.hp{position:absolute;left:-9999px}
.formfoot{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}
.small{font-size:15.5px;font-weight:600;max-width:34em}
.small a{text-underline-offset:3px;text-decoration-thickness:2px}
.order-fig{display:none}
@media (min-width:1000px){
  .order-fig{display:block;width:120px;margin-bottom:24px}
}

/* ------------------------------------------------------------ footer */
footer{background:var(--ink);color:#fff;padding:36px var(--gut);font-weight:600;font-size:15.5px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px}
footer a{text-underline-offset:3px}

/* ------------------------------------------------------------ motion for charts */
.js-motion .days.reveal .day{opacity:0;transform:translateY(8px) scale(.85)}
.js-motion .days.reveal.in .day{opacity:1;transform:none;transition:opacity .25s ease,transform .3s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*70ms)}

/* ------------------------------------------------------------ simple pages */
.page{max-width:760px;margin:0 auto;padding:clamp(40px,8vw,96px) var(--gut)}
.page .brand{font-size:30px;margin-bottom:56px}
.page h1{font-weight:800;text-transform:uppercase;font-size:clamp(44px,8vw,96px);line-height:.95;letter-spacing:-.015em;margin:0 0 24px}
.page h2{font-weight:800;text-transform:uppercase;font-size:22px;letter-spacing:.02em;margin:36px 0 8px}
.page p,.page li{font-size:18px;max-width:38em}
.stamp-fig{width:86px;height:auto;margin-bottom:28px}

/* ------------------------------------------------------------ narrow screens: hero flows */
@media (max-width:899px){
  .subcopy span{white-space:normal;text-wrap:balance}
  .comp-frame{container-type:normal;width:100%;aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:20px var(--gut) 8px}
  .comp-frame > *{position:static}
  .brand{font-size:30px;grid-row:1}
  .hero-nav{font-size:17px;gap:20px;justify-content:flex-start;margin-top:6px}
  .hero-nav a{padding:12px 0}
  h1.headline{font-size:clamp(46px,15vw,104px);line-height:.92;margin-top:28px}
  .subcopy{font-size:19px;line-height:1.4;margin-top:18px;max-width:26em}
  .hero .btn{font-size:19px;gap:14px;margin-top:24px;justify-self:start;min-height:56px;padding:0 28px}
  .hero .btn svg{width:26px;height:26px}
  .rowlabel{font-size:15px;margin-top:40px}
  .rowlabel.wide{margin-top:26px}
  .plate{width:100%;height:auto;aspect-ratio:1824/222}
  .r-row-ghost .plate{aspect-ratio:1824/252}
  .r-row-clerks,.r-row-ghost,.r-figure-freed,.r-rule-1,.r-rule-2,.r-rule-3,.legend,.vanish,.cal-box{left:auto;top:auto;width:auto;height:auto}
  .rule{height:3px;background:var(--ink);margin-top:2px}
  .rule-3{background:var(--rule);height:2px;margin-top:36px}
  .legend{font-size:14px;margin-top:10px}
  .vanish{display:none}
  .comp-frame{--rw:calc(100vw - 2*var(--gut))}
  .r-figure-freed{display:block;width:calc(var(--rw)/11);height:calc(var(--rw)*.138);margin-top:calc(var(--rw)*-.138);margin-left:calc(var(--rw)*5/11);position:relative}
  .r-figure-freed .plate{height:100%;aspect-ratio:auto}
  .price{padding:16px 0}
  .price .n{font-size:15px}.price .p{font-size:32px;margin-top:8px}.price .p small{font-size:15px}.price .t{font-size:16px}
  .strip{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .cal-box{display:none}
}
@media (max-width:639px){
  .crow{grid-template-columns:minmax(0,1fr)}
  .steps li{grid-template-columns:60px minmax(0,1fr);gap:4px 16px}
  .steps .no{width:52px;height:52px;font-size:28px}
  .day{width:34px;height:41px}
  .case{grid-template-columns:minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js-motion .days.reveal .day{opacity:1;transform:none}
  .vanish{display:none}
}

/* ---- measured layout from the approved comp (desktop only) ---- */
:root{
  --r-wordmark-x: 2.860%; --r-wordmark-y: 2.730%; --r-wordmark-w: 7.490%; --r-wordmark-h: 3.320%;
  --r-wordmark-cap: 23px; --r-wordmark-font: 33px;
  --r-nav-x: 75.520%; --r-nav-y: 2.930%; --r-nav-w: 21.810%; --r-nav-h: 2.930%;
  --r-nav-cap: 14px; --r-nav-font: 21px;
  --r-headline-x: 2.600%; --r-headline-y: 13.670%; --r-headline-w: 30.600%; --r-headline-h: 27.150%;
  --r-headline-cap: 72px; --r-headline-font: 115px; 
  --r-subcopy-x: 2.860%; --r-subcopy-y: 42.290%; --r-subcopy-w: 31.900%; --r-subcopy-h: 6.350%;
  --r-subcopy-cap: 16px; --r-subcopy-font: 24px;
  --r-cta-x: 2.860%; --r-cta-y: 52.050%; --r-cta-w: 22.270%; --r-cta-h: 7.710%;
  --r-cta-cap: 18px; --r-cta-font: 26px;
  --r-label-byhand-x: 38.020%; --r-label-byhand-y: 15.230%; --r-label-byhand-w: 8.140%; --r-label-byhand-h: 2.730%;
  --r-label-byhand-cap: 16px; --r-label-byhand-font: 23px;
  --r-row-clerks-x: 38.020%; --r-row-clerks-y: 19.530%; --r-row-clerks-w: 59.380%; --r-row-clerks-h: 10.840%;
  --r-rule-1-x: 38.020%; --r-rule-1-y: 30.370%; --r-rule-1-w: 59.380%; --r-rule-1-h: 0.490%;
  --r-label-softyan-x: 38.020%; --r-label-softyan-y: 37.110%; --r-label-softyan-w: 12.370%; --r-label-softyan-h: 2.930%;
  --r-label-softyan-cap: 16px; --r-label-softyan-font: 23px;
  --r-row-ghost-x: 38.020%; --r-row-ghost-y: 41.410%; --r-row-ghost-w: 59.380%; --r-row-ghost-h: 12.300%;
  --r-figure-freed-x: 64.130%; --r-figure-freed-y: 38.870%; --r-figure-freed-w: 4.880%; --r-figure-freed-h: 14.840%;
  --r-rule-2-x: 38.020%; --r-rule-2-y: 53.810%; --r-rule-2-w: 59.380%; --r-rule-2-h: 0.490%;
  --r-legend-x: 38.020%; --r-legend-y: 55.470%; --r-legend-w: 15.630%; --r-legend-h: 1.950%;
  --r-legend-cap: 11px; --r-legend-font: 16px;
  --r-rule-3-x: 2.860%; --r-rule-3-y: 71.090%; --r-rule-3-w: 94.400%; --r-rule-3-h: 0.780%;
  --r-cal-1-x: 2.600%; --r-cal-1-y: 75.780%; --r-cal-1-w: 7.680%; --r-cal-1-h: 13.870%;
  --r-price-1-x: 12.040%; --r-price-1-y: 77.150%; --r-price-1-w: 13.350%; --r-price-1-h: 13.180%;
  --r-price-1-cap: 16px; --r-price-1-font: 24px;
  --r-cal-2-x: 28.130%; --r-cal-2-y: 75.780%; --r-cal-2-w: 7.680%; --r-cal-2-h: 13.870%;
  --r-price-2-x: 37.430%; --r-price-2-y: 77.150%; --r-price-2-w: 14.320%; --r-price-2-h: 13.180%;
  --r-price-2-cap: 16px; --r-price-2-font: 24px;
  --r-cal-3-x: 54.170%; --r-cal-3-y: 75.780%; --r-cal-3-w: 7.680%; --r-cal-3-h: 13.870%;
  --r-price-3-x: 63.150%; --r-price-3-y: 77.150%; --r-price-3-w: 12.370%; --r-price-3-h: 13.180%;
  --r-price-3-cap: 26px; --r-price-3-font: 38px;
  --r-cal-4-x: 79.170%; --r-cal-4-y: 75.780%; --r-cal-4-w: 7.680%; --r-cal-4-h: 13.870%;
  --r-price-4-x: 88.350%; --r-price-4-y: 77.150%; --r-price-4-w: 10.420%; --r-price-4-h: 13.180%;
  --r-price-4-cap: 26px; --r-price-4-font: 38px;}
@media (min-width:900px){.strip{display:contents}}
@media (min-width:900px){
.r-wordmark { position: absolute; left: var(--r-wordmark-x); top: var(--r-wordmark-y); width: var(--r-wordmark-w); height: var(--r-wordmark-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-headline { position: absolute; left: var(--r-headline-x); top: var(--r-headline-y); width: var(--r-headline-w); height: var(--r-headline-h); }
.r-subcopy { position: absolute; left: var(--r-subcopy-x); top: var(--r-subcopy-y); width: var(--r-subcopy-w); height: var(--r-subcopy-h); }
.r-cta { position: absolute; left: var(--r-cta-x); top: var(--r-cta-y); width: var(--r-cta-w); height: var(--r-cta-h); }
.r-label-byhand { position: absolute; left: var(--r-label-byhand-x); top: var(--r-label-byhand-y); width: var(--r-label-byhand-w); height: var(--r-label-byhand-h); }
.r-row-clerks { position: absolute; left: var(--r-row-clerks-x); top: var(--r-row-clerks-y); width: var(--r-row-clerks-w); height: var(--r-row-clerks-h); }
.r-rule-1 { position: absolute; left: var(--r-rule-1-x); top: var(--r-rule-1-y); width: var(--r-rule-1-w); height: var(--r-rule-1-h); }
.r-label-softyan { position: absolute; left: var(--r-label-softyan-x); top: var(--r-label-softyan-y); width: var(--r-label-softyan-w); height: var(--r-label-softyan-h); }
.r-row-ghost { position: absolute; left: var(--r-row-ghost-x); top: var(--r-row-ghost-y); width: var(--r-row-ghost-w); height: var(--r-row-ghost-h); }
.r-figure-freed { position: absolute; left: var(--r-figure-freed-x); top: var(--r-figure-freed-y); width: var(--r-figure-freed-w); height: var(--r-figure-freed-h); }
.r-rule-2 { position: absolute; left: var(--r-rule-2-x); top: var(--r-rule-2-y); width: var(--r-rule-2-w); height: var(--r-rule-2-h); }
.r-legend { position: absolute; left: var(--r-legend-x); top: var(--r-legend-y); width: var(--r-legend-w); height: var(--r-legend-h); }
.r-rule-3 { position: absolute; left: var(--r-rule-3-x); top: var(--r-rule-3-y); width: var(--r-rule-3-w); height: var(--r-rule-3-h); }
.r-cal-1 { position: absolute; left: var(--r-cal-1-x); top: var(--r-cal-1-y); width: var(--r-cal-1-w); height: var(--r-cal-1-h); }
.r-price-1 { position: absolute; left: var(--r-price-1-x); top: var(--r-price-1-y); width: var(--r-price-1-w); height: var(--r-price-1-h); }
.r-cal-2 { position: absolute; left: var(--r-cal-2-x); top: var(--r-cal-2-y); width: var(--r-cal-2-w); height: var(--r-cal-2-h); }
.r-price-2 { position: absolute; left: var(--r-price-2-x); top: var(--r-price-2-y); width: var(--r-price-2-w); height: var(--r-price-2-h); }
.r-cal-3 { position: absolute; left: var(--r-cal-3-x); top: var(--r-cal-3-y); width: var(--r-cal-3-w); height: var(--r-cal-3-h); }
.r-price-3 { position: absolute; left: var(--r-price-3-x); top: var(--r-price-3-y); width: var(--r-price-3-w); height: var(--r-price-3-h); }
.r-cal-4 { position: absolute; left: var(--r-cal-4-x); top: var(--r-cal-4-y); width: var(--r-cal-4-w); height: var(--r-cal-4-h); }
.r-price-4 { position: absolute; left: var(--r-price-4-x); top: var(--r-price-4-y); width: var(--r-price-4-w); height: var(--r-price-4-h); }
.r-figure-freed{left:65.82%}
.r-cta{display:flex;align-items:center;justify-content:center}
}