:root { --dep-paper:#f1f4ee; --dep-paper-2:#e8f1ed; --dep-card:#fbfcf8; --dep-ink:#0d302d; --dep-text:#46645e; --dep-line:#c7d7d0; --dep-teal:#176762; --dep-mint:#31c897; --dep-blue:#64a9ea; --dep-gold:#d9a13e; --dep-rust:#b86b47; --dep-dark:#0e3942; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
.dep-page { overflow-x:hidden; background:var(--dep-paper); color:var(--dep-ink); }
.dep-page .mrp-container { width:min(1220px,calc(100% - 36px)); }
.dep-page p { line-height:1.65; }
.dep-page .mrp-kicker { display:inline-flex; width:max-content; align-items:center; padding:8px 12px; border:1px solid #bfd4cc; border-radius:999px; background:#e9f4ef; color:#1c625a; font-size:.7rem; font-weight:950; letter-spacing:.09em; text-transform:uppercase; }
.dep-page .mrp-heading h2 { max-width:930px; color:var(--dep-ink); font-size:clamp(2.9rem,6vw,5.2rem); line-height:.94; letter-spacing:-.065em; }
.dep-page .mrp-heading > p:last-child,.dep-page .mrp-heading--split > p { color:var(--dep-text); font-size:1rem; }

.dep-hero { position:relative; padding:42px 0 66px; background:linear-gradient(90deg,rgba(79,166,147,.09) 1px,transparent 1px),linear-gradient(rgba(79,166,147,.09) 1px,transparent 1px),radial-gradient(circle at 14% 28%,rgba(49,200,151,.17),transparent 31%),radial-gradient(circle at 90% 18%,rgba(217,161,62,.15),transparent 27%),#f3f5ee; background-size:48px 48px,48px 48px,auto,auto,auto; border-bottom:1px solid #cedcd6; }
.dep-hero .mrp-breadcrumbs { margin-bottom:34px; }
.dep-hero__grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(430px,.82fr); gap:44px; align-items:center; }
.dep-hero__copy { min-width:0; }
.dep-hero__copy h1 { max-width:730px; margin:22px 0 20px; font-size:clamp(4.2rem,7.1vw,7.2rem); line-height:.86; letter-spacing:-.075em; text-wrap:balance; }
.dep-hero__copy > p:not(.mrp-kicker) { max-width:660px; margin:0; color:var(--dep-text); font-size:1.08rem; }
.dep-hero__actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:28px; }
.dep-hero__proof { display:flex; flex-wrap:wrap; gap:8px; margin:26px 0 0; padding:0; list-style:none; }
.dep-hero__proof li { padding:8px 12px; border:1px solid #c5d7d0; border-radius:999px; background:rgba(251,252,248,.76); color:#46675f; font-size:.76rem; font-weight:850; }
.dep-visual { position:relative; min-width:0; padding:20px; overflow:hidden; border:1px solid rgba(255,255,255,.22); border-radius:34px; background:radial-gradient(circle at 90% 5%,rgba(217,161,62,.26),transparent 31%),radial-gradient(circle at 10% 100%,rgba(49,200,151,.28),transparent 35%),linear-gradient(145deg,#103746,#13535a 65%,#70563f); color:white; box-shadow:0 34px 70px rgba(25,60,55,.22); }
.dep-visual::before { content:""; position:absolute; width:230px; height:230px; right:-85px; top:-95px; border:30px solid rgba(255,255,255,.055); border-radius:50%; }
.dep-visual__top { position:relative; z-index:2; display:flex; justify-content:space-between; gap:12px; padding:2px 3px 16px; color:#d9e8e4; font-size:.67rem; font-weight:950; letter-spacing:.06em; }
.dep-showroom { position:relative; min-height:285px; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:25px; background:linear-gradient(#dcebea 0 62%,#d9d0bd 62%); }
.dep-showroom::before { content:""; position:absolute; left:7%; right:7%; bottom:33px; height:5px; border-radius:50%; background:rgba(15,38,37,.2); filter:blur(4px); }
.dep-showroom__sun { position:absolute; width:62px; height:62px; right:34px; top:28px; border-radius:50%; background:#ffedb4; box-shadow:0 0 0 16px rgba(255,237,180,.15); }
.dep-car { position:absolute; left:9%; bottom:54px; width:72%; height:115px; filter:drop-shadow(0 17px 12px rgba(22,48,46,.24)); }
.dep-car i { position:absolute; inset:36px 0 15px; border-radius:58px 78px 26px 25px; background:linear-gradient(135deg,#278c82,#166159 60%,#0e4b48); clip-path:polygon(0 44%,13% 24%,34% 18%,47% 0,70% 4%,84% 26%,100% 43%,96% 100%,4% 100%); }
.dep-car b { position:absolute; left:35%; top:40px; width:35%; height:28px; background:linear-gradient(145deg,#b9d4d1,#789f9e); clip-path:polygon(18% 0,83% 4%,100% 100%,0 100%); }
.dep-car span,.dep-car em { position:absolute; bottom:0; width:43px; height:43px; border:10px solid #173d3b; border-radius:50%; background:#dfe8e2; }
.dep-car span { left:15%; }.dep-car em { right:12%; }
.dep-value-card { position:absolute; right:18px; bottom:17px; z-index:3; width:190px; padding:13px 15px; border:1px solid rgba(255,255,255,.6); border-radius:18px; background:rgba(253,253,248,.92); color:var(--dep-ink); box-shadow:0 18px 34px rgba(20,49,45,.16); }
.dep-value-card span,.dep-value-card small { display:block; color:#688078; font-size:.67rem; font-weight:800; }
.dep-value-card strong { display:block; margin:3px 0; font-size:1.27rem; }
.dep-visual__timeline { display:grid; grid-template-columns:auto 1fr auto; gap:11px; align-items:center; margin-top:12px; padding:14px; border:1px solid rgba(255,255,255,.15); border-radius:20px; background:rgba(255,255,255,.08); }
.dep-visual__timeline div:last-child { text-align:right; }.dep-visual__timeline span { display:block; color:#bdd3ce; font-size:.65rem; }.dep-visual__timeline strong { display:block; margin-top:2px; font-size:.8rem; }.dep-visual__timeline > i { height:8px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.15); }.dep-visual__timeline > i b { display:block; width:62%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--dep-mint),var(--dep-blue),var(--dep-gold)); }
.dep-visual__metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:10px; }
.dep-visual__metrics div { min-width:0; padding:12px; border:1px solid rgba(255,255,255,.15); border-radius:17px; background:rgba(255,255,255,.08); }
.dep-visual__metrics span { display:block; color:#bcd0cc; font-size:.63rem; }.dep-visual__metrics strong { display:block; margin-top:4px; font-size:.85rem; overflow-wrap:anywhere; }

.dep-nav { position:sticky; top:0; z-index:20; border-top:1px solid #cbdad4; border-bottom:1px solid #cbdad4; background:rgba(235,243,239,.94); backdrop-filter:blur(16px); }
.dep-nav__inner { display:flex; gap:9px; padding-top:12px; padding-bottom:12px; }
.dep-nav a { flex:0 0 auto; padding:9px 13px; border:1px solid #c5d6d0; border-radius:999px; background:#fafbf8; color:#486860; font-size:.75rem; font-weight:850; text-decoration:none; }

.dep-calculator { padding:58px 0 82px; background:radial-gradient(circle at 4% 4%,rgba(49,200,151,.11),transparent 27%),radial-gradient(circle at 96% 20%,rgba(100,169,234,.12),transparent 28%),var(--dep-paper-2); }
.dep-calculator__grid { display:grid; grid-template-columns:minmax(0,1.23fr) minmax(360px,.82fr); gap:24px; align-items:start; }
.dep-form,.dep-result { position:relative; min-width:0; overflow:hidden; border:1px solid var(--dep-line); border-radius:30px; box-shadow:0 24px 52px rgba(29,69,62,.11); }
.dep-form { padding:29px; background:var(--dep-card); }
.dep-form::before,.dep-result::before { content:""; display:block; height:5px; margin:-29px -29px 25px; background:linear-gradient(90deg,var(--dep-mint),var(--dep-blue),var(--dep-gold)); }
.dep-form__head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.dep-form__head h2 { margin:15px 0 11px; font-size:2.85rem; line-height:.98; letter-spacing:-.055em; }
.dep-form__head p:not(.mrp-kicker) { max-width:650px; margin:0; color:var(--dep-text); }
.dep-live { flex:0 0 auto; display:flex; align-items:center; gap:6px; padding:8px 11px; border-radius:999px; background:#e5f4ec; color:#176451; font-size:.67rem; font-weight:900; }
.dep-live i,.dep-privacy i { width:8px; height:8px; border-radius:50%; background:#25c98b; box-shadow:0 0 0 5px rgba(37,201,139,.12); }
.dep-presets { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:25px 0 21px; }
.dep-presets button { min-width:0; padding:15px; border:1px solid #c8d8d2; border-radius:19px; background:#fafbf8; color:var(--dep-ink); text-align:left; cursor:pointer; }
.dep-presets button.is-active { border-color:#55d3a5; background:linear-gradient(135deg,#eefaf4,#f7faf1); box-shadow:0 11px 24px rgba(37,150,110,.1); }
.dep-presets span { display:block; color:#19836d; font-size:.65rem; font-weight:950; }.dep-presets strong { display:block; margin-top:15px; font-size:.79rem; }.dep-presets small { display:block; margin-top:5px; color:#6f857e; font-size:.66rem; }
.dep-field-grid,.dep-pro-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.dep-field { display:block; min-width:0; color:var(--dep-ink); font-size:.79rem; font-weight:900; }
.dep-field > span:first-child { display:block; margin-bottom:7px; }
.dep-input { display:flex; align-items:center; min-width:0; height:57px; overflow:hidden; border:1px solid #c8d8d2; border-radius:17px; background:white; }
.dep-input:focus-within { border-color:#27aa83; box-shadow:0 0 0 4px rgba(39,170,131,.1); }
.dep-input input { width:100%; min-width:0; height:100%; padding:0 16px; border:0; outline:0; background:transparent; color:var(--dep-ink); font:inherit; font-size:.94rem; font-weight:900; }
.dep-input em { flex:0 0 auto; padding-right:14px; color:#58766e; font-style:normal; font-size:.68rem; }
.dep-field small { display:block; margin-top:7px; color:#70857f; font-size:.67rem; font-weight:650; line-height:1.45; }
.dep-pro { margin-top:22px; border:1px solid #c4d8d0; border-radius:21px; background:#eef7f3; overflow:hidden; }
.dep-pro[open] { box-shadow:inset 0 4px 0 var(--dep-gold); }
.dep-pro > summary { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:17px 19px; cursor:pointer; list-style:none; }
.dep-pro > summary::-webkit-details-marker { display:none; }.dep-pro > summary span { display:block; }.dep-pro > summary strong { display:block; }.dep-pro > summary small { display:block; margin-top:3px; color:#6d837d; font-size:.66rem; }.dep-pro > summary b { padding:8px 11px; border-radius:999px; background:#fff2d4; color:#8d641d; font-size:.66rem; }
.dep-pro__body { padding:14px; border-top:1px solid #cbded7; }
.dep-pro-intro { padding:16px; border-left:4px solid var(--dep-mint); border-radius:15px; background:#fff; }.dep-pro-intro p { margin:5px 0 0; color:#627a73; font-size:.72rem; }
.dep-pro-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:13px 0; }
.dep-pro-tabs button { display:grid; grid-template-columns:32px 1fr; gap:0 9px; align-items:center; min-width:0; padding:12px; border:1px solid #c8d9d2; border-radius:16px; background:#f9fbf8; color:var(--dep-ink); text-align:left; cursor:pointer; }
.dep-pro-tabs button.is-active { border-color:#5bd4a8; background:#e8f8f0; }.dep-pro-tabs span { grid-row:1/3; display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:#edf1ed; color:#678079; font-size:.63rem; font-weight:950; }.dep-pro-tabs .is-active span { background:#174c4d; color:white; }.dep-pro-tabs strong { font-size:.74rem; }.dep-pro-tabs small { color:#738780; font-size:.58rem; }
.dep-pro-workspace { overflow:hidden; border:1px solid #cadaD4; border-radius:19px; background:#f9fbf8; }
.dep-pro-workspace section[hidden] { display:none; }.dep-pro-workspace__head { display:grid; grid-template-columns:1fr .85fr; gap:18px; padding:18px; border-bottom:1px solid #d4e0dc; }.dep-pro-workspace__head span { color:#17816b; font-size:.62rem; font-weight:950; text-transform:uppercase; }.dep-pro-workspace__head h3 { margin:5px 0 0; font-size:1.35rem; }.dep-pro-workspace__head p { margin:0; color:#657c75; font-size:.71rem; }
.dep-pro-workspace section > .dep-pro-fields { padding:16px; }.dep-toggle { display:flex; gap:11px; margin:16px 16px 0; padding:13px; border:1px solid #c9ddd5; border-radius:15px; background:#eff8f4; cursor:pointer; }.dep-toggle input { width:18px; height:18px; accent-color:#1a9f79; }.dep-toggle span { display:block; }.dep-toggle b { display:block; font-size:.76rem; }.dep-toggle small { display:block; margin-top:4px; color:#6b807a; font-size:.63rem; }
.dep-scenario-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:0 16px 16px; }.dep-scenario-preview div { padding:12px; border:1px solid #ceddd7; border-radius:14px; background:white; }.dep-scenario-preview span { display:block; color:#70857e; font-size:.61rem; }.dep-scenario-preview strong { display:block; margin-top:4px; font-size:.72rem; }
.dep-compare-preview { margin:0 16px 16px; padding:14px; border-radius:15px; background:linear-gradient(135deg,#163f49,#17635d); color:white; }.dep-compare-preview span { color:#b9d6ce; font-size:.62rem; }.dep-compare-preview strong { display:block; margin:4px 0; }.dep-compare-preview small { color:#c9dcd7; }
.dep-pro-actions { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; padding:13px 3px 1px; }.dep-pro-actions button { padding:9px 12px; border:1px solid #c6d7d0; border-radius:12px; background:white; color:var(--dep-ink); font-weight:850; cursor:pointer; }.dep-pro-actions span { justify-self:center; color:#698079; font-size:.68rem; font-weight:900; }
.dep-form__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:21px; }.dep-privacy { display:flex; align-items:center; gap:9px; margin:16px 0 0; color:#6a817a; font-size:.67rem; font-weight:700; }.dep-error { margin:13px 0 0; padding:12px 14px; border:1px solid #e7b7a3; border-radius:13px; background:#fff1eb; color:#87472f; font-size:.73rem; font-weight:800; }

.dep-result { position:sticky; top:78px; padding:29px; background:radial-gradient(circle at 95% 5%,rgba(100,169,234,.22),transparent 27%),linear-gradient(155deg,#102e50,#14585a 67%,#35725f); color:white; }
.dep-result::before { margin:-29px -29px 25px; }.dep-result__head { display:flex; justify-content:space-between; gap:10px; }.dep-result__head span,.dep-result__head b { padding:8px 11px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(255,255,255,.08); color:#d4e8e3; font-size:.66rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }.dep-result h2 { margin:20px 0 9px; color:white; font-size:2rem; }.dep-result > p { margin:0; color:#c2d6d2; font-size:.78rem; }
.dep-result__main { display:grid; grid-template-columns:1fr auto; gap:5px 12px; margin-top:19px; padding:21px; border:1px solid rgba(255,255,255,.18); border-radius:23px; background:linear-gradient(135deg,rgba(37,74,135,.74),rgba(31,135,105,.58)); }.dep-result__main span { grid-column:1/-1; color:#d7e5e2; font-size:.67rem; font-weight:850; text-transform:uppercase; }.dep-result__main output { grid-column:1/-1; white-space:nowrap; font-size:clamp(2.55rem,4vw,3.65rem); line-height:1; letter-spacing:-.055em; font-weight:950; }.dep-result__main strong { grid-column:1/-1; justify-self:start; padding:7px 10px; border-radius:999px; background:#e3b44d; color:#3a2b0c; font-size:.62rem; }.dep-result__main small { grid-column:1/-1; color:#c6dad5; }
.dep-result__metrics { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:11px; }.dep-result__metrics div { padding:13px; border:1px solid rgba(255,255,255,.15); border-radius:16px; background:rgba(255,255,255,.08); }.dep-result__metrics span,.dep-result__metrics small { display:block; color:#bcd1cc; font-size:.61rem; }.dep-result__metrics strong { display:block; margin:5px 0 3px; font-size:.8rem; }
.dep-result__curve { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; margin-top:11px; padding:14px; border:1px solid rgba(255,255,255,.15); border-radius:17px; background:rgba(255,255,255,.08); }.dep-result__curve div:last-child { text-align:right; }.dep-result__curve span { display:block; color:#bcd0cc; font-size:.58rem; }.dep-result__curve b { font-size:.69rem; }.dep-result__curve > i { height:8px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.15); }.dep-result__curve > i b { display:block; width:62%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--dep-mint),var(--dep-blue),var(--dep-gold)); }
.dep-result__reading,.dep-result__compare { margin-top:11px; padding:15px; border-radius:17px; background:#f8faf6; color:var(--dep-ink); }.dep-result__reading span,.dep-result__compare span { color:#6c837c; font-size:.62rem; font-weight:900; text-transform:uppercase; }.dep-result__reading strong,.dep-result__compare strong { display:block; margin-top:4px; }.dep-result__reading p,.dep-result__compare p { margin:5px 0 0; color:#5d756e; font-size:.7rem; }.dep-result__compare { border-left:5px solid var(--dep-gold); }.dep-result__links { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }.dep-result__links a { padding:8px 10px; border:1px solid rgba(255,255,255,.21); border-radius:999px; color:white; font-size:.65rem; font-weight:850; text-decoration:none; }

.dep-overview,.dep-method,.dep-checklist,.dep-faq,.dep-related,.dep-sources { padding:88px 0; }
.dep-overview { background:#f3f5ef; }.dep-stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:34px; }.dep-stat-grid article { min-height:210px; padding:23px; border:1px solid #cad9d3; border-radius:24px; background:#fafbf8; }.dep-stat-grid span { color:#1a856f; font-size:.68rem; font-weight:950; }.dep-stat-grid h3 { margin:34px 0 10px; font-size:1.16rem; }.dep-stat-grid p { margin:0; color:var(--dep-text); font-size:.79rem; }
.dep-detail { padding:92px 0; background:#e5efeb; }.dep-detail__grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.57fr); gap:22px; margin-top:34px; align-items:start; }.dep-table-card,.dep-detail-card { overflow:hidden; border:1px solid #c2d5cd; border-radius:27px; background:#fbfcf9; }.dep-reading { padding:24px; background:linear-gradient(135deg,#e4f7ee,#edf3f5); }.dep-reading span { color:#59776f; font-size:.67rem; font-weight:900; text-transform:uppercase; }.dep-reading strong { display:block; margin-top:7px; font-size:1.45rem; }.dep-reading p { margin:7px 0 0; color:var(--dep-text); }.dep-table-card table { width:100%; border-collapse:collapse; }.dep-table-card th,.dep-table-card td { padding:14px 16px; border-bottom:1px solid #d6e2dd; text-align:left; font-size:.79rem; }.dep-table-card th { background:#f2f6f3; color:#58766f; font-size:.66rem; text-transform:uppercase; }.dep-table-card tr:last-child td { border-bottom:0; }.dep-detail-card { padding:25px; background:linear-gradient(150deg,#123f49,#1f5e5a); color:white; }.dep-detail-card h3 { margin:16px 0 21px; font-size:1.55rem; }.dep-detail-card > div { display:grid; grid-template-columns:1fr auto; gap:12px; padding:14px 0; border-top:1px solid rgba(255,255,255,.14); }.dep-detail-card span { color:#c4d8d3; font-size:.72rem; }.dep-detail-card strong { font-size:.8rem; }.dep-detail-card > p:last-child { margin:19px 0 0; color:#c7d9d5; font-size:.75rem; }
.dep-scenarios { padding:100px 0; background:#113f43; color:white; }.dep-scenarios h2 { max-width:920px; margin:18px 0; color:white; font-size:clamp(3.3rem,7vw,6.4rem); line-height:.9; letter-spacing:-.07em; }.dep-scenarios__intro { max-width:780px; color:#c2d5d0; }.dep-scenario-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:38px; }.dep-scenario-grid article { padding:24px; border:1px solid rgba(255,255,255,.15); border-radius:24px; background:rgba(255,255,255,.08); }.dep-scenario-grid article.is-base { background:linear-gradient(145deg,rgba(49,200,151,.2),rgba(100,169,234,.16)); }.dep-scenario-grid span { color:#c1d6d0; font-size:.67rem; font-weight:900; text-transform:uppercase; }.dep-scenario-grid strong { display:block; margin:18px 0 8px; font-size:1.7rem; }.dep-scenario-grid p { margin:0; color:#c9dad5; font-size:.76rem; }.dep-scenario-grid i { display:block; height:9px; margin-top:18px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.12); }.dep-scenario-grid i b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--dep-mint),var(--dep-blue),var(--dep-gold)); }.dep-stress-callout { display:grid; grid-template-columns:auto 1fr; gap:30px; align-items:center; margin-top:16px; padding:22px; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:rgba(255,255,255,.06); }.dep-stress-callout span { color:#bcd3cd; font-size:.66rem; }.dep-stress-callout strong { display:block; margin-top:5px; font-size:1.2rem; }.dep-stress-callout p { margin:0; color:#c9dad5; font-size:.78rem; }
.dep-method { background:#f2f4ee; }.dep-method-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:36px; }.dep-method-grid article { position:relative; overflow:hidden; min-height:290px; padding:28px; border:1px solid #c8d8d2; border-radius:26px; background:#fbfcf8; }.dep-method-grid article::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,var(--dep-mint),var(--dep-blue),var(--dep-gold)); }.dep-method-grid span { color:#257462; font-size:.67rem; font-weight:950; text-transform:uppercase; }.dep-method-grid h3 { margin:43px 0 10px; font-size:1.7rem; }.dep-method-grid p { color:var(--dep-text); }.dep-method-grid code { display:block; margin-top:24px; padding:16px; border-left:4px solid var(--dep-mint); border-radius:0 14px 14px 0; background:#edf6f1; color:#234d46; white-space:normal; }
.dep-guide { padding:100px 0; background:#e6f0ec; }.dep-guide-note { display:grid; grid-template-columns:minmax(250px,.65fr) 1.35fr; gap:30px; margin-top:32px; padding:25px 28px; border:1px solid #bfd3cb; border-radius:24px; background:linear-gradient(135deg,#f8faf6,#e0f1e9); }.dep-guide-note strong { font-size:1.35rem; line-height:1.12; }.dep-guide-note p { margin:0; color:var(--dep-text); }.dep-guide-map { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:18px 0 22px; padding:15px; border:1px solid #bfd3cb; border-radius:27px; background:#f8faf6; }.dep-guide-map > div { position:relative; padding:20px; }.dep-guide-map > div:not(:last-child)::after { content:""; position:absolute; right:-12px; top:50%; width:24px; height:1px; background:#b6ccc4; }.dep-guide-map span { color:#18816b; font-size:.65rem; font-weight:950; }.dep-guide-map strong { display:block; margin-top:22px; }.dep-guide-map small { display:block; margin-top:4px; color:#758a84; }
.dep-article-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; counter-reset:guide; }.dep-article-grid article { position:relative; min-width:0; padding:58px 28px 26px; border:1px solid #c5d6d0; border-radius:25px; background:#f9faf7; }.dep-article-grid article > span { position:absolute; left:27px; top:23px; display:grid; place-items:center; width:31px; height:31px; border-radius:11px; background:#e2f4ec; color:#177e68; font-size:.63rem; font-weight:950; }.dep-article-grid h3 { margin:13px 0 11px; font-size:1.45rem; line-height:1.08; }.dep-article-grid p { margin:0; color:var(--dep-text); font-size:.9rem; }.dep-article-grid article:nth-child(1),.dep-article-grid article:nth-child(5),.dep-article-grid article:nth-child(9),.dep-article-grid article:nth-child(13),.dep-article-grid article:nth-child(17) { grid-column:1/-1; display:grid; grid-template-columns:minmax(260px,.68fr) 1fr; gap:35px; padding:68px 34px 34px; background:linear-gradient(135deg,#f9faf7 45%,#e3f2eb); }.dep-article-grid article:nth-child(1) h3,.dep-article-grid article:nth-child(5) h3,.dep-article-grid article:nth-child(9) h3,.dep-article-grid article:nth-child(13) h3,.dep-article-grid article:nth-child(17) h3 { font-size:2rem; }
.dep-checklist { background:#f4f5ef; }.dep-checklist-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:34px; }.dep-checklist-grid article { display:grid; grid-template-columns:48px 1fr; gap:13px; padding:21px; border:1px solid #cad9d3; border-radius:21px; background:#fbfcf9; }.dep-checklist-grid article > span { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:#154b4d; color:#fff; font-size:.67rem; font-weight:950; }.dep-checklist-grid h3 { margin:0 0 6px; font-size:1rem; }.dep-checklist-grid p { margin:0; color:var(--dep-text); font-size:.77rem; }
.dep-refresh-note { display:grid; grid-template-columns:minmax(210px,.48fr) 1.52fr; gap:30px; align-items:start; margin-top:15px; padding:25px; border:1px solid #c4d5ce; border-radius:23px; background:linear-gradient(135deg,#153f48,#1e635d); color:white; }.dep-refresh-note span { color:#9ce3c9; font-size:.66rem; font-weight:950; text-transform:uppercase; }.dep-refresh-note h3 { margin:8px 0 0; color:white; font-size:1.55rem; }.dep-refresh-note p { margin:0; color:#d1e2dd; }
.dep-sources { background:#e4eeea; }.dep-source-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:34px; }.dep-source-grid a { min-height:185px; padding:22px; border:1px solid #bfd2ca; border-radius:22px; background:#f8faf6; color:var(--dep-ink); text-decoration:none; }.dep-source-grid span { color:#16806a; font-size:.66rem; font-weight:950; text-transform:uppercase; }.dep-source-grid strong { display:block; margin:34px 0 8px; font-size:1.12rem; }.dep-source-grid small { color:#5f7770; line-height:1.5; }
.dep-related { background:#f3f4ee; }.dep-related-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:34px; }.dep-related-grid a { min-height:200px; padding:22px; border:1px solid #cad8d2; border-radius:22px; background:#fbfcf9; color:var(--dep-ink); text-decoration:none; }.dep-related-grid span { display:grid; place-items:center; width:38px; height:38px; border-radius:13px; background:linear-gradient(135deg,#174b4d,#2fba8b); color:white; font-weight:950; }.dep-related-grid strong { display:block; margin:34px 0 8px; }.dep-related-grid small { color:#627970; line-height:1.5; }
.dep-faq { background:#e8f1ed; }.dep-faq-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; margin-top:32px; }.dep-faq details { border:1px solid #c4d6cf; border-radius:18px; background:#f9faf7; }.dep-faq summary { padding:17px 19px; cursor:pointer; font-weight:900; }.dep-faq details p { margin:0; padding:0 19px 18px; color:var(--dep-text); }
.dep-page .mrp-footer { background:#092f38; }.dep-page .mrp-footer__intro p { max-width:390px; }.dep-page .mrp-footer__grid > div:not(:first-child) { display:flex; flex-direction:column; gap:8px; }.dep-page .mrp-footer a { color:#d5e5e1; text-decoration:none; }.dep-page .mrp-footer h3 { color:white; }

@media (max-width:1120px) {
  .dep-hero__grid { grid-template-columns:1fr minmax(390px,.76fr); gap:28px; }.dep-hero__copy h1 { font-size:clamp(4.3rem,7.5vw,6.3rem); }.dep-calculator__grid { grid-template-columns:minmax(0,1.1fr) minmax(340px,.82fr); }.dep-result { padding:23px; }.dep-result::before { margin:-23px -23px 21px; }
}
@media (max-width:900px) {
  .dep-hero__grid,.dep-calculator__grid,.dep-detail__grid { grid-template-columns:1fr; }.dep-hero__copy { max-width:760px; }.dep-visual { max-width:690px; }.dep-result { position:static; }.dep-stat-grid,.dep-related-grid { grid-template-columns:repeat(2,1fr); }.dep-checklist-grid,.dep-source-grid { grid-template-columns:repeat(2,1fr); }.dep-scenario-grid { grid-template-columns:1fr; }.dep-stress-callout { grid-template-columns:1fr; gap:10px; }.dep-page .mrp-footer__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px) {
  .dep-page .mrp-container { width:min(100% - 24px,1220px); }.dep-hero { padding:17px 0 32px; }.dep-hero .mrp-breadcrumbs { margin-bottom:22px; }.dep-hero__copy h1 { margin-top:17px; font-size:clamp(3.4rem,16.5vw,4.7rem); line-height:.88; }.dep-hero__copy > p:not(.mrp-kicker) { font-size:1rem; }.dep-hero__actions { display:grid; }.dep-hero__actions .mrp-btn { width:100%; }.dep-hero__proof { gap:6px; }.dep-hero__proof li { padding:7px 9px; font-size:.68rem; }.dep-visual { display:none; }
  .dep-nav { position:relative; }.dep-nav__inner { flex-wrap:wrap; justify-content:center; gap:7px; }.dep-nav a { flex:0 0 calc(33.333% - 5px); padding:8px 4px; text-align:center; }
  .dep-calculator { padding:25px 0 59px; }.dep-form,.dep-result { border-radius:23px; }.dep-form { padding:21px 17px; }.dep-form::before { margin:-21px -17px 20px; }.dep-form__head { display:block; }.dep-form__head h2 { font-size:2.35rem; }.dep-live { width:max-content; margin-top:12px; }.dep-presets { grid-template-columns:1fr; }.dep-presets button { display:grid; grid-template-columns:38px 1fr; gap:0 9px; align-items:center; padding:13px 14px; }.dep-presets span { grid-row:1/3; }.dep-presets strong { margin:0; }.dep-field-grid,.dep-pro-fields { grid-template-columns:1fr; }.dep-pro__body { padding:12px; }.dep-pro-tabs { grid-template-columns:1fr; }.dep-pro-workspace__head { grid-template-columns:1fr; gap:7px; padding:16px; }.dep-pro-workspace section > .dep-pro-fields { padding:12px; }.dep-scenario-preview { grid-template-columns:1fr; padding:0 12px 12px; }.dep-pro-actions { grid-template-columns:1fr 1fr; }.dep-pro-actions span { grid-column:1/-1; grid-row:1; }.dep-pro-actions button:first-child { grid-column:1; }.dep-pro-actions button:last-child { grid-column:2; }.dep-form__actions { display:grid; }.dep-form__actions .mrp-btn { width:100%; }
  .dep-result { padding:21px 17px; }.dep-result::before { margin:-21px -17px 19px; }.dep-result h2 { font-size:1.65rem; }.dep-result__main output { font-size:2.55rem; }.dep-result__metrics { grid-template-columns:1fr 1fr; }.dep-result__curve { grid-template-columns:1fr; }.dep-result__curve div:last-child { text-align:left; }
  .dep-overview,.dep-method,.dep-checklist,.dep-faq,.dep-related,.dep-sources,.dep-detail { padding:63px 0; }.dep-page .mrp-heading h2 { font-size:clamp(2.55rem,13vw,3.7rem); line-height:.94; overflow-wrap:break-word; }.dep-page .mrp-heading--split { display:block; }.dep-page .mrp-heading--split > p { margin-top:17px; }.dep-stat-grid,.dep-method-grid,.dep-checklist-grid,.dep-source-grid,.dep-related-grid,.dep-faq-grid { grid-template-columns:1fr; }.dep-refresh-note { grid-template-columns:1fr; gap:10px; padding:20px; }.dep-detail__grid { margin-top:24px; }.dep-table-card table,.dep-table-card thead,.dep-table-card tbody,.dep-table-card tr,.dep-table-card td { display:block; width:100%; }.dep-table-card thead { display:none; }.dep-table-card tr { padding:13px 15px; border-bottom:1px solid #d4e1dc; }.dep-table-card tr:last-child { border-bottom:0; }.dep-table-card td { display:grid; grid-template-columns:104px 1fr; gap:10px; padding:5px 0; border:0; }.dep-table-card td::before { color:#6c827b; font-size:.63rem; font-weight:900; text-transform:uppercase; }.dep-table-card td:nth-child(1)::before { content:"Položka"; }.dep-table-card td:nth-child(2)::before { content:"Hodnota"; }.dep-table-card td:nth-child(3)::before { content:"Význam"; }
  .dep-scenarios { padding:72px 0; }.dep-scenarios h2 { font-size:clamp(3.25rem,15vw,4.6rem); }.dep-guide { padding:72px 0; }.dep-guide-note { grid-template-columns:1fr; gap:12px; padding:20px; }.dep-guide-map { grid-template-columns:repeat(2,1fr); gap:6px; padding:9px; }.dep-guide-map > div { padding:13px 11px; }.dep-guide-map > div::after { display:none; }.dep-article-grid { grid-template-columns:1fr; }.dep-article-grid article,.dep-article-grid article:nth-child(1),.dep-article-grid article:nth-child(5),.dep-article-grid article:nth-child(9),.dep-article-grid article:nth-child(13),.dep-article-grid article:nth-child(17) { grid-column:auto; display:block; padding:57px 20px 22px; }.dep-article-grid article > span { top:17px; left:20px; }.dep-article-grid article:nth-child(1) h3,.dep-article-grid article:nth-child(5) h3,.dep-article-grid article:nth-child(9) h3,.dep-article-grid article:nth-child(13) h3,.dep-article-grid article:nth-child(17) h3 { font-size:1.55rem; }.dep-page .mrp-footer__grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.dep-page *,.dep-page *::before,.dep-page *::after { transition:none!important; animation:none!important; } }