.mod-demo__main{max-width:1560px}.mod-demo__overview{color:#345c86;background:#eaf4ff;border:1px solid #cfe4fa;border-radius:13px;margin:24px 0;padding:15px 18px}.mod-demo__overview strong{font-size:12px}.mod-demo__overview p{margin:7px 0 0;font-size:11px;line-height:1.7}.mod-demo__columns{grid-template-columns:minmax(0,1.7fr) minmax(260px,.85fr);align-items:start;gap:19px;display:grid}.mod-demo__catalogue,.mod-demo__summary,.mod-demo__integrations{background:#fff;border:1px solid #18324f17;border-radius:19px;min-width:0;padding:clamp(19px,2.5vw,29px);box-shadow:0 5px 24px #172c4607}.mod-demo__eyebrow{letter-spacing:.12em;color:#7493b1;margin:0 0 9px;font-size:10px;font-weight:760}.mod-demo__base{background:linear-gradient(120deg,#e8f3ff,#f7fbff 90%);border:1px solid #dbe9f9;border-radius:14px;padding:23px}.mod-demo__base-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:15px;display:flex}.mod-demo__base h2{color:#233e5a;letter-spacing:-.04em;margin:0;font-size:25px}.mod-demo__base-heading>strong{color:#006fcf;letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:22px}.mod-demo__base-heading small,.mod-demo__addon-price small{color:#7b96b0;letter-spacing:0;font-size:10px;font-weight:550}.mod-demo__base>p{color:#5e7894;margin:17px 0 12px;font-size:12px;line-height:1.7}.mod-demo__base ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:0;padding:0;list-style:none;display:grid}.mod-demo__base li{color:#446686;align-items:start;gap:9px;font-size:11px;line-height:1.55;display:flex}.mod-demo__base li span{color:#17896d;font-weight:820}.mod-demo__addon-heading{justify-content:space-between;align-items:start;gap:15px;margin:30px 0 19px;display:flex}.mod-demo__addon-heading h2{letter-spacing:-.035em;color:#26394c;margin:0 0 8px;font-size:19px;font-weight:740}.mod-demo__addon-heading p:last-child{color:#8795a6;margin:0;font-size:11px;line-height:1.7}.mod-demo__addon-heading>span{color:#7d8da0;white-space:nowrap;background:#f2f6fa;border-radius:100px;padding:8px 10px;font-size:10px}.mod-demo__addon-list{gap:11px;display:grid}.mod-demo__addon{cursor:pointer;border:1px solid #e6ebf2;border-radius:13px;grid-template-columns:25px minmax(0,1fr) auto;align-items:start;gap:13px;padding:18px 17px;transition:background .16s,border-color .16s;display:grid}.mod-demo__addon:hover{background:#f9fcff;border-color:#cadef3}.mod-demo__addon.is-selected{background:#eff7ff;border-color:#8ec3f5}.mod-demo__check{padding-top:2px}.mod-demo__check input{appearance:auto;accent-color:#0071e3;cursor:pointer;width:17px;height:17px;margin:0}.mod-demo__addon-copy{gap:6px;display:grid}.mod-demo__addon-copy strong{color:#31475f;font-size:12px;font-weight:720;line-height:1.5}.mod-demo__addon-copy>span{color:#6c7c8c;font-size:11px;line-height:1.6}.mod-demo__addon-copy small{color:#9aa4af;font-size:10px;line-height:1.6}.mod-demo__addon-price{white-space:nowrap;color:#1c70b4;font-variant-numeric:tabular-nums;padding-top:3px;font-size:12px;font-weight:750}.mod-demo__summary{position:sticky;top:15px}.mod-demo__summary h2{letter-spacing:-.04em;margin:0 0 8px;font-size:23px}.mod-demo__summary>p:not(.mod-demo__taxes):not(.mod-demo__disabled-reason){color:#8390a1;margin:0;font-size:11px;line-height:1.65}.mod-demo__summary-lines{margin:28px 0 0}.mod-demo__summary-lines div{border-bottom:1px solid #edf1f5;justify-content:space-between;gap:14px;padding:11px 0;display:flex}.mod-demo__summary-lines div:last-child{border-bottom:0}.mod-demo__summary-lines dt{color:#62748a;font-size:11px;line-height:1.5}.mod-demo__summary-lines dd{color:#35506b;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:11px;font-weight:700}.mod-demo__total{background:#edf6ff;border-radius:12px;gap:7px;margin-top:17px;padding:20px;display:grid}.mod-demo__total span{color:#5c7792;font-size:11px;font-weight:680}.mod-demo__total strong{color:#0071e3;letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(26px,2.4vw,35px)}.mod-demo__taxes,.mod-demo__disabled-reason{color:#8796a6;font-size:10px;line-height:1.7}.mod-demo__taxes{margin:17px 0}.mod-demo__summary button{color:#668db1;cursor:not-allowed;background:#d9e9f9;border:0;border-radius:10px;width:100%;min-height:46px;font-size:11px;font-weight:710;display:block}.mod-demo__disabled-reason{margin:14px 0 0}.mod-demo__integrations{margin-top:19px}.mod-demo__integrations .mod-demo__addon-heading{margin-top:0}.mod-demo__integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mod-demo__integration{border:1px solid #e8edf3;border-radius:12px;padding:21px}.mod-demo__integration>span{color:#7c8998;background:#f1f3f7;border-radius:100px;padding:7px 10px;font-size:10px;font-weight:660;display:inline-block}.mod-demo__integration h3{color:#2d4359;margin:14px 0 7px;font-size:13px;font-weight:710}.mod-demo__integration p{color:#778798;margin:0;font-size:11px;line-height:1.75}@media (max-width:1100px){.mod-demo__columns{grid-template-columns:1fr}.mod-demo__summary{position:static}}@media (max-width:600px){.mod-demo__base ul,.mod-demo__integration-grid{grid-template-columns:1fr}.mod-demo__base{padding:19px}.mod-demo__addon{grid-template-columns:21px minmax(0,1fr)}.mod-demo__addon-price{grid-column:2;padding:0}.mod-demo__addon-heading{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.mod-demo__addon{transition:none}}