/* DepositDesk secondary pages (security, welcome). Tokens mirror index.html. */
:root{--paper:#FAFAF7;--deep:#161615;--ink:#3B3B3A;--line:#E4E4E0;--muted:#8A8A85;--muted-t:#6B6B66;--green:#1E7F5C;--red:#9B2C2C;
  --sans:"DM Sans",system-ui,sans-serif;--mono:"DM Mono",ui-monospace,monospace;--ease:cubic-bezier(.16,1,.3,1);
  --s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:48px;--s-6:64px;--s-7:96px;--hd:64px;--gut:24px;--pad:96px}
@media(min-width:768px){:root{--gut:40px;--pad:120px}}
@media(min-width:1200px){:root{--gut:64px;--pad:160px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/28px var(--sans)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:900;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,p{margin:0} ul{margin:0;padding:0;list-style:none} a{color:inherit}
::selection{background:var(--green);color:var(--paper)} :focus-visible{outline:2px solid var(--green);outline-offset:3px}
.wrap{max-width:1460px;margin-inline:auto;padding-inline:var(--gut)}
.lab{font:500 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-t)}
.gr{color:var(--green)} .reg{font-size:max(12px,.42em);vertical-align:super}
.d{font-weight:700;letter-spacing:-.045em;line-height:.9;color:var(--deep);font-size:clamp(3rem,10vw,9rem)}
.h2{font-weight:700;letter-spacing:-.04em;line-height:.95;color:var(--deep);font-size:clamp(2rem,4.6vw,3.6rem)}
.h3{font-weight:500;letter-spacing:-.02em;line-height:1.15;color:var(--deep);font-size:clamp(1.25rem,2vw,1.6rem)}
.lead{font-size:20px;line-height:30px;max-width:46ch;color:var(--ink)}
.fine{font-size:14px;line-height:22px;color:var(--muted-t)}
.mark{font-weight:700;letter-spacing:-.04em;color:var(--deep);text-decoration:none}
.u{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:left bottom;transition:background-size .3s var(--ease)}
.u:hover,.u:focus-visible{background-size:100% 1px}
.hd{position:fixed;top:0;left:0;right:0;z-index:800;background:rgba(250,250,247,.86);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hd__in{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);height:var(--hd);max-width:1460px;margin-inline:auto;padding-inline:var(--gut)}
.hd__r{display:flex;align-items:center;gap:var(--s-3)}
.hd a{display:inline-flex;align-items:center;min-height:44px}
.btn{position:relative;display:inline-flex;align-items:center;gap:var(--s-1);min-height:44px;padding:0 var(--s-3);border:1px solid var(--deep);background:transparent;color:var(--deep);font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;cursor:pointer;overflow:hidden;border-radius:2px;transition:color .3s var(--ease)}
.btn>span{position:relative;z-index:1}
.btn::after{content:"";position:absolute;inset:0;background:var(--deep);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.btn:hover::after,.btn:focus-visible::after{transform:scaleX(1)} .btn:hover,.btn:focus-visible{color:var(--paper)}
.btn--pri{background:var(--green);border-color:var(--green);color:var(--paper)} .btn--pri::after{background:var(--paper)} .btn--pri:hover,.btn--pri:focus-visible{color:var(--green)}
.btn--sm{padding:0 var(--s-2);font-size:12px}
.page{padding-block:calc(var(--hd) + var(--s-6)) var(--pad)}
.page__head .lab+.d{margin-top:var(--s-3)}
.page__head .lead{margin-top:var(--s-4)}
.blocks{margin-top:var(--s-7);border-top:1px solid var(--deep)}
.block{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--s-3) var(--s-5);padding-block:var(--s-5);border-bottom:1px solid var(--line)}
.block .h3{margin-top:var(--s-1)}
.prose p+p,.prose p+ul,.prose ul+p{margin-top:var(--s-2)}
.prose p,.prose li{max-width:64ch}
.prose li{padding:var(--s-1) 0 var(--s-1) var(--s-3);border-bottom:1px solid var(--line);position:relative;font-size:16px;line-height:24px}
.prose li::before{content:"";position:absolute;left:0;top:19px;width:8px;height:1px;background:var(--green)}
.prose code{font:400 14px/1 var(--mono);background:#fff;border:1px solid var(--line);padding:2px 6px;border-radius:2px}
.prose b{color:var(--deep);font-weight:500}
.acts{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;margin-top:var(--s-4)}
.note{margin-top:var(--s-5);padding:var(--s-3);border:1px solid var(--line);background:#fff;border-radius:2px;max-width:720px}
.note .lab{color:var(--green)}
.note p+p{margin-top:var(--s-1)}
.dark{background:var(--deep);color:#C9C9C4}
.ft{padding-block:var(--s-7) var(--s-4);overflow:hidden}
.ft>.wrap{container-type:inline-size}
.ft__mark{font-weight:700;letter-spacing:-.05em;line-height:1;font-size:min(13.5rem,15.5cqi);color:var(--paper);white-space:nowrap;padding-bottom:.04em}
.ft__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-1) var(--s-3);align-items:center;border-top:1px solid #33322F;margin-top:var(--s-4);padding-top:var(--s-2)}
.ft__row a{display:inline-flex;align-items:center;min-height:44px}
.dark .lab,.dark .fine{color:var(--muted)} .dark .mark{color:var(--paper)}
.ft__note{margin-top:var(--s-2);max-width:60ch}
.js [data-rv]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js [data-rv].is-in{opacity:1;transform:none}
@media(max-width:900px){.block{grid-template-columns:minmax(0,1fr)}body{font-size:17px;line-height:26px}.hd__r .hide-sm{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.js [data-rv]{opacity:1!important;transform:none!important}}
/* ---------- v3: calculators, tables, FAQ ---------- */
.calc{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-top:var(--s-6);border-top:1px solid var(--deep);align-items:start}
.calc__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:1px solid var(--line)}
.calc__in .f{padding:var(--s-3);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s-2);min-width:0}
.calc__in .f:nth-child(odd){border-right:1px solid var(--line)}
.calc__in .f--wide{grid-column:1/-1;border-right:0!important}
.calc__in .fine{font-size:13px;line-height:20px}
.in{width:100%;display:block;margin:0;padding:var(--s-1) 0;min-height:44px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--deep);font:400 18px/1.3 var(--mono);border-radius:0}
.in:focus{outline:none;border-bottom-color:var(--green)}
.pre{display:flex;align-items:baseline;gap:6px}.pre span{font:400 16px/1 var(--mono);color:var(--muted-t)}
.seg{display:flex;gap:var(--s-1);flex-wrap:wrap}
.seg label{display:inline-flex;align-items:center;gap:var(--s-1);min-height:44px;padding:0 var(--s-2);border:1px solid var(--line);cursor:pointer;font:400 13px/1 var(--mono);color:var(--deep);border-radius:2px}
.seg input{accent-color:var(--green);width:14px;height:14px;margin:0}
.seg label:has(input:checked){border-color:var(--green);color:var(--green)}
.calc__out{position:sticky;top:calc(var(--hd) + var(--s-3));padding:var(--s-4) var(--s-4) var(--s-3)}
.calc__out .fig{display:block;font:700 clamp(4rem,9vw,7.5rem)/.9 var(--sans);letter-spacing:-.05em;color:var(--paper);margin-top:var(--s-2)}
.calc__out .fig .gr{color:var(--green)}
.calc__out .verdict{margin-top:var(--s-2);font:500 13px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#2E9C72}
.calc__out .verdict.is-low{color:#E07A6A}
.kv{margin-top:var(--s-3);border-top:1px solid #33322F}
.kv div{display:flex;justify-content:space-between;gap:var(--s-2);padding:10px 0;border-bottom:1px solid #33322F;font:400 14px/1.4 var(--mono);color:#C9C9C4}
.kv div b{font-weight:500;color:var(--paper)}
.kv div.tot{border-bottom-color:#8A8A85}.kv div.tot b{color:#2E9C72}
.calc__out .acts{margin-top:var(--s-3)}
.calc__out .btn{border-color:var(--paper);color:var(--paper)}.calc__out .btn::after{background:var(--paper)}.calc__out .btn:hover,.calc__out .btn:focus-visible{color:var(--deep)}
.calc__out .btn--pri{border-color:var(--green);color:var(--paper)}
.calc__out .fine{color:#8A8A85;margin-top:var(--s-2)}
.tblw{overflow-x:auto;margin-top:var(--s-2);-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font:400 13px/1.45 var(--mono);color:var(--ink);min-width:640px}
.tbl th{text-align:left;font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-t);padding:10px 12px 10px 0;border-bottom:1px solid var(--deep);vertical-align:bottom}
.tbl td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl td:first-child{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--deep)}
.tbl a{color:var(--green)}
.faq{margin-top:var(--s-2)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--s-2);padding:var(--s-2) 0;font-weight:500;color:var(--deep);font-size:18px;line-height:26px}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{font-style:normal;color:var(--green);font-family:var(--mono)}
.faq details[open] summary i{transform:rotate(45deg)}
.faq details p{padding:0 0 var(--s-2);max-width:68ch;font-size:16px;line-height:25px}
.cta{margin-top:var(--s-7);padding:var(--s-6) var(--gut);border-radius:2px}
.cta .h2{color:var(--paper);max-width:18ch}
.cta p.lead{color:#C9C9C4;margin-top:var(--s-3)}
.cta .btn{border-color:var(--paper);color:var(--paper)}.cta .btn::after{background:var(--paper)}.cta .btn:hover,.cta .btn:focus-visible{color:var(--deep)}
.crumbs{display:flex;flex-wrap:wrap;gap:var(--s-1)}.crumbs a{color:var(--muted-t)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));border-top:1px solid var(--deep);margin-top:var(--s-2)}
.cards a{display:block;padding:var(--s-3) var(--s-3) var(--s-3) 0;border-bottom:1px solid var(--line);text-decoration:none}
.cards a .h3{display:block}.cards a .fine{display:block;margin-top:6px}
.cards a:hover .h3{color:var(--green)}
.ex{font:400 15px/1.6 var(--mono);color:var(--deep);background:#fff;border:1px solid var(--line);padding:var(--s-2) var(--s-3);border-radius:2px;max-width:64ch}
@media(max-width:900px){.calc{grid-template-columns:minmax(0,1fr)}.calc__in{border-right:0}.calc__out{position:static}}
@media(max-width:560px){.calc__in{grid-template-columns:minmax(0,1fr)}.calc__in .f{border-right:0!important}}
.calc__bar{display:none}
@media(max-width:900px){.calc__bar{display:flex;align-items:baseline;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:700;padding:12px var(--gut) calc(12px + env(safe-area-inset-bottom));text-decoration:none;border-top:1px solid #33322F;transition:transform .3s var(--ease)}
.calc__bar b{font:700 28px/1 var(--sans);letter-spacing:-.03em;color:var(--paper)}.calc__bar .lab{color:#C9C9C4}.calc__bar.is-off{transform:translateY(110%)}}
