.tools-shell{--tool-yellow:#f6d365;--tool-blue:#7bc8ff}.tools-index-hero,.tool-hero{border-bottom:1px solid var(--blog-line);background:radial-gradient(circle at 78% 8%,#3dff8817,#0000 34%);position:relative;overflow:hidden}.tools-index-hero:before,.tool-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#3dff8807 1px,#0000 1px),linear-gradient(90deg,#3dff8807 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.tools-index-hero>div,.tool-hero>div{z-index:1;position:relative}.tools-index-hero{padding:86px 0 82px}.tools-index-hero h1{letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;max-width:970px;margin:17px 0 24px;font-size:clamp(52px,6.4vw,86px);line-height:.96}.tools-index-hero p{max-width:760px;color:var(--blog-muted);margin:0;font-size:18px;line-height:1.65}.tools-index-section{padding-top:72px;padding-bottom:82px}.tools-index-intro{grid-template-columns:180px minmax(0,520px) minmax(240px,1fr);align-items:end;gap:34px;margin-bottom:30px;display:grid}.tools-index-intro>span,.tools-index-principles>div:first-child>span{color:var(--blog-accent);font:700 9.5px var(--blog-mono);letter-spacing:.14em}.tools-index-intro h2,.tools-index-principles h2{letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:34px;line-height:1.08}.tools-index-intro p{color:var(--blog-muted);margin:0;font-size:13.5px;line-height:1.65}.tools-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tools-card{border:1px solid var(--blog-line);background:var(--blog-panel);border-radius:14px;flex-direction:column;min-height:270px;padding:27px;transition:transform .16s,border-color .16s,background .16s;display:flex}.tools-card:hover{background:linear-gradient(145deg, #3dff8811, var(--blog-panel));border-color:#3dff8880;transform:translateY(-3px)}.tools-card>span{color:var(--blog-accent);font:700 8.5px var(--blog-mono);letter-spacing:.1em;text-transform:uppercase}.tools-card h2{letter-spacing:-.025em;margin:44px 0 12px;font-size:27px;line-height:1.08}.tools-card p{color:var(--blog-muted);margin:0;font-size:13.5px;line-height:1.6}.tools-card>b{color:var(--blog-accent);font:700 9.5px var(--blog-mono);text-transform:uppercase;margin-top:auto;padding-top:24px}.tools-index-principles{border-top:1px solid var(--blog-line);grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:60px;padding-top:74px;padding-bottom:90px;display:grid}.tools-index-principles h2{margin-top:11px}.tools-principle-grid{border-top:1px solid var(--blog-line);border-left:1px solid var(--blog-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tools-principle-grid article{border-right:1px solid var(--blog-line);border-bottom:1px solid var(--blog-line);padding:22px}.tools-principle-grid b{color:#3dff8873;font:800 28px var(--blog-mono)}.tools-principle-grid h3{margin:30px 0 9px;font-size:17px}.tools-principle-grid p{color:var(--blog-muted);margin:0;font-size:12px;line-height:1.6}.tool-hero{padding:50px 0 62px}.tool-hero .breadcrumbs{margin-bottom:42px}.tool-hero h1{letter-spacing:-.052em;text-wrap:balance;max-width:950px;margin:15px 0 20px;font-size:clamp(48px,6vw,76px);line-height:.97}.tool-hero .blog-wrap>p{max-width:800px;color:var(--blog-muted);margin:0;font-size:18px;line-height:1.62}.tool-trust-line{flex-wrap:wrap;gap:8px;margin-top:27px;display:flex}.tool-trust-line span{color:#e7ece894;font:600 9px var(--blog-mono);text-transform:uppercase;border:1px solid #3dff8830;border-radius:999px;padding:6px 9px}.tool-workspace{padding-top:52px;padding-bottom:68px}.tool-answer-first{background:#3dff880d;border:1px solid #3dff8842;border-radius:12px;grid-template-columns:130px minmax(0,760px);gap:25px;margin-bottom:26px;padding:20px 22px;display:grid}.tool-answer-first span{color:var(--blog-accent);font:700 9px var(--blog-mono);letter-spacing:.12em}.tool-answer-first p{color:#c8cfca;margin:0;font-size:14px;line-height:1.65}.tool-calculator-grid{border:1px solid #3dff884d;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000038}.tool-form-card,.tool-result-card{min-width:0;padding:32px}.tool-form-card{background:var(--blog-panel)}.tool-result-card{background:linear-gradient(145deg,#3dff8818,#121613ed);border-left:1px solid #3dff8838}.tool-card-label{color:var(--blog-accent);font:700 9px var(--blog-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:27px}.tool-field{flex-direction:column;gap:8px;margin-top:18px;display:flex}.tool-field>span:first-child,.tool-toggle-group legend{color:#e7ece8bf;font:650 11px var(--blog-mono)}.tool-field small{color:#e7ece86b;font-size:10.5px;line-height:1.45}.tool-input-wrap{background:#0b0e0cb8;border:1px solid #ffffff21;border-radius:8px;align-items:center;min-height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.tool-input-wrap:focus-within{border-color:#3dff88a6;box-shadow:0 0 0 3px #3dff8814}.tool-input-wrap b{color:#e7ece880;font:600 12px var(--blog-mono)}.tool-input-wrap input{width:100%;min-width:0;color:var(--blog-fg);font:700 15px var(--blog-mono);background:0 0;border:0;outline:0;padding:12px 8px}.tool-field select{width:100%;min-height:48px;color:var(--blog-fg);font:600 12px var(--blog-mono);background:#0d110e;border:1px solid #ffffff21;border-radius:8px;padding:0 13px}.tool-field-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-toggle-group{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:0;display:grid}.tool-toggle-group legend{grid-column:1/-1;margin-bottom:4px}.tool-toggle-group button{min-height:43px;color:var(--blog-muted);font:700 10px var(--blog-mono);cursor:pointer;background:#0b0e0cb3;border:1px solid #ffffff21;border-radius:8px}.tool-toggle-group button[aria-pressed=true]{color:var(--blog-accent);background:#3dff8817;border-color:#3dff888c}.tool-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tool-metric{border:1px solid var(--blog-line);background:#0b0e0c94;border-radius:10px;flex-direction:column;justify-content:center;min-width:0;min-height:112px;padding:17px;display:flex}.tool-metric span{color:#e7ece87a;font:650 8.5px var(--blog-mono);letter-spacing:.06em;text-transform:uppercase}.tool-metric b{overflow-wrap:anywhere;letter-spacing:-.03em;margin-top:11px;font-size:clamp(19px,2.2vw,28px);line-height:1.05}.tool-metric small{color:var(--blog-muted);margin-top:8px;font-size:9.5px;line-height:1.35}.tool-metric-strong{background:#3dff8813;border-color:#3dff8873;grid-column:1/-1}.tool-metric-strong b{color:var(--blog-accent);font-size:clamp(27px,3.6vw,46px)}.tool-estimate-note{color:#e7ece885;background:#f6d3650b;border-left:2px solid #f6d365b8;margin:20px 0 0;padding:14px 16px;font-size:10.5px;line-height:1.55}.tool-empty-result{color:var(--blog-muted);border:1px solid #f6d3654d;border-radius:10px;margin:0;padding:26px;line-height:1.6}.tool-content-grid{border-top:1px solid var(--blog-line);grid-template-columns:minmax(0,760px) minmax(240px,1fr);align-items:start;gap:70px;padding-top:68px;padding-bottom:94px;display:grid}.tool-copy>section{padding:52px 0 0}.tool-copy>section:first-child{padding-top:0}.tool-copy>section>span,.tool-related>span,.tool-related>section>span{color:var(--blog-accent);font:700 9px var(--blog-mono);letter-spacing:.13em}.tool-copy h2{letter-spacing:-.03em;margin:10px 0 18px;font-size:31px;line-height:1.1}.tool-copy p,.tool-copy li{color:#bdc5bf;font-size:15px;line-height:1.72}.tool-copy p{margin:0 0 20px}.tool-copy ul{margin:0;padding-left:22px}.tool-copy li{margin:9px 0;padding-left:4px}.tool-source-list a{color:var(--blog-accent);text-underline-offset:3px;text-decoration:underline}.tool-faqs{border-top:1px solid var(--blog-line)}.tool-faqs details{border-bottom:1px solid var(--blog-line)}.tool-faqs summary{cursor:pointer;color:var(--blog-fg);padding:19px 0;font-size:14px;font-weight:700}.tool-faqs details p{margin:0;padding:0 0 19px;font-size:13.5px}.tool-related{position:sticky;top:96px}.tool-related h2{margin:9px 0 18px;font-size:23px}.tool-related>div{border-top:1px solid var(--blog-line);flex-direction:column;display:flex}.tool-related>div>a{border-bottom:1px solid var(--blog-line);flex-direction:column;padding:18px 4px;display:flex}.tool-related>div>a:hover b{color:var(--blog-accent)}.tool-related b{font-size:14px}.tool-related small{color:var(--blog-muted);margin-top:7px;font-size:10.5px;line-height:1.45}.tool-related i{color:var(--blog-accent);font:700 8.5px var(--blog-mono);text-transform:uppercase;margin-top:11px;font-style:normal}.tool-related>section{background:#3dff880e;border:1px solid #3dff8845;border-radius:12px;margin-top:22px;padding:22px}.tool-related h3{margin:14px 0 9px;font-size:18px;line-height:1.2}.tool-related>section p{color:var(--blog-muted);margin:0 0 17px;font-size:11.5px;line-height:1.55}.tool-related>section a{color:var(--blog-accent);font:700 9px var(--blog-mono);text-transform:uppercase}@media (max-width:900px){.tools-index-intro{grid-template-columns:1fr;gap:12px}.tools-index-principles{grid-template-columns:1fr;gap:34px}.tool-calculator-grid{grid-template-columns:1fr}.tool-result-card{border-top:1px solid #3dff8838;border-left:0}.tool-content-grid{grid-template-columns:1fr;gap:45px}.tool-related{position:static}}@media (max-width:640px){.tools-index-hero{padding:55px 0 52px}.tools-index-hero h1{font-size:clamp(42px,13vw,58px)}.tools-index-hero p{font-size:15.5px}.tools-index-section{padding-top:50px;padding-bottom:60px}.tools-card-grid{grid-template-columns:1fr}.tools-card{min-height:250px;padding:23px}.tools-index-principles{padding-top:52px;padding-bottom:66px}.tools-principle-grid{grid-template-columns:1fr}.tool-hero{padding:38px 0 46px}.tool-hero .breadcrumbs{margin-bottom:30px}.tool-hero h1{font-size:clamp(40px,12vw,54px)}.tool-hero .blog-wrap>p{font-size:15.5px}.tool-workspace{padding-top:34px;padding-bottom:52px}.tool-answer-first{grid-template-columns:1fr;gap:8px}.tool-form-card,.tool-result-card{padding:22px}.tool-field-pair,.tool-metrics{grid-template-columns:1fr}.tool-metric-strong{grid-column:auto}.tool-content-grid{padding-top:52px;padding-bottom:66px}.tool-copy h2{font-size:27px}}