:root{--pink:#FF2EA6;--pink-600:#e0148c;--magenta:#FF69B4;--ink:#1c1330;--muted:#6b6480;--bg:#fbf7fd;--card:#ffffff;--line:#efe6f5;--violet:#7c3aed;--ok:#16a34a;--warn:#dc2626;--grad:linear-gradient(135deg,#ffd7ef,#f3e8ff 50%,#e0f2fe);--shadow:0 8px 30px rgba(124,58,237,0.08);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}.logo-text strong,h1,h2,h3,h4{font-family:Outfit,Inter,sans-serif}a{color:var(--pink-600);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{gap:20px;height:64px}.header-inner,.logo{display:flex;align-items:center}.logo{gap:10px}.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;display:grid;place-items:center;font-weight:800;font-family:Outfit;font-size:20px}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-text strong{font-size:16px}.logo-text small{font-size:11px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.main-nav>a,.nav-group>summary{padding:8px 12px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;list-style:none;color:var(--ink)}.main-nav>a:hover,.nav-group>summary:hover{background:var(--line);text-decoration:none}.nav-group{position:relative}.nav-group>summary::-webkit-details-marker{display:none}.nav-menu{position:absolute;top:110%;right:0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:210px;display:flex;flex-direction:column;z-index:60}.nav-menu a{padding:8px 12px;border-radius:8px;font-size:14px;white-space:nowrap}.nav-menu a:hover{background:var(--line);text-decoration:none}.nav-burger,.nav-toggle{display:none}.page{padding:28px 20px 60px}.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:18px}.page-head h1{font-size:clamp(28px,5vw,44px);margin:0 0 10px;line-height:1.1}.hero .intro,.page-head .intro{font-size:18px;color:var(--muted);max-width:720px}.hero{text-align:center;padding:40px 0 20px;background:var(--grad);border-radius:24px;margin-bottom:28px}.hero h1{font-size:clamp(34px,6vw,56px);margin:0 0 14px;background:linear-gradient(90deg,var(--ink),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero .intro{margin:0 auto 22px}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-ghost,.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff}.btn-primary:hover{filter:brightness(1.05);text-decoration:none}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--line);text-decoration:none}.quick-answer{background:#fff0f9;border:1px solid #ffd0ec;border-radius:var(--radius);padding:18px 22px;margin:22px 0}.qa-badge{display:inline-block;background:var(--pink);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;margin-bottom:8px}.quick-answer p{margin:0;font-size:16px}.tool-section{margin:24px 0}.tool{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.tool-sub{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:16px 0 8px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.field input,.field select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit;color:var(--ink);background:#fff}.field input:focus,.field select:focus{outline:2px solid var(--pink);border-color:var(--pink)}.field.checkbox{flex-direction:row;align-items:center;justify-content:space-between}.field.checkbox input{width:20px;height:20px}.tool-actions{display:flex;gap:10px;margin-top:18px}.result{margin-top:20px;padding-top:20px;border-top:1px dashed var(--line)}.result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px}.rc{background:var(--grad);border-radius:12px;padding:14px;text-align:center}.rc-label{display:block;font-size:12px;color:var(--muted);font-weight:600}.rc-value{display:block;font-size:30px;font-weight:800;font-family:Outfit;margin:2px 0}.rc-sub{font-size:12px;color:var(--muted)}.rc-sub.ok{color:var(--ok);font-weight:700}.rc-sub.warn{color:var(--warn);font-weight:700}.result-note{font-size:15px;margin:16px 0 0}.rec{margin-top:14px;font-size:14px}.rec ol,.rec ul{margin:8px 0 0;padding-left:20px}.rec li{margin:4px 0}.table-wrap{overflow-x:auto;margin-top:8px}.skill-table{width:100%;border-collapse:collapse;font-size:14px}.skill-table td,.skill-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.skill-table th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.tier{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:8px;font-weight:800;color:#fff}.tier-S{background:#f43f5e}.tier-A{background:#f97316}.tier-B{background:#eab308}.tier-C{background:#94a3b8}.empty{text-align:center;color:var(--muted);padding:20px}.content-section,.faq,.key-facts,.problem-solution,.related,.tools-grid{margin:32px 0}.content-section h2,.faq h2,.key-facts h2,.related h2{font-size:24px;margin:0 0 14px}.key-facts ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:10px;gap:10px}.key-facts li{position:relative;padding-left:26px}.key-facts li:before{content:"◆";color:var(--pink);position:absolute;left:4px}.problem-solution{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.ps-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.ps-card h2{font-size:20px;margin:0 0 8px}.ps-solution{border-color:#ffd0ec;background:#fffafd}.ps-card p{margin:0;color:var(--muted)}.content-section p{color:var(--muted);max-width:780px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px 18px}.faq-item summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--pink);font-weight:800}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:0 0 14px;color:var(--muted)}.related-grid,.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.related-card,.tool-card{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:transform .15s,box-shadow .15s}.related-card:hover,.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}.related-card strong,.tool-card h3{color:var(--ink);font-size:17px;margin:0}.related-card span,.tool-card p{color:var(--muted);font-size:14px;margin:0}.tool-card-cta{color:var(--pink-600);font-weight:600;font-size:14px}.site-footer{background:#fff;border-top:1px solid var(--line);margin-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:24px;gap:24px;padding:40px 20px 24px}.footer-brand p{color:var(--muted);font-size:14px;margin:12px 0 0;max-width:280px}.site-footer h4{font-size:14px;margin:0 0 12px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:6px 0}.site-footer li a{color:var(--muted);font-size:14px}.footer-bottom{border-top:1px solid var(--line);padding:16px 20px;color:var(--muted);font-size:13px;text-align:center}.notfound{text-align:center;padding-top:60px}.notfound .related-grid{max-width:700px;margin:24px auto}@media (max-width:820px){.nav-burger{display:flex;flex-direction:column;gap:5px;margin-left:auto;cursor:pointer;padding:8px}.nav-burger span{width:24px;height:2px;background:var(--ink);border-radius:2px}.main-nav{position:fixed;inset:64px 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 20px;border-bottom:1px solid var(--line);gap:4px;transform:translateY(-120%);transition:transform .25s;margin:0}.nav-toggle:checked~.main-nav{transform:translateY(0)}.nav-group,.nav-menu{position:static;box-shadow:none;border:none;min-width:0;padding:0}.nav-menu{padding-left:12px}.problem-solution{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.skill-table thead{display:none}.skill-table,.skill-table tbody,.skill-table td,.skill-table tr{display:block;width:100%}.skill-table tr{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:6px 10px}.skill-table td{border:none;padding:4px 0}.skill-table td:before{content:attr(data-label) ": ";font-weight:700;color:var(--muted)}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}