:root{--ink:#132238;--muted:#68778b;--bg:#f5f8fc;--card:#fff;--primary:#2457f5;--primary2:#6d5dfc;--green:#11a36a;--line:#e3eaf3;--soft:#edf3ff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.65}.wrap{width:min(1160px,calc(100% - 34px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:"Plus Jakarta Sans";font-weight:800;font-size:24px;text-decoration:none;color:var(--ink)}.brand span{color:var(--primary)}.menu{display:flex;gap:24px}.menu a{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.hamb{display:none;border:0;background:none;font-size:25px}.hero{padding:76px 0 48px;background:radial-gradient(circle at 85% 10%,#dfe5ff 0,transparent 35%),linear-gradient(180deg,#fff,#f5f8fc)}.eyebrow{display:inline-flex;padding:8px 13px;border-radius:99px;background:#e9efff;color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1,.pagehero h1{font-family:"Plus Jakarta Sans";font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.045em;margin:18px 0}.hero p,.pagehero p{max-width:720px;color:var(--muted);font-size:18px}.tools{padding:42px 0 70px}.section-title{font-family:"Plus Jakarta Sans";font-size:30px;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-decoration:none;color:inherit;box-shadow:0 8px 30px rgba(25,49,83,.04);transition:.2s}.tool:hover{transform:translateY(-4px);box-shadow:0 16px 45px rgba(25,49,83,.10);border-color:#cbd7ff}.icon{width:46px;height:46px;border-radius:14px;background:var(--soft);display:grid;place-items:center;font-size:22px}.tool h3{margin:17px 0 7px;font-family:"Plus Jakarta Sans";font-size:18px}.tool p{margin:0;color:var(--muted);font-size:14px}.pagehero{padding:48px 0 24px}.pagehero h1{font-size:clamp(34px,4vw,52px)}.layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:28px;padding-bottom:70px}.calc,.content-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px rgba(25,49,83,.04)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:800}input,select{width:100%;border:1px solid #ced8e5;border-radius:13px;padding:13px 14px;font:inherit;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2457f51a}.btn{border:0;border-radius:13px;padding:14px 20px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font:800 14px Manrope;cursor:pointer}.result{margin-top:20px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#eef3ff,#f3f0ff);border:1px solid #dbe3ff}.result strong{display:block;font-family:"Plus Jakarta Sans";font-size:30px}.result small{color:var(--muted)}.article{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.article h2,.article h3{font-family:"Plus Jakarta Sans";line-height:1.25}.article p,.article li{color:#4f6075}.note{padding:15px;border-left:4px solid var(--primary);background:#f4f7ff;border-radius:10px}.adbox{min-height:250px;border-radius:18px;margin-bottom:20px;overflow:hidden}.ad-placeholder{border:1px dashed #cbd5e2;background:#f9fbfd;display:grid;place-items:center;color:#9aa8b8;font-size:12px}.footer{background:#101b2b;color:#aeb9c8;padding:50px 0 22px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer .brand{color:white}.footer a:not(.brand){display:block;color:#c7d0dc;text-decoration:none;margin:7px 0;font-size:14px}.footer strong{color:white}.copyright{border-top:1px solid #273447;margin-top:30px;padding-top:20px;font-size:12px}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.sidebar{order:2}.menu{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;padding:18px 22px;flex-direction:column;border-bottom:1px solid var(--line)}.menu.open{display:flex}.hamb{display:block}.footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid,.fields,.footgrid{grid-template-columns:1fr}.hero{padding-top:48px}.calc,.article{padding:20px}.wrap{width:min(100% - 24px,1160px)}}

.tool{position:relative;overflow:hidden}
.tool:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--accent,#dfe7f5)}
.tool .icon{background:var(--tint,#edf3ff);color:var(--accent,#2457f5)}
.tool-arrow{display:inline-block;margin-top:17px;font-size:12px;font-weight:800;color:var(--accent,#2457f5)}
.c-blue{--accent:#2457f5;--tint:#edf2ff}.c-green{--accent:#139a69;--tint:#eaf9f2}.c-yellow{--accent:#c98a08;--tint:#fff8df}
.c-purple{--accent:#7652d6;--tint:#f2edff}.c-orange{--accent:#dc7627;--tint:#fff0e5}.c-cyan{--accent:#168ba2;--tint:#e8f8fb}
.c-pink{--accent:#c65b82;--tint:#fff0f5}.c-mint{--accent:#288d79;--tint:#e9f8f4}.c-sky{--accent:#387dbd;--tint:#eaf5ff}
.c-lilac{--accent:#8061bd;--tint:#f3effb}.c-peach{--accent:#c66d54;--tint:#fff0eb}.c-lime{--accent:#638f28;--tint:#f2f8e8}
.cookie-banner{position:fixed;z-index:1000;left:22px;right:22px;bottom:22px;max-width:980px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 20px 60px rgba(16,27,43,.2);display:flex;align-items:center;justify-content:space-between;gap:22px}
.cookie-banner[hidden]{display:none}.cookie-banner p{margin:3px 0 0;color:var(--muted);font-size:13px}.cookie-banner a{color:var(--primary)}
.cookie-actions{display:flex;gap:9px;flex-shrink:0}.cookie-actions button{border-radius:11px;padding:11px 14px;font:700 12px Manrope;cursor:pointer}.cookie-primary{border:0;background:var(--primary);color:#fff}.cookie-secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}
.legal-layout{max-width:900px;padding-bottom:70px}.legal{margin-top:0}.legal h2{margin-top:30px}
@media(max-width:650px){.cookie-banner{left:12px;right:12px;bottom:12px;align-items:stretch;flex-direction:column}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}}

.tool-head{display:flex;align-items:center;gap:13px;margin-bottom:9px}
.tool-head .icon{flex:0 0 42px;width:42px;height:42px;border-radius:12px;font-size:19px}
.tool-head h3{margin:0!important;line-height:1.25}
.home-info{padding:10px 0 80px}.info-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}
.info-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.info-grid h2,.info-grid h3{font-family:"Plus Jakarta Sans";line-height:1.25}.info-grid h2{font-size:30px;margin:15px 0}
.info-grid p,.info-grid li{color:var(--muted)}.trustbox ul{padding-left:20px}.trustbox li{margin:8px 0}
.faq{margin-top:22px}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:800}.faq details p{margin-bottom:2px}
.related{margin-top:22px}.related-links{display:flex;flex-wrap:wrap;gap:9px}.related-links a{padding:9px 12px;background:#edf3ff;border-radius:10px;text-decoration:none;color:var(--primary);font-size:12px;font-weight:800}
@media(max-width:700px){.info-grid{grid-template-columns:1fr}.tool-head{align-items:center}}

.faq-page details{border:1px solid var(--line);border-radius:14px;margin:10px 0;background:#fbfcff;padding:0 17px}
.faq-page summary{cursor:pointer;font-weight:800;padding:16px 28px 16px 0;position:relative;list-style:none}
.faq-page summary::-webkit-details-marker{display:none}.faq-page summary:after{content:"+";position:absolute;right:2px;top:13px;font-size:22px;color:var(--primary)}
.faq-page details[open] summary:after{content:"−"}.faq-page details p{margin:0;padding:0 0 17px;color:var(--muted)}