.planning-page{min-height:100vh;color:#142239;background:radial-gradient(circle at 9% 4%,rgba(54,121,225,.13),transparent 27%),#f6f8fb}.planning-hero{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:90px 0 84px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:85px}.planning-hero h1{max-width:720px;margin:21px 0 25px;color:#102540;font-size:clamp(52px,5.2vw,75px);line-height:.98;letter-spacing:-.065em}.planning-hero h1 em{color:#2c6be0;font-style:normal}.planning-hero-copy>p{max-width:660px;margin:0 0 27px;color:#677991;font-size:16px;line-height:1.75}.planning-preview{min-height:355px;padding:32px;overflow:hidden;position:relative;border:1px solid #d4dfec;border-radius:24px;background:#ffffffe6;box-shadow:0 30px 75px #1833581f}.planning-preview:after{content:"";width:185px;height:185px;position:absolute;top:-103px;right:-70px;border:28px solid rgba(55,115,231,.07);border-radius:50%}.planning-preview-number{display:block;margin-top:47px;color:#1a477e;font-size:49px;line-height:1;letter-spacing:-.06em}.planning-preview>p{max-width:280px;margin:8px 0 36px;color:#7a899c;font-size:var(--font-size-11);line-height:1.55}.planning-preview-stack{height:16px;display:flex;overflow:hidden;border-radius:999px;background:#e4eaf2}.planning-preview-stack i:nth-child(1){width:59%;background:#2b69d7}.planning-preview-stack i:nth-child(2){width:25%;background:#74a0e9}.planning-preview-stack i:nth-child(3){width:16%;background:#b7cae8}.planning-preview-legend{margin-top:14px;display:flex;flex-wrap:wrap;gap:12px}.planning-preview-legend span{display:flex;align-items:center;gap:5px;color:#8290a1;font-size:var(--font-size-11)}.planning-preview-legend i{width:6px;height:6px;display:block;border-radius:50%;background:#2b69d7}.planning-preview-legend span:nth-child(2) i{background:#74a0e9}.planning-preview-legend span:nth-child(3) i{background:#b7cae8}.planning-calculator{scroll-margin-top:25px}.capacity-fields.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.planning-calculator select{width:100%;height:64px;padding:0 42px 0 18px;outline:0;border:1px solid #d4dfea;border-radius:11px;color:#1f3857;background:#fbfcfe;font:inherit;font-size:13px;font-weight:750}.planning-calculator select:focus{border-color:#78a1e8;background:#fff;box-shadow:0 0 0 4px #3773e71a}@media(min-width:851px){.planning-calculator .capacity-fields.three-columns>label{grid-template-rows:44px 64px auto;align-content:start}.planning-calculator .capacity-fields.three-columns>label>span:first-child{display:flex;align-items:flex-end;line-height:1.35}.planning-calculator .capacity-fields.three-columns .unit-input{height:64px}}.planning-results{scroll-margin-top:25px}.planning-teaser-grid article{min-height:185px}.planning-teaser-grid b{font-size:30px}.planning-unlock>span{flex:0 0 auto;color:#2f6cd5;font-size:var(--font-size-11);font-weight:850}.planning-capture{margin-top:18px}.planning-breakdown{margin-top:25px;display:grid;gap:11px}.planning-breakdown article{padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:15px 20px;border:1px solid #dce4ed;border-radius:13px;background:#fff}.planning-breakdown article>div{display:grid;gap:5px}.planning-breakdown b{color:#2a425f;font-size:12px}.planning-breakdown article>div span{color:#8492a3;font-size:var(--font-size-11)}.planning-breakdown strong{align-self:center;color:#2e66c5;font-size:14px}.planning-breakdown article>i{height:6px;grid-column:1 / -1;display:block;overflow:hidden;border-radius:999px;background:#edf1f6}.planning-breakdown article>i span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#2968d7,#78a3e9)}@media(max-width:850px){.planning-hero{width:calc(100% - 32px);padding:60px 0 65px;grid-template-columns:1fr;gap:45px}.planning-preview{max-width:570px;width:100%}.capacity-fields.three-columns{grid-template-columns:1fr;gap:24px}}@media(max-width:560px){.planning-hero{width:calc(100% - 28px);padding:44px 0 48px;gap:35px}.planning-hero h1{font-size:40px}.planning-hero-copy>p{font-size:14px}.planning-preview{min-height:290px;padding:25px}.planning-preview-number{margin-top:35px;font-size:43px}.planning-teaser-grid b{font-size:27px}.planning-unlock>span{align-self:flex-start}}
