:root{font-family:Inter,Roboto,"Segoe UI",Arial,sans-serif;font-size:16px;color:#15343a;background:#edf6f5;--teal:#075d6b;--aqua:#0f8790;--line:#c9dfde;--soft:#f4fafa;--danger:#ae2634;--ok:#137052}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(150deg,#e8f5f3 0,#f8fbfb 55%,#e9f2f6 100%)}button,input{font:inherit}.topbar{min-height:72px;padding:12px max(18px,calc((100% - 1120px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:11px;color:var(--teal)}.brand div{display:flex;flex-direction:column}.brand strong{font-size:1.1rem}.brand small{font-size:.78rem;color:#557177}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--teal),#15a3a2);color:white;font-size:1.45rem}.text-tools{display:flex;gap:5px}.text-tools button{border:1px solid var(--line);background:#fff;color:var(--teal);border-radius:8px;padding:8px;min-width:39px;cursor:pointer}main{max-width:1120px;margin:auto;padding:34px 18px 46px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--aqua);font-weight:800;font-size:.72rem;margin:0 0 7px}.hero h1{font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.08;color:#123f48;margin:0 0 10px}.hero p:not(.eyebrow){margin:0;color:#557177;max-width:680px}.formula{flex:0 0 auto;padding:15px 20px;border-radius:14px;background:#d9efed;color:var(--teal);font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 34px rgba(20,72,78,.08);padding:24px}.section-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:21px}.section-title>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:var(--teal);color:#fff;font-weight:800}.section-title h2{font-size:1.16rem;margin:1px 0 4px;color:#153f47}.section-title p{margin:0;color:#6a8186;font-size:.88rem}label{display:flex;justify-content:space-between;gap:12px;margin:15px 0 7px;font-weight:700;color:#23464d}label span{font-weight:600;color:#648086}input{width:100%;border:1.5px solid #b8d2d0;background:#fbfefe;border-radius:11px;padding:12px 13px;color:#173c43;outline:none}input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(15,135,144,.14)}input.invalid{border-color:var(--danger)}.error{color:var(--danger);font-size:.78rem;min-height:1em;margin:4px 0}.actions,.result-actions{display:flex;gap:10px;margin-top:18px}button{border-radius:11px;padding:11px 15px;font-weight:750;cursor:pointer}.primary{flex:1;border:1px solid var(--teal);background:linear-gradient(135deg,var(--teal),var(--aqua));color:#fff}.secondary{border:1px solid #b6d1cf;background:#fff;color:var(--teal)}.empty{min-height:254px;display:grid;place-content:center;text-align:center;color:#789095}.drop{margin:auto;display:grid;place-items:center;width:82px;height:82px;background:#e0f1ef;color:var(--aqua);border-radius:50% 50% 50% 15%;font-weight:850;transform:rotate(-45deg)}.drop::first-line{transform:rotate(45deg)}.status{border-radius:11px;padding:12px;margin-bottom:15px;font-weight:750}.status.ok{background:#def3e9;color:var(--ok)}.status.bad{background:#f9e3e5;color:var(--danger)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics article{background:var(--soft);border:1px solid #d8e9e7;border-radius:14px;padding:15px}.metrics span{display:block;color:#5b7378;font-size:.8rem}.metrics strong{font-size:1.8rem;color:var(--teal)}.metrics small{font-weight:700;color:#607a7f}dl{margin:15px 0}dl div{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #e2eceb}dt{color:#647c81}dd{margin:0;font-weight:750}.notice{background:#fff4d9;border-left:4px solid #d18b00;padding:10px 12px;border-radius:8px;color:#75500a;font-size:.86rem}.info{margin-top:22px}.info h2{color:#153f47;margin-top:0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-grid p{color:#536e73;margin:0;font-size:.9rem}.info-grid strong{color:#23474d}footer{text-align:center;color:#688085;padding:0 18px 28px;font-size:.82rem}@media(max-width:760px){.topbar{position:static}.brand small{display:none}.hero{align-items:flex-start;flex-direction:column}.formula{width:100%;text-align:center}.layout{grid-template-columns:1fr}.card{padding:19px}.info-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.actions{flex-direction:column}.primary{width:100%}}@media print{.topbar,.hero,.card:first-child,.info,footer,.result-actions{display:none!important}body{background:#fff}.layout{display:block}.result-card{border:0;box-shadow:none}main{padding:0}.result-card{display:block}}
.suite-home-link {
  position: fixed;
  left: max(14px, env(safe-area-inset-left));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.66rem 1rem;
  border: 1px solid rgba(41, 216, 255, 0.55);
  border-radius: 999px;
  background: rgba(3, 16, 29, 0.95);
  color: #f5f9fc;
  font: 700 0.84rem/1 Arial, sans-serif;
  text-decoration: none;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(12px);
  -webkit-tap-highlight-color: transparent;
}

.suite-home-link:hover {
  border-color: #29d8ff;
  color: #73e8ff;
}

.suite-home-link:focus-visible {
  outline: 3px solid #9eea43;
  outline-offset: 3px;
}