:root{color:#244337;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--cream:#f7f0df;--paper:#fffaf0;--green:#244337;--green-2:#446b54;--soft-green:#e2eadc;--gold:#c89b3c;--muted:#6e7c70;--line:#24433724;--shadow:0 24px 60px #25372b29;background:#f7f0df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 0 0,#fff7e6 0,#f7f0df 40%,#eef4e7 100%);min-height:100vh}.hero-panel{border-bottom:1px solid var(--line);padding:22px min(5vw,64px) 36px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:46px;display:flex}.brand{color:var(--green);align-items:center;gap:12px;font-weight:800;text-decoration:none;display:inline-flex}.brand img{width:44px;height:44px}.status-pill,.eyebrow{color:var(--green-2);border:1px solid var(--line);letter-spacing:.02em;text-transform:uppercase;background:#446b541a;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(420px,.88fr);align-items:center;gap:clamp(20px,3vw,32px);display:grid}h1{color:var(--green);letter-spacing:-.07em;max-width:820px;margin:18px 0;font-size:clamp(42px,7vw,82px);line-height:.9}.hero-copy{color:#4d6255;max-width:780px;font-size:clamp(18px,2.2vw,24px);line-height:1.45}.hero-actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.primary,.secondary,.screen-nav button,.choice-button,.disabled-cta{border:1px solid var(--line);border-radius:999px;padding:12px 18px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.primary{background:var(--green);color:#fff}.secondary{color:var(--green);background:#fff}.disclaimer{color:#6e6a5c;max-width:850px;font-size:14px}.system-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffd6;border-radius:clamp(22px,5cqw,32px);min-width:0;padding:clamp(16px,5cqw,28px);overflow:hidden;container-type:inline-size}.system-card h2{color:var(--green);letter-spacing:-.045em;margin:0 0 8px;font-size:clamp(21px,7cqw,30px);line-height:1.05}.muted{color:var(--muted)}.system-card>.muted{margin:0;font-size:clamp(13px,3.6cqw,16px);line-height:1.45}.cycle-frame{background:linear-gradient(#f8fbf5d1,#ffffff9e);border:1px solid #cbdcc5;border-radius:clamp(18px,5cqw,24px);min-width:0;margin-top:clamp(14px,5cqw,22px);padding:clamp(8px,3.5cqw,16px)}.square-cycle{grid-template-rows:auto clamp(18px,7cqw,36px) auto;grid-template-columns:minmax(0,1fr) clamp(18px,7cqw,36px) minmax(0,1fr);align-items:stretch;gap:clamp(5px,2.2cqw,10px);min-width:0;display:grid}.node{border:1px solid var(--line);background:var(--soft-green);overflow-wrap:normal;word-break:normal;border-radius:clamp(14px,5cqw,22px);min-width:0;min-height:clamp(72px,22cqw,104px);padding:clamp(8px,3.4cqw,18px)}.node-title{flex-wrap:nowrap;align-items:center;gap:clamp(4px,1.6cqw,8px);margin-bottom:4px;font-size:clamp(11px,4.2cqw,18px);line-height:1.05;display:flex}.node-num{border:1px solid var(--line);width:1.5em;height:1.5em;color:var(--green);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1em;font-weight:850;line-height:1;display:inline-flex;box-shadow:0 6px 16px #17332212}.node b{white-space:nowrap;font-size:1em;display:block}.node p{color:var(--muted);margin:0;font-size:clamp(11px,3.8cqw,14px);line-height:1.25}.connect{grid-area:1/1}.contribute{grid-area:1/3}.compound{grid-area:3/1}.claim{grid-area:3/3}.arrow{color:var(--green);text-align:center;font-size:26px;font-style:normal;font-weight:950}.right{grid-area:1/2}.down{grid-area:2/3;justify-self:center}.left{grid-area:3/2}.up{grid-area:2/1;justify-self:center}.feedback-note{color:var(--muted);text-align:center;margin-top:14px;padding:8px 4px;font-size:14px}main{grid-template-columns:230px minmax(0,1fr);gap:24px;padding:28px min(5vw,64px) 56px;display:grid}.screen-nav{border:1px solid var(--line);background:#ffffff80;border-radius:24px;align-self:start;gap:8px;padding:10px;display:grid;position:sticky;top:12px}.screen-nav button{text-align:left;color:var(--green);background:0 0;padding:10px 12px}.screen-nav button.active{background:var(--green);color:#fff}.screen-panel{min-width:0}.screen-content{border:1px solid var(--line);background:#fffaf0eb;border-radius:30px;padding:clamp(20px,4vw,36px);box-shadow:0 16px 44px #25372b1a}.section-title{margin-bottom:24px}.section-title h2{color:var(--green);letter-spacing:-.05em;margin:16px 0;font-size:clamp(30px,4vw,52px);line-height:1}.section-title p:not(.eyebrow){color:#5f6d62;max-width:900px;font-size:18px;line-height:1.55}.card-grid{gap:16px;margin-top:18px;display:grid}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card,.soft-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:18px;box-shadow:0 10px 22px #25372b0f}.metric-card span,.metric-card small{color:var(--muted);display:block}.metric-card strong{color:var(--green);letter-spacing:-.04em;overflow-wrap:anywhere;margin:9px 0;font-size:clamp(24px,3vw,34px);line-height:1;display:block}.metric-card small{font-size:13px}.metric-link{text-align:left;cursor:pointer;width:100%}.metric-link:hover{border-color:#8fb883;transform:translateY(-1px);box-shadow:0 12px 26px #446b541f}.soft-card h3{color:var(--green);margin:0 0 10px}ul{color:#53655a;padding-left:20px}li{margin:6px 0}.danger-soft{background:#fff7f0}.callout{color:#53431d;background:#fff4cf;border:1px solid #c89b3c59;border-radius:22px;margin-top:20px;padding:16px 18px;line-height:1.55}.callout.green{background:var(--soft-green);color:var(--green)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.form-stack{gap:14px;display:grid}label{color:var(--green);gap:8px;font-weight:800;display:grid}label,input,select,textarea{min-width:0}input,select,textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;max-width:100%;color:var(--green);font:inherit;background:#fff;border-radius:16px;padding:12px}button:disabled{opacity:.55;cursor:not-allowed}textarea{resize:vertical;min-height:100px}.auth-row,.pill-row,.mode-row{flex-wrap:wrap;gap:10px;display:flex}.pill-row span,.step-strip button{background:var(--soft-green);border:1px solid var(--line);color:var(--green);cursor:pointer;border-radius:999px;padding:8px 12px;font-weight:800}.step-strip{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.backend-status{color:var(--green);border:1px solid var(--line);background:#ffffff9e;border-radius:18px;max-width:850px;padding:10px 12px}.profile-builder{margin-top:18px}.full-width{text-align:center;justify-content:center;width:100%}.logged-in-profile-fields{margin-top:10px}.account-settings-grid{grid-template-columns:1fr}.account-settings-row{grid-column:1/-1}.confirm-update{color:#355f3d;background:#eef7e9;border-color:#b7d1ae;margin-top:14px;box-shadow:0 8px 18px #446b541a}.self-directed-button{color:#355f3d;background:#eef7e9;border-color:#b7d1ae;margin:10px 0 2px;box-shadow:0 8px 18px #446b541a}.self-directed-button.selected{color:#244337;background:#dbeed3;border-color:#8fb883;box-shadow:inset 0 0 0 1px #446b542e,0 8px 18px #446b541f}.contribution-mode-button{color:#355f3d;background:#f8fbf5;border-color:#b7d1ae;margin:0;box-shadow:0 8px 18px #446b5414}.contribution-mode-button.selected{background:var(--green);border-color:var(--green);color:#fff;box-shadow:inset 0 0 0 1px #ffffff2e,0 10px 20px #446b5433}.compact-callout{margin-top:12px}.login-metrics{margin-top:16px}.logout-button{margin-top:14px}.logout-button:hover,.auth-pop-button:hover{border-color:#8fb883;transform:translateY(-2px)scale(1.025);box-shadow:0 14px 26px #25372b29}.create-account-button{color:#244337;background:linear-gradient(135deg,#d8bc72,#c99a3d);border-color:#b98628;box-shadow:0 12px 24px #b9862838}.create-account-button:hover{border-color:#9f721d;transform:translateY(-2px)scale(1.015);box-shadow:0 16px 30px #b9862847}.result-list,.profile-results{gap:10px;margin-top:12px;display:grid}.profile-results{max-height:420px;padding-right:4px;overflow-y:auto}.result-list button,.profile-results button{text-align:left;border:1px solid var(--line);color:var(--green);cursor:pointer;background:#fff;border-radius:18px;gap:4px;padding:12px;display:grid}.result-list small,.profile-results small,.profile-results span{color:var(--muted)}.selected-connector{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.selected-connector button{flex:none;padding:8px 12px;font-size:13px}.info-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.info-heading h4{margin:0}.info-disclosure summary{color:var(--green);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-weight:800;list-style:none;display:flex}.info-disclosure summary::-webkit-details-marker{display:none}.info-disclosure .info-panel{margin-top:10px}.small-info-toggle{flex:none;align-self:center;width:30px;height:30px;padding:0}.selected-recognition{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.selected-recognition span{gap:3px;display:grid}.selected-recognition small{color:var(--muted)}.selected-recognition-actions{flex-wrap:wrap;gap:10px;display:flex}.selected-recognition-actions button{flex:none}.selected-recognition.confirmed{border-color:#8fb883;box-shadow:inset 0 0 0 2px #446b5424}.selected-recognition-actions .action-clicked{color:#244337;background:#dbeed3;border-color:#8fb883}.compact-callout.confirmed,.compact-callout.cleared{font-weight:800}.empty-results-note{margin:6px 0 0}.connector-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.connector-filter-grid label{grid-template-rows:auto 1fr}.connector-filter-grid select{height:100%;min-height:45px}.profile-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.profile-search-field{grid-column:1/-1}.create-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.profile-name-field{grid-column:1/-1}.field-error{color:#8a4a19;font-weight:700}select[aria-invalid=true],input[aria-invalid=true]{border-color:#b8682c;box-shadow:0 0 0 3px #b8682c24}.modal-backdrop{z-index:20;background:#102a1c6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#fffaf0;border-radius:28px;width:min(760px,100%);max-height:90vh;padding:clamp(20px,4vw,34px);position:relative;overflow:auto;box-shadow:0 28px 80px #102a1c47}.modal-card h3{color:var(--green);letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(28px,4vw,42px)}.modal-close{border:1px solid var(--line);color:var(--green);cursor:pointer;background:#fff;border-radius:50%;width:36px;height:36px;font-size:24px;position:absolute;top:14px;right:14px}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0 14px}.contribution-entry-grid{align-items:end}.contribution-entry-grid label{grid-template-rows:auto 1fr}.contribution-entry-grid input,.contribution-entry-grid select{height:48px;min-height:48px}.password-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.password-wrap button{border:1px solid var(--line);background:var(--soft-green);color:var(--green);border-radius:14px;padding:10px 12px;font-weight:800}.password-rules{color:var(--muted);border:1px solid var(--line);background:#ffffffb3;border-radius:18px;grid-column:1/-1;gap:6px;margin-bottom:14px;padding:12px;display:grid}.password-rules strong{color:var(--green)}.password-rules ul,.password-rules p{color:#8a4a19;margin:0}.bar-chart{background:#102a1c;border-radius:24px;align-items:end;gap:12px;height:240px;margin-top:20px;padding:22px;display:flex}.bar-chart span{background:linear-gradient(#d8bc72,#6f936a);border-radius:12px 12px 4px 4px;flex:1;min-height:20px}.choice-row{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.choice-button{color:var(--green);text-align:center;background:#fff;place-items:center;min-height:116px;display:grid}.choice-button small{color:var(--muted);display:block}.disabled-cta{color:#5a5a50;cursor:not-allowed;background:#d7d7d0}.continue-cta{cursor:pointer;align-items:center;gap:8px;margin-top:22px;display:inline-flex}.tree-card{align-content:start;gap:14px;display:grid}.growth-preview-header{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.growth-preview-header strong{text-transform:none;font-size:15px}.tree-visual{background-color:#173d2b;background-image:url(/assets/contribution-growth-stages-3Ul6ow6Q.svg);background-position:0%;background-size:1000% 100%;border-radius:24px;place-items:end start;min-height:310px;transition:background-position 1.45s cubic-bezier(.22,1,.36,1),transform 1.1s,filter 1.1s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3,0 18px 34px #25372b2e}.tree-visual.transforming{animation:1.45s both growth-transform}@keyframes growth-transform{0%{filter:saturate(.92)brightness(.96);transform:scale(.985)}45%{filter:saturate(1.2)brightness(1.1);transform:scale(1.018)}to{filter:saturate()brightness();transform:scale(1)}}.growth-fireworks{z-index:1;pointer-events:none;position:absolute;inset:0}.growth-fireworks span{opacity:0;background:#fff2a8;border-radius:50%;width:12px;height:12px;animation:1.35s ease-out both firework-burst;position:absolute;box-shadow:0 0 #fff2a8c7,28px 0 0 -2px #f7d26b,-26px 0 0 -2px #f7d26b,0 28px 0 -2px #f7d26b,0 -26px 0 -2px #f7d26b,20px 20px 0 -3px #fffaf0,-20px 20px 0 -3px #fffaf0,20px -20px 0 -3px #fffaf0,-20px -20px 0 -3px #fffaf0}.growth-fireworks span:first-child{top:24%;left:22%}.growth-fireworks span:nth-child(2){animation-delay:.16s;top:20%;left:64%;transform:scale(.9)}.growth-fireworks span:nth-child(3){animation-delay:.3s;top:46%;left:48%;transform:scale(1.1)}.growth-fireworks span:nth-child(4){animation-delay:.46s;top:48%;left:76%;transform:scale(.82)}.growth-fireworks span:nth-child(5){animation-delay:.62s;top:62%;left:34%;transform:scale(1.18)}.growth-fireworks span:nth-child(6){animation-delay:.78s;top:48%;left:14%;transform:scale(.72)}.growth-fireworks span:nth-child(7){animation-delay:.94s;top:68%;left:58%;transform:scale(.98)}.growth-fireworks span:nth-child(8){animation-delay:1.1s;top:32%;left:82%;transform:scale(1.08)}.growth-fireworks span:nth-child(9){animation-delay:1.24s;top:16%;left:42%;transform:scale(.76)}.growth-fireworks span:nth-child(10){animation-delay:1.38s;top:62%;left:70%;transform:scale(1.22)}@keyframes firework-burst{0%{opacity:0;transform:scale(.2);box-shadow:0 0 #fff2a8c7,0 0 0 -8px #f7d26b}18%{opacity:1}55%{opacity:.95;transform:scale(1.6)}to{opacity:0;transform:scale(2.6)}}.growth-art-seed{background-position:0%}.growth-art-sprout{background-position:11.111%}.growth-art-sapling{background-position:22.222%}.growth-art-olive{background-position:33.333%}.growth-art-maple{background-position:44.444%}.growth-art-sequoia{background-position:55.555%}.growth-art-grove{background-position:66.666%}.growth-art-orchard{background-position:77.777%}.growth-art-forest{background-position:88.888%}.growth-art-rainforest{background-position:100%}.growth-preview-scrim{background:linear-gradient(90deg,#102a1c94,#0000 56%),linear-gradient(#0000 52%,#102a1c57);position:absolute;inset:0}.tree-visual:after{content:"";width:var(--level-progress,0%);background:var(--circle-color,var(--green));height:8px;box-shadow:0 0 18px var(--circle-color,var(--green));transition:width .22s;position:absolute;bottom:0;left:0;right:auto}.growth-preview-badge{z-index:1;color:var(--green);background:#fffaf0eb;border-radius:999px;align-items:center;gap:10px;margin:18px;padding:10px 14px;display:inline-flex;position:relative;box-shadow:0 14px 28px #102a1c38}.growth-preview-badge span{border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #ffffffbf}.growth-path{flex-wrap:wrap;gap:9px;display:flex}.growth-path button{color:var(--green);cursor:pointer;background:#ffffffd1;border:1px solid #24433733;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:13px;font-weight:850;display:inline-flex;box-shadow:0 6px 14px #25372b0f}.growth-path button span{background:var(--chip-color,var(--green));width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--chip-color,var(--green)) 22%, transparent);border-radius:50%}.growth-path button:hover{border-color:var(--chip-color,#b7d1ae);transform:translateY(-1px)}.growth-path button.active{color:var(--green);border-color:var(--chip-color,var(--green));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--chip-color,var(--green)) 36%, transparent), 0 10px 20px color-mix(in srgb, var(--chip-color,var(--green)) 24%, transparent);background:#fff}.growth-path button.active span{background:var(--chip-color,var(--green))}.growth-path button.preview:not(.active){border-color:var(--chip-color,#b7d1ae);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--chip-color,var(--green)) 22%, transparent), 0 8px 18px #25372b14}.growth-path button.next:not(.active){background:#ffffffd1;border-color:#24433733}.circle-details{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.circle-details strong{color:var(--green)}.circle-details span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.payment-summary{border:1px solid var(--line);background:var(--soft-green);color:var(--green);border-radius:18px;gap:6px;margin:16px 0;padding:14px;display:grid}.payment-summary span{color:var(--muted)}.payment-modal .form-grid{margin-top:16px}.label-with-info{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.market-note{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;gap:8px;padding:12px;display:grid}.market-note p{color:var(--muted);margin:0}.fund-guide-group{gap:10px;display:grid}.info-toggle{width:36px;height:36px;color:var(--green);cursor:pointer;background:#eef7e9;border:1px solid #b7d1ae;border-radius:50%;align-self:end;place-items:center;font-weight:950;display:grid;box-shadow:0 8px 18px #446b5414}.info-toggle.active,.info-toggle[aria-expanded=true]{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 0 0 4px #446b5429,0 10px 20px #25372b29}.info-toggle.small-info-toggle{align-self:center;width:30px;height:30px;padding:0}.info-panel{color:var(--muted);background:#f5faef;border:1px solid #b7d1ae;border-radius:18px;padding:14px;box-shadow:0 10px 22px #25372b0f}.info-panel strong{color:var(--green)}.info-panel p{margin:8px 0 0}.growth-basis{color:var(--muted);margin:-2px 0 0;line-height:1.45}.growth-basis strong{color:var(--green)}.contribution-totals-grid{margin-bottom:16px}.contribution-ledger{gap:10px;margin-top:16px;display:grid}.ledger-scroll{gap:10px;max-height:300px;padding-right:4px;display:grid;overflow:auto}.ledger-row{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;gap:4px;padding:12px;display:grid}.ledger-row span,.ledger-row small{color:var(--muted)}.nav-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logout-nav-button{margin-left:auto}.bottom-logout-actions{margin-top:18px}.claim-flow-card{align-content:start}.claim-choice-row{grid-template-columns:1fr;margin-bottom:0}.linked-child-card{border:1px solid var(--line);background:#f8fbf5;border-radius:20px;gap:14px;padding:14px;display:grid}.guardian-picker{border:1px solid var(--line);background:#f8fbf5;border-radius:20px;gap:10px;margin-top:14px;padding:14px;display:grid}.guardian-picker h4{color:var(--green);margin:0}.modal-guardian-picker{grid-column:1/-1}.claim-amount-box{color:var(--green);background:#f8fbf5;border:1px solid #b7d1ae;border-radius:20px;gap:6px;padding:16px;display:grid}.claim-amount-box span,.claim-amount-box small{color:var(--muted)}.claim-amount-box strong{letter-spacing:-.045em;font-size:clamp(28px,4vw,42px);line-height:1}.claim-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.verification-privacy-grid{margin:16px 0}.verification-privacy-grid .soft-card{border-radius:20px;padding:14px}.modal-card .verification-privacy-grid h3{letter-spacing:-.02em;margin-bottom:8px;font-size:18px}.verification-privacy-grid ul{margin:0}.ripple-card{margin-top:18px}.ripple-visual{background:radial-gradient(circle,#6f936a1f,#0000 70%);border-radius:24px;grid-template-columns:repeat(3,1fr);place-items:center;gap:14px;min-height:230px;display:grid}.ripple-visual span{color:var(--green);border:2px solid #446b5440;border-radius:50%;place-items:center;font-weight:900;display:grid}.ripple-visual span:first-child{background:#fff;width:74px;height:74px}.ripple-visual span:nth-child(2){background:#eef7e9;width:116px;height:116px}.ripple-visual span:nth-child(3){background:#e2f0dc;width:164px;height:164px;font-size:26px}.compound-hero-grid,.compound-stack{grid-template-columns:1fr;align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.compound-growth-sections{gap:18px;display:grid}.compound-control-card,.compound-current-growth-card,.projection-card,.prominent-ripple-card{align-content:start;gap:14px;display:grid}.compact-metrics{margin-top:0}.compound-control-card .compact-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.compound-top-metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.compound-control-card .metric-card strong{overflow-wrap:normal;word-break:keep-all;font-size:clamp(28px,2.6vw,34px)}.growth-rate-label{gap:8px;display:grid}.growth-rate-label>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.info-badge{width:22px;height:22px;color:var(--green);cursor:help;background:#fffaf0;border:1px solid #cbdcc5;border-radius:999px;place-items:center;padding:0;font-size:13px;font-weight:950;line-height:1;display:inline-grid}.small-note{font-size:13px;line-height:1.45}.projection-year-select{border:1px solid var(--line);color:var(--green);background:#ffffffb3;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(150px,.35fr);align-items:center;gap:10px;padding:10px 12px;font-weight:850;display:grid}.projection-year-select select{min-height:42px;margin:0}.compound-chart{border:1px solid var(--line);background:linear-gradient(#f8fbf5eb,#ffffffb3);border-radius:22px;grid-template-columns:repeat(30,minmax(10px,1fr));align-items:end;gap:5px;min-height:320px;padding:18px 12px 8px;display:grid;overflow-x:auto}.compact-compound-chart{grid-template-columns:repeat(30,minmax(14px,1fr));min-height:240px;overflow-x:auto}.compound-year{text-align:center;min-width:14px;height:280px;color:var(--muted);grid-template-rows:1fr 18px;align-items:end;gap:6px;font-size:11px;display:grid}.compact-compound-chart .compound-year{height:205px}.compound-bar{flex-direction:column;justify-content:end;gap:2px;height:100%;display:flex}.compound-bar span{border-radius:7px 7px 2px 2px;min-height:2px;display:block}.growth-portion{background:linear-gradient(#8fbf74,#446b54);box-shadow:0 8px 18px #446b5429}.claim-portion{background:linear-gradient(#f2d885,#c99a3d);box-shadow:0 6px 12px #c99a3d2e}.chart-callout{color:var(--muted);background:#fffaf0ad;border:1px dashed #cbdcc5;border-radius:16px;padding:10px 12px;font-size:13px}.chart-callout strong{color:var(--green)}.pond-ripple{background:radial-gradient(circle,#fffffff2 0 6%,#e2f0dcf0 7% 24%,#d2e4ccc7 25% 52%,#f8fbf5c7 53% 100%);border:1px solid #cbdcc5;border-radius:28px;place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.pond-ripple strong{z-index:3;width:90px;height:90px;color:var(--green);text-align:center;background:#fffaf0f2;border-radius:50%;place-items:center;font-size:24px;display:grid;position:relative;box-shadow:0 16px 34px #25372b29}.pond-ripple strong small{max-width:150px;color:var(--muted);margin-top:2px;font-size:10px;font-weight:800;line-height:1.2;display:block}.celebratory-ripple strong{width:132px;height:132px;padding:10px}.celebratory-ripple strong span{font-size:34px;line-height:1;display:block}.ripple-fireworks{z-index:2}.ripple-fireworks span{animation-duration:1.8s;animation-iteration-count:infinite}.pond-ripple .wave{border:3px solid #446b5452;border-radius:50%;width:74px;height:74px;animation:3.8s ease-out infinite pond-wave;position:absolute}.pond-ripple .wave-two{border-color:#446b543d;animation-delay:.9s}.pond-ripple .wave-three{border-color:#c99a3d3d;animation-delay:1.8s}.ripple-stats{gap:8px;display:grid}.ripple-stats span{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:16px;padding:10px 12px}.ripple-stats b{color:var(--green)}.ripple-stats small{margin-top:3px;font-size:12px;line-height:1.35;display:block}.scroll-ripple-stats{max-height:230px;padding-right:4px;overflow-y:auto}.stewardship-card{margin-top:18px}.stewardship-breakdown{gap:10px;display:grid}.stewardship-row{border:1px solid var(--line);background:#ffffffbd;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px 16px;display:grid;position:relative;overflow:hidden}.stewardship-row div,.stewardship-row span{z-index:1;position:relative}.stewardship-row strong{color:var(--green);display:block}.stewardship-row small{color:var(--muted);margin-top:3px;line-height:1.35;display:block}.stewardship-row span{color:var(--gold);font-weight:950}.stewardship-row i{background:linear-gradient(90deg,#8fbf74,#c99a3d);min-width:4px;height:5px;position:absolute;bottom:0;left:0}@keyframes pond-wave{0%{opacity:.7;transform:scale(.3)}70%{opacity:.22}to{opacity:0;transform:scale(3.6)}}.globe-panel{color:#fff;background:#102a1c;border-radius:28px;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;margin:20px 0;padding:22px;display:grid}.globe-panel h3{color:#e8d28c;margin:0 0 8px}.globe-panel p{color:#dce8d6}.globe{background:radial-gradient(circle at 35% 25%,#dff4ff,#386c8f);border-radius:50%;place-items:center;width:150px;height:150px;font-size:82px;display:grid;box-shadow:inset -18px -18px 40px #0003}.country-list{gap:8px;display:grid}.country-list span{border:1px solid #ffffff2e;border-radius:14px;padding:8px 10px}.checkbox-line{color:var(--green);grid-template-columns:auto 1fr;align-items:center;gap:10px;font-weight:800;display:flex}.checkbox-line input{width:auto}.ripple-refresh{justify-self:start}.final-ripple-total{box-shadow:0 0 0 8px color-mix(in srgb, var(--circle-color,#8fbf74) 20%, transparent), 0 18px 40px #25372b33;transform:scale(1.04)}.recognition-screen{gap:18px;display:grid}.recognition-personal-grid{margin-top:0}.recognition-hero-card{overflow:hidden}.recognition-hero-card .muted strong{color:var(--green)}.recognition-ripple{border-color:color-mix(in srgb, var(--circle-color,#8fbf74) 58%, #cbdcc5);background:radial-gradient(circle at center, color-mix(in srgb, var(--circle-color,#8fbf74) 24%, white) 0 9%, color-mix(in srgb, var(--circle-color,#8fbf74) 18%, #eef7e9) 10% 35%, #f8fbf5db 36% 100%)}.recognition-ripple .wave{border-color:color-mix(in srgb, var(--circle-color,#8fbf74) 48%, transparent)}.recognition-metrics{margin-top:0}.recognition-browser{align-content:start;gap:14px;display:grid}.recognition-list{gap:10px;max-height:320px;padding-right:4px;display:grid;overflow:auto}.recognition-list span{border:1px solid var(--line);color:var(--green);background:#ffffffb8;border-radius:16px;gap:4px;padding:10px 12px;display:grid}.recognition-list small{color:var(--muted)}.recognition-filters{gap:14px;display:grid}.recognition-filter-grid{grid-template-columns:repeat(5,minmax(130px,1fr));align-items:end}.recognition-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.recognition-results-grid h4{color:var(--green);margin:0 0 8px}.recognition-filters .metric-card strong{overflow-wrap:anywhere;word-break:normal;font-size:clamp(22px,2.1vw,30px)}.compact-recognition-list{max-height:260px}@media (width<=900px){.topbar,.hero-actions{align-items:flex-start}.hero-grid,main,.card-grid.two,.card-grid.three,.card-grid.four,.card-grid.five,.form-grid,.form-grid.compact,.profile-filter-grid,.choice-row,.claim-action-buttons,.globe-panel,.compound-hero-grid,.compound-stack,.compound-ripple-split,.current-growth-primary,.current-growth-secondary,.projected-growth-metrics,.checkbox-filter-grid,.country-filter-grid,.compound-control-card .compact-metrics,.recognition-filter-grid,.recognition-results-grid,.projection-year-select{grid-template-columns:1fr}main{padding-inline:16px}.screen-nav{display:flex;position:static;overflow-x:auto}.screen-nav button{white-space:nowrap}}@media (width<=640px){.system-card{padding:clamp(14px,4.5cqw,22px)}.cycle-frame{border-radius:20px;padding:clamp(7px,3cqw,10px)}.arrow{font-size:clamp(18px,7cqw,21px)}.ripple-visual{grid-template-columns:1fr}}.aligned-recognition-cards{align-items:stretch}.recognition-hero-card{grid-template-rows:auto auto minmax(310px,1fr) auto;gap:12px;min-height:560px;display:grid}.recognition-hero-card .tree-visual,.recognition-hero-card .pond-ripple{height:100%;min-height:310px}.recognition-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.recognition-card-heading h3{margin:0}.mini-refresh{white-space:nowrap;padding:8px 12px;font-size:13px}.recognition-metric-groups{gap:16px;display:grid}.recognition-metric-group{gap:10px;display:grid}.recognition-metric-group .card-grid{margin-top:0}.recognition-filter-grid select[multiple],.country-filter-card select[multiple]{min-height:132px;padding:8px}.country-filter-card{gap:12px;display:grid}.global-stewardship-card{margin-top:0}.compact-ripple-card{gap:12px}.compound-ripple-split{grid-template-columns:minmax(260px,.8fr) minmax(300px,1fr);align-items:stretch;gap:16px;display:grid}.compound-ripple-visual{align-content:start;gap:10px;display:grid}.compound-ripple-visual .pond-ripple{min-height:240px}.compound-ripple-list{align-content:start;gap:10px;display:grid}.compound-ripple-list .scroll-ripple-stats{max-height:300px}.current-growth-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.current-growth-secondary,.projected-growth-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.compound-current-growth-card .metric-card strong,.compound-control-card .metric-card strong{font-size:clamp(28px,3vw,38px)}.recognition-hero-card .growth-fireworks span{animation-duration:2.45s;animation-iteration-count:infinite}.recognition-hero-card .ripple-fireworks span{animation-duration:2.65s}.recognition-ripple{transition:border-color .75s,background .75s}.recognition-ripple strong{color:color-mix(in srgb, var(--circle-color,#8fbf74) 72%, #173d2b)}.recognition-ripple .wave-one{border-color:color-mix(in srgb, var(--circle-color,#8fbf74) 58%, transparent)}.recognition-ripple .wave-two{border-color:color-mix(in srgb, var(--circle-color,#8fbf74) 42%, transparent)}.recognition-ripple .wave-three{border-color:color-mix(in srgb, var(--circle-color,#c99a3d) 42%, transparent)}.wide-metric-row .metric-card{min-height:116px}.wide-metric-row .metric-card strong{font-size:clamp(30px,3.4vw,44px)}.filter-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.filter-title-row h3{margin:0 0 6px}.checkbox-filter-grid{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:start;gap:12px;display:grid}.check-filter{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;gap:8px;padding:10px;display:grid}.filter-heading{color:var(--green);justify-content:space-between;align-items:center;gap:8px;display:flex}.tiny-filter-button{padding:5px 9px;font-size:12px}.check-filter-options{gap:4px;max-height:150px;padding-right:4px;display:grid;overflow:auto}.check-option{color:#53655a;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:4px 6px;font-weight:700;display:flex}.check-option:hover{background:#f5faef}.check-option input{width:auto;accent-color:var(--green)}.compact-filter-card{gap:12px}.country-filter-grid{grid-template-columns:minmax(220px,.55fr) minmax(300px,1fr);align-items:start;gap:12px;display:grid}.country-filter-card .check-filter-options{max-height:190px}