:root{color-scheme:dark;color:#effaf8;background:#001216;--green:#00d49a;--line:#16423f;--muted:#9dbab8}
body{background:radial-gradient(ellipse at 95% 25%,#00544050,transparent 48%),linear-gradient(110deg,#001014,#001e22);min-height:100vh;position:relative}
body::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#00bd8d09 1px,transparent 1px),linear-gradient(90deg,#00bd8d09 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(135deg,transparent 15%,black);z-index:0}
header,main{position:relative;z-index:1}header{height:110px;background:#001014bf;border-bottom:1px solid #124039;padding:0 4%;max-width:none}.brand{gap:24px}.logo-frame{width:210px;height:54px;position:relative;overflow:hidden;flex-shrink:0;mix-blend-mode:screen}.arit-logo{position:absolute;width:260px;height:auto;max-width:none;left:-26px;top:-28px}.brand-divider{height:38px;width:1px;background:#25514c}.brand-context{font-size:17px;font-weight:500;color:#edf9f5}.brand small{font-size:11px;color:#80a6a1}.mode{border-color:#236056;color:#98dbc9;background:#02302b66;font-size:13px}
main{max-width:1536px;padding-top:34px}.eyebrow{color:var(--green);font-size:12px;letter-spacing:2px}.heading{margin-bottom:30px}h1{font-size:36px;letter-spacing:-1.3px;color:#f6fcfb}.heading p:last-child{color:#a1beb9;font-size:16px}button{background:#032529;border-color:#296256;color:#d7f4eb;border-radius:8px}button:hover{background:#084036;border-color:var(--green)}button:focus-visible,summary:focus-visible{outline-color:var(--green)}
.metrics{gap:18px;margin-bottom:26px}.metrics article{background:linear-gradient(135deg,#062a2eeb,#021b20f5);border-color:#195047;border-radius:14px;padding:24px;box-shadow:0 12px 32px #0002}.metrics span{color:#b3d1ca}.metrics strong{color:#f7fffc;font-size:clamp(24px,2.4vw,36px);font-weight:650;letter-spacing:-1.2px}.metrics small{color:#95b6ad;font-size:12px}.metrics .featured{background:linear-gradient(125deg,#06473b,#012925);border-color:#00c58d;box-shadow:0 0 32px #00d39413,inset 0 1px 0 #49ffc522}.featured strong{color:#13e7a7}.featured span,.featured small{color:#b4e5d6}
.workspace{gap:24px;grid-template-columns:minmax(330px,.85fr) minmax(530px,1.35fr)}.panel{background:linear-gradient(130deg,#042328f5,#02191df7);border-color:#16463f;border-radius:14px;box-shadow:0 10px 24px #00000016}h2{color:#e9f7f3;font-size:18px;font-weight:600}.step{color:#02d599;border:1px solid #175746;border-radius:5px;padding:4px 6px;background:#04372e;font-size:12px}.product{color:#14e3a3}.service{color:#7cd7e0}h3{padding-bottom:12px;border-bottom:1px solid #14483d}.field{color:#b2cbc6;font-size:14px}input{background:#001619;color:#f2fffa;border-color:#28544d;border-radius:7px;box-shadow:inset 0 1px 3px #0003}input:hover{border-color:#3b7a69}input:focus{outline:2px solid #00ce94;outline-offset:1px;background:#032b29}input:invalid{border-color:#fa8191}.hint{color:#9ab8b0;font-size:12px}.panelTitle .hint{color:#79b5a1}
table{color:#d3e6df}th,td{border-color:#17413b;padding-top:13px;padding-bottom:13px}tbody th{font-weight:500}thead tr:first-child th{background:#08332e}thead tr:first-child th:first-child{border-top-left-radius:7px}thead tr:first-child th:last-child{border-top-right-radius:7px}.subhead th{color:#9fbdb4;font-size:12px}table input{background:#001a1d;color:#e6fff4;border-color:#28564b}td small{font-size:12px;color:#d8bc8f}tfoot tr:first-child{background:#07322b;color:#e7fff4}tfoot tr:last-child{color:#9fc4b6}tbody tr:hover{background:#07372e55}
dl div{color:#b9d1c8}dd{color:#eefaf4}.subtotal{border-color:#225146}.subtotal dt{color:#e8f5ef}.total{border-color:#26765d;color:#0be8a4!important}.total dd{color:inherit}.negative,.negative dd{color:#ff8a9b!important}.suggest{background:#07372f;border:1px solid #205c49;color:#b0d2c3}.suggest b{color:#e9fff3}.primary{background:linear-gradient(110deg,#00cd95,#00b785);border-color:#02d69a;color:#002b22;font-weight:750}.primary:hover{background:#22e9ad;color:#001e17}.primary:disabled{opacity:.5;cursor:not-allowed}.notes{color:#a7c0b6;background:#021c20}.notes summary{color:#c8e5d9}.notes p{overflow-wrap:anywhere}footer{color:#87ada0;border-top:1px solid #17463b;padding-top:20px}#error{background:#361c25;color:#ffd8df;border-color:#844450}
@media(min-width:1500px){main{padding-top:44px}.heading{margin-bottom:34px}}
@media(max-width:1050px){.workspace{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){header{height:92px}.brand{gap:14px}.logo-frame{width:145px;height:40px}.arit-logo{width:185px;left:-19px;top:-20px}.brand-context{font-size:14px}.brand small{font-size:10px;letter-spacing:1px}.brand-divider{height:28px}.mode{display:none}h1{font-size:29px}.heading p:last-child{font-size:14px}.metrics article{padding:17px}.metrics strong{font-size:25px}.metrics{gap:10px}.panel{padding:18px}.workspace{min-width:0}.workspace>section{min-width:0}.panelTitle{display:block}.panelTitle .hint{margin-bottom:14px}.heading{gap:18px}.cols{gap:13px}.total{font-size:17px!important}}
@media(prefers-reduced-motion:no-preference){button,input{transition:background .16s,border-color .16s}}
#reset{background:#00cd95;color:#002b22;border-color:#00e3a3;font-weight:700;flex-shrink:0}#reset:hover{background:#27e7af}
