:root{--bg:#f8f1e8;--bg-warm:#efe3d6;--deep:#2f2622;--brown:#4b3a2f;--brown-soft:#7a5c4d;--card:#5c4035;--cream:#f5ede4;--sand:#c2a48a;--sand-light:#dfc9b4;--sage:#8faf9a;--amber:#d9a441;--danger:#b35c5c;--ink:#2f2622;--muted:#2f26229e;--line:#4b3a2f29;--line-dark:#f5ede429;--font-ui:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-editorial:"Lora", Georgia, serif;--radius:8px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:hidden}button{font:inherit}main{overflow:hidden}.hero{isolation:isolate;background:radial-gradient(circle at 15% 18%,#8faf9a47,#0000 28%),radial-gradient(circle at 80% 8%,#c2a48a52,#0000 24%),linear-gradient(135deg,#332721 0%,#4b3a2f 58%,#eadfce 58.2%,#f8f1e8 100%);min-height:100svh;padding:28px;position:relative}.hero:before{content:"";pointer-events:none;z-index:-1;border:1px solid #f5ede433;position:absolute;inset:28px}.ambient{filter:blur(40px);opacity:.28;z-index:-1;border-radius:999px;width:340px;height:340px;animation:9s ease-in-out infinite alternate breathe;position:absolute}.ambient-one{background:var(--sage);bottom:16%;left:-90px}.ambient-two{background:var(--sand);animation-delay:1.5s;top:10%;right:10%}.nav{max-width:var(--max);color:var(--cream);justify-content:space-between;align-items:center;margin:0 auto;font-size:13px;display:flex}.brand{font-family:var(--font-editorial);letter-spacing:-.01em;font-size:20px;font-weight:600}.nav-note{color:#f5ede4b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #f5ede433;border-radius:999px;padding:8px 12px}.hero-layout{max-width:var(--max);grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:54px;min-height:calc(100svh - 80px);margin:0 auto;display:grid}.hero-copy{max-width:720px;color:var(--cream)}.eyebrow{color:var(--sand);text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{font-family:var(--font-editorial);letter-spacing:0;max-width:820px;margin-bottom:24px;font-size:clamp(44px,6.2vw,78px);font-weight:500;line-height:1}h2{font-family:var(--font-editorial);letter-spacing:0;margin-bottom:20px;font-size:clamp(34px,5vw,64px);font-weight:500;line-height:1.04}h3{margin-bottom:12px;font-size:20px;line-height:1.25}.hero-text{color:#f5ede4c7;max-width:620px;margin-bottom:28px;font-size:clamp(16px,1.8vw,20px);line-height:1.7}.readiness-row{flex-wrap:wrap;gap:10px;display:flex}.readiness-row span{color:var(--cream);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#2f26227a;border:1px solid #f5ede42e;border-radius:999px;padding:9px 12px;font-size:13px}.hero-visual{place-items:center;min-height:560px;display:grid;position:relative}.phone-shell{aspect-ratio:.52;background:linear-gradient(160deg,#f5ede414,#0000 38%),linear-gradient(#211915,#4b3a2f 62%,#6a4e40);border-radius:38px;width:min(340px,78vw);padding:20px;animation:6s ease-in-out infinite floatPhone;position:relative;overflow:hidden;box-shadow:0 34px 80px #2f262270,inset 0 0 0 1px #f5ede438,inset 0 0 0 8px #f5ede40a}.phone-shell:after{content:"";filter:blur(16px);background:radial-gradient(circle,#8faf9a8c,#0000 68%);height:250px;animation:5s ease-in-out infinite alternate orbGlow;position:absolute;inset:72px -90px auto}.phone-top{z-index:1;color:var(--cream);justify-content:space-between;font-size:12px;font-weight:700;display:flex;position:relative}.mood-orb{z-index:1;background:radial-gradient(circle at 50% 32%,#f5ede4f2 0 24%,#f5ede459 34%,#0000 52%),linear-gradient(140deg,#8faf9a,#c2a48a);border-radius:50% 50% 20% 20%;place-items:center;height:250px;margin:62px -18px 24px;display:grid;position:relative;box-shadow:0 0 50px #8faf9a52}.orb-face{font-family:var(--font-editorial);color:var(--deep);font-size:22px;transform:translateY(-28px)}.phone-card,.phone-grid{z-index:1;position:relative}.phone-card{color:var(--cream);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5ede41a;border:1px solid #f5ede42e;margin-bottom:12px;padding:16px}.phone-card span{color:var(--sand);margin-bottom:5px;font-size:12px;display:block}.phone-card strong{font-size:15px;line-height:1.35;display:block}.phone-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.phone-grid span{color:var(--cream);border-radius:var(--radius);background:#f5ede414;border:1px solid #f5ede429;padding:12px;font-size:13px}.phone-grid .danger{color:#ffdcdc;background:#b35c5c38;border-color:#b35c5c75}.floating-note{width:210px;color:var(--cream);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#2f2622b8;border:1px solid #f5ede429;padding:16px;animation:7s ease-in-out infinite drift;position:absolute;box-shadow:0 18px 55px #2f262247}.floating-note strong,.floating-note span{display:block}.floating-note strong{margin-bottom:6px;font-size:14px}.floating-note span{color:#f5ede4ad;font-size:12px;line-height:1.5}.note-one{top:70px;left:-16px}.note-two{animation-delay:1.2s;bottom:88px;right:-14px}.stats-band{max-width:var(--max);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f1e8e0;grid-template-columns:repeat(4,1fr);margin:-1px auto 0;display:grid}.stat{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-height:118px;padding:28px;display:flex}.stat:last-child{border-right:0}.stat strong{font-family:var(--font-editorial);font-size:clamp(34px,4vw,48px);font-weight:500;line-height:1}.stat span{color:var(--muted);margin-top:9px;font-size:13px}section:not(.hero):not(.stats-band){max-width:var(--max);margin:0 auto;padding:110px 28px}.split-section,.africa-section{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:start;gap:72px;display:grid}.problem{border-bottom:1px solid var(--line)}.copy-stack p{color:var(--muted);font-size:17px;line-height:1.8}.section-heading{max-width:720px;margin-bottom:42px}.module-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.module-card{background:var(--deep);min-height:290px;color:var(--cream);border:1px solid var(--line-dark);border-radius:var(--radius);transition:transform .24s,background .24s,box-shadow .24s;transition-delay:var(--delay,0s);flex-direction:column;justify-content:space-between;padding:22px;display:flex}.module-card:hover{background:#3b2e28;transform:translateY(-8px);box-shadow:0 24px 70px #2f26223d}.module-card span{color:var(--sand);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.module-card p{color:#f5ede4ad;margin-bottom:0;font-size:14px;line-height:1.7}.safety-section{background:var(--deep);color:var(--cream);max-width:none!important}.safety-panel{max-width:var(--max);grid-template-columns:.85fr 1.15fr;align-items:start;gap:70px;margin:0 auto;display:grid}.safety-panel h2{color:var(--cream)}.safety-panel p{color:#f5ede4ad;font-size:17px;line-height:1.8}.safety-panel ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.safety-panel li{border:1px solid var(--line-dark);border-radius:var(--radius);color:#f5ede4c7;background:#f5ede40d;padding:20px 20px 20px 54px;position:relative}.safety-panel li:before{content:"";background:var(--sage);border-radius:999px;width:14px;height:14px;position:absolute;top:23px;left:20px;box-shadow:0 0 0 8px #8faf9a24}.map-wrap{place-items:center;min-height:510px;display:grid}.system-map{aspect-ratio:1;background:radial-gradient(circle,#c2a48a33,#0000 58%),repeating-radial-gradient(circle,#4b3a2f24 0 1px,#0000 1px 70px);border-radius:999px;width:min(480px,86vw);animation:36s linear infinite slowSpin;position:relative}.system-map:before,.system-map:after{content:"";border-radius:inherit;border:1px solid #4b3a2f29;position:absolute;inset:18%}.system-map:after{inset:34%}.system-node{background:var(--cream);border:1px solid var(--line);text-align:center;min-width:104px;color:var(--brown);border-radius:999px;padding:12px 14px;font-size:13px;font-weight:700;animation:36s linear infinite counterSpin;position:absolute;box-shadow:0 16px 50px #2f26221f}.system-node.center{background:var(--deep);color:var(--cream);top:50%;left:50%;transform:translate(-50%,-50%)}.n1{top:5%;left:50%;transform:translate(-50%)}.n2{top:27%;right:0}.n3{bottom:23%;right:7%}.n4{bottom:6%;left:50%;transform:translate(-50%)}.n5{bottom:23%;left:5%}.n6{color:var(--danger);top:27%;left:0}.experience-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.experience-grid{grid-template-columns:.95fr 1.1fr .95fr;align-items:stretch;gap:14px;display:grid}.journal-card,.chat-card,.emergency-card{border-radius:var(--radius);flex-direction:column;justify-content:space-between;min-height:260px;padding:24px;display:flex}.journal-card,.emergency-card{background:var(--bg-warm);border:1px solid var(--line)}.chat-card{background:var(--deep);color:var(--cream);border:1px solid var(--line-dark);transform:translateY(-28px)}.journal-card span,.chat-card span,.emergency-card span{color:var(--sand);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.journal-card p,.emergency-card p{color:var(--muted);font-family:var(--font-editorial);margin-bottom:0;font-size:19px;line-height:1.65}.chat-card p{color:#f5ede4c2;font-family:var(--font-editorial);margin-bottom:0;font-size:22px;line-height:1.6}.emergency-card strong{color:var(--danger);font-size:26px;line-height:1.1}.faq-section{grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;min-height:76px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:0;font-weight:700;display:flex}.faq-item button span:last-child{border:1px solid var(--line);width:34px;height:34px;color:var(--brown);border-radius:999px;flex:none;place-items:center;display:grid}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .26s;display:grid}.faq-answer p{color:var(--muted);margin:0;line-height:1.75;overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr;padding-bottom:24px}footer{max-width:var(--max);color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:40px;margin:0 auto;padding:34px 28px 46px;display:flex}footer p{max-width:590px;color:var(--muted);margin-bottom:0;font-size:13px}[data-reveal]{opacity:0;transition:opacity .76s,transform .76s;transform:translateY(26px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.hero-rise{opacity:0;animation:.8s forwards heroRise;transform:translateY(24px)}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.36s}.delay-4{animation-delay:.52s}@keyframes heroRise{to{opacity:1;transform:translateY(0)}}@keyframes breathe{to{opacity:.42;transform:translate(22px,-18px)scale(1.12)}}@keyframes floatPhone{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-18px)rotate(1deg)}}@keyframes drift{0%,to{transform:translate(0,0)}50%{transform:translateY(-12px)}}@keyframes orbGlow{to{opacity:.82;transform:scale(1.08)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes counterSpin{to{rotate:-360deg}}.hero-cta{margin-top:28px}.btn-primary{background:var(--sage);color:var(--deep);letter-spacing:.01em;border-radius:100px;padding:14px 32px;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.btn-primary:hover{opacity:.82}.screens-section{max-width:var(--max);margin:0 auto;padding:100px 28px}.screens-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;margin-top:48px;padding-bottom:12px;display:flex;overflow-x:auto}.screens-strip::-webkit-scrollbar{display:none}.screen-frame{scroll-snap-align:start;flex-direction:column;flex-shrink:0;align-items:center;gap:14px;width:200px;display:flex}.screen-frame img{border-radius:22px;width:100%;display:block;box-shadow:0 8px 32px #2f262226,0 0 0 1px #2f262212}.screen-frame span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:500}@media (width<=980px){.hero{background:radial-gradient(circle at 20% 20%,#8faf9a42,#0000 26%),linear-gradient(#332721 0%,#4b3a2f 58%,#f8f1e8 58.2% 100%);padding:20px}.hero:before{inset:20px}.nav{color:var(--cream)}.hero-layout,.split-section,.africa-section,.safety-panel,.faq-section{grid-template-columns:1fr}.hero-layout{gap:22px;padding-top:60px}.hero-visual{min-height:520px}.stats-band,.module-grid,.experience-grid{grid-template-columns:1fr 1fr}.stats-band{margin:0 20px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.chat-card{transform:none}}@media (width<=640px){.hero{padding:16px}.hero:before{inset:16px}.nav-note{display:none}.hero-layout{min-height:auto;padding:78px 0 40px}h1{font-size:clamp(43px,13vw,66px)}h2{font-size:clamp(34px,10vw,48px)}.hero-text{font-size:16px}.readiness-row span{font-size:12px}.hero-visual{min-height:500px}.floating-note{width:172px;padding:13px}.note-one{top:28px;left:-8px}.note-two{bottom:58px;right:-10px}.stats-band,.module-grid,.experience-grid{grid-template-columns:1fr}.stats-band{margin:0 16px}.stat{border-right:0;border-bottom:1px solid var(--line);min-height:96px;padding:22px}.stat:last-child{border-bottom:0}section:not(.hero):not(.stats-band){padding:76px 16px}.split-section,.africa-section,.safety-panel,.faq-section{gap:32px}.module-card{min-height:220px}.map-wrap{min-height:360px}.system-node{min-width:86px;padding:10px 11px;font-size:11px}.experience-grid{gap:10px}.journal-card,.chat-card,.emergency-card{min-height:220px}footer{flex-direction:column;padding:28px 16px 40px}.screens-section{padding:76px 0 76px 16px}.screen-frame{width:160px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal],.hero-rise{opacity:1;transform:none}}