*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#17211f;background:#f7f7f3;margin:0;font-family:Arial,Helvetica,sans-serif}.trace{overflow:hidden}.trace nav{background:#fbfcfa;border-bottom:1px solid #dce2dc;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(24px,8vw,130px);display:flex}.brand{letter-spacing:-1px;color:#132720;align-items:center;gap:8px;font-size:21px;font-weight:800;text-decoration:none;display:flex}.brand>span{color:#fff;background:#147553;border-radius:8px 8px 8px 2px;place-items:center;width:28px;height:28px;display:grid}.trace nav>div{gap:28px;display:flex}.trace nav a{color:#52625b;font-size:13px;text-decoration:none}.trace nav>button,.primary,.scan-button{cursor:pointer;border:0;align-items:center;gap:8px;font-weight:700;display:flex}.trace nav>button{color:#147553;background:0 0;font-size:13px}.hero{background:radial-gradient(circle at 75%,#ccefc6,#0000 29%),linear-gradient(130deg,#f7f7f3,#e7efe1);grid-template-columns:1fr .85fr;align-items:center;gap:80px;min-height:530px;padding:80px clamp(24px,11vw,170px);display:grid}.tag,.section-label{color:#147553;letter-spacing:1.2px;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.hero h1,.title-row h2{letter-spacing:-4px;margin:19px 0;font-size:clamp(47px,6vw,78px);line-height:.98}.hero h1 i{color:#147553;font-family:Georgia,serif;font-weight:400}.hero p:not(.tag){color:#56675e;max-width:520px;font-size:18px;line-height:1.6}.primary{color:#fff;background:#147553;border-radius:8px;margin-top:28px;padding:14px 18px}.terminal{color:#d8ebe1;background:#10251f;border-radius:14px;padding:22px;font-family:monospace;font-size:13px;line-height:1.8;box-shadow:0 25px 50px #2644332b}.dots{border-bottom:1px solid #ffffff1c;align-items:center;gap:6px;margin-bottom:15px;padding-bottom:13px;display:flex}.dots i{background:#dd6a5c;border-radius:50%;width:9px;height:9px}.dots i:nth-child(2){background:#e8c75f}.dots i:nth-child(3){background:#79b77c}.dots span{color:#8fa99c;margin-left:7px;font-size:11px}.terminal b{color:#a8ec83}.terminal .bad b{color:#ff967b}.terminal>div:last-child{background:#ffffff0c;border-left:2px solid #f27c65;gap:2px;margin-top:16px;padding:12px;display:grid}.terminal span{color:#90a99c;font-size:10px}.terminal strong{color:#fff}.workspace,.how{padding:82px clamp(24px,8vw,130px)}.title-row{justify-content:space-between;align-items:end;gap:30px;margin:15px 0 31px;display:flex}.title-row h2{letter-spacing:-3px;margin:0 0 12px;font-size:clamp(33px,4vw,53px)}.title-row p{color:#63736b;max-width:590px;line-height:1.5}.local{white-space:nowrap;color:#277147;background:#e9f4e6;border-radius:20px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.scenario-tabs{gap:8px;margin-bottom:12px;display:flex}.scenario-tabs button{text-align:left;color:#28433a;background:#fff;border:1px solid #dbe2dc;border-radius:8px;flex:1;padding:12px;font-weight:700}.scenario-tabs button.active{background:#eff8ef;border-color:#147553}.scenario-tabs small{color:#74837b;margin-top:5px;font-size:11px;font-weight:400;line-height:1.3;display:block}.editors{grid-template-columns:1fr 1fr;gap:12px;display:grid}.editors article{background:#fff;border:1px solid #dbe2dc;border-radius:10px;overflow:hidden}.editors header{color:#51635a;letter-spacing:.8px;background:#f5f7f4;justify-content:space-between;padding:11px 13px;font-size:10px;font-weight:800;display:flex}.editors article:first-child header svg{color:#3a9653}.editors textarea{resize:vertical;color:#24433a;background:#fff;border:0;outline:0;width:100%;height:260px;padding:14px;font:12px/1.55 ui-monospace,Consolas,monospace;display:block}.scan-button{color:#fff;background:#147553;border-radius:7px;margin:17px 0 21px;padding:12px 15px;font-size:13px}.results{background:#fff;border:1px solid #dbe2dc;border-radius:12px;overflow:hidden}.result-head{border-bottom:1px solid #dbe2dc;justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.result-head p,.metric{letter-spacing:1px;color:#147553;margin:0;font-size:10px;font-weight:800}.result-head h3{letter-spacing:-1px;margin:5px 0 0;font-size:23px}.risk,.safe{border-radius:20px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.risk{color:#b34330;background:#fff0ea}.safe{color:#3e8541;background:#edf7e9}.result-grid{grid-template-columns:.8fr 1.3fr .8fr;display:grid}.result-grid article{border-right:1px solid #dbe2dc;min-height:260px;padding:20px}.result-grid article:last-child{border:0}.result-grid>b{align-items:center;gap:7px;margin:9px 0 2px;font-size:25px;display:flex}.result-grid>b svg{color:#147553}.result-grid article>span{color:#718077;font-size:11px}.result-grid ol{border-top:1px solid #e4e8e4;margin:15px 0 0;padding:0;list-style:none}.result-grid li{border-bottom:1px solid #e4e8e4;grid-template-columns:28px 1fr;gap:2px;padding:8px 0;font-size:11px;display:grid}.result-grid em{color:#147553;grid-row:span 2;font-style:normal;font-weight:700}.result-grid li strong{font-size:11px}.result-grid li small{color:#7b8981}.finding{border-top:1px solid #e4e8e4;gap:9px;padding:12px 0;display:flex}.finding>span{border-radius:4px;height:max-content;padding:4px 5px;font-size:9px;font-weight:700}.finding>span.critical{color:#b43e2d;background:#ffe9e2}.finding>span.warning{color:#946a13;background:#fff4d8}.finding b{font-size:12px}.finding p{color:#65756d;margin:5px 0;font-size:11px;line-height:1.4}.finding code{color:#147553;font-size:10px}.semantic{gap:9px;margin-top:16px;display:grid}.semantic span{color:#3e554a;align-items:center;gap:7px;font-size:12px;display:flex}.semantic svg{color:#147553}.reader{color:#718077;margin:20px 0 5px;font-size:11px}.result-grid blockquote{background:#f1f7ef;border-left:2px solid #8fc8a0;margin:0;padding:10px;font:italic 13px/1.4 Georgia,serif}.empty{text-align:center;color:#668078;padding:52px 10px}.empty svg{color:#4b9b5c}.empty p{font-size:12px}.how{background:#eaf0df}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:23px;display:grid}.steps article{background:#f9faf6;border:1px solid #d7dfd3;border-radius:10px;padding:20px}.steps article>span{color:#147553;font-size:11px;font-weight:700}.steps svg{color:#147553;margin:25px 0 10px}.steps h3{margin:0;font-size:18px}.steps p{color:#66766e;font-size:13px;line-height:1.5}footer{color:#b8c9c0;background:#10251f;justify-content:space-between;align-items:center;padding:25px clamp(24px,8vw,130px);font-size:12px;display:flex}footer .brand{color:#fff;font-size:18px}footer .brand>span{color:#144632;background:#ccefc6}@media (max-width:850px){.trace nav>div{display:none}.hero,.editors,.result-grid,.steps{grid-template-columns:1fr}.hero{gap:30px;padding-top:55px}.title-row{display:block}.local{margin-top:12px;display:inline-flex}.scenario-tabs{flex-direction:column}.result-grid article{border-bottom:1px solid #dbe2dc;border-right:0}.result-grid article:last-child{border:0}footer{flex-direction:column;align-items:flex-start;gap:12px}.hero h1{letter-spacing:-3px}}
.trace nav>.header-action{color:#fff;background:#147553;border-radius:7px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:800;display:inline-flex}.trace nav>.header-action:hover{background:#0d543c}