/* Shared GROVA tools: existing navy identity, existing turquoise accent. */
.tools-page{--tool-accent:#00c9c6;--tool-border:#dce2eb;--tool-muted:#52617a;background:#f5f7fa;color:#061a44}
.tools-page [hidden]{display:none!important}.tools-page .site-header,.tools-page .site-footer{background:var(--navy,#061a44)}
.tools-page .tools-main .section-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.tools-page .skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:1000;background:white;color:#061a44;padding:12px}.tools-page .skip-link:focus{transform:none}
.tools-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #268050;outline-offset:4px}
.tools-hero{background:#061a44;color:white;padding:70px 0 64px;border-bottom:1px solid #24375a}
.tools-breadcrumb{color:#d5dfef;font-size:.82rem;display:inline-block;margin-bottom:28px}.tools-hero .eyebrow{color:var(--tool-accent);font-size:.74rem;letter-spacing:.12em;margin-bottom:16px}
.tools-hero h1{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.16;letter-spacing:-.045em;max-width:900px;margin:0 0 24px;font-weight:800}.tools-intro{font-size:1.08rem;line-height:1.85;color:#d0dbec;max-width:760px;margin-bottom:25px}.tool-privacy{color:#00c9c6;font-size:.85rem}
.tools-body{padding-block:48px 72px}.tools-section{margin-bottom:48px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:24px}.tools-page .tools-main h2{font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.4;margin:0 0 16px;letter-spacing:-.025em}.tools-page .tools-main h3{font-size:1.15rem;line-height:1.5}.tools-page .tools-main p{line-height:1.8}.section-heading p{color:var(--tool-muted)}
.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-card{background:white;border:1px solid var(--tool-border);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;color:#061a44;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;min-width:0}.tool-card:hover{transform:translateY(-4px);border-color:#76869f;box-shadow:0 14px 24px #061a440a}.tool-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tool-card svg{width:34px;height:34px}.tool-label{font-size:.66rem;font-weight:800;background:#e0f7f6;color:#125653;border-radius:4px;padding:5px 8px;letter-spacing:.08em}.tool-card h3{margin:0 0 14px;min-height:3em}.tool-card p{color:var(--tool-muted);font-size:.9rem;margin:0 0 24px}.tool-card-link{margin-top:auto;border-top:1px solid #e9edf3;padding-top:18px;font-size:.85rem;font-weight:800;display:flex;justify-content:space-between}
.tool-workspace{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-bottom:32px}.tools-panel{background:white;border:1px solid var(--tool-border);border-radius:16px;padding:30px;min-width:0;margin-bottom:24px}.tool-workspace .tools-panel{margin:0}.tools-panel>p{font-size:.9rem;color:var(--tool-muted)}.results-panel{border-top:4px solid #00c9c6}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.tool-field{min-width:0;display:flex;flex-direction:column;gap:8px}.tool-field.full,.field-help{grid-column:1/-1}.tools-page label{font-size:.82rem;font-weight:700;line-height:1.6}.tools-main :is(input,select,textarea){font:inherit;color:#061a44;border:1px solid #aab6c8;border-radius:7px;background:#fff;padding:12px;width:100%;min-height:48px;box-sizing:border-box}.tools-page input[aria-invalid=true]{border-color:#ad2438}.tools-page textarea{resize:vertical;line-height:1.65}.tools-page input[type=number],.tools-page input[type=url],.tools-page input[type=email]{direction:ltr;text-align:start}.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.tool-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;border:1px solid transparent;border-radius:6px;background:#00c9c6;color:#14212c;font:inherit;font-weight:800;font-size:.82rem;text-align:center;text-decoration:none;cursor:pointer;line-height:1.4}.tool-button:hover{background:#00b4b2}.tool-button.secondary{border-color:#aab6c8;background:white;color:#061a44}.tool-button.secondary:hover{background:#edf1f6}.tool-button:disabled,.tool-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.tool-button[aria-disabled=true]{pointer-events:none}.tool-status{min-height:1.7em;font-size:.85rem;color:#9a2435!important;margin-top:16px}.tool-status[data-state=success]{color:#27633d!important}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block:22px}.metric{padding:16px;background:#f4f6fa;border:1px solid #e5eaf1;border-radius:8px;min-width:0}.metric span{display:block;font-size:.74rem;line-height:1.6;color:#52617a}.metric strong{display:block;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;unicode-bidi:plaintext}.metric small{font-size:.7rem;color:#52617a}.tools-explainer{margin-block:32px}.definitions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.definitions dt{font-weight:800;font-size:.9rem;margin-bottom:6px}.definitions dd{margin:0;font-size:.87rem;line-height:1.8;color:var(--tool-muted)}.tools-consultation{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#061a44;color:white;border-radius:14px;padding:36px;margin-block:36px}.tools-consultation>div{max-width:720px}.tools-consultation p{color:#d0dbec;font-size:.9rem}.tools-consultation .eyebrow{color:#00c9c6}.tools-consultation .tool-button{flex-shrink:0;max-width:280px}.tools-faq{margin-block:42px;max-width:900px}.tools-faq details{padding:20px 0;border-bottom:1px solid #cbd5e2}.tools-faq summary{font-weight:700;cursor:pointer;line-height:1.7}.tools-faq p{color:var(--tool-muted);font-size:.93rem}.tools-service-links{margin-block:42px}.tools-service-links a{display:inline-block;margin-inline-end:24px;margin-bottom:12px;text-decoration:underline;text-underline-offset:4px;font-weight:600}.qr-placeholder{display:grid;place-items:center;min-height:240px;margin-top:20px;border:1px dashed #aab6c8;background:#f8fafc;border-radius:8px;padding:16px}.qr-placeholder canvas{max-width:100%;height:auto;image-rendering:pixelated}.qr-placeholder p{color:var(--tool-muted);font-size:.85rem}.field-help{font-size:.8rem;color:var(--tool-muted);margin:0;line-height:1.8}.availability-note{background:#fff6df;border-inline-start:3px solid #b57c17;padding:16px;color:#61420d!important}.device-switch{display:flex;gap:12px}.device-switch [aria-pressed=true]{background:#061a44;color:white}.consent-row{display:flex;align-items:start;gap:12px;margin-block:22px}.tools-page .consent-row input{width:20px;min-height:20px;flex:0 0 20px;margin-top:2px}.honeypot{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.tools-page [dir=rtl] .tools-hero h1{letter-spacing:0}.tools-page:lang(ar){font-family:Cairo,sans-serif}.tools-page:lang(ar) .tools-hero h1{letter-spacing:0;line-height:1.5}.tools-page :is(p,a,textarea){overflow-wrap:anywhere}
@media(min-width:1081px){.tools-page .site-header .main-nav{gap:13px;font-size:.78rem}.tools-page .site-header .header-cta{font-size:.75rem;padding:12px}.tools-page .site-header .brand-logo{max-width:145px}}
@media(max-width:1100px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-consultation{align-items:start;flex-direction:column}.tool-workspace{gap:16px}.tools-panel{padding:24px}}
@media(max-width:700px){.tools-page .tools-main .section-shell{width:calc(100% - 32px)}.tools-hero{padding:38px 0 40px}.tools-breadcrumb{margin-bottom:20px}.tools-body{padding-top:28px}.tool-workspace{grid-template-columns:1fr}.tools-panel{padding:22px}.tool-fields{gap:18px}.definitions{grid-template-columns:1fr}.tools-consultation{padding:25px}.tools-grid{grid-template-columns:1fr}.tool-card h3{min-height:0}.tool-card{padding:24px}.tool-card-top{margin-bottom:16px}.tools-consultation .tool-button{max-width:100%}.tool-fields{grid-template-columns:1fr}.tool-button{min-height:48px}.tools-page .site-header .header-inner{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card:hover{transform:none}}

/* Keep tablet form labels and country names readable; isolate Latin acronyms in RTL. */
@media(max-width:1100px){.tool-workspace .tool-fields{grid-template-columns:1fr}}
html[lang="ar"] body.tools-page .tools-hero .eyebrow,html[lang="ar"] body.tools-page .tools-consultation .eyebrow{color:#00c9c6}
.tools-page bdi{display:inline-block}
#audit-recommendations{padding-inline-start:22px;margin-block:12px 22px}#audit-recommendations li{padding-block:6px;line-height:1.7;font-size:.88rem;overflow-wrap:anywhere}#audit-warnings{color:#61420d}#audit-results[aria-busy=true]{border-top-color:#72849a}.tools-main input[readonly]{background:#f4f6fa}

/* Softer surfaces and clearer hierarchy, scoped to the free tools. */
.tools-page{background:#f3f7f9;--tool-border:#e0e8ee}
.tools-hero{position:relative;background:radial-gradient(ellipse at 90% 15%,#0b5066 0,transparent 58%),linear-gradient(120deg,#061a44,#0b3154);padding:54px 0 58px;border:0}
.tools-hero .eyebrow{display:inline-block;padding:7px 12px;border:1px solid #45ddd635;border-radius:30px;background:#00c9c60c;margin-bottom:20px}
.tools-hero h1{max-width:850px;font-size:clamp(2.15rem,4.2vw,3.65rem);line-height:1.17}
.tools-breadcrumb{display:block;width:fit-content;margin-bottom:24px;opacity:.85}
.tools-intro{max-width:680px;font-size:1rem}.tool-privacy{display:inline-flex;align-items:center;gap:10px;color:#bdeeea}.tool-privacy:before{content:'✓';display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#00c9c622;color:#5ce4d8}
.tools-grid{gap:22px}.tool-card{padding:28px;border-radius:22px;border-color:#e0e8ee;box-shadow:0 6px 24px #061a4405}.tool-card:hover{border-color:#54c8c0;box-shadow:0 18px 38px #061a4410}.tool-card-top>svg{box-sizing:content-box;padding:14px;background:#eaf8f6;color:#087974;border-radius:17px}.tool-label{border-radius:30px;padding:6px 10px;letter-spacing:.04em}.tool-card h3{font-size:1.18rem}.tool-card-link{color:#08716f}
.tools-panel{border-radius:22px;padding:30px;box-shadow:0 8px 30px #061a4405}.results-panel{border-top:3px solid #00bcb6;background:linear-gradient(145deg,#fff,#f6fbfb)}
.tools-main :is(input,select,textarea){border-color:#cbd7e1;border-radius:11px;background:#fbfcfe;transition:border-color .15s,box-shadow .15s}.tools-main :is(input,select,textarea):focus{border-color:#15998f;box-shadow:0 0 0 3px #00c9c612;background:#fff}.tool-button{border-radius:10px;padding:13px 22px}.metric{background:#fff;border-color:#e1eaee;border-radius:14px;padding:19px}.metric strong{margin-block:7px;color:#0a4053}.qr-placeholder{border-radius:16px;background:#f5faf9}
.tools-consultation{border-radius:22px;background:linear-gradient(120deg,#08234b,#0c455e)}.tools-faq{max-width:none;background:#fff;border:1px solid var(--tool-border);padding:30px;border-radius:22px}.tools-faq details:last-child{border-bottom:0}.tools-faq summary::marker{color:#087974}.tools-service-links a{color:#08716f}
.tools-page .final-cta{margin:0;background:linear-gradient(115deg,#09274b,#08466c);padding:90px 0;color:#fff}.tools-page .final-cta h2{font-size:clamp(2.2rem,4.4vw,4.3rem);line-height:1.12;letter-spacing:-.045em;margin-bottom:22px}.tools-page .final-cta h2 span{color:#00c9c6}.tools-page .final-cta .eyebrow{color:#00c9c6}.tools-page .final-cta p:last-child{color:#c6d7e7}.tools-page .final-actions{flex-shrink:0}.tools-page .final-cta .button{border-radius:8px}.tools-page .final-cta .button-dark{background:#00c9c6;color:#061a44}.tools-page:lang(ar) .final-cta h2{letter-spacing:0;line-height:1.45}
@media(min-width:1101px){.tools-page[data-tool=hub] .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-page[data-tool=hub] .tool-card h3{min-height:0}.tools-page[data-tool=hub] .tool-card p{max-width:470px}.tools-page[data-tool=hub] .tool-card{padding:32px}}
@media(max-width:700px){.tools-hero{padding:32px 0 38px}.tools-panel,.tools-faq{padding:22px;border-radius:18px}.tools-grid{gap:16px}.tools-page .final-cta{padding:56px 0 100px}.tools-page .final-cta h2{font-size:2.2rem}.tools-page .final-actions{width:100%}.tools-page .final-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.tools-main :is(input,select,textarea){transition:none}}
/* Website checker report */
.metric-overall{grid-column:1/-1}
.metric strong[data-level=good]{color:#14804a}.metric strong[data-level=mid]{color:#a36200}.metric strong[data-level=low]{color:#b3261e}
.check-list{padding-inline-start:20px;margin:0 0 18px}.check-list li{margin-bottom:10px;line-height:1.8}
.check-list li.check-fail::marker{color:#b3261e}.check-list li.check-warn::marker{color:#a36200}
.check-group{border:1px solid #e1eaee;border-radius:12px;padding:12px 16px;margin-bottom:10px;background:#fff}.check-group summary{cursor:pointer;font-weight:700}
.check-group ul{list-style:none;margin:12px 0 0;padding:0}.check-group li{display:flex;gap:10px;align-items:baseline;padding:6px 0;line-height:1.7}
.check-icon{flex:none;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:.78rem;font-weight:800;color:#fff}
.check-pass .check-icon{background:#14804a}.check-warn .check-icon{background:#a36200}.check-fail .check-icon{background:#b3261e}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}