.pricing-viewport{overflow:clip}
.pricing-hub{width:var(--page);margin:0 auto;padding:90px 0 115px;border-top:1px solid var(--line);scroll-margin-top:105px}
.pricing-hub>.section-kicker{margin-bottom:37px}
.pricing-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;margin-bottom:47px}
.pricing-heading h2{font-size:clamp(45px,4.8vw,70px);line-height:1.07}
.pricing-heading h2 em{color:#7b936e}
.pricing-heading>p{max-width:360px;justify-self:end;font-size:13px;line-height:1.9;color:#7f8f79;padding-bottom:5px}
.pricing-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch;perspective:1900px;perspective-origin:50% 30%}
.pricing-left,.pricing-right{min-width:0;transform-style:preserve-3d;transform-origin:50% 35%}
.pricing-hub.is-enhanced .pricing-left{
  transform:translate3d(calc(-65px * (1 - var(--price-open,1))),calc(65px * (1 - var(--price-open,1))),calc(-160px * (1 - var(--price-open,1)))) rotateY(calc(17deg * (1 - var(--price-open,1)))) rotateX(calc(7deg * (1 - var(--price-open,1)))) scale(calc(.9 + .1 * var(--price-open,1)));
  opacity:calc(.3 + .7 * var(--price-open,1));
}
.pricing-hub.is-enhanced .pricing-right{
  transform:translate3d(calc(55px * (1 - var(--calc-open,1))),calc(95px * (1 - var(--calc-open,1))),calc(-100px * (1 - var(--calc-open,1)))) rotateY(calc(-12deg * (1 - var(--calc-open,1)))) rotateX(calc(5deg * (1 - var(--calc-open,1))));
  opacity:calc(.3 + .7 * var(--calc-open,1));
}
.price-surface{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100%;padding:35px 38px 30px;color:#f1f5e9;border:1px solid #496355;border-radius:24px;background:linear-gradient(145deg,#234a3b,#12362c 65%,#183f30);box-shadow:0 38px 85px -48px #153e2f99,0 3px 0 #45634e,0 7px 0 -3px #c8d3c1;transform:rotateX(var(--price-tilt-x,0deg)) rotateY(var(--price-tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.7,.3,1);overflow:hidden}
.price-surface::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--price-gloss-x,20%) var(--price-gloss-y,0%),#e8edba21,transparent 66%)}
.price-surface::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #eff3ce30,inset 1px 0 0 #eff3ce15}
.price-card-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#bfd1ab;font-size:9px;letter-spacing:.12em}
.price-card-meta>span:last-child{font-size:17px;line-height:1}
.price-card-title{margin:28px 0 0;font-size:35px;font-weight:400;letter-spacing:-.045em;line-height:1.1}
.price-card-title em{color:#bdd0a6}
.tariff-list{margin-top:29px}
.tariff-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 0;border-top:1px solid #e5edcd24}
.tariff-row:last-child{border-bottom:1px solid #e5edcd24}
.tariff-row h4{font-size:14px;font-weight:450;line-height:1.45;margin:0}
.tariff-row p{font-size:10px;line-height:1.7;color:#b4c6ad;margin:6px 0 0}
.tariff-value{font-size:31px;line-height:1.05;letter-spacing:-.045em;font-weight:400;white-space:nowrap;text-align:right}
.tariff-value small{display:block;margin-top:6px;font-size:9px;line-height:1.4;color:#bdcdb4;letter-spacing:0}
.tariff-row:first-child .tariff-value{font-size:43px;color:#e1edc9}
.tariff-range{font-size:25px}
.price-card-footer{margin-top:auto;padding-top:27px}
.price-self{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border:1px solid #d5e6c02b;border-radius:12px;background:#e4edc608}
.price-self>span{font-size:10px;line-height:1.7;color:#c0d0b5}
.price-self strong{font-size:22px;letter-spacing:-.04em;white-space:nowrap;font-weight:400}
.price-self strong small{font-size:10px;letter-spacing:0}
.price-extras{margin-top:19px;font-size:9px;color:#abc0a4;line-height:1.9}
.pricing-right .calculator-form{height:100%;margin:0;padding:33px 37px 29px;border-radius:24px;background:#fafbf7;border:1px solid #e1e8da;box-shadow:0 32px 70px -48px #3a513542,inset 0 1px 0 #fff}
.calculator-card-head{padding-bottom:23px;margin-bottom:24px;border-bottom:1px solid #e0e7d9}
.calculator-card-head .eyebrow{font-size:8px;color:#8c9c80;letter-spacing:.12em;margin-bottom:17px}
.calculator-card-head h3{font-size:27px;font-weight:450;letter-spacing:-.045em;line-height:1.15}
.calculator-card-head>p:last-child{font-size:11px;line-height:1.8;color:#8c9983;margin-top:10px}
.pricing-right .delivery-option{background:#fff;border-radius:10px}
.pricing-right .dimension-input{border-radius:9px;background:#fff}
.pricing-right .calc-total output{font-size:48px;letter-spacing:-.06em}
.pricing-right .calculator-form>.button{width:100%}
.pricing-anchor{position:absolute;scroll-margin-top:105px}
@media(max-width:1100px){
  .pricing-layout{gap:23px}
  .price-surface{padding:30px 27px 28px}
  .pricing-right .calculator-form{padding:30px 27px 26px}
  .tariff-row{gap:12px}
  .tariff-row h4{font-size:12px}
  .tariff-value{font-size:28px}
  .tariff-range{font-size:22px}
  .calculator-card-head h3{font-size:25px}
}
@media(max-width:900px){
  .pricing-hub{padding-top:75px;padding-bottom:85px}
  .pricing-heading{grid-template-columns:1fr;gap:22px;margin-bottom:36px}
  .pricing-heading>p{max-width:450px;justify-self:start;font-size:12px;padding:0}
  .pricing-layout{grid-template-columns:1fr;gap:27px}
  .pricing-hub.is-enhanced .pricing-left{transform:translate3d(0,calc(40px * (1 - var(--price-open,1))),calc(-75px * (1 - var(--price-open,1)))) rotateX(calc(7deg * (1 - var(--price-open,1)))) scale(calc(.96 + .04 * var(--price-open,1)))}
  .pricing-hub.is-enhanced .pricing-right{transform:translate3d(0,calc(55px * (1 - var(--calc-open,1))),calc(-75px * (1 - var(--calc-open,1)))) rotateX(calc(6deg * (1 - var(--calc-open,1)))) scale(calc(.96 + .04 * var(--calc-open,1)))}
  .price-surface{padding:32px 35px}
  .pricing-right .calculator-form{padding:32px 35px}
  .tariff-row h4{font-size:14px}
  .tariff-value{font-size:31px}
  .tariff-range{font-size:25px}
}
@media(max-width:580px){
  .pricing-hub{padding:60px 0 65px;scroll-margin-top:85px}
  .pricing-hub>.section-kicker{margin-bottom:27px}
  .pricing-heading h2{font-size:43px}
  .pricing-heading{gap:20px;margin-bottom:30px}
  .pricing-heading>p{font-size:11px;line-height:1.9;max-width:305px}
  .pricing-layout{gap:23px;perspective:1300px}
  .price-surface{padding:27px 23px 25px;border-radius:20px}
  .price-card-meta{font-size:8px}
  .price-card-title{font-size:30px;margin-top:25px}
  .tariff-list{margin-top:25px}
  .tariff-row{padding:21px 0;gap:12px}
  .tariff-row h4{font-size:12px}
  .tariff-row p{font-size:9px;max-width:160px}
  .tariff-value{font-size:28px}
  .tariff-range{font-size:22px}
  .tariff-row:first-child .tariff-value{font-size:36px}
  .tariff-value small{font-size:8px}
  .price-self{padding:15px 13px;gap:10px}
  .price-self>span{font-size:9px}
  .price-self strong{font-size:21px}
  .price-extras{font-size:8px;margin-top:16px}
  .pricing-right .calculator-form{padding:27px 21px 24px;border-radius:20px}
  .calculator-card-head{padding-bottom:21px;margin-bottom:22px}
  .calculator-card-head h3{font-size:26px}
  .calculator-card-head>p:last-child{font-size:10px}
  .pricing-right .calc-total output{font-size:41px}
}
@media(prefers-reduced-motion:reduce){
  .pricing-hub.is-enhanced .pricing-left,.pricing-hub.is-enhanced .pricing-right{transform:none!important;opacity:1!important}
  .price-surface{transform:none!important;transition:none}
}