:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#172a24;background:#f7faf8}*{box-sizing:border-box}body{margin:0;line-height:1.55}.wrap{max-width:980px;margin:auto;padding:0 22px}header{background:white;border-bottom:1px solid #e3ebe7}.nav{display:flex;align-items:center;justify-content:space-between;min-height:70px}.nav a{color:#145c43;text-decoration:none;font-weight:650}.logo{font-size:1.25rem}.hero{padding:65px 0 50px;max-width:790px}.eyebrow{font-size:.78rem;letter-spacing:.1em;font-weight:800;color:#188058}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.12;letter-spacing:-.04em;margin:14px 0}.hero p{font-size:1.12rem;color:#53645c;max-width:680px}.primary,button{display:inline-block;background:#16754e;color:white;border:0;border-radius:11px;padding:13px 21px;font-weight:700;text-decoration:none;cursor:pointer;font-size:1rem}.panel{background:#fff;border:1px solid #dce8e1;border-radius:20px;padding:clamp(20px,4vw,38px);box-shadow:0 8px 30px #133e2610;margin:20px 0 36px}.panel h2{margin:0;font-size:1.65rem}.muted{color:#617168}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:25px 0}label{font-weight:650;font-size:.92rem}input{display:block;width:100%;padding:12px;border:1px solid #b8c9bf;border-radius:9px;font-size:1rem;margin-top:7px;background:white;color:#172a24}input:focus{outline:2px solid #258b60;outline-offset:1px}.result{background:#ecf8f0;border-radius:14px;padding:24px}.result>strong{display:block;font-size:clamp(2rem,6vw,3rem);color:#116d47;line-height:1.2;margin:7px 0 20px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:22px}.stats div{font-size:.9rem;color:#53645c}.stats b{display:block;font-size:1.15rem;color:#173c2b}.fine{font-size:.82rem;color:#68796f}.error{padding:12px;background:#fff0ef;color:#8b2520;border-radius:8px;margin-bottom:15px}.content{max-width:770px;margin:55px 0}.content h2{font-size:1.8rem}.content h3{margin-top:28px}.content p{color:#53645c}.next{background:#f0f7f2}footer{border-top:1px solid #dce8e1;padding:28px 0;color:#69776f;font-size:.85rem}@media(max-width:600px){.grid,.stats{grid-template-columns:1fr}.hero{padding:40px 0}.nav{min-height:60px}.panel{border-radius:14px}}

.presets{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}
.preset{background:#e8f5ec;border:1px solid #abd9b7;color:#15552e;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}
.preset:hover,.preset:focus-visible{background:#d0ebd9}
.breakdown{margin:20px 0 14px;padding:14px;border:1px solid #dce7df;border-radius:12px;background:#fff}
.breakdown h3{margin:0 0 10px;font-size:1rem}
.bar{display:flex;width:100%;height:18px;border-radius:20px;overflow:hidden;background:#eee}
#barCusto{background:#315e8b}#barTaxa{background:#e7a54c}#barLucro{background:#29854a}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;margin-top:10px}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}
.dot-cost{background:#315e8b}.dot-fee{background:#e7a54c}.dot-profit{background:#29854a}