:root{--etc-ink:#17292f;--etc-navy:#0b2530;--etc-teal:#0f6870;--etc-cyan:#7ee1dc;--etc-copper:#d98752;--etc-paper:#f4f1ea;--etc-white:#fff;--etc-muted:#586b71;--etc-line:#d1dcdb;--etc-mist:#e7f2f0;--etc-warn:#a44732;--etc-shadow:0 20px 50px rgba(11,37,48,.12)}
.etc{background:var(--etc-paper);color:var(--etc-ink);font-family:"Tajawal","Segoe UI",Tahoma,sans-serif;overflow:hidden;padding-bottom:72px}.etc *{box-sizing:border-box}.etc a{color:var(--etc-teal);text-underline-offset:4px}.etc p,.etc li{line-height:1.85}.etc h1,.etc h2,.etc h3{line-height:1.26;margin-top:0}.etc h2{font-size:clamp(1.85rem,3.1vw,2.75rem);letter-spacing:-.025em}.etc h3{font-size:1.13rem}.etc section,.etc>header,.etc>nav{width:min(1180px,calc(100% - 40px));margin-inline:auto}.etc section{margin-top:78px}.etc-kicker{font-size:.8rem;font-weight:900;letter-spacing:.055em;color:var(--etc-teal);margin:0 0 10px}.etc-crumb{display:flex;gap:9px;align-items:center;padding-block:20px;color:var(--etc-muted);font-size:.87rem;white-space:nowrap;overflow:auto}.etc-crumb a{color:var(--etc-muted)}
.etc-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center;background:var(--etc-navy);color:#fff;padding:62px;border-radius:30px;box-shadow:var(--etc-shadow)}.etc-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(126,225,220,.16),transparent 35%),linear-gradient(135deg,transparent 55%,rgba(217,135,82,.06));pointer-events:none}.etc-hero>*{position:relative}.etc-hero h1{font-size:clamp(2.45rem,5vw,4.65rem);letter-spacing:-.047em;color:#fff!important;margin-bottom:20px}.etc-hero .etc-kicker{color:var(--etc-cyan)!important}.etc-lead{font-size:1.16rem;color:#dfebee!important}.etc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.etc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 21px;border-radius:8px;font-weight:900;text-decoration:none!important;transition:.2s}.etc-btn:hover{transform:translateY(-2px)}.etc-btn:focus-visible,.etc input:focus-visible,.etc summary:focus-visible{outline:3px solid var(--etc-copper);outline-offset:3px}.etc-btn--primary{background:var(--etc-cyan);color:#092a2c!important}.etc-btn--line{border:1px solid #7aa0a8;color:#fff!important}.etc-hero__proof{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:28px 0 0;padding:0;list-style:none}.etc-hero__proof li{border-top:2px solid var(--etc-cyan);padding:12px;background:#10333f}.etc-hero__proof b,.etc-hero__proof span{display:block}.etc-hero__proof b{color:#fff}.etc-hero__proof span{font-size:.78rem;color:#bcd0d5}.etc-console{background:#102f3b;border:1px solid #385b66;border-radius:20px;padding:25px}.etc-console>div{display:grid;grid-template-columns:78px 1fr 20px;gap:11px;align-items:center;padding:14px;border-bottom:1px dashed #55717a}.etc-console span{font:800 .72rem/1.2 monospace;color:var(--etc-cyan)}.etc-console b{color:#fff}.etc-console i{font-style:normal;color:var(--etc-copper);font-weight:900}.etc-console>strong{display:block;margin-top:20px;padding:16px;background:var(--etc-cyan);color:#0a2a2d;text-align:center;font:900 1.15rem/1.2 monospace}.etc-console>small{display:block;text-align:center;color:#bcd0d5;margin-top:8px}
.etc-answer{display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:center}.etc-answer>aside{background:#fff;border-right:5px solid var(--etc-copper);padding:25px;border-radius:12px}.etc-answer>aside b{display:block;color:var(--etc-teal);margin-bottom:7px}.etc-leaks>header,.etc-levers>header,.etc-scenarios>header,.etc-plan>header,.etc-kpis>header,.etc-controls>header,.etc-errors>header,.etc-faq>header{max-width:820px}.etc-leaks>div{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}.etc-leaks article{background:#fff;border:1px solid var(--etc-line);border-radius:15px;padding:22px}.etc-leaks article>span{color:var(--etc-copper);font-size:1.5rem;font-weight:900}.etc-leaks p{color:var(--etc-muted);font-size:.9rem;margin-bottom:0}
.etc-baseline{display:grid;grid-template-columns:.65fr 1.15fr .55fr;gap:27px;align-items:start;background:var(--etc-navy);color:#fff;padding:45px;border-radius:27px}.etc-baseline h2{color:#fff!important}.etc-baseline .etc-kicker{color:var(--etc-cyan)!important}.etc-baseline p{color:#d3e1e5!important}.etc-baseline__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.etc-baseline__grid span{background:#143945;padding:12px;border-radius:7px;color:#dce9ec}.etc-baseline aside{background:var(--etc-cyan);color:#0b2b2d;padding:20px;border-radius:12px}.etc-baseline aside b{display:block}.etc-baseline aside p{color:#25464a!important;font-size:.85rem;margin-bottom:0}
.etc-levers>div{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}.etc-levers article{background:#fff;border-top:4px solid var(--etc-teal);padding:23px;border-radius:0 0 15px 15px}.etc-levers article>b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--etc-navy);color:var(--etc-cyan)}.etc-levers p{color:var(--etc-muted);font-size:.9rem;margin-bottom:0}.etc-quality{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;background:var(--etc-mist);padding:44px;border-radius:27px}.etc-quality ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}.etc-quality li{background:#fff;padding:16px;border-radius:11px}.etc-quality b,.etc-quality span{display:block}.etc-quality b{color:var(--etc-teal)}.etc-quality span{font-size:.84rem;color:var(--etc-muted)}
.etc-procurement{display:grid;grid-template-columns:.65fr 1.1fr .55fr;gap:25px;align-items:start}.etc-procurement__cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.etc-procurement article{background:#fff;padding:20px;border:1px solid var(--etc-line);border-radius:12px}.etc-procurement article span{font:900 .7rem/1.2 monospace;color:var(--etc-copper)}.etc-procurement article p{font-size:.86rem;color:var(--etc-muted);margin-bottom:0}.etc-procurement>aside{background:var(--etc-navy);color:#fff;padding:22px;border-radius:14px}.etc-procurement>aside b{color:var(--etc-cyan)}.etc-procurement>aside p{font-size:.86rem;color:#d6e4e7!important;margin-bottom:0}.etc-purpose{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;background:#fff;padding:42px;border-radius:24px;box-shadow:var(--etc-shadow)}.etc-purpose ol{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}.etc-purpose li{background:var(--etc-mist);padding:15px;border-radius:10px}.etc-purpose b,.etc-purpose span{display:block}.etc-purpose b{color:var(--etc-teal)}.etc-purpose span{font-size:.84rem;color:var(--etc-muted)}
.etc-calculator{display:grid;grid-template-columns:.65fr 1.1fr .6fr;gap:24px;align-items:start}.etc-privacy{display:grid;padding:14px;border-right:4px solid var(--etc-copper);background:#fff}.etc-privacy span{font-size:.82rem;color:var(--etc-muted)}.etc-calculator form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.etc-calculator label{display:grid;gap:5px;font-size:.82rem;font-weight:800;color:var(--etc-muted)}.etc-calculator input{width:100%;min-height:46px;border:1px solid #9db0b2;border-radius:8px;background:#fff;color:var(--etc-ink);padding:9px 11px;font:inherit}.etc-calculator output{display:flex;flex-direction:column;background:var(--etc-teal);color:#fff;padding:24px;border-radius:16px;box-shadow:var(--etc-shadow)}.etc-calculator output>span{color:var(--etc-cyan);font-size:.78rem;font-weight:900}.etc-calculator output>strong{font-size:1.9rem;margin:4px 0 14px;color:#fff}.etc-calculator output>small{background:var(--etc-cyan);color:#0b3335;padding:8px;border-radius:6px;font-weight:900}.etc-calculator output>p{font-size:.78rem;color:#dcebed!important;margin-bottom:0}
.etc-scenarios>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.etc-scenarios article{background:#fff;padding:27px;border-radius:17px;box-shadow:var(--etc-shadow)}.etc-scenarios article>span{font:900 .78rem/1.2 monospace;color:var(--etc-copper)}.etc-scenarios p{color:var(--etc-muted);font-size:.9rem}.etc-scenarios p b{color:var(--etc-ink)}.etc-plan ol{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 0;padding:0;list-style:none}.etc-plan li{display:grid;grid-template-columns:48px 1fr;gap:14px;background:#fff;padding:22px;border:1px solid var(--etc-line)}.etc-plan li>b{color:var(--etc-copper);font-size:1.5rem}.etc-plan p{color:var(--etc-muted);margin-bottom:5px}.etc-plan small{color:var(--etc-teal);font-weight:800}
.etc-kpis>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.etc-kpis article{background:var(--etc-navy);color:#fff;padding:22px;border-radius:12px}.etc-kpis article span{color:var(--etc-cyan);font:800 .7rem/1.2 monospace}.etc-kpis article h3{color:#fff!important;margin:8px 0}.etc-kpis code{display:block;color:#e5eff1;background:#123945;padding:9px;border-radius:6px;white-space:normal;line-height:1.6}.etc-kpis>aside{margin-top:11px;background:var(--etc-cyan);padding:17px;border-radius:9px}.etc-controls>div{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}.etc-controls article{background:#fff;padding:23px;border-bottom:4px solid var(--etc-copper)}.etc-controls article>span{font:900 .72rem/1.2 monospace;color:var(--etc-teal)}.etc-controls p{color:var(--etc-muted);font-size:.88rem}.etc-controls a{font-size:.84rem;font-weight:900}
.etc-errors ul{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:28px 0 0;padding:0;list-style:none}.etc-errors li{display:grid;grid-template-columns:.7fr 1.3fr;gap:16px;background:#fff;border:1px solid var(--etc-line);padding:16px}.etc-errors b{color:var(--etc-warn)}.etc-errors span{color:var(--etc-muted);font-size:.88rem}.etc-sources{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px;background:#e9e3d7;padding:42px;border-radius:25px}.etc-sources ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.etc-sources li{background:#fff;border-radius:9px;padding:13px 15px}.etc-sources a{font-weight:900}.etc-faq>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.etc-faq details{background:#fff;border:1px solid var(--etc-line);border-radius:12px;padding-inline:19px}.etc-faq summary{display:flex;justify-content:space-between;gap:12px;padding:18px 0;cursor:pointer;font-weight:900}.etc-faq summary::-webkit-details-marker{display:none}.etc-faq summary span{color:var(--etc-copper);font-size:1.2rem}.etc-faq details p{color:var(--etc-muted);margin-top:0}.etc-faq details[open] summary span{transform:rotate(45deg)}.etc-final{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;background:var(--etc-teal);color:#fff;padding:45px;border-radius:27px}.etc-final h2{color:#fff!important}.etc-final .etc-kicker{color:var(--etc-cyan)!important}.etc-final p{color:#e1eef0!important}.etc-final>div:last-child{display:flex;flex-direction:column;gap:8px}.etc-final>div:last-child>a:not(.etc-btn){color:#fff!important;text-align:center;padding:8px}.etc-btn--light{background:#fff;color:var(--etc-teal)!important}
@media(max-width:1000px){.etc-hero,.etc-answer,.etc-quality,.etc-final,.etc-procurement,.etc-purpose{grid-template-columns:1fr}.etc-leaks>div,.etc-levers>div,.etc-kpis>div,.etc-controls>div{grid-template-columns:1fr 1fr}.etc-baseline{grid-template-columns:1fr 1fr}.etc-baseline>aside{grid-column:1/-1}.etc-calculator{grid-template-columns:1fr 1.2fr}.etc-calculator output{grid-column:1/-1}.etc-sources{grid-template-columns:1fr}}
@media(max-width:700px){.etc section,.etc>header,.etc>nav{width:min(100% - 24px,1180px)}.etc section{margin-top:54px}.etc-hero{padding:30px 22px;border-radius:20px;gap:28px}.etc-hero h1{font-size:2.25rem}.etc-actions{flex-direction:column}.etc-hero__proof,.etc-leaks>div,.etc-levers>div,.etc-quality ul,.etc-scenarios>div,.etc-plan ol,.etc-kpis>div,.etc-controls>div,.etc-errors ul,.etc-faq>div,.etc-procurement__cards,.etc-purpose ol{grid-template-columns:1fr}.etc-baseline,.etc-quality,.etc-sources,.etc-final,.etc-purpose{padding:27px 20px;border-radius:20px}.etc-baseline{grid-template-columns:1fr}.etc-baseline__grid{grid-template-columns:1fr 1fr}.etc-baseline>aside{grid-column:auto}.etc-calculator{grid-template-columns:1fr}.etc-calculator form{grid-template-columns:1fr 1fr}.etc-errors li{grid-template-columns:1fr}.etc h2{font-size:1.8rem}}
@media(max-width:430px){.etc-calculator form,.etc-baseline__grid{grid-template-columns:1fr}.etc-console>div{grid-template-columns:65px 1fr 16px}}
@media(prefers-reduced-motion:reduce){.etc *{transition:none!important;scroll-behavior:auto!important}}