.web-pricing{background:linear-gradient(125deg,#fff 10%,#f0f4fa);padding:22px 4vw;gap:0}.web-pricing .breadcrumbs{margin-bottom:12px}.web-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-shrink:0}.web-heading .eyebrow{margin-bottom:10px}.web-heading h1{font-size:clamp(28px,2.6vw,43px);letter-spacing:-.04em;line-height:1.12}.web-heading p{font-size:16px;margin-top:10px;color:#526783}.web-tabs{display:flex;gap:5px;background:#e7edf5;padding:4px;border-radius:10px;flex-shrink:0}.web-tabs a{padding:10px 14px;font-size:13px;border-radius:7px;white-space:nowrap}.web-tabs a[aria-current]{background:white;box-shadow:0 2px 8px #08245010;color:#082450;font-weight:600}.web-plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:24px;flex:1;min-height:0}.web-plan{display:flex;flex-direction:column;min-width:0;padding:22px 18px;background:#fff;border:1px solid #dce4ef;border-radius:16px;box-shadow:0 8px 24px #08245005}.web-plan.web-featured{background:#0b2e5c;color:white;border-color:#0b2e5c;box-shadow:0 12px 25px #08245020}.web-tag{font-size:10px;line-height:1.4;display:block;color:#87651f;min-height:28px}.web-featured .web-tag{color:#edcc86;letter-spacing:.08em}.web-plan h2{font-size:21px;line-height:1.2;letter-spacing:-.02em;min-height:51px;color:inherit}.web-plan-prices{margin-top:12px}.web-price-label{font-size:11px;color:#667b95}.web-price{font-size:clamp(27px,2.55vw,38px);font-weight:600;letter-spacing:-.04em;margin-top:4px;white-space:nowrap;line-height:1.2}.web-price small{font-size:12px;font-weight:400;letter-spacing:0}.web-monthly{font-size:12px;margin-top:7px;color:#526783}.web-monthly strong{font-weight:600}.web-description{font-size:13px;line-height:1.5;color:#526783;margin-top:18px}.web-plan ul{list-style:none;padding:0;margin:16px 0 20px;font-size:12px;line-height:1.5}.web-plan li{position:relative;padding-left:15px;margin:7px 0}.web-plan li:before{content:'✓';position:absolute;left:0;color:#917029}.web-plan .button{margin-top:auto;padding:11px 10px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:6px;white-space:normal;min-height:42px}.web-featured .web-description,.web-featured .web-price-label,.web-featured .web-monthly{color:#d5e1f3}.web-featured li:before{color:#e7c880}.web-featured .button{background:#efd29a;color:#082450;border-color:#efd29a}.web-bottom{flex-shrink:0;margin-top:16px;display:flex;flex-direction:column;gap:6px}.web-bottom p{font-size:11px;line-height:1.5;color:#5d718d}.web-bottom a{color:#082450;text-decoration:underline;text-underline-offset:3px}.web-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px;flex:1;min-height:0}.web-details article{padding:24px;background:white;border:1px solid #dce4ef;border-radius:16px}.web-details h2{font-size:23px;line-height:1.2;letter-spacing:-.02em}.web-details p{font-size:14px;line-height:1.6;margin-top:16px;color:#526783}.web-details dl{margin-top:20px}.web-details dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e1e7ef;font-size:13px;line-height:1.4}.web-details dd{text-align:right;margin:0;font-weight:600}.web-details-action{display:flex;align-items:center;gap:24px;margin-top:18px;font-size:13px;flex-shrink:0}.web-details-action .button{font-size:13px;padding:11px 16px}
@media(min-width:761px) and (max-width:1150px){.web-pricing{padding:18px 4vw}.web-heading h1{font-size:30px}.web-plans{display:flex;flex-direction:column;gap:8px;margin-top:16px}.web-plan{display:grid;grid-template-columns:1.1fr 1fr 1.4fr 145px;align-items:center;gap:15px;padding:12px 16px}.web-tag{min-height:0;font-size:10px}.web-plan h2{font-size:18px;min-height:0;margin-top:4px}.web-plan-prices{margin:0}.web-price-label{display:none}.web-price{font-size:26px;margin:0}.web-monthly{margin-top:3px}.web-description{margin:0;font-size:12px}.web-plan ul{display:none}.web-plan .button{margin:0;font-size:11px;min-height:42px}.web-details{gap:12px;margin-top:18px}.web-details article{padding:18px}.web-details h2{font-size:20px}.web-details p{font-size:12px;line-height:1.5;margin-top:12px}.web-details dl div{font-size:12px;padding:9px 0}}
@media(min-width:1151px) and (max-height:800px){.web-pricing{padding-top:16px;padding-bottom:16px}.web-pricing .breadcrumbs{margin-bottom:8px}.web-plans{margin-top:18px}.web-plan{padding:16px 14px}.web-tag{min-height:23px}.web-plan h2{font-size:19px;min-height:46px}.web-plan-prices{margin-top:6px}.web-description{margin-top:13px}.web-plan ul{margin:10px 0 12px}.web-bottom{margin-top:12px}.web-details{margin-top:18px}.web-details article{padding:20px}.web-details p{font-size:13px;margin-top:13px}}
@media(max-width:760px){.page.web-pricing{padding:28px 20px 36px;height:auto;min-height:0}.web-heading{display:block}.web-heading h1{font-size:34px}.web-heading p{line-height:1.6}.web-tabs{margin-top:22px;display:inline-flex}.web-tabs a{min-height:44px;display:flex;align-items:center;font-size:14px}.web-plans{display:grid;grid-template-columns:1fr;gap:20px;flex:none;margin-top:24px}.web-plan{padding:24px;display:flex;min-height:0}.web-plan h2{font-size:26px;min-height:0;margin-top:7px}.web-tag{font-size:12px;min-height:0}.web-plan-prices{margin-top:20px}.web-price{font-size:40px}.web-price small{font-size:14px}.web-price-label{font-size:12px}.web-monthly{font-size:15px;margin-top:8px}.web-description{font-size:16px;line-height:1.6;margin-top:20px}.web-plan ul{display:block;font-size:15px;margin:16px 0 22px}.web-plan li{margin:10px 0;padding-left:21px}.web-plan .button{font-size:15px;padding:14px 16px;min-height:48px}.web-bottom{margin-top:24px;gap:14px}.web-bottom p{font-size:13px;line-height:1.7}.web-details{display:grid;grid-template-columns:1fr;flex:none;margin-top:24px;gap:20px}.web-details article{padding:24px}.web-details h2{font-size:25px}.web-details p{font-size:16px;line-height:1.6}.web-details dl div{font-size:14px;gap:16px}.web-details-action{flex-wrap:wrap;gap:18px;margin-top:24px}.web-details-action .button{min-height:48px;display:flex;align-items:center;font-size:15px}}

@media(min-width:761px){.catalogue-page:has(.visual-card[href="#technologies/sites"]) .visual-grid{grid-template-columns:repeat(4,minmax(0,1fr))}header nav{gap:14px}header nav a{font-size:12px}}
