.hero{color:#fff;isolation:isolate;background:linear-gradient(135deg,#002664 0%,#011a47 50%,#050b1e 100%);padding-block:clamp(80px,11vw,150px) clamp(56px,8vw,110px);position:relative;overflow:hidden}.hero-glow{aspect-ratio:1;filter:blur(10px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ffcd0052,#0000 65%);width:60vw;max-width:700px;animation:12s ease-in-out infinite drift;position:absolute;top:-20vw;right:-15vw}.hero-glow-2{background:radial-gradient(circle,#2d6a4f47,#0000 65%);width:45vw;max-width:480px;animation-duration:14s;animation-direction:reverse;inset:auto auto -15vw -10vw}.hero h1,.hero .lead,.hero h2{color:#fff}.hero .lead{color:#ffffffc7}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid;position:relative}.hero-accent{background:linear-gradient(90deg,#ffcd00,#ffe8a8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-bullets{color:#ffffffbf;flex-wrap:wrap;gap:14px 28px;margin:28px 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.hero-bullets li{align-items:center;gap:8px;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-yellow{background:var(--color-yellow);box-shadow:0 0 0 4px #ffcd002e}.hero-visual{perspective:1200px;justify-content:center;min-width:0;display:flex}.hero-phone-wrap{width:100%;max-width:320px;transform-style:preserve-3d;position:relative}.hero-phone{aspect-ratio:9/18;background:linear-gradient(155deg,#1a2540 0%,#0a1628 100%);border-radius:38px;width:100%;padding:14px;animation:7s ease-in-out infinite float;position:relative;transform:rotateX(8deg)rotateY(-12deg);box-shadow:0 30px 80px #00000073,inset 0 2px #ffffff0d,inset 0 0 0 1.5px #ffffff0f}.hero-phone-notch{z-index:3;background:#050b1e;border-radius:0 0 14px 14px;width:90px;height:18px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.phone-shadow{filter:blur(12px);z-index:-1;background:radial-gradient(#0000008c,#0000 70%);height:40px;position:absolute;inset:auto 10% -30px}.hero-phone-screen{background:var(--color-bg);border-radius:26px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.hero-screen-header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:18px 18px 14px;display:flex}.hero-screen-header img{border-radius:8px}.hero-screen-title{font-family:var(--font-display);color:var(--color-text);font-size:.95rem;font-weight:700}.hero-screen-sub{color:var(--color-text-mute);font-size:.78rem}.hero-screen-tag{color:var(--color-acacia);letter-spacing:.05em;white-space:nowrap;background:#2d6a4f1f;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:.65rem;font-weight:700}.hero-map{flex:1;min-height:0;position:relative}.hero-map svg{width:100%;height:100%;display:block}.route-path{stroke-dasharray:8 8;animation:1.2s linear infinite dash-flow}.map-origin .ring,.map-destination .ring{transform-origin:50%;animation:2.4s ease-out infinite pulse-ring}.map-origin .ring{transform-box:fill-box}.map-destination .ring{transform-box:fill-box;animation-delay:1.2s}.hero-screen-card{border-top:1px solid var(--color-border);background:#fff;flex-direction:column;gap:10px;padding:16px 18px;font-size:.85rem;display:flex}.hero-screen-row{color:var(--color-text);justify-content:space-between;gap:10px;display:flex}.hero-screen-label{color:var(--color-text-mute);font-weight:500}.hero-screen-row.total{border-top:1px solid var(--color-border);margin-top:4px;padding-top:10px}.hero-screen-row.total strong{color:var(--color-blue);font-size:1rem}.stats-bar{background:var(--color-sand);border-bottom:1px solid var(--color-border);padding-block:36px}.stats-grid{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.stats-grid>div{flex-direction:column;gap:4px;min-width:0;display:flex}.stats-grid strong{font-family:var(--font-display);color:var(--color-blue);font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}.stats-grid span{color:var(--color-text-mute);font-size:clamp(.78rem,1.6vw,.85rem)}.section-light{background:var(--color-bg)}.section-sand{background:var(--color-sand)}.section-blue{color:#fff;background:linear-gradient(135deg,#002664 0%,#1f3a78 60%,#2d6a4f 100%);position:relative;overflow:hidden}.section-blue:before{content:"";aspect-ratio:1;filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#ffcd002e,#0000 65%);width:50vw;max-width:600px;animation:16s ease-in-out infinite drift;position:absolute;top:-10%;right:-10%}.text-light{color:#fff}.lead-light{color:#ffffffd1;max-width:56ch;font-size:clamp(1.05rem,1.5vw,1.18rem)}.grid{gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);will-change:transform;transform-style:preserve-3d;min-width:0;padding:28px 24px;transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%), #ffcd000f, transparent 40%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.card:hover{box-shadow:var(--shadow-soft);border-color:#0026642e}.card:hover:after{opacity:1}.card-bar{border-radius:4px;width:32px;height:4px;margin-bottom:20px;transition:width .3s}.card:hover .card-bar{width:64px}.card-blue .card-bar{background:var(--color-blue)}.card-yellow .card-bar{background:var(--color-yellow)}.card-red .card-bar{background:var(--color-red)}.card-acacia .card-bar{background:var(--color-acacia)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);grid-template-columns:auto 1fr;gap:18px;min-width:0;padding:28px 26px;transition:transform .25s,box-shadow .25s;display:grid}.step:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0026641f}.step-n{color:var(--color-blue);background:#00266414;border-radius:10px;height:fit-content;padding:8px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9rem;font-weight:700}.partners-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}.cta-row{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.code-block{background:var(--color-dark);color:#e6ebf2;border-radius:var(--radius-md);box-shadow:var(--shadow-blue);border:1px solid var(--color-dark-surface);min-width:0;max-width:100%;margin:0;padding:clamp(20px,3vw,28px);font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(.72rem,1.4vw,.82rem);line-height:1.65;overflow-x:auto}.code-block code{color:inherit;white-space:pre}.diaspora-grid{z-index:1;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid;position:relative}.diaspora-grid h2{margin-bottom:.6em}.diaspora-grid>div:first-child .btn{margin-top:28px}.diaspora-stats{gap:18px;display:grid}.diaspora-stats>div{border-left:3px solid var(--color-yellow);flex-direction:column;padding-left:18px;transition:transform .25s,border-left-width .25s;display:flex}.diaspora-stats>div:hover{transform:translate(6px)}.diaspora-stats strong{font-family:var(--font-display);color:var(--color-yellow);letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,1.9rem);font-weight:700}.diaspora-stats span{color:#ffffffb3;margin-top:4px;font-size:.88rem}@media (width<=960px){.hero-grid{grid-template-columns:1fr;gap:48px}.hero-visual{perspective:900px;order:-1}.hero-phone-wrap{max-width:260px}.hero-phone{animation-name:float;transform:rotateX(4deg)rotateY(-6deg)}.partners-grid,.diaspora-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (width<=560px){.grid-4{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{justify-content:center}.hero-bullets{gap:10px 18px}.step{grid-template-columns:1fr;gap:12px}.hero-phone-wrap{max-width:220px}.hero-screen-header{gap:8px;padding:14px 14px 10px}.hero-screen-tag{padding:3px 7px;font-size:.58rem}.hero-screen-card{padding:12px 14px;font-size:.78rem}}