.calculation{margin-top:48px;padding:0;background:#EEE8F7;scroll-margin-top:100px;overflow:hidden}
.calculation-artboard{position:relative;width:100%;max-width:1536px;aspect-ratio:3/2;margin-inline:auto;isolation:isolate}
.calculation-backdrop{position:absolute;inset:0;z-index:-1;display:block;pointer-events:none}
.calculation-backdrop img{display:block;width:100%;height:100%;object-fit:fill}
.calculation-copy{position:absolute;left:4.2%;top:10.6%;width:37%;z-index:1}
.calculation h2{font:700 clamp(54px,5.55vw,84px)/1.02 Rubik,sans-serif;letter-spacing:-.035em;margin:0;text-wrap:balance}
.calculation-description{font-size:clamp(16px,1.55vw,23px);line-height:1.45;color:#30283B;margin-top:26px;max-width:450px}
.calculation-benefits{list-style:none;margin:34px 0 30px;padding:0;display:grid;gap:24px;max-width:410px}
.calculation-benefits li{display:flex;align-items:center;gap:20px;font-size:clamp(16px,1.4vw,21px);line-height:1.4;color:#30263D}
.calculation-icon{width:52px;height:52px;flex:none;filter:drop-shadow(0 7px 5px #5E318C20);transition:transform .55s var(--ease)}
.calculation-benefits li:hover .calculation-icon{transform:translateY(-4px) rotate(-4deg)}
.calculation-cta{width:min(100%,500px);min-height:60px;padding-inline:24px;font-size:18px;gap:20px;justify-content:space-between}
.calculation-scene{position:absolute;left:47.1%;top:14.3%;width:39.2%;min-width:0}
.calculation-paper-stack{position:relative}
.calculation-paper{padding:0;background:transparent;box-shadow:none}
.calculation-paper-heading h3{font:600 clamp(28px,2.7vw,42px)/1.12 Rubik,sans-serif;letter-spacing:-.025em;margin:0 0 8px}
.calculation-paper-heading>p{color:#6D5A7D;font-size:clamp(14px,1.2vw,18px);line-height:1.4;margin:0}
.calculation-costs{margin:22px 0 0;padding:0}
.calculation-costs>div{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:clamp(43px,4.15vw,64px);padding:12px;border-top:1px solid #D9CFE3}
.calculation-costs dt{font-size:clamp(16px,1.4vw,21px);line-height:1.4;color:#211A2B}
.calculation-costs dd{margin:0;font-size:21px;color:#8A70B1}
.calculation-total{width:62%;border-radius:10px;padding:18px 16px;margin-top:12px;background:#EEE7F4E6}
.calculation-total h4{font:600 clamp(17px,1.55vw,23px)/1.3 Rubik,sans-serif;letter-spacing:-.02em;margin:0 0 7px}
.calculation-total p{font-size:clamp(14px,1.25vw,19px);line-height:1.4;color:#655373;margin:0}
.calculation-support{position:relative;margin-top:0;padding-top:24px;z-index:1}
.calculation-caption{font-size:13px;line-height:1.5;color:#5E4D6C;margin:0 0 22px;text-align:center}
.calculation-documents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.calculation-document-link{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #CFC0DF;border-radius:12px;background:#F8F4FC;color:#3B284C;text-align:left;cursor:pointer;font:600 15px/1.4 'Nunito Sans',sans-serif}
.calculation-document-link>img{width:76px;height:64px;object-fit:contain;flex:none;background:white;border-radius:3px}
.calculation-document-link>span{min-width:0}
.calculation-document-link .arrow{width:17px;height:17px;flex:none;margin-left:auto}
.calculation-document-link:hover{border-color:#9165C2;background:#FFFCFF}
@media(max-width:1150px){.calculation-description{margin-top:20px;max-width:350px}.calculation-benefits{margin:22px 0 24px;gap:16px;max-width:350px}.calculation-icon{width:42px;height:42px}.calculation-benefits li{gap:16px}.calculation-cta{min-height:52px;padding-inline:18px;font-size:15px;gap:12px}.calculation-costs{margin-top:14px}.calculation-costs>div{padding:9px 6px;gap:14px}.calculation-total{padding:12px;margin-top:10px;width:64%}.calculation-documents{gap:14px}.calculation-document-link{font-size:13px;padding:14px;gap:12px}.calculation-document-link>img{width:58px;height:52px}.calculation-document-link .arrow{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.calculation-icon{transition:none}.calculation-benefits li:hover .calculation-icon{transform:none}}

.document-viewer{width:min(1180px,calc(100vw - 64px));max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:18px;background:#F7F4FA;color:#17161B;box-shadow:0 28px 80px -20px #23122D66;overflow:auto}
.document-viewer::backdrop{background:#21142C99;backdrop-filter:blur(8px)}
body:has(.document-viewer[open]){overflow:hidden}
.document-viewer-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;background:#FFFEFC;border-bottom:1px solid #DDD3E8}
.document-viewer-header h2{font:600 20px/1.3 Rubik,sans-serif;margin:0}
.document-viewer-header>div{display:flex;align-items:center;gap:24px}
.document-original{display:inline-flex;align-items:center;gap:10px;color:#6D28D9;font:600 14px/1.4 'Nunito Sans',sans-serif}
.document-original:hover{text-decoration:underline}
.document-close{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#F0E8F8;color:#4F306C;cursor:pointer;flex:none}
.document-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.document-viewer-body{padding:28px;display:flex;justify-content:center}
.document-viewer-body>img{display:block;max-width:100%;height:auto;align-self:flex-start;background:white}