*{box-sizing:border-box;margin:0;padding:0}
:root{--green:#0cab56;--green-dark:#063b2d;--green-deep:#032b25;--lime:#b9f27c;--ink:#10221e;--muted:#687771;--pale:#f4f9f6}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit}
.header{position:fixed;top:0;left:0;right:0;height:78px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(3,51,40,.88);backdrop-filter:blur(18px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.brand{height:58px;width:205px;display:flex;align-items:center}.brand img{width:190px;height:55px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650}nav a{opacity:.9;transition:.2s}nav a:hover{color:var(--lime);opacity:1}.nav-download{background:var(--lime);color:#07392d!important;padding:10px 18px;border-radius:25px;font-weight:850;opacity:1!important}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:27px}
.hero{position:relative;min-height:780px;padding:155px 7% 80px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;overflow:hidden;background:radial-gradient(circle at 78% 42%,#217f50 0,#07503d 35%,#032c26 72%)}.hero:after{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(185,242,124,.13);border-radius:50%;right:-250px;top:-170px;box-shadow:0 0 0 55px rgba(185,242,124,.025),0 0 0 110px rgba(185,242,124,.018)}.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;right:15%;top:28%;background:#9ef06b18;filter:blur(20px)}.hero-content{position:relative;z-index:3;max-width:650px}.eyebrow,.section-kicker{font-size:11px;font-weight:900;letter-spacing:2.7px;color:var(--green);margin-bottom:14px}.hero .eyebrow{color:var(--lime);display:flex;align-items:center;gap:9px}.dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime)}h1{font-size:clamp(45px,5.5vw,78px);line-height:1;letter-spacing:-3.5px;margin-bottom:25px}h1 span{color:var(--lime)}.hero-text{font-size:20px;max-width:590px;color:#e1efea;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;padding:13px 22px;font-weight:800;transition:.25s}.btn.primary{background:#12ad58;color:#fff;box-shadow:0 10px 30px #0003}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0004}.btn.glass{border:1px solid #ffffff5c;background:#ffffff0d;color:#fff}.btn.glass:hover{background:#ffffff18}.btn.glass span{margin-left:10px}.hero-proof{display:flex;align-items:center;gap:11px;margin-top:27px;font-size:12px;color:#c6ded6}.hero-proof span{color:var(--lime)}.hero-proof i{width:4px;height:4px;border-radius:50%;background:#77978c}
.hero-phones{position:relative;z-index:3;width:510px;height:550px;flex:none}.phone{position:absolute;width:238px;height:500px;border:8px solid #071512;border-radius:39px;background:#07100e;box-shadow:0 32px 80px #0007;overflow:hidden}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.phone:before{content:"";position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:80px;height:22px;background:#071512;border-radius:0 0 15px 15px}.phone-back{right:4px;top:0;transform:rotate(7deg)}.phone-front{left:38px;top:55px;z-index:2;transform:rotate(-7deg)}.floating-pill{position:absolute;z-index:5;padding:10px 14px;border:1px solid #ffffff24;background:#ffffff13;backdrop-filter:blur(15px);border-radius:30px;box-shadow:0 12px 30px #0003;font-size:11px;color:#fff}
.pill-impact{
    right:10px;
    bottom:55px;
}

.pill-points{
    left:10px;
    top:auto;
    bottom:25px;
}
.section{padding:105px 7%}.intro{background:#fff}.section-heading{max-width:760px}.section-heading h2,.center-heading h2,.impact h2,.hybrid h2,.points-copy h2,.privacy-card h2{font-size:clamp(34px,4vw,53px);line-height:1.06;letter-spacing:-1.8px}.section-heading h2 span,.impact h2 span,.hybrid h2 span,.points-copy h2 span{color:var(--green)}.section-heading>p:last-child{max-width:650px;color:var(--muted);margin-top:17px}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px;margin-top:50px}.feature-grid article{padding:30px 19px;min-height:205px;background:#f7faf8;border:1px solid #e8efeb;border-radius:20px;transition:.3s}.feature-grid article:hover{transform:translateY(-7px);box-shadow:0 18px 40px #103f2412;border-color:#cce8d5}.feature-icon{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#e7f6eb;font-size:25px;margin-bottom:20px}.feature-grid h3{font-size:17px}.feature-grid p{font-size:13px;color:var(--muted);margin-top:7px}
.impact{position:relative;display:flex;align-items:center;justify-content:center;gap:90px;background:#edf8e8;overflow:hidden}.impact:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#b8ed9130;right:-220px;top:-180px}.impact-copy{max-width:590px;position:relative;z-index:2}.number-tag{display:inline-flex;width:37px;height:37px;border-radius:50%;align-items:center;justify-content:center;background:#d9f0cf;color:#197a3e;font-size:11px;font-weight:900;margin-bottom:22px}.impact-copy>p:not(.section-kicker){color:#52635c;margin:19px 0 27px}.impact-steps{display:grid;gap:13px}.impact-steps div{display:flex;gap:13px;align-items:center}.impact-steps b{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--green);font-size:10px;box-shadow:0 4px 14px #234e2112}.impact-steps span{font-size:13px;font-weight:750}.impact-steps small{font-weight:500;color:#718079}.impact-visual{position:relative;width:330px;height:550px;flex:none}.impact-phone{position:absolute;right:20px;width:265px;height:535px;transform:rotate(4deg);z-index:2}.impact-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.points-card{position:absolute;z-index:4;left:0;bottom:55px;padding:15px 18px;background:#fff;border-radius:16px;box-shadow:0 18px 45px #123d2520;display:grid;grid-template-columns:35px 1fr;column-gap:8px}.points-card span{grid-row:1/3;font-size:23px;color:#0eaa4e}.points-card b{font-size:12px}.points-card strong{font-size:10px;color:#718079;font-weight:600}
.hybrid{display:flex;align-items:center;justify-content:center;gap:100px;background:#fff}.hybrid-copy{max-width:600px}.hybrid-copy>p:not(.section-kicker){color:var(--muted);margin:18px 0 25px}.hybrid-list{display:grid;gap:14px}.hybrid-list div{display:flex;gap:14px;align-items:flex-start}.hybrid-list b{width:30px;height:30px;border-radius:50%;background:#e8f6ed;color:#0c984c;display:flex;align-items:center;justify-content:center;font-size:9px;flex:none}.hybrid-list span{font-size:12px;color:var(--muted)}.hybrid-list strong{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}.hybrid-visual{width:430px;height:310px;position:relative;display:flex;align-items:center;justify-content:space-between}.network-card{width:155px;padding:25px 16px;text-align:center;border-radius:24px;background:#f6faf7;border:1px solid #e1ece6;box-shadow:0 20px 45px #123d2510}.network-card span{display:block;font-size:36px;margin-bottom:9px}.network-card b{display:block}.network-card small{color:var(--muted);font-size:10px}.network-card.sms{background:#eaf8ed}.connection-line{position:absolute;left:125px;right:125px;top:150px;border-top:2px dashed #9fd3ad}.connection-line i{position:absolute;width:7px;height:7px;border-radius:50%;background:#11ab55;top:-5px}.connection-line i:nth-child(1){left:15%;}.connection-line i:nth-child(2){left:48%;}.connection-line i:nth-child(3){left:80%}.hybrid-badge{position:absolute;left:50%;transform:translateX(-50%);bottom:5px;background:#063b2d;color:#fff;border-radius:25px;padding:9px 16px;font-size:10px;letter-spacing:1px;font-weight:850;white-space:nowrap}
.screens-section{background:#f7faf8}.center-heading{text-align:center}.center-heading>p:last-child{color:var(--muted);margin-top:10px}.screens{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1120px;margin:48px auto 0}.screens figure{text-align:center}.screens img{width:100%;max-width:240px;height:440px;object-fit:cover;object-position:top;border:7px solid #0b1714;border-radius:31px;box-shadow:0 22px 50px #10251c1a;transition:.35s}.screens figure:hover img{transform:translateY(-8px) rotate(-1deg);box-shadow:0 30px 65px #10251c28}.screens figcaption{margin-top:14px}.screens figcaption b,.screens figcaption span{display:block}.screens figcaption b{font-size:14px}.screens figcaption span{font-size:11px;color:var(--muted);margin-top:2px}
.points-section{display:flex;align-items:center;justify-content:center;gap:130px;background:#063b2d;color:#fff;overflow:hidden}.points-copy{max-width:500px}.points-copy .section-kicker{color:var(--lime)}.points-copy>p:not(.section-kicker){color:#c6ddd5;margin-top:18px}.points-art{position:relative;width:330px;height:330px}.orb{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#d7ffae,#5bbf65 45%,#12864f 75%);box-shadow:0 30px 70px #0005;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;position:absolute;left:55px;top:45px}.orb strong{font-size:62px;line-height:1;color:#fff;text-shadow:0 4px 18px #16452b66}.leaf{position:absolute;font-size:35px;filter:drop-shadow(0 8px 12px #0003)}.l1{left:0;top:20px}.l2{right:5px;top:5px}.l3{right:0;bottom:40px}
.privacy{background:#f7faf8}.privacy-card{max-width:1000px;margin:auto;padding:45px;border-radius:26px;background:#eaf6df;display:flex;gap:25px;align-items:flex-start}.privacy-icon{font-size:43px}.privacy-card h2{margin-bottom:10px}.privacy-card p:not(.section-kicker){color:#55665f;margin-bottom:18px}.links{display:flex;gap:20px;flex-wrap:wrap;color:#087f3d;font-weight:800;font-size:13px}
.download{padding:60px 7%;background:linear-gradient(105deg,#063f31,#0d8650);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.download:after{content:"";position:absolute;width:400px;height:400px;border:1px solid #ffffff16;border-radius:50%;right:-80px;top:-180px}.download .section-kicker{color:var(--lime)}.download h2{font-size:clamp(32px,4vw,47px);line-height:1.05}.download p:not(.section-kicker){color:#d3e9e0;margin-top:8px}.play-button{position:relative;z-index:2;display:flex;align-items:center;gap:12px;background:#0a201b;border-radius:13px;padding:11px 20px;color:#fff;min-width:205px;transition:.2s}.play-button:hover{transform:translateY(-3px)}.play-button span{font-size:26px}.play-button small,.play-button strong{display:block}.play-button small{font-size:8px;letter-spacing:1px}
.support{text-align:center}.support>p:not(.section-kicker){color:var(--muted);margin:9px 0 22px}
footer{padding:38px 7%;background:#052e28;color:#b9d4cb;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px}.footer-brand img{width:190px;height:55px;object-fit:contain;filter:brightness(0) invert(1)}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:#fff}
@media(max-width:1080px){nav{gap:14px}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-left:5%;padding-right:5%}.hero-phones{transform:scale(.84);margin-right:-65px}.screens{grid-template-columns:repeat(2,1fr)}.hybrid{gap:50px}}
@media(max-width:760px){.header{height:68px}.brand{width:190px}.brand img{width:180px;height:52px}.menu-btn{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;padding:17px;background:#073b32;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 25px #0003}nav.open{display:flex}nav a{padding:13px 4%;border-bottom:1px solid #ffffff12}.nav-download{text-align:center;margin-top:9px}.hero{padding:110px 6% 45px;min-height:auto;display:block}.hero-content{max-width:none}.hero-text{font-size:16px}.hero-proof{gap:7px;font-size:10px}.hero-phones{width:100%;height:410px;margin:28px auto 0;transform:scale(.72);transform-origin:center top}.phone-front{left:calc(50% - 142px)}.phone-back{right:calc(50% - 158px)}.floating-pill{display:none}.section{padding:72px 6%}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:170px}.impact{display:block}.impact-visual{margin:35px auto 0;transform:scale(.9);transform-origin:center top;height:525px}.hybrid{display:flex;flex-direction:column;gap:35px;align-items:stretch}.hybrid-visual{width:100%;height:260px;transform:scale(.86);transform-origin:center}.hybrid-copy{max-width:none}.screens{grid-template-columns:repeat(2,1fr);gap:16px}.screens img{height:315px;border-width:5px;border-radius:22px}.points-section{display:block}.points-art{margin:35px auto 0}.privacy-card{padding:28px;display:block;text-align:center}.privacy-icon{margin-bottom:10px}.links{justify-content:center}.download{display:block;text-align:center;padding:48px 6%}.play-button{width:max-content;margin:25px auto 0}.footer-links{width:100%}}

/* V4 — Premium typography, hybrid feature and social networks */
body{font-size:16px}
nav{font-size:14px;gap:25px}
.hero-text{font-size:21px;line-height:1.6}
.section-heading>p:last-child,.center-heading>p:last-child{font-size:17px;line-height:1.7}
.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.feature-grid article{min-height:225px;padding:32px 25px}
.feature-grid h3{font-size:20px;margin-bottom:6px}
.feature-grid p{font-size:15px;line-height:1.6}
.feature-icon{width:56px;height:56px;font-size:27px}
.impact-copy>p:not(.section-kicker),.hybrid-copy>p:not(.section-kicker),.points-copy>p:not(.section-kicker),.privacy-card p:not(.section-kicker){font-size:16px;line-height:1.7}
.impact-steps span,.hybrid-list span{font-size:14px}
.impact-steps small{font-size:12px}
.hybrid-list strong{font-size:15px}
.screens figcaption b{font-size:16px}
.screens figcaption span{font-size:12px}
.privacy-card h2{font-size:40px}
.support>p:not(.section-kicker){font-size:17px}
.social{background:#fff}
.social-grid{max-width:1080px;margin:42px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.social-card{min-height:130px;border-radius:22px;padding:25px 20px;display:grid;grid-template-columns:54px 1fr 20px;align-items:center;gap:13px;border:1px solid #e4ece7;background:#f8fbf9;box-shadow:0 10px 30px #123d250a;transition:.28s}
.social-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px #123d2517}
.social-logo{width:54px;height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:900;background:#e7f5ec;color:#087b3e}
.social-card b,.social-card small{display:block}
.social-card b{font-size:17px}
.social-card small{font-size:12px;color:#718079;margin-top:3px}
.social-card>strong{font-size:18px;color:#0a8e48}
.social-card.facebook .social-logo{background:#e7f0ff;color:#1877f2}
.social-card.instagram .social-logo{background:#f5e8f8;color:#b42b91}
.social-card.youtube .social-logo{background:#ffe9e9;color:#e21d2b}
.social-card.tiktok .social-logo{background:#e9f6f4;color:#101010}
.footer-links{font-size:12px}
footer p{font-size:11px}
@media(max-width:1080px){.social-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  body{font-size:15px}
  .hero-text{font-size:17px}
  .section-heading>p:last-child,.center-heading>p:last-child{font-size:15px}
  .feature-grid{grid-template-columns:1fr}
  .feature-grid article{min-height:175px}
  .feature-grid h3{font-size:19px}
  .feature-grid p{font-size:14px}
  .social-grid{grid-template-columns:1fr}
  .social-card{min-height:105px}
  .privacy-card h2{font-size:33px}
}

/* ==========================================================
   GREENS MOTION SYSTEM — Premium animation layer
   No content/layout elements removed or replaced.
   ========================================================== */
:root{
  --motion-ease:cubic-bezier(.22,1,.36,1);
  --motion-soft:cubic-bezier(.16,1,.3,1);
}
html{scroll-padding-top:88px}
body{scroll-behavior:smooth}

/* Scroll progress */
body::before{
  content:"";
  position:fixed;
  z-index:9999;
  left:0;top:0;
  width:100%;height:3px;
  transform:scaleX(var(--scroll-progress,0));
  transform-origin:left center;
  background:linear-gradient(90deg,var(--lime),#45e58a,var(--green));
  box-shadow:0 0 14px rgba(185,242,124,.55);
  pointer-events:none;
}

/* Header motion */
.header{transition:background .45s var(--motion-ease),box-shadow .45s var(--motion-ease),height .35s var(--motion-ease),border-color .35s ease}
.header.scrolled{background:rgba(3,43,34,.96);box-shadow:0 12px 38px rgba(0,0,0,.16);border-bottom-color:rgba(185,242,124,.14)}
.header.scrolled .brand img{transform:scale(.94)}
.brand img{transition:transform .45s var(--motion-ease),filter .35s ease}
nav a{position:relative;transition:color .3s ease,opacity .3s ease,transform .3s var(--motion-ease)}
nav a:not(.nav-download)::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:var(--lime);transform:scaleX(0);transform-origin:center;transition:transform .35s var(--motion-ease)}
nav a:not(.nav-download):hover{transform:translateY(-1px)}
nav a:not(.nav-download):hover::after,nav a.active:not(.nav-download)::after{transform:scaleX(1)}
.nav-download{transition:transform .3s var(--motion-ease),box-shadow .3s ease,background .3s ease!important}
.nav-download:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 9px 25px rgba(185,242,124,.22);background:#c9fb91}

/* Reveal system */
.reveal{opacity:0;transform:translateY(34px) scale(.985);filter:blur(4px);transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease),filter .85s ease}
.reveal.visible{opacity:1;transform:none;filter:none}
.reveal-left{opacity:0;transform:translateX(-45px);filter:blur(3px);transition:opacity .9s var(--motion-ease),transform .9s var(--motion-ease),filter .9s ease}
.reveal-left.visible{opacity:1;transform:none;filter:none}
.reveal-right{opacity:0;transform:translateX(45px);filter:blur(3px);transition:opacity .9s var(--motion-ease),transform .9s var(--motion-ease),filter .9s ease}
.reveal-right.visible{opacity:1;transform:none;filter:none}

/* Hero entrance */
.hero-content>*{opacity:0;transform:translateY(22px);animation:heroIn .9s var(--motion-ease) forwards}
.hero-content .eyebrow{animation-delay:.12s}
.hero-content h1{animation-delay:.22s}
.hero-content .hero-text{animation-delay:.34s}
.hero-content .hero-actions{animation-delay:.46s}
.hero-content .hero-proof{animation-delay:.58s}
@keyframes heroIn{to{opacity:1;transform:none}}
.hero-glow{animation:glowPulse 7s ease-in-out infinite}
@keyframes glowPulse{0%,100%{transform:scale(.94);opacity:.65}50%{transform:scale(1.12);opacity:1}}
.hero:after{animation:heroRing 12s linear infinite}
@keyframes heroRing{to{transform:rotate(360deg)}}
.dot{animation:dotPulse 2s ease-in-out infinite}
@keyframes dotPulse{0%,100%{transform:scale(1);box-shadow:0 0 12px var(--lime)}50%{transform:scale(1.28);box-shadow:0 0 24px var(--lime)}}

/* Phones: subtle floating depth */
.hero-phones{animation:phonesIn 1.15s .18s var(--motion-ease) both}
@keyframes phonesIn{from{opacity:0;transform:translateY(35px) scale(.94) rotate(1deg)}to{opacity:1;transform:none}}
.phone{transition:transform .55s var(--motion-ease),box-shadow .55s ease}
.phone-back{animation:floatBack 6s ease-in-out infinite}
.phone-front{animation:floatFront 5.5s ease-in-out infinite}
@keyframes floatBack{0%,100%{margin-top:0}50%{margin-top:-10px}}
@keyframes floatFront{0%,100%{margin-top:0}50%{margin-top:9px}}
.floating-pill{animation:floatPill 4.5s ease-in-out infinite}
.pill-points{animation-delay:-1.8s}
@keyframes floatPill{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-11px,0)}}

/* Buttons / tactile interaction */
.btn,.play-button{position:relative;overflow:hidden;isolation:isolate}
.btn::before,.play-button::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.22) 48%,transparent 70%);transform:translateX(-120%);transition:transform .65s var(--motion-ease);z-index:-1}
.btn:hover::before,.play-button:hover::before{transform:translateX(120%)}
.btn.primary:hover{box-shadow:0 17px 42px rgba(4,76,40,.34)}
.btn.glass:hover{transform:translateY(-3px)}

/* Cards with premium hover */
.feature-grid article,.social-card,.privacy-card,.network-card,.screens figure,.impact-steps div,.hybrid-list div{will-change:transform}
.feature-grid article{position:relative;overflow:hidden}
.feature-grid article::before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-100px;top:-100px;background:radial-gradient(circle,#b9f27c30,transparent 68%);transition:transform .55s var(--motion-ease),opacity .4s ease}
.feature-grid article:hover::before{transform:scale(1.7);opacity:1}
.feature-grid article:hover .feature-icon{transform:translateY(-3px) rotate(-4deg) scale(1.06);box-shadow:0 9px 22px rgba(12,171,86,.14)}
.feature-icon{transition:transform .45s var(--motion-ease),box-shadow .45s ease}
.social-card{position:relative;overflow:hidden}
.social-card::before{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.7),transparent 72%);transform:translateX(-130%);transition:transform .8s var(--motion-ease);pointer-events:none}
.social-card:hover::before{transform:translateX(130%)}
.social-logo{transition:transform .4s var(--motion-ease)}
.social-card:hover .social-logo{transform:rotate(-6deg) scale(1.08)}

/* Section headings */
.section-kicker{transition:letter-spacing .45s var(--motion-ease),color .3s ease}
.visible .section-kicker,.section-heading:hover .section-kicker,.center-heading:hover .section-kicker{letter-spacing:3.5px}

/* Impact visual */
.impact-phone{animation:impactFloat 5.8s ease-in-out infinite}
@keyframes impactFloat{0%,100%{margin-top:0}50%{margin-top:-12px}}
.points-card{animation:cardFloat 4.8s ease-in-out infinite;transition:transform .4s var(--motion-ease),box-shadow .4s ease}
.points-card:hover{transform:translateY(-7px) scale(1.03);box-shadow:0 25px 55px rgba(18,61,37,.18)}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.number-tag{transition:transform .4s var(--motion-ease),box-shadow .4s ease}
.number-tag:hover{transform:rotate(8deg) scale(1.08);box-shadow:0 10px 24px rgba(25,122,62,.15)}
.impact-steps div,.hybrid-list div{transition:transform .4s var(--motion-ease),padding-left .4s var(--motion-ease)}
.impact-steps div:hover,.hybrid-list div:hover{transform:translateX(7px);padding-left:3px}
.impact-steps b,.hybrid-list b{transition:transform .35s var(--motion-ease),background .35s ease}
.impact-steps div:hover b,.hybrid-list div:hover b{transform:scale(1.12);background:#d9f3df}

/* Hybrid connection animation */
.connection-line i{animation:dataTravel 2.2s ease-in-out infinite}
.connection-line i:nth-child(2){animation-delay:.55s}.connection-line i:nth-child(3){animation-delay:1.1s}
@keyframes dataTravel{0%,100%{transform:translateX(0) scale(.75);opacity:.35}50%{transform:translateX(22px) scale(1.15);opacity:1}}
.network-card{transition:transform .5s var(--motion-ease),box-shadow .5s ease,border-color .5s ease}
.network-card:hover{transform:translateY(-9px) scale(1.025);box-shadow:0 28px 55px rgba(18,61,37,.14);border-color:#b8dec5}
.network-card span{transition:transform .5s var(--motion-ease)}
.network-card:hover span{transform:scale(1.12) rotate(-5deg)}
.hybrid-badge{box-shadow:0 12px 30px rgba(6,59,45,.2);animation:badgeGlow 3.5s ease-in-out infinite}
@keyframes badgeGlow{0%,100%{box-shadow:0 12px 30px rgba(6,59,45,.2)}50%{box-shadow:0 14px 38px rgba(12,171,86,.25)}}

/* App screens */
.screens figure{transition:transform .5s var(--motion-ease)}
.screens figure:hover{transform:translateY(-7px)}
.screens img{transition:transform .55s var(--motion-ease),box-shadow .55s ease,filter .55s ease}
.screens figure:hover img{filter:saturate(1.08) contrast(1.02)}
.screens figcaption b{transition:color .3s ease}.screens figure:hover figcaption b{color:var(--green)}

/* Greens Points scene */
.points-section{position:relative}
.points-section::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;left:-300px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,#55c87818,transparent 68%);animation:sectionGlow 8s ease-in-out infinite}
@keyframes sectionGlow{0%,100%{opacity:.45;transform:translateY(-50%) scale(.9)}50%{opacity:1;transform:translateY(-50%) scale(1.12)}}
.orb{animation:orbFloat 5.5s ease-in-out infinite,orbGlow 3.5s ease-in-out infinite;transition:transform .5s var(--motion-ease)}
.orb:hover{transform:scale(1.06) rotate(4deg)}
@keyframes orbFloat{0%,100%{margin-top:0}50%{margin-top:-14px}}
@keyframes orbGlow{0%,100%{box-shadow:0 30px 70px #0005}50%{box-shadow:0 35px 90px rgba(112,218,123,.3)}}
.leaf{animation:leafFloat 5s ease-in-out infinite}
.l2{animation-delay:-1.5s}.l3{animation-delay:-3s}
@keyframes leafFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-13px) rotate(6deg)}}

/* Privacy */
.privacy-card{transition:transform .5s var(--motion-ease),box-shadow .5s ease}
.privacy-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(16,63,36,.11)}
.privacy-icon{transition:transform .5s var(--motion-ease)}
.privacy-card:hover .privacy-icon{transform:rotate(-8deg) scale(1.08)}
.links a{position:relative}.links a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--motion-ease)}.links a:hover::after{transform:scaleX(1)}

/* Download CTA */
.download::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-320px;top:-240px;border:1px solid rgba(185,242,124,.12);box-shadow:0 0 0 55px rgba(185,242,124,.025),0 0 0 110px rgba(185,242,124,.018);animation:ctaRing 18s linear infinite}
.download:after{animation:ctaRing 15s linear infinite reverse}
@keyframes ctaRing{to{transform:rotate(360deg)}}
.play-button{box-shadow:0 12px 35px rgba(0,0,0,.18);transition:transform .4s var(--motion-ease),box-shadow .4s ease,background .3s ease}
.play-button:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 20px 45px rgba(0,0,0,.26)}
.play-button span{transition:transform .4s var(--motion-ease)}
.play-button:hover span{transform:scale(1.18)}

/* Support / footer */
.support .btn{margin-top:4px}
.support .btn.primary{animation:supportPulse 4s ease-in-out infinite}
@keyframes supportPulse{0%,100%{box-shadow:0 10px 30px #0003}50%{box-shadow:0 15px 38px rgba(12,171,86,.2)}}
.footer-links a{transition:color .3s ease,transform .3s var(--motion-ease);display:inline-block}.footer-links a:hover{transform:translateY(-2px)}

/* Mobile nav animation */
@media(max-width:760px){
  nav{transform:translateY(-10px);opacity:0;visibility:hidden;transition:transform .35s var(--motion-ease),opacity .3s ease,visibility .3s ease}
  nav.open{display:flex;transform:none;opacity:1;visibility:visible}
  nav.open a{animation:navItemIn .45s var(--motion-ease) both}
  nav.open a:nth-child(1){animation-delay:.02s}.nav.open a:nth-child(2){animation-delay:.05s}.nav.open a:nth-child(3){animation-delay:.08s}.nav.open a:nth-child(4){animation-delay:.11s}.nav.open a:nth-child(5){animation-delay:.14s}.nav.open a:nth-child(6){animation-delay:.17s}.nav.open a:nth-child(7){animation-delay:.20s}.nav.open a:nth-child(8){animation-delay:.23s}
  @keyframes navItemIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
  .menu-btn{transition:transform .35s var(--motion-ease)}
  .menu-btn:hover{transform:scale(1.1)}
  .hero-phones{animation:phonesInMobile 1s .15s var(--motion-ease) both}
  @keyframes phonesInMobile{from{opacity:0;transform:scale(.68) translateY(35px)}to{opacity:1;transform:scale(.72) translateY(0)}}
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal,.reveal-left,.reveal-right{opacity:1!important;transform:none!important;filter:none!important}
  body::before{display:none}
}