@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--tool-ink:#16231d;--tool-muted:#68766f;--tool-line:#dce5df;--tool-green:#25a86b;--tool-soft:#eef8f2;--tool-navy:#17272f;--tool-paper:#fff;--tool-warn:#b9770e;--tool-red:#c65353}
.tools-intro{min-height:calc(100svh - 70px);background:var(--tool-navy);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);overflow:hidden;position:relative}.tools-intro-inner{padding:clamp(70px,10vw,140px) max(5vw,28px);align-self:center;max-width:820px}.tools-kicker{display:block;color:#65d49d;font:700 12px "DM Sans";letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.tools-intro h1{font:800 clamp(50px,6.6vw,96px)/.98 "Manrope";letter-spacing:-.055em;margin:0 0 28px}.tools-intro p{max-width:560px;color:#b7c6bf;font-size:clamp(17px,1.6vw,22px);line-height:1.55;margin:0 0 35px}.tools-jump{display:inline-flex;align-items:center;gap:17px;color:#fff;font-weight:700;text-decoration:none}.tools-jump span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--tool-green);transition:.2s}.tools-jump:hover{text-decoration:none}.tools-jump:hover span{transform:translateY(4px)}
.tools-visual{position:relative;min-height:620px;align-self:stretch;background:radial-gradient(circle at center,rgba(45,190,119,.16),transparent 62%)}.radar-ring{position:absolute;border:1px solid rgba(130,224,177,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:radar-in 1.1s both}.ring-one{width:220px;height:220px}.ring-two{width:390px;height:390px;animation-delay:.12s}.ring-three{width:580px;height:580px;animation-delay:.24s}.radar-score{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:168px;height:168px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1d372d;border:1px solid rgba(119,228,173,.35);box-shadow:0 0 80px rgba(36,168,107,.17)}.radar-score span,.radar-score small{color:#8fb4a2;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.radar-score strong{font:800 57px/1 "Manrope";color:#67dfa3;margin:5px 0}.radar-note{position:absolute;color:#cfe0d8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:8px 13px;border-radius:99px;font-size:11px}.note-a{left:12%;top:30%}.note-b{right:10%;top:38%}.note-c{left:22%;bottom:24%}@keyframes radar-in{from{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.tool-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);max-width:1460px;margin:0 auto;padding:90px 34px;gap:54px;background:#fff}.tool-directory{align-self:start;position:sticky;top:100px;border-right:1px solid var(--tool-line);padding-right:27px}.directory-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--tool-line);padding:0 4px 13px;margin-bottom:9px}.directory-head span{font:700 11px "DM Sans";letter-spacing:.1em;text-transform:uppercase}.directory-head b{color:var(--tool-green);font-size:10px}.tool-directory nav{display:flex;flex-direction:column}.tool-directory nav a{display:grid;grid-template-columns:28px 1fr;gap:8px;color:#536159;padding:10px 7px;border-radius:7px;font-size:12px;line-height:1.25;text-decoration:none;transition:.18s}.tool-directory nav a span{color:#9ba8a1;font-size:9px;padding-top:2px}.tool-directory nav a:hover{background:#f5f8f6;color:var(--tool-ink)}.tool-directory nav a.active{background:var(--tool-soft);color:var(--tool-green);font-weight:700}.directory-cta{margin-top:24px;background:var(--tool-navy);color:#fff;border-radius:10px;padding:17px}.directory-cta span,.directory-cta a{display:block}.directory-cta span{color:#9dafA6;font-size:10px;margin-bottom:5px}.directory-cta a{color:#fff;font-size:11px;font-weight:700}
.tool-stage{min-width:0}.tool-stage-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid var(--tool-line)}.tool-stage-head span{display:block;color:var(--tool-green);font:700 10px "DM Sans";letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}.tool-stage-head h2{font:800 clamp(28px,3.7vw,48px)/1.08 "Manrope";letter-spacing:-.04em;margin:0 0 9px;color:var(--tool-ink)}.tool-stage-head p{color:var(--tool-muted);margin:0;max-width:650px}.tool-stage-head .free-label{white-space:nowrap;background:var(--tool-soft);padding:7px 10px;border-radius:99px;letter-spacing:0;text-transform:none;font-size:10px}.tool-form{padding:27px 0}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-field{min-width:0}.tool-field.full{grid-column:1/-1}.tool-field label{display:block;color:#4d5b54;font:700 11px "DM Sans";margin-bottom:7px}.tool-field small{display:block;color:#8a9690;font-size:9px;margin-top:5px}.tool-field input,.tool-field select,.tool-field textarea{width:100%;border:1px solid var(--tool-line);border-radius:9px;background:#fbfcfb;color:var(--tool-ink);padding:12px 13px;font:13px "DM Sans";outline:none;transition:.18s}.tool-field textarea{resize:vertical;min-height:150px;line-height:1.6}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:var(--tool-green);box-shadow:0 0 0 3px rgba(37,168,107,.09);background:#fff}.segmented{display:flex;background:#f2f5f3;border-radius:8px;padding:3px}.segmented label{flex:1;margin:0;cursor:pointer}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:8px;border-radius:6px;font-size:11px;color:var(--tool-muted)}.segmented input:checked+span{background:#fff;color:var(--tool-ink);box-shadow:0 1px 4px #13251c12;font-weight:700}.tool-submit-row{display:flex;align-items:center;gap:17px;margin-top:19px}.tool-run{background:var(--tool-green);color:#fff;border:0;border-radius:9px;padding:12px 21px;font:700 12px "DM Sans"}.tool-run:hover{background:#188653}.tool-run:disabled{opacity:.55}.tool-submit-row>span{color:#8a9690;font-size:10px}.turnstile-wrap{margin-top:18px}.hidden{display:none!important}
.tool-loading{position:relative;border-top:1px solid var(--tool-line);padding:55px 0;text-align:center;overflow:hidden}.scan-line{height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--tool-green),transparent);position:absolute;top:0;animation:scan 1.35s linear infinite}.tool-loading span{font:700 17px "Manrope"}.tool-loading p{color:var(--tool-muted);font-size:11px}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.tool-result{border-top:1px solid var(--tool-line);padding-top:27px;animation:result-in .35s ease}.result-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.result-head span{color:var(--tool-green);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.result-head h3{font:800 25px "Manrope";margin:2px 0}.result-actions{display:flex;gap:7px}.result-actions button{background:#fff;border:1px solid var(--tool-line);color:var(--tool-ink);border-radius:7px;padding:7px 11px;font:600 10px "DM Sans"}.score-layout{display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:start}.score-dial{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--tool-green) calc(var(--score)*1%),#e8eeea 0);position:relative}.score-dial:after{content:"";position:absolute;inset:11px;background:#fff;border-radius:50%}.score-dial div{position:relative;z-index:1;text-align:center}.score-dial strong{font:800 43px/1 "Manrope";display:block}.score-dial span{font-size:9px;color:var(--tool-muted);text-transform:uppercase}.check-list{border-top:1px solid var(--tool-line)}.check-item{display:grid;grid-template-columns:11px minmax(120px,.6fr) 1fr;gap:10px;padding:11px 4px;border-bottom:1px solid var(--tool-line);font-size:11px}.check-dot{width:7px;height:7px;border-radius:50%;background:var(--tool-green);margin-top:5px}.check-dot.issue{background:var(--tool-warn)}.check-item span:last-child{color:var(--tool-muted)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border:1px solid var(--tool-line);border-radius:10px;overflow:hidden}.result-metric{padding:17px;border-right:1px solid var(--tool-line)}.result-metric:last-child{border:0}.result-metric span{display:block;color:var(--tool-muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.result-metric strong{font:800 23px "Manrope";display:block;margin-top:3px}.result-section{margin-top:20px}.result-section h4{font:700 14px "Manrope";margin-bottom:8px}.result-section p,.result-section li{color:#536159;font-size:12px}.result-section ul,.result-section ol{padding-left:18px}.result-code{background:#13221b;color:#d7e7de;border-radius:10px;padding:18px;overflow:auto;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:420px}.keyword-table{width:100%;border-collapse:collapse}.keyword-table th,.keyword-table td{text-align:left;padding:10px;border-bottom:1px solid var(--tool-line);font-size:11px}.keyword-table th{color:var(--tool-muted);font-size:9px;text-transform:uppercase}.result-link{display:inline-block;background:var(--tool-green);color:#fff;padding:9px 13px;border-radius:7px;font-size:11px;font-weight:700;margin-top:8px}.tool-error{border:1px solid #efc9c9;background:#fff5f5;color:#8b3535;padding:13px 15px;border-radius:9px;font-size:12px}@keyframes result-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.tools-explainer{background:#f3f7f4;padding:100px max(5vw,28px);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.tools-explainer h2{font:800 clamp(34px,4vw,58px)/1.06 "Manrope";letter-spacing:-.045em;color:var(--tool-ink);margin:0}.explainer-list article{display:grid;grid-template-columns:35px 180px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #d5ded8}.explainer-list article>b{color:var(--tool-green);font-size:10px}.explainer-list h3{font:700 14px "Manrope";margin:0}.explainer-list p{color:var(--tool-muted);font-size:12px;margin:0}
@media(max-width:900px){.tools-intro{grid-template-columns:1fr;min-height:auto}.tools-intro-inner{padding-bottom:30px}.tools-visual{min-height:420px}.tool-workspace{grid-template-columns:1fr;padding:65px 22px}.tool-directory{position:static;border:0;padding:0}.tool-directory nav{display:grid;grid-template-columns:1fr 1fr}.directory-cta{display:none}.tools-explainer{grid-template-columns:1fr;gap:45px}.score-layout{grid-template-columns:140px 1fr}}
@media(max-width:620px){.tools-intro h1{font-size:44px}.tools-visual{min-height:350px}.ring-three{width:350px;height:350px}.ring-two{width:270px;height:270px}.tool-directory nav{grid-template-columns:1fr}.tool-stage-head{flex-direction:column}.tool-fields{grid-template-columns:1fr}.tool-field.full{grid-column:auto}.tool-submit-row{align-items:flex-start;flex-direction:column}.score-layout{grid-template-columns:1fr}.score-dial{width:140px}.explainer-list article{grid-template-columns:30px 1fr}.explainer-list p{grid-column:2}.result-grid{grid-template-columns:1fr 1fr}.result-metric:nth-child(2){border-right:0}.tools-explainer{padding:70px 22px}}