:root{color-scheme:light;--ink:#132321;--muted:#5f706d;--paper:#fbfaf6;--surface:#fff;--surface-soft:#f1f6f4;--line:#d8e1de;--brand:#145f5a;--brand-dark:#0b4945;--brand-soft:#ddf1ed;--accent:#e9773e;--accent-dark:#c95625;--success:#197047;--warning:#9a5b13;--danger:#a33d35;--shadow-sm:0 2px 10px #1323210f;--shadow-lg:0 24px 60px #1323211f;--radius-sm:10px;--radius:18px;--radius-lg:28px;--content:1180px;--reading:820px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#145f5a06 1px, transparent 1px), linear-gradient(90deg, #145f5a06 1px, transparent 1px), var(--paper);text-rendering:optimizelegibility;background-size:36px 36px;margin:0;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img,canvas{max-width:100%}.container{width:min(calc(100% - 40px), var(--content));margin-inline:auto}.reading{width:min(100%, var(--reading));margin-inline:auto}.eyebrow{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:24px;height:2px}h1,h2,h3{letter-spacing:-.035em;line-height:1.16}h1{margin:0;font-size:clamp(2.4rem,6vw,5.2rem);font-weight:820}h2{margin:0;font-size:clamp(1.85rem,3.5vw,3.1rem)}h3{margin:0;font-size:1.18rem}p{margin:0}.lead{color:var(--muted);margin-top:20px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.72}.button{background:var(--brand);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 20px;font-weight:760;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 8px 20px #145f5a2e}.button:active{transform:translateY(0)}.button.accent{background:var(--accent)}.button.accent:hover{background:var(--accent-dark)}.button.secondary{color:var(--brand);background:var(--surface);border-color:var(--line);box-shadow:none}.button.ghost{color:var(--muted);border-color:var(--line);box-shadow:none;background:0 0}.button.danger{color:var(--danger);box-shadow:none;background:0 0;border-color:#e9c6c2}.button[disabled]{opacity:.45;pointer-events:none;box-shadow:none;transform:none}:focus-visible{outline-offset:3px;outline:3px solid #e9773e6b}.icon{flex:none;width:20px;height:20px}.muted{color:var(--muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:50;backdrop-filter:blur(16px);background:#fbfaf6eb;border-bottom:1px solid #d8e1ded9;height:74px;position:sticky;top:0}.header-inner{align-items:center;gap:30px;height:100%;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.15rem;font-weight:830;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--brand);border-radius:10px 10px 10px 3px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 -4px #00000014}.brand-mark svg{width:19px}.brand em{color:var(--accent);font-style:normal}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav a,.language-button,.menu-button{color:#3f504d;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;min-height:44px;padding:0 13px;font-size:.92rem;font-weight:680;text-decoration:none;display:inline-flex}.nav a:hover,.language-button:hover,.menu-button:hover{color:var(--brand);background:var(--brand-soft)}.language{position:relative}.language-button{gap:8px}.language-menu{border:1px solid var(--line);background:var(--surface);min-width:210px;box-shadow:var(--shadow-lg);border-radius:16px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.language-menu[hidden]{display:none}.language-menu a{border-radius:9px;justify-content:space-between;align-items:center;min-height:42px;padding:7px 11px;font-size:.9rem;text-decoration:none;display:flex}.language-menu a:hover{background:var(--surface-soft)}.language-menu a[aria-current=true]{color:var(--brand);font-weight:800}.menu-button{justify-content:center;width:44px;padding:0;display:none}.ad-slot{color:#83908d;text-align:center;background:#fff9;border:1px solid #e1e4df;border-radius:14px;place-items:center;width:min(100% - 40px,970px);height:104px;margin:28px auto 48px;display:grid}.ad-slot.compact{height:96px;margin-block:72px}.ad-slot small{letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:.68rem;display:block}.privacy-badge{color:var(--brand-dark);background:var(--brand-soft);border:1px solid #bfddd8;border-radius:15px;align-items:flex-start;gap:13px;padding:16px 18px;display:flex}.privacy-badge .badge-icon{color:#fff;background:var(--brand);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.privacy-badge strong{margin-bottom:2px;font-size:.95rem;display:block}.privacy-badge p{color:#37615d;font-size:.87rem;line-height:1.45}.site-footer{border-top:1px solid var(--line);color:#dbe7e4;background:#102b29;margin-top:96px}.footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:60px;padding-block:56px 42px;display:grid}.footer-main .brand{color:#fff}.footer-copy{color:#aebfbb;max-width:390px;margin-top:16px;font-size:.9rem}.footer-col h3{color:#fff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px;font-size:.83rem}.footer-links{gap:9px;display:grid}.footer-links a{color:#bdcfcb;font-size:.9rem;text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{color:#91a8a3;border-top:1px solid #ffffff1a;padding:22px 0;font-size:.8rem}.tool-card{border:1px solid var(--line);background:var(--surface);min-height:270px;box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;padding:28px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.tool-card:after{content:"";border:24px solid var(--brand-soft);opacity:.7;border-radius:50%;width:125px;height:125px;position:absolute;bottom:-25px;right:-18px}.tool-card:hover{border-color:#b8cfca;transform:translateY(-5px);box-shadow:0 18px 45px #145f5a1c}.tool-icon{z-index:1;width:50px;height:50px;color:var(--brand);background:var(--brand-soft);border-radius:14px;place-items:center;margin-bottom:28px;display:grid;position:relative}.tool-card:nth-child(2) .tool-icon{color:#8b5520;background:#f7e8d8}.tool-card:nth-child(3) .tool-icon{color:#374f88;background:#e5eaf6}.tool-card h3{z-index:1;font-size:1.35rem;position:relative}.tool-card p{z-index:1;color:var(--muted);margin-top:10px;font-size:.94rem;position:relative}.tool-card .card-link{z-index:1;color:var(--brand);margin-top:auto;font-weight:800;position:relative}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:28px;font-size:.83rem;display:flex}.breadcrumb a{text-decoration:none}.breadcrumb span{color:#a0aaa8}@media (width<=900px){.nav{border-bottom:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-lg);padding:18px 20px 24px;display:none;position:fixed;inset:74px 0 auto}.nav.open{display:grid}.nav a{width:100%;padding-inline:16px}.menu-button{margin-left:auto;display:inline-flex}.language{margin-left:0}.language-button span{display:none}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}@media (width<=640px){.container{width:min(calc(100% - 28px), var(--content))}.site-header{height:66px}.nav{inset-block-start:66px}.brand{font-size:1.05rem}.brand-mark{width:32px;height:32px}h1{font-size:clamp(2.25rem,13vw,3.6rem)}.ad-slot{width:calc(100% - 28px);height:84px;margin-block:18px 38px}.ad-slot.compact{height:84px;margin-block:56px}.privacy-badge{padding:14px}.privacy-badge .badge-icon{width:32px;height:32px}.footer-main{grid-template-columns:1fr;gap:34px;padding-top:44px}.footer-main>div:first-child{grid-column:auto}.site-footer{margin-top:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}