:root{
  --green:#2f8253;
  --green-dark:#226a45;
  --green-soft:#edf6f0;
  --ink:#10211a;
  --muted:#6f7c76;
  --line:#e2e9e4;
  --milk:#fbfcfa;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#fbfcfb 0%,#fff 68%,#f8fbf9 100%);color:var(--ink);font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a{font:inherit}button{cursor:pointer}
button,a,input{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
.brand-copy strong,
.main-links a,
.eyebrow,
.hero h1,
.green-btn,
.ice-btn,
.feature-row b,
.stats-row strong,
.stats-row span,
.modal-panel h2{
  font-family:"Alexandria","IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}
.brand-copy strong{font-weight:700;letter-spacing:-.65px}
.main-links a{font-weight:500;letter-spacing:0}
.hero h1{
  font-weight:700;
  letter-spacing:-1.35px;
  line-height:1.23;
}
.hero h1 span{font-weight:700}
.hero-text{font-weight:400}
.eyebrow{font-weight:600}
.green-btn,.ice-btn{font-weight:600}
.feature-row b{font-weight:600}
.stats-row strong{font-weight:700}
.stats-row span{font-weight:600}
.utility-bar{height:46px;padding:0 3.6vw;display:flex;align-items:center;justify-content:space-between;color:#405249;font-size:13px}
.utility-secure,.utility-links{display:flex;align-items:center;gap:18px}.utility-links button{border:0;background:transparent;color:#2a3b32}
.nav-shell{margin:0 1.35vw;min-height:104px;padding:0 28px;display:grid;grid-template-columns:340px 1fr 245px;align-items:center;gap:22px;background:rgba(255,255,255,.92);border:1px solid rgba(225,234,228,.96);border-radius:26px;box-shadow:0 12px 30px rgba(37,77,58,.10);position:sticky;top:10px;z-index:20;backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}
.brand-symbol{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:white;font-size:29px;font-weight:800;background:radial-gradient(circle at 34% 30%,#5cb27b 0 10%,#409460 11% 48%,#2a7a4d 49% 100%);box-shadow:0 8px 20px rgba(48,130,83,.18)}
.brand-copy strong{font-size:31px;line-height:1.15;display:block}.brand-copy small{display:block;margin-top:6px;color:#7a8781;font-size:10px}
.main-links{display:flex;justify-content:center;align-items:center;gap:26px}.main-links a{position:relative;text-decoration:none;color:#273830;font-size:14px;padding:20px 0;white-space:nowrap}.main-links a.active{color:var(--green);font-weight:700}.main-links a.active:after{content:"";position:absolute;bottom:7px;left:13%;right:13%;height:2px;background:var(--green);border-radius:99px}
.nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.theme-btn{border:0;background:transparent;font-size:20px;color:#405149}
.ice-btn,.green-btn{border-radius:12px;padding:11px 19px;font-weight:700;transition:transform .17s ease,box-shadow .17s ease,filter .17s ease}.ice-btn{border:1px solid var(--line);color:#26372f;background:linear-gradient(180deg,#fff,#f7faf8);box-shadow:0 5px 14px rgba(38,75,56,.05),inset 0 1px 0 #fff}.green-btn{border:1px solid #29784d;color:#fff;background:linear-gradient(180deg,#42935f,#28794d);box-shadow:0 11px 22px rgba(42,124,80,.20),inset 0 1px 0 rgba(255,255,255,.28)}.ice-btn:active,.green-btn:active{transform:translateY(2px) scale(.985)}.ice-btn:hover,.green-btn:hover{filter:brightness(1.015)}
.big{padding:15px 25px;border-radius:15px;font-size:15px}.play-dot{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eaf4ed;color:var(--green);margin-inline-end:7px}
.hero{min-height:600px;padding:69px 3.6vw 32px;display:grid;grid-template-columns:1.02fr .98fr;gap:35px;align-items:center}
.hero-copy{padding-inline:10px;max-width:710px}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;border:1px solid #d9eadf;background:#eef7f1;color:#2d7c50;font-size:12px;font-weight:700}
.hero h1{margin:23px 0 20px;font-size:clamp(42px,4.05vw,66px)}.hero h1 span{color:#2c7e51}.hero-text{margin:0;max-width:650px;color:#566760;font-size:17px;line-height:2.05}.hero-buttons{display:flex;gap:13px;margin:28px 0 25px}
.trust-strip{display:flex;gap:31px;flex-wrap:wrap}.trust-item{display:flex;align-items:flex-start;gap:9px}.trust-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#edf7f0;color:#2d8053;font-weight:800}.trust-item div{display:flex;flex-direction:column}.trust-item b{font-size:12px}.trust-item small{font-size:10px;color:#7d8b84;margin-top:2px}
.hero-art{min-height:505px;display:grid;place-items:center;overflow:visible}.family-wrap{width:min(660px,49vw);position:relative}.family-wrap>img{width:100%;display:block;filter:drop-shadow(0 25px 38px rgba(53,92,72,.10))}.family-wrap:before{content:"";position:absolute;inset:4% 5% 4% 5%;border:1.4px dashed #3e865b;border-radius:50%;opacity:.8;pointer-events:none}.route-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#2f8153;box-shadow:0 0 0 7px rgba(255,255,255,.9)}.d1{top:9%;right:15%}.d2{bottom:6%;right:27%}.d3{top:47%;left:1%}
.float-card{position:absolute;min-width:190px;max-width:220px;padding:13px 12px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;background:rgba(255,255,255,.96);border:1px solid #edf0ee;border-radius:15px;box-shadow:0 13px 30px rgba(38,75,56,.12);animation:float 4.5s ease-in-out infinite}.float-card b{font-size:11px;display:block}.float-card small{font-size:9px;display:block;margin-top:3px;color:#7b8881;line-height:1.25}.float-card em{font-style:normal;font-size:9px;color:#2d8052;padding:4px 7px;border-radius:999px;background:#edf7f0;align-self:end}.ficon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-size:19px}.pink{background:#fdecef;color:#ee6681}.amber{background:#fff2dc;color:#df9b27}.violet{background:#f0eafd;color:#775dde}.blue{background:#e8f1ff;color:#3c83e6}.green{background:#eaf7ef;color:#2e8958}.amber-chip{background:#fff1d7!important;color:#bf7c13!important}.violet-chip{background:#f1ebff!important;color:#6e56c7!important}.blue-chip{background:#e9f1ff!important;color:#3a77cd!important}
.care-card{top:12%;left:-8%}.home-card{top:5%;right:-9%;animation-delay:.5s}.school-card{left:-18%;bottom:16%;animation-delay:1s}.doc-card{right:-11%;top:45%;animation-delay:1.5s}.emergency-card{right:-6%;bottom:1%;animation-delay:2s}@keyframes float{50%{transform:translateY(-7px)}}
.feature-row{margin:0 3.2vw 28px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.feature-row article{min-height:110px;padding:17px 14px;display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.96);border:1px solid #e6ece8;border-radius:15px;box-shadow:0 7px 18px rgba(39,77,58,.055)}.feature-row b{font-size:12px}.feature-row p{margin:5px 0 0;color:#7b8881;font-size:9px;line-height:1.45}.feature-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;font-weight:800}.fi-green{background:#edf7f0;color:#2c8153}.fi-pink{background:#fdecef;color:#ec6b84}.fi-violet{background:#f0eafd;color:#735bda}.fi-blue{background:#e9f2ff;color:#3f84df}.fi-lime{background:#eef8e6;color:#6c9c31}.fi-red{background:#fdecee;color:#df5b68}.fi-star{background:#edf7f0;color:#2d8052}
.stats-row{margin:0 3.2vw 28px;min-height:105px;padding:18px 10px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(251,254,252,.96);border:1px solid #dfeae3;border-radius:20px;box-shadow:inset 0 1px 0 #fff}.stats-row>div{text-align:center;padding:0 17px;border-inline-start:1px solid #e2e9e5}.stats-row>div:first-child{border-inline-start:0}.stats-row strong{display:block;color:#2e7d51;font-size:22px}.stats-row span{display:block;color:#355147;font-size:11px;font-weight:700;margin-top:3px}.stats-row small{display:block;color:#89958f;font-size:9px;margin-top:4px}
.modal{position:fixed;inset:0;z-index:50;background:rgba(13,39,28,.34);backdrop-filter:blur(8px);display:grid;place-items:center}.hidden{display:none!important}.modal-panel{width:min(500px,91vw);position:relative;padding:34px;background:#fbfcfa;border:1px solid #e0e9e3;border-radius:25px;box-shadow:0 30px 75px rgba(15,44,31,.22)}.modal-close{position:absolute;left:16px;top:11px;border:0;background:transparent;font-size:30px;color:#65756d}.modal-brand{display:inline-block;background:#edf7f1;color:#2f8153;border:1px solid #dbece1;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.modal-panel h2{font-size:29px;margin:15px 0 8px}.modal-panel p{color:#718078;line-height:1.7;font-size:13px}.modal-panel input{width:100%;margin:6px 0;padding:14px 15px;border:1px solid #dce7e0;border-radius:13px;outline:none;background:#fff}.wide{width:100%;margin-top:9px}#createResult{margin-top:10px;font-size:12px;color:#2d8052}
@media(max-width:1250px){.main-links{gap:15px}.main-links a{font-size:12px}.nav-shell{grid-template-columns:220px 1fr 220px}.float-card{transform:scale(.9)}}
@media(max-width:980px){.utility-bar{display:none}.nav-shell{margin:8px;grid-template-columns:1fr auto;min-height:78px}.main-links{display:none}.hero{grid-template-columns:1fr;padding-top:44px}.hero-art{order:-1;min-height:auto}.family-wrap{width:min(720px,90vw)}.feature-row{grid-template-columns:repeat(2,1fr)}.stats-row{grid-template-columns:1fr 1fr}.stats-row>div{border:0;padding:12px}.brand-copy small{display:none}}
@media(max-width:600px){.nav-shell{padding:0 15px}.brand-symbol{width:44px;height:44px}.brand-copy strong{font-size:24px}.nav-actions .theme-btn,.nav-actions .ice-btn{display:none}.hero{padding-inline:5vw}.hero h1{font-size:42px;line-height:1.32}.hero-text{font-size:16px}.hero-buttons{flex-direction:column}.trust-strip{gap:15px}.float-card{display:none}.feature-row{grid-template-columns:1fr;margin-inline:5vw}.stats-row{grid-template-columns:1fr;margin-inline:5vw}.stats-row>div{border-bottom:1px solid #e7ece9}.stats-row>div:last-child{border-bottom:0}}


.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}
.brand-logo{display:block;width:280px;max-width:100%;height:auto}
.brand-symbol,.brand-copy{display:none}
.family-wrap>img{
  width:100%;
  display:block;
  filter:drop-shadow(0 25px 38px rgba(53,92,72,.10));
  border-radius:34px;
}
.hero-art{min-height:505px;display:grid;place-items:center;overflow:visible}
@media(max-width:1200px){
  .nav-shell{grid-template-columns:300px 1fr 220px}
  .brand-logo{width:248px}
}
@media(max-width:900px){
  .nav-shell{grid-template-columns:1fr}
  .brand{justify-content:center}
  .brand-logo{width:225px}
}


.site-footer{
  margin-top:44px;
  border-top:1px solid #dfe9e3;
  background:linear-gradient(180deg,#f8fbf9 0%,#f3f8f5 100%);
  padding:46px 4vw 22px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.45fr repeat(3,1fr);
  gap:34px;
  max-width:1500px;
  margin:0 auto;
}
.footer-brand{min-width:0}
.footer-logo{width:220px;max-width:100%;height:auto;display:block;margin-bottom:14px}
.footer-brand p{margin:0;max-width:420px;color:#667870;font-size:13px;line-height:2}
.footer-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.footer-badges span{
  border:1px solid #d8e8de;
  background:#fff;
  color:#2d7650;
  padding:7px 11px;
  border-radius:999px;
  font-size:11px;
}
.footer-col{display:flex;flex-direction:column;gap:10px}
.footer-col h3{
  margin:0 0 5px;
  font-family:"Alexandria","IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  font-size:14px;
  color:#173d2d;
}
.footer-col a{
  text-decoration:none;
  color:#60746a;
  font-size:12px;
  line-height:1.8;
}
.footer-col a:hover{color:#2f8253}
.footer-bottom{
  max-width:1500px;
  margin:32px auto 0;
  padding-top:18px;
  border-top:1px solid #dfe8e2;
  display:flex;
  justify-content:space-between;
  gap:24px;
  color:#74837c;
  font-size:11px;
  line-height:1.8;
}
.footer-note{max-width:620px}
@media(max-width:950px){
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .site-footer{padding-inline:5vw}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
}


.lang-switcher{position:relative}
.lang-switcher>button{min-width:128px;text-align:center}
.lang-menu{
  position:absolute;
  top:calc(100% + 9px);
  inset-inline-start:0;
  width:220px;
  max-height:360px;
  overflow:auto;
  padding:8px;
  border:1px solid #dfe9e3;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 38px rgba(28,67,49,.14);
  z-index:80;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
}
.lang-menu button{
  border:0;
  background:transparent;
  color:#31463c;
  padding:9px 10px;
  border-radius:10px;
  text-align:start;
  font-size:12px;
}
.lang-menu button:hover,.lang-menu button[aria-selected="true"]{background:#edf6f0;color:#247047}
.help-link{text-decoration:none;color:#405249}
html[dir="ltr"] .hero-copy{text-align:left}
html[dir="rtl"] .hero-copy{text-align:right}
html[dir="ltr"] .feature-row article,html[dir="ltr"] .footer-col,html[dir="ltr"] .footer-brand{text-align:left}
html[dir="rtl"] .feature-row article,html[dir="rtl"] .footer-col,html[dir="rtl"] .footer-brand{text-align:right}


/* v0.6.3 script-aware typography */
html[lang="ar"] body,
html[lang="ur"] body{
  font-family:"IBM Plex Sans Arabic","Noto Sans",sans-serif;
}
html[lang="ar"] .hero h1,
html[lang="ar"] .main-links a,
html[lang="ar"] .green-btn,
html[lang="ar"] .ice-btn,
html[lang="ur"] .hero h1,
html[lang="ur"] .main-links a,
html[lang="ur"] .green-btn,
html[lang="ur"] .ice-btn{
  font-family:"Alexandria","IBM Plex Sans Arabic","Noto Sans",sans-serif;
}
html[lang="hi"] body,
html[lang="hi"] button,
html[lang="hi"] a,
html[lang="hi"] input{
  font-family:"Noto Sans Devanagari","Noto Sans",sans-serif;
}
html[lang="bn"] body,
html[lang="bn"] button,
html[lang="bn"] a,
html[lang="bn"] input{
  font-family:"Noto Sans Bengali","Noto Sans",sans-serif;
}
html[lang="zh"] body,
html[lang="zh"] button,
html[lang="zh"] a,
html[lang="zh"] input{
  font-family:"Noto Sans SC","Noto Sans",sans-serif;
}
html[lang="en"] body,
html[lang="fr"] body,
html[lang="es"] body,
html[lang="de"] body,
html[lang="pt"] body,
html[lang="tr"] body,
html[lang="ru"] body,
html[lang="id"] body,
html[lang="sw"] body{
  font-family:"Noto Sans","Segoe UI",Arial,sans-serif;
}

.auth-panel{max-width:560px}.auth-logo{width:210px;display:block;margin:0 auto 10px}.auth-muted{color:#65776f;line-height:1.8}.auth-input{width:100%;padding:13px 14px;border:1px solid #dfe8e3;border-radius:12px;margin:5px 0 10px;font:inherit}.consent{display:flex;gap:8px;align-items:flex-start;margin:8px 0 14px}.wide{width:100%}.auth-result{min-height:24px;color:#2f8253;margin-top:8px}.how-panel{max-width:760px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.how-grid article{padding:16px;border:1px solid #e3eae6;border-radius:14px;background:#fbfdfc}.work{max-width:1200px;margin:28px auto;padding:0 20px}.work-head,.work-card{background:#fff;border:1px solid #e2e9e4;border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(38,75,56,.06)}.work-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.work-head img{width:190px}.task-form{display:grid;grid-template-columns:1fr 220px auto;gap:10px}.task-form input{padding:13px;border:1px solid #dfe8e3;border-radius:12px;font:inherit}.task-row{display:flex;justify-content:space-between;padding:13px;margin-top:9px;border:1px solid #e5ece8;border-radius:12px;background:#fbfdfc}.empty-box{padding:28px;text-align:center;color:#7a8b83;border:1px dashed #dce7e1;border-radius:13px;margin-top:14px}@media(max-width:700px){.how-grid,.task-form{grid-template-columns:1fr}}

.auth-panel{max-width:560px}.auth-brand{text-align:center;margin-bottom:8px}.auth-brand img{width:210px;max-width:70%}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f3f7f4;padding:5px;border-radius:13px;margin:12px 0}.auth-tabs button{border:0;background:transparent;padding:10px;border-radius:9px;color:#597067;cursor:pointer}.auth-tabs button.active{background:#fff;color:#26734b;box-shadow:0 4px 12px rgba(38,75,56,.08)}
.auth-pane{display:grid;gap:10px}.auth-pane h2{margin:6px 0 0}.auth-sub{margin:0;color:#687a72;line-height:1.8}.field-label{font-size:12px;font-weight:600;color:#43584e}.auth-input{padding:13px 14px;border:1px solid #dce7e1;border-radius:12px;font:inherit;outline:none}.auth-input:focus{border-color:#8ab99f;box-shadow:0 0 0 3px rgba(47,130,83,.08)}
.wide{width:100%}.auth-result{min-height:24px;color:#2c774d;font-size:12px}.auth-legal{font-size:11px;color:#7a8982;line-height:1.8;margin-top:12px}.auth-legal a{color:#2c774d}
.how-panel{max-width:760px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.how-grid article{border:1px solid #e3eae6;border-radius:15px;padding:16px;background:#fbfdfc}.how-grid article>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#edf6f0;color:#2d7c50;font-weight:700;margin-bottom:10px}.how-grid b{display:block;margin-bottom:6px}.how-grid p{margin:0;color:#6f8078;font-size:12px;line-height:1.7}.night-preview{filter:brightness(.88) saturate(.92)}
@media(max-width:650px){.how-grid{grid-template-columns:1fr}}