:root{font-family:Inter,Arial,sans-serif;color:#233c32;background:#f6f7f2;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #61a16a;outline-offset:4px}button{transition:background .18s,transform .18s}button:hover{filter:brightness(.96)}.topbar{height:86px;border-bottom:1px solid #e0e5da;display:flex;align-items:center;justify-content:space-between;padding:0 5.3%;background:#f9faf6}.brand{display:flex;align-items:center;gap:11px;color:#193d2c;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:-.8px}.logo{background:#244f3b;color:#d2e3b0;display:grid;place-items:center;border-radius:11px;width:36px;height:36px;font-size:30px}.brand-light{font-weight:400;color:#7c887d;font-size:16px;letter-spacing:-.3px}.prototype{font-size:10px;letter-spacing:1.6px;color:#63755e;display:flex;align-items:center;gap:8px}.prototype i,.editor-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#719e5c}main{max-width:1440px;margin:auto;padding:0 5.3%}.intro{display:flex;justify-content:space-between;align-items:center;padding:54px 0 43px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#688258}h1{font-size:58px;line-height:1.08;letter-spacing:-2.8px;font-weight:600;margin:18px 0}h1 span{color:#78946b}.intro p{font-size:14px;line-height:1.75;color:#7a8277;margin:0}.intro-note{border-left:1px solid #d8dfd0;padding:12px 0 12px 28px;display:flex;flex-direction:column;gap:14px;margin-right:25px}.note-icon{color:#537c43;font-size:34px}.intro-note strong{font-size:17px;font-weight:500;line-height:1.5}.intro-note>span:last-child{font-size:12px;line-height:1.6;color:#848b7e}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}h2{font-size:17px;letter-spacing:-.4px;font-weight:600;margin:0}.privacy{font-size:11px;color:#7a8578}.workspace{display:grid;grid-template-columns:1.14fr 1fr;gap:22px;scroll-margin-top:20px}.panel{border:1px solid #dfe4d9;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 4px 20px #25372a03}.panel-header{min-height:65px;padding:18px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e8;gap:8px}.panel-header>div{display:flex;align-items:center;gap:10px}.step{color:#9aa591;font-size:11px}.panel-header h2{font-size:14px}select{border:1px solid #dfe5d9;border-radius:6px;background:#fafbf7;color:#5c6d52;padding:6px 9px;font-size:11px}.demo-label{font-size:9px;letter-spacing:1.4px;color:#909987;margin:19px 23px 10px}.demo-tabs{display:flex;gap:7px;margin:0 23px 20px;flex-wrap:wrap}.demo-tab{border:1px solid #e3e7dc;background:white;border-radius:6px;color:#7b8575;font-size:10px;padding:8px 10px}.demo-tab.active{background:#edf3e4;border-color:#c1d2ac;color:#46653b}.editor-top{margin:0 17px;background:#f5f7f0;border:1px solid #e8ece1;border-bottom:0;border-radius:7px 7px 0 0;padding:11px 14px;display:flex;justify-content:space-between;font-family:monospace;font-size:10px;color:#76846d}.editor-top>span:last-child{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1px}.code-shell{height:302px;display:flex;margin:0 17px;background:#fafbf7;border:1px solid #e8ece1;border-top:0;overflow:hidden;position:relative;padding-top:10px}#gutter{width:43px;flex-shrink:0;overflow:hidden;text-align:right;padding-right:12px;color:#aab2a1;font:11px/25px Consolas,monospace;padding-bottom:30px}#gutter .marked{color:#b48b32;font-weight:bold}.code-content{position:relative;flex:1;min-width:0;overflow:hidden}#line-highlights{position:absolute;inset:0 0 auto;pointer-events:none}#line-highlights>div{height:25px}#line-highlights .highlight{background:#f6eccb;border-left:2px solid #d3b259}textarea{position:relative;display:block;resize:none;width:100%;height:100%;border:0;outline:none;background:transparent;font:11px/25px Consolas,'Courier New',monospace;color:#425640;tab-size:4;padding:0 12px 30px 8px;white-space:pre;overflow:auto}textarea:focus{box-shadow:inset 0 0 0 1px #b6cda5}.editor-bottom{margin:0 17px;border:1px solid #e8ece1;border-top:0;border-radius:0 0 7px 7px;padding:9px 12px;display:flex;justify-content:space-between;color:#939b8a;font-size:9px}.analyze-row{display:flex;justify-content:space-between;align-items:center;padding:18px 19px;gap:10px}.analyze-row>span{font-size:10px;color:#8a9580}#analyze{border:0;border-radius:7px;padding:12px 16px;color:#fff;background:#315b3e;font-size:11px;white-space:nowrap}#analyze span{margin-left:18px;font-size:17px}.estimate-tag{font-size:9px;color:#849078;background:#f4f6ef;padding:6px 8px;border-radius:5px;white-space:nowrap}.score-area{display:flex;align-items:center;gap:24px;padding:34px 27px}.score-ring{width:144px;height:144px;flex-shrink:0;border-radius:50%;padding:10px;background:conic-gradient(from 220deg,#88a66c var(--score),#edf1e7 0)}.score-ring>div{border-radius:50%;background:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-ring strong{font-size:49px;font-weight:500;letter-spacing:-2px;line-height:1.1}.score-ring span{font-size:11px;color:#99a08e;margin-top:4px}.score-copy .eyebrow{font-size:9px;letter-spacing:1.6px}.score-copy h3{font-size:21px;letter-spacing:-.7px;margin:12px 0 9px;font-weight:500}.score-copy p{font-size:11px;color:#85917b;line-height:1.8;margin:0}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 23px}.impact{padding:16px;border:1px solid #e5e9df;border-radius:8px;background:#fdfefa;display:flex;flex-direction:column;gap:12px}.impact-name{font-size:11px;color:#7c8973}.impact strong{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.impact strong i{width:5px;height:5px;border-radius:50%;background:currentColor}.medium{color:#af9046}.high{color:#b57452}.low{color:#75985c}.impact-bars{display:flex;gap:4px}.impact-bars b{height:3px;flex:1;background:#e8ecdf;border-radius:3px}.impact-bars b:first-child,.impact-bars.medium b:nth-child(2),.impact-bars.high b{background:currentColor}.snapshot-note{display:flex;gap:9px;margin:22px 23px;color:#909b83;font-size:10px;line-height:1.8}.snapshot-note>span{font-size:14px}.snapshot-note p{margin:0}.snapshot-note strong{font-weight:500;color:#728363}.findings-section{margin:35px 0}.findings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.findings-heading h2{display:flex;align-items:center;gap:10px}.findings-heading h2 span{font-size:10px;background:#e9eedf;border-radius:5px;padding:4px 7px;color:#748963}.findings-heading p{font-size:12px;color:#909887;margin:8px 0 0}.issues{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.issue-card{border:1px solid #e0e5d8;border-radius:11px;padding:18px;background:#fff}.issue-top{display:flex;align-items:center;gap:9px}.issue-index{font:11px monospace;color:#a1ad96}.resource-tag{font-size:9px;background:#f2f4e9;padding:4px 7px;border-radius:4px;color:#7f8b6d}.line-link{margin-left:auto;border:0;background:transparent;font-size:10px;color:#718566;padding:4px 0}.issue-card h3{font-size:13px;font-weight:600;margin:17px 0 9px;line-height:1.4}.issue-card>p{font-size:11px;color:#8a9481;line-height:1.7;min-height:38px;margin:0 0 15px}.suggestion{border-top:1px solid #edf0e7;padding-top:13px;display:flex;gap:8px;color:#719259}.suggestion p{font-size:11px;line-height:1.7;margin:0;color:#738069}.comparison{background:#edf2e5;border:1px solid #dce5cf;border-radius:13px;padding:28px 33px;display:flex;justify-content:space-between;align-items:center;gap:40px}.comparison-copy{max-width:490px}.comparison h2{font-size:24px;margin:12px 0;letter-spacing:-.9px;font-weight:500}.comparison-copy p{font-size:12px;color:#839275;line-height:1.75;margin:0 0 14px}.comparison button{border:0;border-bottom:1px solid #819871;background:transparent;padding:5px 0;color:#4a6d3a;font-size:11px}.comparison button span{margin-left:15px}.comparison-scores{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;width:300px;flex-shrink:0}.comparison-scores>div{display:flex;flex-direction:column;align-items:center;gap:5px}.comparison-scores span:not(.comparison-arrow){font-size:9px;letter-spacing:1.8px;color:#97a289}.comparison-scores strong{font-size:47px;font-weight:500;color:#929e81;letter-spacing:-2px}.comparison-scores .after strong{color:#527344}.comparison-scores small{font-size:9px;color:#8b987c}.comparison-arrow{font-size:23px;color:#a2b391}.comparison-scores p{font-size:9px;color:#8d9b7e;width:100%;text-align:center;margin:-14px 0 0;line-height:1.7}.method{margin:22px 0;color:#87917d;font-size:11px;border-bottom:1px solid #dfe5d6;padding-bottom:21px}.method summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none}.method p{max-width:950px;line-height:1.8}.method summary span{font-size:15px}footer{padding:9px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:#9da593}.footer-brand{font-size:12px;color:#738969}.empty{padding:110px 40px;text-align:center;color:#87987c}.empty>span{font-size:40px}.empty h3{color:#42603b;font-weight:500}.empty p{font-size:12px;line-height:1.8}.clean-state{grid-column:1/-1;border:1px solid #dce5d2;padding:22px;background:#eff5e9;border-radius:10px;display:flex;gap:14px;color:#6b8955}.clean-state strong{font-weight:500}.clean-state p{font-size:12px;margin:7px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1450px){main{padding:0 60px}.topbar{padding:0 max(60px,calc((100vw - 1320px)/2))}}@media(max-width:1100px){.score-area{gap:14px;padding:30px 20px}.score-ring{width:115px;height:115px}.score-copy h3{font-size:18px}.score-copy p{font-size:10px}.issues{grid-template-columns:repeat(2,1fr)}.intro-note{margin-right:0}.estimate-tag{font-size:8px}}@media(max-width:780px){main{padding:0 5%}.topbar{height:70px;padding:0 5%}.brand{font-size:18px}.brand-light{font-size:13px}.prototype{font-size:8px;letter-spacing:.5px}.intro{padding:35px 0}.intro-note{display:none}h1{font-size:48px}.intro p{font-size:12px}.workspace{grid-template-columns:1fr}.score-area{justify-content:center}.score-ring{width:140px;height:140px}.score-copy p{font-size:12px}.score-copy h3{font-size:23px}.impact-grid{grid-template-columns:repeat(4,1fr);gap:8px}.impact{padding:12px}.snapshot-note{margin:20px 23px}.comparison{gap:25px;padding:25px;flex-direction:column;align-items:flex-start}.comparison-scores{align-self:center}.privacy{font-size:9px}footer{flex-wrap:wrap;line-height:1.7}.findings-heading>.estimate-tag{display:none}}@media(max-width:480px){.prototype{display:none}.issues{grid-template-columns:1fr}.impact-grid{grid-template-columns:1fr 1fr}.workspace-heading h2{font-size:14px}.privacy{font-size:8px}.demo-tabs{gap:5px;margin-left:17px;margin-right:17px}.demo-tab{font-size:9px;padding:8px}.panel-header{padding:18px}.score-area{padding:25px 16px;gap:18px}.score-ring{width:120px;height:120px}.score-copy h3{font-size:19px}.score-copy p{font-size:10px}.editor-bottom{font-size:8px}.analyze-row>span{max-width:145px;line-height:1.5}.comparison-scores{width:100%}.desktop{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}