@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Noto+Kufi+Arabic:wght@400;600;700;800;900&display=swap');
:root{--navy:#061a3a;--navy2:#0d2c57;--menu:#082b67;--blue:#126bff;--cyan:#21c8f6;--green:#39e58c;--gold:#ffc928;--orange:#ff7a00;--red:#f2293a;--white:#fff;--ink:#05152f;--line:#24518c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.65}html[dir=rtl] body{font-family:'Noto Kufi Arabic',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
.honeypot{position:absolute!important;inset-inline-start:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.setup-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.recovery-box{margin-top:18px;padding:18px;background:#082b67;border:3px solid var(--gold);border-radius:9px}.recovery-box code{display:block;direction:ltr;text-align:center;background:#fff;color:var(--ink);font-size:1.25rem;font-weight:900;padding:14px;margin:12px 0;border-radius:7px;user-select:all}.section-divider{border:0;border-top:2px solid var(--line);margin:28px 0}
.network-bar{background:var(--blue);font-weight:800;font-size:.82rem}.network-bar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px}.network-links{display:flex;gap:18px}.network-links a:hover{text-decoration:underline}
.site-head{background:#04142f;border-bottom:2px solid var(--blue);position:sticky;top:0;z-index:20}.head-inner{min-height:82px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:1.65rem;font-weight:900;margin-inline-end:auto}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--gold);color:var(--ink);border:3px solid white;clip-path:polygon(50% 0,93% 22%,93% 78%,50% 100%,7% 78%,7% 22%)}.nav{display:flex;align-items:center;gap:22px;font-weight:700;font-size:.91rem}.nav a{border-bottom:3px solid transparent;padding:28px 0 24px}.nav a:hover,.nav a.active{color:var(--cyan);border-color:var(--cyan)}.actions{display:flex;align-items:center;gap:10px}.btn{border:2px solid transparent;border-radius:8px;padding:11px 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-blue{background:var(--blue);color:#fff}.btn-outline{border-color:var(--gold);color:var(--gold);background:transparent}.btn-green{background:var(--green);color:var(--ink)}.btn-red{background:var(--red);color:#fff}.btn:hover{filter:brightness(1.1)}
.hero{border-bottom:1px solid var(--line);padding:54px 0 42px;background:var(--navy)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow{color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;margin:14px 0 18px;letter-spacing:-.04em}.hero p{font-size:1.08rem;color:#dbeaff;max-width:690px}.search{display:flex;max-width:720px;margin:26px 0 20px;border:3px solid var(--blue);background:white;border-radius:9px;overflow:hidden}.search input{flex:1;border:0;padding:16px;color:var(--ink);outline:0;min-width:0}.search button{width:68px;border:0;background:var(--blue);color:white;font-size:1.5rem}.hero-actions{display:flex;gap:14px}.hero-visual{background:var(--menu);border:3px solid var(--cyan);border-radius:16px;min-height:300px;display:grid;place-items:center;position:relative;overflow:hidden}.hero-visual .toolbox{font-size:7rem}.hero-visual b{position:absolute;bottom:24px;background:var(--gold);color:var(--ink);padding:8px 18px;border-radius:7px}.beta{display:inline-flex;background:var(--orange);color:#fff;padding:5px 10px;border-radius:5px;font-weight:900;font-size:.75rem}
.section{padding:52px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.section-head h2{font-size:2rem;margin:0}.section-head p{margin:4px 0 0;color:#c9ddfa}.category{margin-bottom:28px}.category-title{display:flex;align-items:center;gap:12px;font-size:1.15rem;margin:0 0 12px}.category-title:after{content:'';height:2px;flex:1;background:var(--line)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{min-height:165px;border-radius:10px;padding:20px;color:var(--ink);border:3px solid rgba(255,255,255,.5);display:flex;flex-direction:column;position:relative}.tool-card.developer{background:var(--green)}.tool-card.calculator{background:var(--gold)}.tool-card.document{background:var(--cyan)}.tool-card.agriculture{background:#34d399}.tool-icon{font-weight:900;font-size:1.5rem;margin-bottom:16px}.tool-card h3{font-size:1.05rem;margin:0 0 7px}.tool-card p{font-size:.84rem;margin:0 0 14px}.tool-card .open{margin-top:auto;font-weight:900;display:flex;justify-content:space-between}.free{position:absolute;top:14px;inset-inline-end:14px;background:#008b4c;color:#fff;border-radius:5px;padding:3px 7px;font-size:.68rem;font-weight:900}.tool-card:hover{transform:translateY(-2px);border-color:white}.documents .tool-grid{grid-template-columns:repeat(2,1fr)}
.notice{padding:16px 18px;border-inline-start:6px solid var(--orange);background:#40230a;color:#fff;border-radius:6px}.error{border-color:var(--red);background:#430e1a}.success{border-color:var(--green);background:#073f2a}.trust{background:var(--menu);border-block:2px solid var(--blue)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:26px 20px;border-inline-end:1px solid #2a5ca1}.trust-item:last-child{border:0}.trust-item b{display:block;color:var(--cyan);font-size:1rem}.trust-item span{color:#d8e8ff;font-size:.82rem}
.pro-strip{background:var(--navy2);border:3px solid var(--gold);border-radius:14px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.pro-strip h2{margin:0;color:var(--gold)}.pro-strip p{margin:5px 0;color:#dbeaff}.pro-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pro-features span{background:#143d72;padding:6px 10px;border-radius:5px;font-size:.78rem}.pro-status{background:var(--green);color:var(--ink);font-weight:900;padding:14px 18px;border-radius:8px;text-align:center}
.footer{background:#031128;border-top:3px solid var(--blue);padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}.footer h3{font-size:.92rem;color:var(--gold)}.footer a{display:block;color:#cfe0f8;margin:7px 0;font-size:.8rem}.footer a:hover{color:var(--cyan)}.copyright{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);color:#9db8dc;font-size:.75rem;display:flex;justify-content:space-between}
.page-shell{padding:42px 0}.panel{background:var(--navy2);border:2px solid var(--line);border-radius:12px;padding:28px}.panel h1,.panel h2{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800}.field input,.field textarea,.field select{background:#fff;color:var(--ink);border:3px solid #9fc5f8;border-radius:7px;padding:12px;outline:0}.field input:focus,.field textarea:focus{border-color:var(--cyan)}.auth{max-width:540px;margin:auto}.auth-links{display:flex;justify-content:space-between;margin-top:18px;color:var(--cyan)}
.tool-workspace{display:grid;grid-template-columns:260px 1fr;gap:20px}.tool-menu{background:var(--menu);border:2px solid var(--blue);border-radius:10px;padding:14px}.tool-menu a{display:block;padding:10px;border-radius:6px;font-weight:700}.tool-menu a:hover,.tool-menu a.active{background:var(--blue)}.workspace{background:var(--navy2);border:2px solid var(--blue);border-radius:10px;padding:24px}.workspace textarea{width:100%;min-height:250px;background:#fff;color:var(--ink);border:3px solid var(--cyan);padding:14px;border-radius:7px}.workspace .row{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.result{margin-top:16px;background:#fff;color:var(--ink);padding:16px;border-radius:7px;white-space:pre-wrap;word-break:break-word;min-height:60px}.calc-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calc-fields input{width:100%;padding:12px;border:3px solid var(--gold);border-radius:7px}.policy-layout{display:grid;grid-template-columns:250px 1fr;gap:26px}.policy-index{position:sticky;top:110px;align-self:start;background:var(--menu);padding:18px;border-radius:9px}.policy-index a{display:block;padding:7px;color:#d9e9ff}.policy-content{background:#fff;color:var(--ink);border-radius:10px;padding:34px}.policy-content h1{font-size:2.1rem}.policy-content h2{color:var(--menu);margin-top:30px}.updated{background:#ffedd8;border-inline-start:5px solid var(--orange);padding:10px}
@media(max-width:950px){.nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.tool-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.tool-workspace,.policy-layout{grid-template-columns:1fr}.policy-index{position:static}.form-grid{grid-template-columns:1fr}}
@media(max-width:600px){.network-links{display:none}.head-inner{min-height:66px}.brand{font-size:1.25rem}.actions .hide-mobile{display:none}.hero{padding-top:34px}.hero h1{font-size:2.45rem}.tool-grid,.documents .tool-grid,.trust-grid,.footer-grid{grid-template-columns:1fr}.section-head,.pro-strip{grid-template-columns:1fr;display:grid}.calc-fields{grid-template-columns:1fr}.copyright{display:block}.tool-card{min-height:145px}}

/* Unified ZIN admin entry */
.admin-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid var(--gold);border-radius:8px;padding:9px 12px;color:var(--gold);font-weight:900;font-size:.78rem;background:transparent;white-space:nowrap}.admin-entry:hover{background:var(--gold);color:var(--ink)}.admin-entry-out{border-color:var(--red);color:#fff;background:var(--red)}.admin-entry-icon{font-size:1rem;line-height:1}@media(max-width:600px){.admin-entry{width:42px;height:42px;padding:0}.admin-entry>span:last-child{display:none}}

/* 2026-09 homepage expansion — presentation only, preserves the existing tool/app structure */
.hero-expanded{padding:54px 0 0;background:radial-gradient(circle at 22% 34%,#104fba 0,rgba(16,79,186,.34) 18%,transparent 42%),linear-gradient(135deg,#061a3a 0%,#0a2d63 55%,#061a3a 100%);overflow:hidden}.hero-grid-expanded{grid-template-columns:1.05fr .95fr;min-height:520px}.hero-copy{position:relative;z-index:3}.hero-copy h1 span{color:#31a7ff}.hero-benefits{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 2px}.hero-benefits span{display:inline-flex;align-items:center;gap:7px;background:rgba(8,43,103,.68);border:1px solid #2c5e9e;border-radius:999px;padding:6px 11px;font-size:.75rem}.search-smart{position:relative;overflow:visible;z-index:10}.search-smart input{border-radius:6px 0 0 6px}.search-smart button{cursor:pointer}.search-results{position:absolute;top:calc(100% + 8px);inset-inline:0;background:#fff;color:var(--ink);border:2px solid #78b7ff;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.28);overflow:hidden}.search-results a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #dbe8f8}.search-results a:last-child{border-bottom:0}.search-results a:hover{background:#eef6ff}.search-results a span{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#e5f2ff;color:#065fd4;font-weight:900}.search-results a b{font-size:.84rem}.search-results a em{font-style:normal;color:#126bff;font-weight:900}.search-empty{padding:14px;font-size:.84rem}.hero-showcase{min-height:440px;position:relative;display:grid;place-items:center}.toolbox-stage{width:320px;height:320px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1b75ed 0,#0b377c 58%,rgba(8,43,103,.05) 72%);box-shadow:0 0 90px rgba(18,107,255,.45)}.toolbox-stage .toolbox{font-size:9rem;filter:drop-shadow(0 16px 20px rgba(0,0,0,.25))}.toolbox-stage strong{position:absolute;bottom:55px;background:var(--gold);color:var(--ink);padding:8px 16px;border-radius:7px}.showcase-note{position:absolute;inset-inline-start:4px;top:42px;max-width:150px;font-weight:800;transform:rotate(-6deg);color:#d8eaff}.showcase-badge{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.72rem}.showcase-badge span{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#0b397a;border:2px solid #28a8ff;font-weight:900;font-size:1.25rem;box-shadow:0 12px 30px rgba(0,0,0,.22)}.badge-a{inset-inline-start:2%;top:34%}.badge-b{inset-inline-end:1%;top:16%}.badge-c{inset-inline-start:4%;bottom:12%}.badge-d{inset-inline-end:0;bottom:22%}.quick-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:4;transform:translateY(34px)}.quick-card{min-height:132px;border-radius:14px;padding:18px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;border:2px solid rgba(255,255,255,.2);box-shadow:0 12px 28px rgba(0,0,0,.18)}.quick-card:hover{transform:translateY(-3px);filter:brightness(1.06)}.quick-card .quick-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.14);font-weight:900;font-size:1.25rem}.quick-card b{display:block}.quick-card small{display:block;color:#e4efff;margin-top:4px;font-size:.72rem}.quick-card em{font-style:normal;background:rgba(255,255,255,.18);border-radius:999px;padding:3px 9px;font-weight:900}.quick-dev{background:linear-gradient(135deg,#154a97,#126bff)}.quick-calc{background:linear-gradient(135deg,#7b3c08,#c7650b)}.quick-doc{background:linear-gradient(135deg,#075f55,#078b73)}.quick-all{background:linear-gradient(135deg,#542188,#723ce2)}.home-proof{padding:70px 0 20px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.proof-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px;border-bottom:1px solid var(--line)}.proof-grid b{color:#fff}.proof-grid span{color:#bcd5f6;font-size:.78rem}.network-guide{background:linear-gradient(180deg,#061a3a,#082b67)}.network-guide-head{text-align:center;max-width:780px;margin:0 auto 28px}.network-guide-head h2{font-size:clamp(1.9rem,4vw,3rem);margin:6px 0}.network-guide-head p{color:#d2e5ff}.network-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.network-service{min-height:260px;border-radius:16px;padding:24px;display:flex;flex-direction:column;border:2px solid rgba(255,255,255,.18);box-shadow:0 10px 28px rgba(0,0,0,.18)}.network-service>span{font-size:2.5rem}.network-service h3{margin:14px 0 8px}.network-service p{margin:0 0 20px;color:#eaf3ff;font-size:.83rem}.network-service b{margin-top:auto}.network-service:hover{transform:translateY(-4px);filter:brightness(1.06)}.service-tools{background:linear-gradient(145deg,#0a4c92,#126bff)}.service-links{background:linear-gradient(145deg,#08604f,#0ca680)}.service-deals{background:linear-gradient(145deg,#7e3a08,#d76708)}.service-jobs{background:linear-gradient(145deg,#4d2185,#783de0)}
@media(max-width:950px){.hero-grid-expanded{grid-template-columns:1fr;min-height:auto}.hero-showcase{display:none}.quick-categories,.network-guide-grid{grid-template-columns:repeat(2,1fr)}.quick-categories{transform:none;margin-top:28px}.home-proof{padding-top:34px}}
@media(max-width:600px){.hero-benefits{gap:8px}.quick-categories,.network-guide-grid,.proof-grid{grid-template-columns:1fr}.quick-card{min-height:105px}.home-proof{padding-top:24px}.network-service{min-height:210px}.search-results{font-size:.92rem}}

/* 2026-09-09 final homepage polish: spacing + friendly-sites banner */
.friendly-banner{background:#020b18;border-bottom:1px solid #18365f;font-size:1rem}
.friendly-inner{min-height:72px;display:grid!important;grid-template-columns:minmax(230px,1.15fr) 2fr;gap:30px;align-items:center}
.friendly-title{font-size:1.28rem;color:var(--cyan);letter-spacing:0;text-transform:none;white-space:nowrap}
.friendly-title span{color:#d7e8ff;font-weight:700}
.friendly-links{display:grid!important;grid-template-columns:repeat(4,1fr);gap:12px}
.friendly-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #284a78;border-radius:9px;background:#071b38;color:#fff;font-size:1rem;font-weight:900;transition:.18s ease}
.friendly-links a:hover{background:#0d3269;border-color:var(--cyan);color:var(--cyan);text-decoration:none!important;transform:translateY(-1px)}
.hero-expanded{padding:64px 0 48px}.hero-grid-expanded{min-height:430px;gap:70px;align-items:center}.hero-copy{max-width:700px}.hero-copy h1{margin-top:12px}.hero-copy p{max-width:650px}.hero-showcase{min-height:390px}.toolbox-stage{width:290px;height:290px}.toolbox-stage .toolbox{font-size:8rem}.quick-categories{transform:none;margin-top:44px;gap:18px}.quick-card{min-height:118px}.home-proof{padding:28px 0 10px}.section{padding:64px 0}.category{margin-bottom:38px}.category-title{margin-bottom:18px}.tool-grid{gap:20px}.tool-card{min-height:185px;padding:22px}.network-guide{padding:70px 0}.network-guide-head{margin-bottom:36px}.network-guide-grid{gap:20px}.network-service{min-height:235px;padding:26px}.trust-item{padding:28px 22px}
.search-smart{max-width:100%;margin-top:30px}.search-smart input{font-size:1rem}.search-smart button{min-width:72px}.search-results{z-index:100}
@media(max-width:950px){.friendly-inner{grid-template-columns:1fr;gap:12px;padding:14px 0}.friendly-title{text-align:center}.friendly-links{grid-template-columns:repeat(4,1fr)}.hero-expanded{padding:44px 0}.hero-grid-expanded{gap:30px}.quick-categories{margin-top:26px}.section{padding:48px 0}}
@media(max-width:650px){.friendly-links{grid-template-columns:repeat(2,1fr)}.friendly-title{font-size:1.05rem}.friendly-banner .wrap{width:min(100% - 20px,1180px)}.hero-expanded{padding:34px 0}.network-guide{padding:48px 0}}

/* Guides: balanced four-card row */
.guides-panel>p{color:#d7e8ff;max-width:760px}.guide-grid{margin-top:22px}.guide-featured{background:linear-gradient(145deg,#8a34d7,#5a24a4);color:#fff;border-color:#caa3ff;box-shadow:0 14px 32px rgba(64,20,112,.35)}.guide-featured p{color:#f3eaff}.guide-featured:hover{border-color:#fff;box-shadow:0 18px 40px rgba(83,32,144,.48)}