:root{--ink:#153e33;--ink2:#102d26;--cream:#f7f6f0;--paper:#fffefa;--green:#b8e96a;--soft:#e4efd4;--line:#dfe4d9;--muted:#697970;--orange:#ffca8b;--pink:#ffd9c8;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink2);font-family:'Plus Jakarta Sans',sans-serif}.site-header{height:82px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:21px;font-weight:800;text-decoration:none;color:var(--ink2);letter-spacing:-1.2px}.logo span{display:inline-grid;place-items:center;color:var(--ink2);background:var(--green);border-radius:50%;width:23px;height:23px;margin-right:4px;font-size:17px}.site-header nav{display:flex;gap:29px}.site-header nav a{font-size:13px;color:var(--muted);font-weight:700;text-decoration:none}.site-header nav a.active,.site-header nav a:hover{color:var(--ink2)}.profile-button{border:0;width:35px;height:35px;border-radius:50%;background:var(--ink2);color:#fff;font:700 13px inherit}.intro{max-width:1240px;margin:auto;min-height:548px;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;padding:35px 32px 65px}.kicker{font:500 10px 'DM Mono',monospace!important;letter-spacing:1.2px;color:#6e806e;margin:0 0 13px!important}.intro h1{font:600 clamp(42px,5.3vw,74px)/1.04 var(--serif);letter-spacing:-3.5px;margin:0 0 22px}.intro h1 em{font-weight:400;color:#488a5f}.lede{max-width:500px;line-height:1.7;color:var(--muted);font-size:14px}.intro-actions{display:flex;gap:25px;align-items:center;margin:28px 0}.dark-button,.scan-button{background:var(--ink2);color:#fff;text-decoration:none;border:0;border-radius:7px;font:700 13px 'Plus Jakarta Sans',sans-serif;padding:14px 18px;cursor:pointer}.dark-button span,.scan-button b{color:var(--green);font-size:17px;margin-left:16px}.quiet-link{font-size:12px;font-weight:700;color:var(--ink2);text-decoration:none}.trust-row{display:flex;align-items:center;gap:10px}.trust-row p{margin:0;color:var(--muted);font-size:11px}.trust-row strong{color:var(--ink2)}.avatars{display:flex}.avatars i{font-style:normal;width:25px;height:25px;border:2px solid var(--cream);border-radius:50%;display:grid;place-items:center;margin-right:-7px;font-size:11px;background:var(--green)}.avatars i:nth-child(2){background:var(--orange)}.avatars i:nth-child(3){background:var(--pink)}.hero-art{height:400px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:38% 38% 30% 30%;background:#d9eacb}.orbit{position:absolute;border:1px solid rgba(30,83,54,.15);border-radius:50%}.orbit-one{width:420px;height:420px}.orbit-two{width:310px;height:310px}.scan-window{position:relative;width:228px;height:260px;border-radius:40% 40% 34px 34px;background:#75ad75;box-shadow:inset 0 0 0 12px rgba(255,255,255,.16);z-index:1;overflow:hidden;display:grid;place-items:center}.leaf-illustration{font-size:120px;color:#e0f28b;transform:rotate(-20deg);filter:drop-shadow(12px 10px 0 rgba(32,94,60,.2))}.corner{position:absolute;width:26px;height:26px;border-color:#fff;border-style:solid}.tl{left:19px;top:19px;border-width:3px 0 0 3px}.tr{right:19px;top:19px;border-width:3px 3px 0 0}.bl{left:19px;bottom:19px;border-width:0 0 3px 3px}.br{right:19px;bottom:19px;border-width:0 3px 3px 0}.scan-line{position:absolute;top:32%;height:2px;width:82%;background:#fff;box-shadow:0 0 15px #fff;animation:scan 3s infinite alternate}@keyframes scan{to{top:68%}}.floating-card{position:absolute;z-index:2;background:#fffefa;box-shadow:0 14px 32px rgba(26,69,46,.13);border-radius:10px;padding:11px;display:flex;align-items:center;gap:8px}.floating-card small,.floating-card strong{display:block;font-size:9px}.floating-card strong{font-size:11px;margin-top:3px}.floating-card b{font-size:9px;color:#519560}.tiny-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center}.orange{background:var(--orange)}.green{background:var(--green)}.top-card{left:13px;top:52px}.bottom-card{right:2px;bottom:62px}.scanner-section{background:var(--ink2);color:#fff;padding:96px max(32px,calc((100vw - 1090px)/2))}.section-intro{text-align:center;max-width:510px;margin:0 auto 42px}.section-intro .kicker{color:#9ab69e}.section-intro h2,.impact-top h2,.learn-section h2{font:500 36px/1.1 var(--serif);letter-spacing:-1.3px;margin:0 0 13px}.section-intro>p:last-child{color:#b6c7bc;font-size:13px;line-height:1.65;margin:0}.scanner-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;max-width:930px;margin:auto}.camera-card,.identify-card{background:#f1f5eb;border-radius:15px;padding:16px}.image-preview{height:297px;border:1.5px dashed #acc3ad;border-radius:9px;background:#e0edda;display:grid;place-items:center;overflow:hidden}.image-preview img{height:100%;width:100%;object-fit:cover}.preview-placeholder{text-align:center;color:var(--ink2)}.camera-symbol{font-size:52px;color:#4d8d5f;display:block;margin-bottom:10px}.preview-placeholder strong{font:500 20px var(--serif)}.preview-placeholder p{font-size:11px;color:var(--muted)}.upload-button{display:flex;justify-content:center;gap:8px;align-items:center;border:0;background:transparent;color:var(--ink2);font-size:12px;font-weight:800;padding:14px 0 1px;cursor:pointer}.upload-button input{display:none}.identify-card{color:var(--ink2);padding:31px}.step-label{font-size:13px;font-weight:800;margin:0 0 25px}.step-label span{display:inline-grid;place-items:center;border-radius:50%;width:22px;height:22px;background:var(--ink2);color:var(--green);margin-right:8px;font:11px 'DM Mono',monospace}.field-label{display:block;font-size:11px;font-weight:800;margin:0 0 8px;color:var(--muted)}select,input{font:600 13px 'Plus Jakarta Sans',sans-serif;color:var(--ink2)}select{width:100%;border:1px solid #ccd8c9;border-radius:7px;padding:12px;background:#fffefa;margin-bottom:24px}.amount-row{display:flex;align-items:center;gap:11px;margin-bottom:28px}.amount-row .field-label{margin:0 auto 0 0}.amount-row>div{display:flex;border:1px solid #ccd8c9;background:#fffefa;border-radius:6px}.amount-row input{width:34px;border:0;text-align:center;background:transparent}.amount-button{border:0;background:transparent;font-size:18px;width:27px;color:var(--ink2);cursor:pointer}.amount-row>span{font-size:10px;color:var(--muted);width:45px}.scan-button{width:100%;padding:15px;text-align:left}.scan-button span{color:var(--green);font-size:17px;margin-right:8px}.scan-button b{float:right}.privacy-note{color:#839589;font-size:9px;text-align:center;margin:13px 0 0}.result-section{max-width:1090px;margin:74px auto 0;padding:0 32px}.hidden{display:none}.result-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.result-head h2{font:500 31px var(--serif);letter-spacing:-1px;margin:0}.close-result{background:transparent;border:0;font-size:28px;color:var(--muted);cursor:pointer}.result-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:16px}.impact-result,.swap-result{border-radius:14px;padding:29px}.impact-result{background:#fffefa;border:1px solid var(--line)}.result-icon{width:45px;height:45px;display:grid;place-items:center;background:#dceec8;border-radius:13px;font-size:24px}.impact-result>p{font-size:12px;font-weight:800;margin:17px 0 4px}.number-line{display:flex;align-items:end;gap:9px}.number-line strong{font:500 47px/1 var(--serif);letter-spacing:-2px}.number-line span{font:10px/1.3 'DM Mono',monospace;color:var(--muted)}.score-line{display:flex;align-items:center;gap:8px;margin:22px 0 10px;font-size:10px}.score-line>span{color:var(--muted)}.score-line b{font-size:10px;color:#4c945e}.rating-dots{display:flex;gap:3px}.rating-dots i{width:7px;height:7px;border-radius:50%;background:#d8dfd7}.rating-dots i.active{background:#73b65c}.result-context{font-size:11px;color:var(--muted);line-height:1.5;min-height:30px}.outline-button{border:1px solid #cad8c8;background:transparent;border-radius:6px;color:var(--ink2);font:700 11px 'Plus Jakarta Sans';padding:10px;width:100%;cursor:pointer}.outline-button span{float:right;color:#488a5f;font-size:15px}.swap-result{background:var(--green);position:relative;overflow:hidden}.swap-result:after{content:'↗';position:absolute;right:-5px;bottom:-55px;font:180px Georgia;color:rgba(255,255,255,.19)}.swap-spark{font-size:22px}.swap-result h3{font:500 28px var(--serif);letter-spacing:-1px;margin:16px 0 8px}.swap-result>p:not(.kicker){font-size:12px;max-width:340px;line-height:1.6;color:#35553a}.swap-compare{display:flex;gap:25px;margin:24px 0}.swap-compare div{border-left:1px solid rgba(21,62,51,.25);padding-left:11px}.swap-compare span,.swap-compare strong{display:block;font-size:9px}.swap-compare strong{font-size:12px;margin-top:4px}.swap-compare b{font-size:11px;color:#316f40;padding-top:8px}.swap-result .dark-button{display:inline-block;font-size:11px;position:relative;z-index:1}.impact-section{max-width:1090px;margin:100px auto;padding:0 32px}.impact-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.impact-top h2{font-size:33px}.month-controls{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px;font-weight:700}.month-controls button{background:transparent;border:1px solid var(--line);width:27px;height:27px;border-radius:50%;color:var(--ink2);cursor:pointer}.impact-dashboard{display:grid;grid-template-columns:.9fr 1.5fr .75fr;gap:15px}.footprint-card,.breakdown-card,.streak-card,.history-card{border:1px solid var(--line);border-radius:13px;background:#fffefa}.footprint-card{background:var(--ink2);color:#fff;padding:25px}.footprint-card p,.card-heading>p,.streak-card p{font:500 9px 'DM Mono',monospace;letter-spacing:1px;margin:0;color:#b8cabb}.footprint-card>strong{font:500 39px/1.2 var(--serif);display:inline-block;margin-top:23px;letter-spacing:-2px}.footprint-card>span{font-size:10px;color:#b8cabb}.goal-meter{height:5px;background:#396355;border-radius:4px;margin:19px 0 8px;overflow:hidden}.goal-meter i{display:block;height:100%;width:0;background:var(--green);transition:.4s}.footprint-card small{font-size:9px;color:#b8cabb}.breakdown-card{padding:22px}.card-heading{display:flex;justify-content:space-between;align-items:start}.card-heading>span{font-size:9px;color:var(--muted)}.breakdown-list{margin-top:18px}.breakdown-item{display:grid;grid-template-columns:85px 1fr 44px;align-items:center;gap:10px;margin:12px 0;font-size:10px}.breakdown-item div{height:6px;border-radius:4px;background:#e9ede5;overflow:hidden}.breakdown-item i{display:block;height:100%;border-radius:4px;background:#79ae64}.breakdown-item b{text-align:right;font-size:10px}.streak-card{padding:22px;background:#ffedd9}.streak-card>span{font-size:22px}.streak-card p{color:#8e6f4d;margin-top:18px}.streak-card strong{font:500 40px/1.2 var(--serif);display:block}.streak-card small{font-size:10px;color:#8e6f4d}.mini-leaves{font-size:10px;letter-spacing:4px;margin-top:20px;color:#5c9a55}.history-card{margin-top:15px;padding:22px}.history-card h3{font:500 19px var(--serif);margin:5px 0 10px}.history-card .card-heading button{background:transparent;border:0;color:#8c5147;font:700 10px 'Plus Jakarta Sans';cursor:pointer}.history-item{display:grid;grid-template-columns:35px 1fr 95px 70px 20px;gap:10px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.history-icon{width:28px;height:28px;border-radius:8px;background:#e1efd5;display:grid;place-items:center}.history-item strong,.history-item small{display:block;font-size:11px}.history-item small,.history-item time{font-size:9px;color:var(--muted)}.history-item b{text-align:right;font-size:11px}.history-item button{border:0;background:transparent;color:#9ca8a0;font-size:19px;cursor:pointer}.empty-history{text-align:center;color:var(--muted);font-size:12px;padding:20px 0}.learn-section{background:#e2efd5;padding:88px max(32px,calc((100vw - 1090px)/2))}.learn-section h2{font-size:37px}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.idea-grid article{border-top:1px solid #b8d2b4;padding-top:14px}.idea-grid span{font:11px 'DM Mono',monospace;color:#638362}.idea-grid h3{font:500 20px var(--serif);margin:20px 0 8px}.idea-grid p{color:#557059;font-size:12px;line-height:1.65;max-width:260px}footer{max-width:1240px;margin:auto;padding:35px 32px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}footer p{margin:0}
@media(max-width:700px){.site-header{height:64px;padding:0 18px}.site-header nav{gap:15px}.site-header nav a{font-size:11px}.intro{grid-template-columns:1fr;padding:44px 20px 54px;gap:32px}.intro h1{font-size:47px;letter-spacing:-2.5px}.hero-art{height:330px}.scanner-section{padding:64px 20px}.scanner-layout,.result-grid,.impact-dashboard,.idea-grid{grid-template-columns:1fr}.identify-card{padding:24px}.result-section,.impact-section{padding:0 20px;margin-top:60px}.result-head h2{font-size:27px}.impact-section{margin-bottom:70px}.impact-top{display:block}.month-controls{margin-top:16px}.history-item{grid-template-columns:32px 1fr 60px 20px}.history-item time{display:none}.learn-section{padding:60px 20px}.learn-section h2{font-size:32px}footer{padding:29px 20px}.trust-row{margin-top:22px}.scan-window{width:200px;height:228px}}
.goal-editor{display:flex;gap:5px;margin-top:13px}.goal-editor input{min-width:0;width:100%;border:1px solid #4a6a5d;border-radius:5px;background:#183a30;color:#fff;padding:7px;font-size:10px}.goal-editor input::placeholder{color:#a7c0af}.goal-editor button{border:0;border-radius:5px;background:var(--green);color:var(--ink2);font:800 10px 'Plus Jakarta Sans';padding:0 10px;cursor:pointer}.result-source{font:9px/1.4 'DM Mono',monospace!important;margin:11px 0 16px!important}.result-source a{color:#4c8060;text-decoration:none}.learn-section h2{font-size:43px}.learn-lede{max-width:560px;font-size:13px;line-height:1.75;color:#557059;margin:15px 0 35px}.featured-fact{background:var(--ink2);color:#fff;border-radius:15px;padding:32px 35px;display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:18px}.featured-fact>div{max-width:600px}.featured-fact span{font:10px 'DM Mono',monospace;letter-spacing:1px;color:#b8e96a}.featured-fact h3{font:500 29px/1.15 var(--serif);letter-spacing:-1px;margin:15px 0 10px}.featured-fact p{font-size:12px;line-height:1.65;color:#c2d2c4;margin:0}.featured-fact a{border:1px solid #547266;border-radius:6px;padding:10px 12px;text-decoration:none;color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.featured-fact a b{color:var(--green);margin-left:6px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.knowledge-grid article{border:1px solid #b8d2b4;border-radius:12px;padding:21px;min-height:240px;display:flex;flex-direction:column;background:rgba(255,255,255,.22)}.knowledge-grid article span{font:10px 'DM Mono',monospace;color:#638362;letter-spacing:.7px}.knowledge-grid h3{font:500 22px/1.13 var(--serif);letter-spacing:-.6px;margin:18px 0 10px}.knowledge-grid p{font-size:11px;line-height:1.7;color:#557059;margin:0 0 17px}.knowledge-grid a{font-size:10px;font-weight:800;color:var(--ink2);text-decoration:none;margin-top:auto}.method-note{margin-top:45px;padding-top:24px;border-top:1px solid #b8d2b4;display:grid;grid-template-columns:1.2fr 2fr auto auto;gap:20px;align-items:start}.method-note h3{font:500 19px var(--serif);margin:0}.method-note p:not(.kicker){font-size:10px;line-height:1.7;color:#557059;margin:0}.method-note a{font-size:10px;color:var(--ink2);font-weight:800;text-decoration:none;white-space:nowrap}@media(max-width:700px){.scanner-layout,.result-grid,.impact-dashboard,.knowledge-grid{grid-template-columns:1fr}.learn-section h2{font-size:34px}.featured-fact{display:block;padding:25px}.featured-fact h3{font-size:26px}.featured-fact a{display:inline-block;margin-top:18px}.knowledge-grid article{min-height:0}.method-note{grid-template-columns:1fr;gap:12px}.method-note a{margin-top:3px}}
.install-button{border:1px solid var(--line);background:var(--paper);border-radius:7px;color:var(--ink2);font:800 11px 'Plus Jakarta Sans';padding:9px 11px;cursor:pointer}.sprint-section{max-width:1090px;margin:0 auto;padding:10px 32px 100px}.sprint-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.sprint-intro h2{font:500 38px/1.08 var(--serif);letter-spacing:-1.4px;margin:0 0 12px}.sprint-intro>div:first-child>p:last-child{margin:0;max-width:550px;color:var(--muted);font-size:13px;line-height:1.7}.personal-best{min-width:110px;background:var(--orange);padding:14px 16px;border-radius:10px}.personal-best span,.personal-best small{display:block;font:9px 'DM Mono',monospace;color:#725438}.personal-best strong{font:500 30px/1.1 var(--serif);display:inline-block;margin-top:4px}.sprint-game{border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden;box-shadow:var(--shadow)}.game-top{padding:18px 24px;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;border-bottom:1px solid var(--line);font:10px 'DM Mono',monospace;color:var(--muted)}.game-progress{height:6px;border-radius:6px;background:#e6ebe3;overflow:hidden}.game-progress i{display:block;width:0;height:100%;background:var(--green);transition:width .35s}.game-score b{color:var(--ink2)}.game-card{padding:38px 24px 27px;max-width:720px;margin:auto;text-align:center}.game-category{font:500 10px 'DM Mono',monospace;letter-spacing:1px;color:#699d63;margin:0 0 16px}.game-card h3{font:500 31px/1.16 var(--serif);letter-spacing:-1.2px;margin:0 auto 26px;max-width:620px}.game-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.game-choice{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid var(--line);border-radius:9px;padding:13px;background:#fffefa;color:var(--ink2);font:800 12px 'Plus Jakarta Sans';cursor:pointer;transition:.16s}.game-choice:hover:not(:disabled){border-color:#75a96c;transform:translateY(-2px)}.game-choice span{font-size:21px}.game-choice.correct{background:#dff1d7;border-color:#75a96c}.game-choice.wrong{background:#ffebe4;border-color:#df8d6b}.game-choice:disabled{cursor:default}.game-feedback{min-height:35px;margin:19px auto 13px;max-width:600px;font-size:11px;line-height:1.6;color:var(--muted)}.game-feedback.good{color:#397e4d}.game-feedback.nope{color:#9a5947}.next-round{border:0;border-radius:6px;background:var(--ink2);color:#fff;font:800 11px 'Plus Jakarta Sans';padding:11px 15px;cursor:pointer}.next-round:disabled{opacity:.35;cursor:not-allowed}.next-round span{color:var(--green);margin-left:8px}.game-footer{background:#eef4e7;padding:12px 24px;display:flex;justify-content:space-between;font-size:10px;color:#58715b}.game-footer button{border:0;background:transparent;color:var(--ink2);font:800 10px 'Plus Jakarta Sans';cursor:pointer}.mobile-nav{display:none}
@media(max-width:700px){body{padding-bottom:70px}.site-header{padding-top:env(safe-area-inset-top)}.site-header nav,.install-button{display:none}.intro{padding-top:34px}.sprint-section{padding:0 20px 65px}.sprint-intro{display:block}.sprint-intro h2{font-size:33px}.personal-best{display:inline-block;margin-top:18px}.game-top{padding:15px 16px;grid-template-columns:1fr auto;gap:11px}.game-round{grid-column:1/2}.game-score{grid-column:2}.game-progress{grid-row:2;grid-column:1/3}.game-card{padding:29px 15px 22px}.game-card h3{font-size:27px}.game-options{grid-template-columns:1fr}.game-choice{padding:12px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:20;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,254,250,.96);backdrop-filter:blur(10px)}.mobile-nav a{text-decoration:none;color:var(--muted);font-size:9px;font-weight:800;text-align:center}.mobile-nav span{display:block;color:var(--ink2);font-size:17px;margin-bottom:3px}}