:root{--ect-ink:#102a3b;--ect-blue:#136b83;--ect-nile:#2a8c8b;--ect-sun:#f0b84b;--ect-clay:#963b22;--ect-paper:#f5f0df;--ect-white:#fffdf7;--ect-muted:#52636a;--ect-line:#c8c2ad}
.ect{background:var(--ect-white);color:var(--ect-ink);font-family:"Noto Sans Arabic",Tahoma,sans-serif;line-height:1.8;overflow:hidden}.ect *{box-sizing:border-box}.ect a{color:inherit}.ect-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.ect-shell--narrow{width:min(820px,calc(100% - 40px))}.ect h1,.ect h2,.ect h3{font-family:Alexandria,"Noto Sans Arabic",sans-serif;line-height:1.25;margin-top:0}.ect h1{font-size:clamp(2.35rem,6vw,5.6rem);letter-spacing:-.055em;max-width:900px}.ect h2{font-size:clamp(1.75rem,3.7vw,3.15rem);letter-spacing:-.035em}.ect h3{font-size:1.17rem}.ect p{margin-top:0}.ect-kicker,.ect-heading>p:first-child{font-family:"IBM Plex Mono",monospace;color:var(--ect-clay);font-size:.78rem;font-weight:600;letter-spacing:.06em}.ect-hero{background:var(--ect-paper);padding:clamp(72px,10vw,140px) 0 70px;position:relative}.ect-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(16,42,59,.08) 50%,transparent 50.2%),linear-gradient(rgba(16,42,59,.035) 1px,transparent 1px);background-size:100% 100%,100% 36px;pointer-events:none}.ect-hero__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:clamp(36px,7vw,90px);align-items:end;position:relative}.ect-lead{font-size:clamp(1.08rem,2vw,1.35rem);max-width:820px}.ect-lead b{background:linear-gradient(transparent 63%,rgba(240,184,75,.5) 0)}.ect-hero__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.ect-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border:2px solid var(--ect-ink);font-weight:800;text-decoration:none;box-shadow:5px 5px 0 var(--ect-ink);transition:transform .18s ease,box-shadow .18s ease}.ect-button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ect-ink)}.ect-button--sun{background:var(--ect-sun)}.ect-text-link{font-weight:700;text-underline-offset:5px}.ect-trust{display:flex;gap:16px;flex-wrap:wrap;list-style:none;padding:0;margin:28px 0 0;font-size:.85rem;color:var(--ect-muted)}.ect-trust li:before{content:"✓";color:var(--ect-nile);margin-left:6px;font-weight:800}.ect-stub{background:var(--ect-ink)!important;color:#fffdf7!important;padding:28px;position:relative;box-shadow:12px 12px 0 var(--ect-sun);transform:rotate(-1deg)}.ect-stub:after{content:"";position:absolute;left:-8px;top:0;bottom:0;width:16px;background:radial-gradient(circle at 0 9px,transparent 7px,#102a3b 8px) 0 0/16px 20px}.ect .ect-stub *{color:inherit!important}.ect-stub__code{font-family:"IBM Plex Mono",monospace;font-size:.68rem;color:#f0b84b!important}.ect-stub h2{font-size:1.45rem}.ect-stub__route{display:flex;align-items:center;gap:12px;margin:25px 0}.ect-stub__route b{font:700 1.5rem "IBM Plex Mono",monospace}.ect-stub__route i{height:1px;flex:1;background:var(--ect-sun);position:relative}.ect-stub__route i:after{content:"";position:absolute;left:0;top:-4px;width:9px;height:9px;background:var(--ect-sun);border-radius:50%}.ect-stub dl{margin:0}.ect-stub dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px dashed rgba(255,255,255,.3);padding:9px 0}.ect-stub dt{font-size:.8rem}.ect-stub dd{margin:0;font-weight:700}.ect-stub small{display:block;margin-top:18px;color:#d4dfdf!important}.ect-jump{background:var(--ect-ink);color:#fff;position:relative;z-index:3}.ect-jump .ect-shell{display:flex;overflow:auto;scrollbar-width:thin}.ect-jump a{padding:14px 20px;text-decoration:none;white-space:nowrap;font-weight:700;border-left:1px solid rgba(255,255,255,.15)}.ect-jump a:hover{background:var(--ect-blue)}.ect-section{padding:clamp(70px,9vw,118px) 0}.ect-heading{max-width:800px;margin-bottom:38px}.ect-heading>p:last-child{color:var(--ect-muted);font-size:1.04rem}.ect-section--calculator{background:#e7f0ed}.ect-presets{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.ect-presets button{border:1px solid var(--ect-ink);background:transparent;color:var(--ect-ink);padding:9px 14px;font:700 .88rem inherit;cursor:pointer}.ect-presets button[aria-pressed="true"]{background:var(--ect-ink);color:#fff}.ect-calc-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:30px;align-items:start}.ect-form{background:var(--ect-white);border:1px solid #aec6c0;padding:28px}.ect-form fieldset{border:0;padding:0 0 22px;margin:0 0 22px;border-bottom:1px dashed var(--ect-line)}.ect-form legend{font-family:Alexandria,sans-serif;font-weight:800;margin-bottom:14px}.ect-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ect-form label{display:grid;gap:7px;font-size:.84rem;font-weight:700}.ect-form input,.ect-form select{width:100%;min-height:46px;border:1px solid #869b99;background:#fff;padding:8px 11px;font:inherit;color:var(--ect-ink);border-radius:0}.ect-form input:focus,.ect-form select:focus,.ect button:focus-visible,.ect a:focus-visible,.ect summary:focus-visible{outline:3px solid var(--ect-sun);outline-offset:3px}.ect-reset{border:0;background:transparent;color:var(--ect-clay);text-decoration:underline;text-underline-offset:4px;font:700 .88rem inherit;cursor:pointer}.ect-receipt{background:#fffef8!important;color:#102a3b!important;padding:30px 26px 38px;position:sticky;top:24px;box-shadow:0 15px 40px rgba(16,42,59,.12);border-top:7px solid var(--ect-sun)}.ect-receipt:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:18px;background:radial-gradient(circle at 9px 0,transparent 8px,#fffef8 9px) 0 0/18px 18px}.ect .ect-receipt *{color:inherit!important}.ect-receipt__head{display:flex;justify-content:space-between;gap:15px;font:600 .68rem "IBM Plex Mono",monospace;border-bottom:1px dashed var(--ect-line);padding-bottom:15px}.ect-receipt__total{text-align:center;padding:25px 0 18px}.ect-receipt__total span,.ect-receipt__total small{display:block}.ect-receipt__total strong{display:block;font:800 clamp(2rem,4vw,3.2rem) Alexandria,sans-serif;color:var(--ect-blue)!important}.ect-lines div,.ect-receipt__math div{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.ect-lines{border-block:1px dashed var(--ect-line);padding:10px 0}.ect-lines em{font-style:normal;font-family:"IBM Plex Mono",monospace}.ect-receipt__math{margin:12px 0}.ect-receipt__math dt{font-size:.82rem}.ect-receipt__math dd{margin:0;font-weight:800}.ect-receipt>p{font-size:.75rem;color:var(--ect-muted)!important;margin:12px 0 0}.ect-table-wrap{overflow:auto;border:1px solid var(--ect-line)}.ect table{width:100%;min-width:820px;border-collapse:collapse}.ect caption{text-align:right;padding:12px 15px;background:var(--ect-paper);font-weight:700}.ect th,.ect td{text-align:right;padding:17px;border-bottom:1px solid var(--ect-line)}.ect thead{background:var(--ect-ink);color:#fff}.ect tbody tr:last-child th,.ect tbody tr:last-child td{border-bottom:0}.ect tbody .is-focus{background:#fff3d2}.ect-warning{margin-top:24px;border-right:5px solid var(--ect-clay);background:var(--ect-paper);padding:18px 22px}.ect-warning p{margin:4px 0 0}.ect-section--routes{background:var(--ect-ink)!important;color:#fffdf7!important}.ect .ect-section--routes *{color:inherit!important}.ect-section--routes .ect-heading>p:first-child{color:var(--ect-sun)!important}.ect-section--routes .ect-heading>p:last-child{color:#c7d5d7!important}.ect-route-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ect-route-cards article{border:1px solid rgba(255,255,255,.25);padding:28px;position:relative}.ect-route-cards article>span{font:600 .7rem "IBM Plex Mono",monospace;color:var(--ect-sun)!important}.ect-route-cards .is-stamped{background:var(--ect-white)!important;color:var(--ect-ink)!important;transform:translateY(-14px)}.ect-route-cards .is-stamped:after{content:"مسار متوازن";position:absolute;left:18px;top:18px;border:2px solid var(--ect-clay);color:var(--ect-clay)!important;padding:4px 8px;font-weight:800;transform:rotate(-7deg)}.ect-route-cards ul{padding-right:20px}.ect-route-cards a{text-underline-offset:4px}.ect-ledger{border-top:2px solid var(--ect-ink)}.ect-ledger article{display:grid;grid-template-columns:64px 1fr 110px;gap:24px;align-items:start;padding:24px 0;border-bottom:1px solid var(--ect-line)}.ect-ledger article>b{font:700 1.7rem "IBM Plex Mono",monospace;color:var(--ect-clay)}.ect-ledger article h3,.ect-ledger article p{margin-bottom:6px}.ect-ledger article>span{text-align:left;font-size:.75rem;color:var(--ect-muted)}.ect-section--family{background:var(--ect-paper)}.ect-family{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.ect-family ol{list-style:none;padding:0}.ect-family ol li{display:grid;gap:2px;padding:13px 0;border-bottom:1px solid var(--ect-line)}.ect-family ol span{color:var(--ect-muted)}.ect-family aside{background:var(--ect-blue)!important;color:#fff!important;padding:30px;box-shadow:10px 10px 0 var(--ect-sun)}.ect .ect-family aside *{color:inherit!important}.ect-family aside>span{font:600 .7rem "IBM Plex Mono",monospace;color:#ffd777!important}.ect-family aside li{margin:9px 0}.ect-ticket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ect-ticket-grid article{border:1px solid var(--ect-line);padding:23px;background:#fff}.ect-ticket-grid article>span{font:600 .68rem "IBM Plex Mono",monospace;color:var(--ect-clay)}.ect-ticket-grid strong{display:block;font-size:1.1rem;color:var(--ect-blue);margin-bottom:8px}.ect-ticket-grid p{font-size:.88rem;color:var(--ect-muted)}.ect-ticket-grid a{font-weight:800;text-underline-offset:4px}.ect-fx{margin-top:25px;background:#e7f0ed;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:24px}.ect-fx h3,.ect-fx p{margin-bottom:5px}.ect-fx a{font-weight:800}.ect-section--compare{background:var(--ect-blue)!important;color:#fff!important}.ect .ect-section--compare *{color:inherit!important}.ect-section--compare .ect-kicker{color:#ffd777!important}.ect-compare{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.ect-section--compare .ect-button{color:var(--ect-ink)!important}.ect-checksheet{background:#fff!important;color:var(--ect-ink)!important;padding:16px 28px;box-shadow:10px 10px 0 var(--ect-ink)}.ect .ect-checksheet *{color:inherit!important}.ect-checksheet div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 0;border-bottom:1px dashed var(--ect-line)}.ect-checksheet div:last-child{border-bottom:0}.ect-save{list-style:none;padding:0;margin:0}.ect-save li{display:grid;grid-template-columns:140px 1fr;gap:28px;padding:22px 0;border-top:1px solid var(--ect-line)}.ect-save li>span{font:600 .72rem "IBM Plex Mono",monospace;color:var(--ect-clay)}.ect-save h3,.ect-save p{margin-bottom:4px}.ect-section--faq{background:var(--ect-paper)}.ect-faq details{border-bottom:1px solid var(--ect-line);padding:0}.ect-faq summary{cursor:pointer;padding:20px 4px;font-family:Alexandria,sans-serif;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:15px}.ect-faq summary:after{content:"+";font:700 1.4rem "IBM Plex Mono",monospace;color:var(--ect-clay)}.ect-faq details[open] summary:after{content:"−"}.ect-faq details p{padding:0 4px 20px;margin:0;color:var(--ect-muted)}.ect-sources{padding-right:20px}.ect-sources a{word-break:break-word}.ect-reviewed{border-top:1px solid var(--ect-line);padding-top:18px;font-weight:700}.ect-cta{background:var(--ect-ink)!important;color:#fffdf7!important;padding:70px 0}.ect .ect-cta *{color:inherit!important}.ect-cta .ect-kicker{color:var(--ect-sun)!important}.ect-cta__grid{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center}.ect-cta__grid>div:last-child{display:grid;gap:14px}.ect-cta .ect-button{color:var(--ect-ink)!important}.ect-cta__link{text-align:center;font-weight:800;text-underline-offset:5px}.ect-review{min-height:70vh;display:grid;place-items:center;padding:80px 24px;background:#f5f0df;color:#102a3b;font-family:Arial,sans-serif}.ect-review section{max-width:680px;background:#fff;padding:40px;border:1px solid #c8c2ad}.ect-review__eyebrow{color:#b85f3d;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.ect .ect-jump a{color:#fff!important}.ect .ect-section--compare .ect-kicker{color:#fff2bc!important}
@media(max-width:900px){.ect-hero__grid,.ect-calc-grid,.ect-family,.ect-compare,.ect-cta__grid{grid-template-columns:1fr}.ect-stub{max-width:520px}.ect-route-cards{grid-template-columns:1fr}.ect-route-cards .is-stamped{transform:none}.ect-ticket-grid{grid-template-columns:repeat(2,1fr)}.ect-receipt{position:relative;top:auto}.ect-fx{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.ect-shell,.ect-shell--narrow{width:min(100% - 26px,1180px)}.ect-hero{padding-top:58px}.ect h1{font-size:2.25rem}.ect-fields{grid-template-columns:1fr}.ect-form{padding:20px 16px}.ect-receipt{padding-inline:18px}.ect-ticket-grid{grid-template-columns:1fr}.ect-ledger article{grid-template-columns:42px 1fr;gap:14px}.ect-ledger article>span{grid-column:2;text-align:right}.ect-checksheet{padding-inline:17px}.ect-checksheet div{grid-template-columns:1fr;gap:3px}.ect-save li{grid-template-columns:1fr;gap:4px}.ect-stub{margin-left:8px}.ect-presets button{flex:1 1 45%}.ect-fx{padding:20px}.ect-jump a{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.ect *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.ect-button,.ect-form,.ect-receipt,.ect-route-cards article,.ect-ticket-grid article,.ect-family aside,.ect-checksheet{border:2px solid CanvasText;box-shadow:none}.ect-stub{border:2px solid CanvasText;box-shadow:none}}