/* Modular subscription builder: marketing-only pricing illustration (0.3). */
.module-pricing{background:linear-gradient(180deg,#f6f9ff 0%,#fff 100%)}
.module-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.module-picker{min-width:0}
.base-subscription{padding:29px;border-radius:23px;color:#fff;background:linear-gradient(125deg,#102d76,#245ae0);box-shadow:0 22px 50px #173e9a29;position:relative;overflow:hidden}
.base-subscription:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#ffffff12;top:-130px;left:-60px;pointer-events:none}
.base-tag{display:inline-flex;background:#ffffff26;border:1px solid #ffffff42;border-radius:40px;padding:7px 13px;font-size:11px;font-weight:700}
.base-heading{display:flex;gap:16px;align-items:center;margin-top:19px}
.base-heading h3{font-size:21px;margin:0 0 6px}.base-heading p{font-size:12px;line-height:2;color:#e1eaff;margin:0}
.base-glyph{flex:0 0 54px;height:54px;display:grid;place-items:center;font-size:29px;background:#ffffff25;border-radius:17px}
.base-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:18px;margin-top:22px;border-top:1px solid #ffffff36}
.base-bottom>span{font-size:12px;color:#deebff}.base-bottom strong{font-size:25px;white-space:nowrap}.base-bottom small{font-size:12px}
.module-label-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:33px 0 19px}
.module-label-row h3{font-size:21px;margin:0 0 4px}.module-label-row p{font-size:12px;color:#70809c;margin:0;line-height:1.9}.module-label-row>span{font-size:11px;color:#2b57ba;background:#e6edfc;border-radius:25px;padding:8px 12px;white-space:nowrap}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.module-card{position:relative;display:flex;flex-direction:column;min-height:228px;cursor:pointer;background:#fff;padding:22px;border:1.5px solid #e1e7f2;border-radius:20px;box-shadow:0 8px 22px #23407008;transition:transform .2s,border-color .2s,box-shadow .2s}
.module-card:hover{transform:translateY(-3px);border-color:#9eb8fa;box-shadow:0 12px 30px #2556ab18}
.module-card.is-selected{border-color:#376bfa;background:#f8fbff;box-shadow:0 0 0 3px #376bfa16}
.module-checkbox{position:absolute;top:24px;left:23px;width:19px;height:19px;accent-color:#245ae0;cursor:pointer}
.module-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.module-symbol{display:grid;place-items:center;width:43px;height:43px;background:#eaf0ff;color:#245ae0;border-radius:12px;font-size:25px}
.module-selection{color:#245ae0;opacity:0}.module-card.is-selected .module-selection{opacity:1}
.module-card strong{font-size:15px;color:#15264a}.module-desc{font-size:11px;line-height:2;color:#697b95;margin:8px 0}
.module-dependency{display:block;color:#466bb0;font-size:10px;margin-top:auto;padding-top:6px}
.module-price{font-weight:850;font-size:16px;color:#183da4;margin-top:9px}.module-price small{font-size:10px;font-weight:500;color:#8c9bb2}
.module-summary{position:sticky;top:92px;background:#fff;border:1px solid #dde8fb;box-shadow:0 22px 55px #224b9715;border-radius:23px;padding:28px}
.module-summary-tag{display:inline-flex;background:#e8efff;color:#255ac6;border-radius:50px;padding:7px 12px;font-size:11px;font-weight:750}
.module-summary h3{font-size:23px;margin:17px 0 6px}.module-summary>p{font-size:12px;line-height:2;color:#728099}
.module-summary-row,.module-selected-list li{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:2;padding:9px 0;border-bottom:1px solid #edf1f8}
.module-summary-row strong,.module-selected-list strong{color:#183c93;white-space:nowrap}
.module-selected-list{padding:0;list-style:none;margin:10px 0 20px;max-height:265px;overflow:auto}
.module-selected-list .module-empty{color:#8190a7;display:block}.module-total{padding:17px;border-radius:15px;background:#f0f5ff;display:flex;justify-content:space-between;align-items:center;gap:9px}
.module-total span{font-size:11px;color:#566989;line-height:1.8}.module-total strong{font-size:20px;color:#164ac9;white-space:nowrap}
.module-summary .module-warning{font-size:10px;color:#8b6472;line-height:2;margin:15px 0}
.module-cta{width:100%;text-align:center;justify-content:center;margin-top:4px}
.module-summary-foot{display:block;margin-top:14px;color:#8090a8;line-height:2;font-size:10px}
@media(max-width:1080px){.module-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.module-summary{padding:21px}}
@media(max-width:900px){.module-layout{grid-template-columns:1fr}.module-summary{position:static}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.module-grid{grid-template-columns:1fr}.module-label-row{align-items:flex-start;flex-direction:column}.base-subscription{padding:23px}.base-bottom{align-items:flex-start;flex-direction:column}.module-card{min-height:190px}}
@media(prefers-reduced-motion:reduce){.module-card{transition:none}}