@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{color:#16231f;--g:#176b55;--gd:#0d493a;--mint:#eaf5f0;--line:#e6ece9;--muted:#6e7c77;background:#fff;font-family:Tajawal,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.demo{text-align:center;color:#dff4ec;background:#102d26;padding:7px;font-size:12px}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fffe;align-items:center;gap:28px;height:74px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{white-space:nowrap;cursor:pointer;font-size:23px;font-weight:800}.brand span{color:var(--g)}nav{flex:1;gap:4px;display:flex}nav button,.login{cursor:pointer;color:#4c5b56;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:10px 12px;display:flex}nav button.active,nav button:hover{background:var(--mint);color:var(--g)}.login{border:1px solid var(--line)}main{min-height:70vh}.hero{text-align:center;background:radial-gradient(circle at 50% 10%,#edf8f3,#fff 58%);padding:90px 20px 70px}.eyebrow,.pageHead small,.sectionTitle small,.bigcard small{color:var(--g);font-weight:700}.hero h1{letter-spacing:-2px;margin:14px 0 8px;font-size:54px}.hero h1 em{color:var(--g);font-style:normal}.hero p,.pageHead p{color:var(--muted);font-size:19px}.search{background:#fff;border:1px solid #dce6e1;border-radius:16px;align-items:center;gap:10px;max-width:700px;margin:30px auto 0;padding:8px 12px;display:flex;box-shadow:0 15px 50px #174d3b12}.search input,.miniSearch input{background:0 0;border:0;outline:0;flex:1;padding:12px}.search button,.sectionTitle button,.bigcard button,.partnerCta button,.price button,.actions button,.panel button{background:var(--g);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:11px 18px;display:flex}section:not(.hero):not(.formcard){padding:55px 6vw}.sectionTitle{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.sectionTitle h2{margin:5px 0 0}.sectionTitle>button{color:var(--g);background:0 0;padding:8px}.taskgrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.task{border:1px solid var(--line);text-align:right;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:22px;font-weight:700;display:flex}.task span{background:var(--mint);color:var(--g);border-radius:10px;padding:10px}.task svg:last-child{margin-right:auto}.task:hover{border-color:#a7cdbf;transform:translateY(-2px)}.soft{background:#f8faf9}.products{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.product{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.productTop,.meta,.price{justify-content:space-between;align-items:center;gap:8px;display:flex}.productTop span{background:#f2f5f4;border-radius:7px;padding:5px 8px;font-size:12px}.productTop b{color:var(--g);gap:4px;font-size:11px;display:flex}.prodIcon{color:var(--g);margin-top:24px}.product h3{margin-bottom:6px}.product p{color:var(--muted);min-height:48px;font-size:14px}.meta{color:#81908b;border-top:1px solid var(--line);padding-top:12px;font-size:11px}.price{margin-top:16px}.price strong{font-size:19px}.price button{padding:8px 12px}.partnerCta{color:#fff;border-radius:20px;justify-content:space-between;align-items:center;display:flex;background:var(--gd)!important;margin:55px 6vw!important;padding:36px!important}.partnerCta p{color:#c8ded6}.partnerCta button{color:var(--gd);background:#fff}.page{padding:55px 6vw}.pageHead{margin-bottom:35px}.pageHead h1{margin:8px 0;font-size:38px}.toolbar{gap:10px;margin-bottom:24px;display:flex}.miniSearch{border:1px solid var(--line);border-radius:10px;flex:1;align-items:center;padding:0 10px;display:flex}.toolbar select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.bigcards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.bigcard{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f6faf8);border-radius:20px;padding:30px}.bigcard>svg{color:var(--g);width:34px;height:34px}.bigcard p{color:var(--muted)}.builder{grid-template-columns:250px 1fr;gap:22px;display:grid}.builder aside{border:1px solid var(--line);border-radius:16px;height:max-content;padding:12px}.builder aside button{text-align:right;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px;display:flex}.builder aside button.sel{background:var(--mint);color:var(--g);font-weight:700}.builder aside i{border:1px solid #cbd8d3;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-style:normal;display:grid}.progress{text-align:center;border-bottom:1px solid var(--line);margin-bottom:7px;padding:12px}.progress strong{color:var(--g);font-size:28px;display:block}.progress span{color:var(--muted);font-size:12px}.formcard,.panel,.command{border:1px solid var(--line);border-radius:16px;padding:28px}.formcard h2{margin-top:5px}.formcard label{margin:18px 0 7px;font-weight:600;display:block}.formcard input,.formcard textarea{border:1px solid var(--line);border-radius:10px;outline:none;width:100%;padding:13px}.formcard textarea{min-height:140px}.aihint,.warn{background:var(--mint);color:var(--gd);border-radius:12px;gap:12px;margin-top:18px;padding:16px;display:flex}.aihint p,.warn p{color:#587069;margin:3px 0;font-size:13px}.actions{justify-content:space-between;margin-top:24px;display:flex}.actions button:first-child{color:#4f5d58;background:#eef2f0}.score{text-align:center;padding:30px}.score strong{color:var(--g);font-size:52px;display:block}.kpis,.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kpi,.stat{border:1px solid var(--line);border-radius:14px;padding:20px}.kpi>span,.stat span{color:var(--muted);font-size:13px}.kpi strong,.stat strong{margin:8px 0;font-size:28px;display:block}.bar{background:#edf1ef;border-radius:8px;height:7px;overflow:hidden}.bar i{background:var(--g);height:100%;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid var(--line);padding:12px}th{color:var(--muted);font-size:12px}.soon{text-align:center;color:var(--muted);background:#f6f8f7;border-radius:8px;margin-top:16px;padding:10px}.rows .row,.feed .row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.row b,.row span{display:block}.row span{color:var(--muted);margin-top:4px;font-size:12px}.flow{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.flow div{border:1px solid var(--line);border-radius:12px;padding:18px}.flow i{color:var(--g);margin-left:8px;font-style:normal;font-weight:800}.cmdHead{justify-content:space-between;align-items:center;display:flex}.cmdHead>div{align-items:center;gap:10px;display:flex}.cmdHead svg{color:var(--g)}.cmdHead h2{margin:0}.cmdHead small{color:var(--muted)}.ok{background:var(--mint);color:var(--g);border-radius:20px;padding:7px 10px;font-size:12px}.cmdgrid{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.cmd{background:#f8faf9;border-radius:12px;padding:16px}.cmd svg{color:var(--g)}.cmd strong{font-size:24px;display:block}.cmd span{color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:35px 6vw;display:flex}footer b{color:var(--gd)}@media (width<=900px){header{padding:0 3vw}.brand{font-size:18px}nav button{padding:9px;font-size:0}nav button svg{width:20px}.login{font-size:0}.hero{padding-top:60px}.hero h1{font-size:38px}.taskgrid,.products,.kpis,.stats,.cmdgrid{grid-template-columns:repeat(2,1fr)}.builder{grid-template-columns:1fr}.builder aside{display:flex;overflow:auto}.builder aside .progress{min-width:110px}.builder aside button{min-width:130px}.bigcards{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.taskgrid,.products,.kpis,.stats,.cmdgrid{grid-template-columns:1fr}.hero h1{font-size:32px}.pageHead h1{font-size:30px}.toolbar{flex-direction:column}.partnerCta{flex-direction:column;align-items:start;gap:15px;margin:30px 4vw!important}.page{padding:35px 4vw}.flow{grid-template-columns:1fr}footer{flex-direction:column;gap:8px}}.updateToast{z-index:9999;background:#fff;border:1px solid #d7e4df;border-radius:14px;align-items:center;gap:14px;max-width:92vw;padding:12px 14px;display:flex;position:fixed;bottom:18px;left:18px;box-shadow:0 12px 35px #00000024}.updateToast button{cursor:pointer;color:#fff;background:#123f37;border:0;border-radius:10px;padding:9px 13px;font-family:inherit}.modal{z-index:99;background:#0008;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modalbox{background:#fff;border-radius:22px;gap:12px;width:min(440px,100%);padding:28px;display:grid;box-shadow:0 30px 80px #0003}.modalbox>button:first-child{background:0 0;border:0;justify-self:end;font-size:28px}.modalbox input,.kpi input{border:1px solid #dfe5e3;border-radius:10px;width:100%;padding:12px}.modalbox .primary{color:#fff;background:#126b58}.error{color:#a32929}.success{background:#eaf7f1;border:1px solid #bfe4d4;border-radius:12px;margin:12px 0;padding:12px 16px}.panel>button{margin:6px;padding:8px 12px}.actions button{align-items:center;gap:6px;display:inline-flex}.compassHero{border:1px solid var(--line);background:linear-gradient(135deg,#f3faf7,#fff);border-radius:20px;grid-template-columns:220px 1fr;align-items:center;gap:24px;margin-bottom:22px;padding:26px;display:grid}.compassHero button,.nudge button,.partnerForm button{background:var(--g);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 18px}.nudge{background:#f0f8f4;border:1px solid #cfe7dd;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex}.nudge small,.nudge b{display:block}.nudge small{color:var(--g);margin-bottom:4px;font-weight:700}.partnerForm{border:1px solid var(--line);border-radius:18px;gap:12px;margin-top:28px;padding:26px;display:grid}.partnerForm input,.partnerForm textarea{border:1px solid var(--line);border-radius:10px;width:100%;padding:12px}.partnerForm textarea{min-height:110px}.partnerForm .two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check{color:#52635d;align-items:center;gap:8px;display:flex}.check input{width:auto}.recommendations{background:#f8faf9;border-radius:14px;margin:16px 0;padding:8px 16px}@media (width<=700px){.compassHero{grid-template-columns:1fr}.nudge{flex-direction:column;align-items:flex-start}.partnerForm .two{grid-template-columns:1fr}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,svg,.hero,.page,section,header,footer{max-width:100%}@media (width<=560px){header{gap:8px;height:64px;padding:0 12px}.brand{text-overflow:ellipsis;min-width:0;font-size:16px;overflow:hidden}nav{justify-content:center;gap:1px;min-width:0}nav button{padding:8px 7px}.login{padding:8px}.hero{padding:48px 16px 44px}.hero h1{letter-spacing:-1px;overflow-wrap:anywhere;font-size:30px;line-height:1.35}.hero p,.pageHead p{font-size:16px;line-height:1.8}.search{width:100%;min-width:0;padding:7px 9px}.search input{width:100%;min-width:0}section:not(.hero):not(.formcard){padding:38px 16px}.sectionTitle{align-items:flex-start;gap:10px}.task,.product,.bigcard,.formcard,.panel,.command{min-width:0;max-width:100%}.actions{flex-wrap:wrap;gap:10px}.actions button{flex:1;min-width:120px}table{white-space:nowrap;display:block;overflow-x:auto}.builder{min-width:0}.builder aside{max-width:100%}.partnerCta{width:auto}.cmdHead{flex-direction:column;align-items:flex-start;gap:10px}footer{padding:28px 16px}}