:root{--ink:#103f31;--muted:#587368;--bg:#f5f9f1;--mint:#e5f3df;--lime:#b4e66d;--teal:#39b8a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 56px));margin:auto}.nav{height:94px;display:flex;gap:36px}.brand,.nav{align-items:center}.brand{font-weight:900;font-size:30px;letter-spacing:-1.8px;display:inline-flex;gap:9px}.brand-mark{display:inline-grid;place-items:center;background:var(--ink);color:#c8ef92;border-radius:11px;width:36px;height:36px;font-size:24px}.nav nav{display:flex;gap:32px;margin:auto;font-size:14px;font-weight:700}.nav-button{border:1px solid #b7d0bd;border-radius:30px;padding:14px 20px;font-size:13px;font-weight:800}.nav-button span{margin-left:14px}.hero{min-height:665px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;grid-gap:40px;gap:40px;padding-top:30px;padding-bottom:90px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#438c63}.leaf{font-size:18px;margin-right:8px}.hero h1{font-size:clamp(58px,6.5vw,95px);line-height:1.03;letter-spacing:-5px;margin:24px 0}.early h2 span,.features h2 span,.hero h1 span,.mission h2 span,.section h2 span{color:#65a96e}.hero-copy>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:525px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 24px;border-radius:30px;font-size:14px;font-weight:800}.primary{background:var(--ink);color:white}.subtle-link{font-size:14px;font-weight:800}.hero-caption{margin-top:56px;font-size:12px;color:#71887a}.caption-dot{display:inline-block;width:8px;height:8px;background:#7dc875;border-radius:50%;margin-right:8px}.hero-visual{position:relative;min-height:590px;display:grid;place-items:center;background:radial-gradient(ellipse,#d8edce 0,#ecf7e9 42%,transparent 70%);overflow:visible}.phone{width:260px;height:530px;border:9px solid #1c2824;border-radius:43px;background:white;box-shadow:15px 28px 65px #315b3c35;position:relative;transform:rotate(4deg);padding:12px 9px;z-index:2}.phone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:75px;height:17px;background:#1c2824;border-radius:20px;z-index:4}.phone-inner{height:100%;background:#fafff8;border-radius:30px;padding:23px 11px 8px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.phone-head{display:flex;justify-content:space-between;width:100%;font-size:13px}.mini-brand{font-weight:900;font-style:italic;color:var(--ink)}.phone-title{font-size:15px;font-weight:900;margin-top:20px}.ring{margin:22px auto 18px;width:190px;height:190px;border-radius:50%;background:conic-gradient(#9dd74c 0 32%,#47c8ba 32% 60%,#c7e98b 60% 82%,#e2eee0 82% 100%);display:grid;place-items:center}.ring-inner{width:152px;height:152px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-leaf{color:#79bd56;font-size:22px}.ring strong{font-size:67px;line-height:1}.ring small{font-size:10px;font-weight:900}.phone-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;width:100%}.phone-stats>div{background:#eff9e9;border-radius:12px;padding:9px 5px;text-align:center;display:flex;flex-direction:column;gap:3px}.phone-stats span{color:#58ae5d}.phone-stats strong{font-size:15px}.phone-stats small{font-size:9px;color:#537464}.phone-highlight{font-size:9px;font-weight:800;background:#e6f6e2;border-radius:10px;margin-top:10px;padding:10px 5px;width:100%;text-align:center}.phone-tabs{display:flex;justify-content:space-around;width:100%;margin-top:auto;color:#739b83}.float-pill{position:absolute;background:white;box-shadow:0 12px 30px #46664c1b;padding:15px 20px;border-radius:30px;font-weight:800;font-size:13px;z-index:3}.float-top{top:125px;left:0;transform:rotate(-7deg)}.float-bottom{bottom:92px;right:-10px;transform:rotate(6deg)}.float-bottom span{color:#4caa6c}.proof{background:#e7f2e1;border-block:1px solid #dce9d5}.proof-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 0;color:#4f8464;font-size:11px;letter-spacing:1.7px;font-weight:900}.features,.section{padding:110px 0}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.early h2,.mission h2,.section-intro h2{font-size:clamp(42px,5vw,66px);line-height:1.1;letter-spacing:-3px;margin:20px 0 0}.section-intro>p{color:var(--muted);max-width:380px;line-height:1.75}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.step{background:white;border:1px solid #e2ece0;border-radius:25px;padding:28px;min-height:315px}.step-no{color:#80b37a;font-size:13px;font-weight:900}.step-art{font-size:52px;height:100px;display:flex;align-items:center;color:#5ca66e}.step h3{font-size:24px;letter-spacing:-.7px}.feature-card p,.step p{font-size:14px;line-height:1.75;color:var(--muted)}.features{background:#eaf5e7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.feature-card{background:#fff;border-radius:25px;padding:28px;min-height:405px;overflow:hidden}.feature-label{font-size:11px;letter-spacing:1.5px;color:#649c6a;font-weight:900}.feature-card h3{font-size:25px;letter-spacing:-1px;margin:20px 0 10px}.feature-card>p{min-height:75px}.activity-list{display:grid;grid-gap:12px;gap:12px;margin-top:25px}.activity-item{display:flex;gap:10px;align-items:center;background:#f2f8ee;border-radius:13px;padding:12px 10px}.activity-icon{font-size:23px}.activity-info{display:flex;flex-direction:column;gap:4px}.activity-impact strong,.activity-info strong{font-size:12px}.activity-impact small,.activity-info small{font-size:10px;color:#789283}.activity-impact{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:4px}.challenge-preview{margin-top:25px;background:#edf8e9;border-radius:18px;padding:16px;display:flex;gap:14px;align-items:center}.challenge-icon{font-size:43px}.challenge-preview>div:last-child{display:flex;flex-direction:column;gap:8px}.challenge-preview small{font-size:10px;color:#63856c}.challenge-preview strong{font-size:14px}.progress{height:8px;background:#d3e8c9;border-radius:20px;overflow:hidden}.progress span{display:block;width:60%;height:100%;background:#84c657;border-radius:20px}.leaderboard{margin-top:25px;display:grid;grid-gap:10px;gap:10px}.leaderboard>div{display:flex;align-items:center;gap:12px;background:#f3f8f0;padding:13px;border-radius:12px}.leaderboard b{margin-left:auto;color:#2c8152}.leaderboard .you{background:#dcf4d3}.concept-note{font-size:12px;color:#698271;margin-top:25px}.mission{background:#164734;color:white;padding:105px 0}.mission-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:80px;gap:80px;align-items:center}.mission .eyebrow{color:#bce78e}.mission h2 span{color:#b6e98b}.mission p{color:#d0e4d7;line-height:1.85;font-size:18px}.mission .subtle-link{display:inline-block;margin-top:15px;color:#c1ef9d}.early{padding:105px 0;text-align:center;background:linear-gradient(135deg,#e3f4d9,#f6fbf0)}.early-symbol{display:inline-grid;place-items:center;width:55px;height:55px;background:#d2ebc4;border-radius:50%;font-size:32px;color:#4e9d63;margin-bottom:25px}.early h2{margin:20px 0}.early p{color:var(--muted);line-height:1.8;max-width:490px;margin:0 auto 26px}.dark{background:var(--ink);color:white}.early small{display:block;margin:20px auto 0;max-width:480px;color:#779082;line-height:1.6}.footer{min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer>span{color:#779082;font-size:12px}@media(max-width:900px){.nav nav{gap:16px}.hero{grid-template-columns:1fr 1fr}.hero-visual{transform:scale(.85)}.float-top{left:-25px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:span 2}}@media(max-width:700px){.shell{width:calc(100% - 36px)}.nav{height:76px}.nav nav{display:none}.nav-button{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:30px;gap:0}.hero h1{letter-spacing:-3px}.hero-visual{min-height:550px;transform:scale(.9)}.float-top{left:0}.float-bottom{right:0}.hero-caption{margin-top:30px}.proof-row{flex-wrap:wrap;justify-content:center;text-align:center}.proof-row span:nth-child(4),.proof-row span:nth-child(5){display:none}.features,.section{padding:75px 0}.section-intro{display:block}.feature-grid,.mission-grid,.steps{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.mission{padding:75px 0}.mission-grid{gap:25px}.footer{flex-wrap:wrap;padding:30px 0}.footer>span{width:100%}}@media(prefers-reduced-motion:no-preference){.phone{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:rotate(2deg) translateY(-9px)}}}.brand-mark{background:transparent;width:45px;height:49px;border-radius:0}.brand-mark img{width:100%;height:100%;object-fit:contain}.mini-brand{display:inline-flex;align-items:center;gap:4px}.mini-brand img{width:17px;height:21px;object-fit:contain}.official-logo{display:block;width:155px;height:auto;max-height:62px;object-fit:contain}.footer .official-logo{width:140px}.contact-email{display:block;width:max-content;max-width:100%;margin:17px auto 0;color:#103f31;font-weight:800;font-size:15px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.contact-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:26px auto 0;width:100%}.contact-actions .button{display:inline-flex;width:max-content;max-width:100%;margin:0}.contact-actions .contact-email{display:block;margin:0;font-size:15px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}.contact-actions small{display:block;margin:4px 0 0;text-align:center;color:#779082;line-height:1.6}.app-landing{overflow:hidden}.app-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;grid-gap:60px;gap:60px;min-height:680px;padding-top:65px;padding-bottom:90px}.app-hero h1{font-size:clamp(58px,7vw,100px);line-height:1.02;letter-spacing:-5px;margin:25px 0}.app-details h2 span,.app-hero h1 span{color:#65a96e}.app-hero-copy>p{color:var(--muted);font-size:18px;line-height:1.75;max-width:520px}.app-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.app-hero-copy .app-status{font-size:12px;margin-top:26px;color:#6b8976}.app-showcase{position:relative;min-height:590px;display:grid;place-items:center;background:radial-gradient(ellipse,#d7eed2 0,#edf8e8 45%,transparent 72%)}.app-preview-phone{width:290px;min-height:540px;border:9px solid #183d32;border-radius:42px;background:#fbfff9;padding:28px 16px 20px;box-shadow:12px 25px 55px #174f3329;transform:rotate(3deg)}.app-preview-top{display:flex;align-items:center;gap:5px;color:#124231}.app-preview-top img{width:24px;height:28px}.app-preview-top strong{font-size:22px;font-style:italic}.app-preview-top span{margin-left:auto;font-size:12px}.app-preview-heading{text-align:center;font-size:17px;font-weight:900;margin-top:26px}.app-preview-ring{margin:24px auto}.app-preview-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.app-preview-cards div{background:#e9f7e4;border-radius:13px;padding:15px 8px;text-align:center;display:grid;grid-gap:6px;gap:6px}.app-preview-cards strong{font-size:19px}.app-preview-cards span{font-size:11px;color:#5d806b}.app-preview-streak{margin-top:14px;background:#e8f7e5;padding:12px 7px;border-radius:12px;text-align:center;font-size:11px;font-weight:700}.app-preview-tag{position:absolute;right:0;bottom:30px;background:white;padding:12px 17px;border-radius:22px;font-size:12px;color:#557663;box-shadow:0 8px 25px #285f3220}.app-details{background:#eaf5e7;padding:100px 0}.app-details h2{font-size:clamp(38px,5vw,62px);letter-spacing:-2px;margin:20px 0 45px}.app-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.app-detail-grid article{background:white;border:1px solid #dcebd8;border-radius:24px;padding:30px;min-height:245px}.app-detail-grid article>span{font-size:13px;font-weight:900;color:#5e9b6d}.app-detail-grid h3{font-size:25px;margin:32px 0 10px}.app-detail-grid p{font-size:14px;line-height:1.7;color:var(--muted)}.app-join{text-align:center;padding:110px 0}.app-join h2{font-size:clamp(42px,5vw,66px);letter-spacing:-3px;margin:18px 0}.app-join p{max-width:550px;margin:0 auto 28px;line-height:1.8;color:var(--muted)}.app-join small{display:block;margin-top:18px;color:#6b8976}.early-app-button{margin:0 auto 12px}.button,.nav-button{transition:transform .2s ease,box-shadow .2s ease}.button:hover,.nav-button:hover{transform:translateY(-2px);box-shadow:0 9px 25px #103f3120}.button:focus-visible,.nav-button:focus-visible,a:focus-visible{outline:3px solid #39b8a4;outline-offset:4px}@media(max-width:800px){.app-hero{grid-template-columns:1fr;gap:0;padding-top:50px;padding-bottom:40px}.app-showcase{min-height:600px}.app-detail-grid{grid-template-columns:1fr}.app-details{padding:75px 0}}@media(max-width:500px){.app-hero h1{letter-spacing:-3px}.app-hero-actions{gap:20px}.app-showcase{min-height:570px}.app-preview-phone{transform:scale(.92) rotate(2deg)}.app-preview-tag{right:0;bottom:12px}.nav-button{padding:12px;font-size:12px}.official-logo{width:130px}}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.step{padding:23px}.step h3{font-size:22px}@media(max-width:1000px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.steps{grid-template-columns:1fr}}