:root{color-scheme:light;--bg:#fff;--deep:#0f3d2e;--soft:#f6faf7;--surface:#fff;--mint-soft:#e7f9f0;--primary:#0baa6d;--primary-hover:#078b59;--primary-dark:#066b46;--text:#142a24;--text-soft:#2d4940;--muted:#64748b;--border:#dce9e2;--border-strong:#b9ddca;--error:#b83245;--warning:#a46705;--container:76rem;--gutter:clamp(1rem,3vw,2rem);--radius-sm:.7rem;--radius-md:1rem;--radius-lg:1.35rem;--radius-xl:1.75rem;--shadow:0 12px 32px rgba(21,73,52,.08);--shadow-raised:0 24px 64px rgba(21,73,52,.12);--focus:0 0 0 3px #fff,0 0 0 6px rgba(11,170,109,.72);--font:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--display:Poppins,Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6}body::before{position:absolute;z-index:-1;top:4.25rem;left:0;width:100%;height:34rem;background:radial-gradient(circle at 82% 10%,rgba(110,231,183,.24),transparent 28%),linear-gradient(180deg,#f4fbf7 0%,#fff 92%);content:""}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{box-shadow:var(--focus)}.container{width:min(var(--container),calc(100% - (var(--gutter)*2)));margin-inline:auto}.skip-link{position:fixed;z-index:3000;top:.75rem;left:.75rem;padding:.7rem 1rem;border-radius:var(--radius-sm);background:var(--deep);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;padding:.76rem 1.15rem;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.86rem;font-weight:750;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--primary);box-shadow:0 10px 24px rgba(11,170,109,.2);color:#fff}.button--primary:hover{background:var(--primary-hover)}.button--secondary{border-color:var(--border-strong);background:#fff;color:var(--primary-dark)}.button--small{min-height:2.75rem;padding:.65rem 1rem}
.tool-header{position:sticky;z-index:1000;top:0;height:4.25rem;border-bottom:1px solid rgba(220,233,226,.9);background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}.tool-header__inner{display:flex;height:100%;align-items:center;justify-content:space-between;gap:1rem}.tool-logo{display:block;width:10.5rem;flex:0 0 auto;border-radius:.25rem}.tool-logo img{display:block;width:100%;height:auto}.tool-home-link{display:inline-flex;min-height:2.7rem;align-items:center;justify-content:center;gap:.55rem;padding:.65rem .95rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--primary-dark);font-size:.76rem;font-weight:800;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.tool-home-link:hover{border-color:var(--primary);background:var(--mint-soft);transform:translateY(-1px)}.tool-home-link>span:first-child{font-size:1rem;line-height:1}.tool-home-link__short{display:none}
.utility-hero{padding:clamp(3.25rem,6vw,5.5rem) 0 clamp(4rem,7vw,6rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(19rem,.55fr);gap:clamp(2rem,5vw,5rem);align-items:center}.eyebrow{margin:0 0 .75rem;color:var(--primary-dark);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.utility-hero h1{max-width:48rem;margin:0;font-family:var(--display);font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.05;letter-spacing:-.045em}.hero-copy{max-width:45rem;margin:1.3rem 0 0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.12rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.hero-card{padding:1.5rem;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:rgba(255,255,255,.88);box-shadow:var(--shadow-raised)}.hero-card>.status-dot{display:inline-block;width:.7rem;height:.7rem;margin-bottom:1rem;border-radius:50%;background:var(--primary);box-shadow:0 0 0 .35rem var(--mint-soft)}.hero-card strong{font-family:var(--display);font-size:1.1rem}.hero-card p{margin:.45rem 0 1.2rem;color:var(--muted);font-size:.86rem}.hero-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:0}.hero-card dl div{padding:.7rem;border-radius:var(--radius-sm);background:var(--soft)}.hero-card dt{color:var(--muted);font-size:.62rem;font-weight:750;text-transform:uppercase}.hero-card dd{margin:.18rem 0 0;color:var(--deep);font-size:.78rem;font-weight:800}
.section{padding:clamp(4rem,7vw,5.75rem) 0}.section--soft{border-block:1px solid var(--border);background:var(--soft)}.section-heading{margin-bottom:1.6rem}.section-heading h2{margin:0;font-family:var(--display);font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12;letter-spacing:-.025em}.section-heading>p:last-child{max-width:42rem;margin:.7rem 0 0;color:var(--muted)}.section-heading--center{max-width:46rem;margin:0 auto 2.5rem;text-align:center}.section-heading--row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.diagnostic-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.32fr);gap:1.25rem;align-items:start}.diagnostic-card,.availability-card{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--border);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow)}fieldset{min-width:0;margin:0;padding:0;border:0}.product-selector legend,.form-grid label>span{display:block;margin:0 0 .6rem;color:var(--text-soft);font-size:.76rem;font-weight:800}.segment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.segment{min-height:5.4rem;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--soft);color:var(--text);cursor:pointer;text-align:left}.segment:hover{border-color:var(--border-strong);background:var(--mint-soft)}.segment.is-active{border-color:var(--primary);background:var(--mint-soft);box-shadow:inset 0 0 0 1px var(--primary)}.segment strong,.segment span{display:block}.segment strong{font-size:.84rem}.segment span{margin-top:.3rem;color:var(--muted);font-size:.68rem;line-height:1.35}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}.form-grid label{min-width:0}.form-grid .target-field{grid-column:1/-1}.form-grid input,.form-grid select{width:100%;min-height:3.25rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text)}.form-grid input:focus,.form-grid select:focus{border-color:var(--primary)}.form-grid input::placeholder{color:#8a9b95}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.form-footer p{max-width:35rem;margin:0;color:var(--muted);font-size:.75rem}.form-footer .button{flex:0 0 auto}.availability-card ul{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.availability-card li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;min-height:3.25rem;padding:.7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--soft)}.availability-card li>span{font-size:1.1rem}.availability-card li strong{font-size:.77rem}.availability-card li small{color:var(--primary-dark);font-size:.62rem;font-weight:800;text-transform:uppercase}.measurement{flex:0 0 auto;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff}.measurement span{display:block;color:var(--muted);font-size:.62rem;font-weight:750;text-transform:uppercase}.measurement code{color:var(--primary-dark);font-size:.8rem}.result-panel{overflow:hidden;border:1px solid #21483c;border-radius:var(--radius-xl);background:#102a23;box-shadow:0 18px 44px rgba(15,61,46,.18);color:#e7f9f0}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid rgba(231,249,240,.14);background:#16372e}.result-toolbar>div:first-child{display:grid;gap:.18rem}.result-toolbar small{color:#9cc5b5}.result-status{font-size:.78rem;font-weight:850;text-transform:uppercase}.result-panel--success .result-status{color:#72e4b5}.result-panel--warning .result-status{color:#ffd27d}.result-panel--error .result-status{color:#ff9baa}.result-actions{display:flex;gap:.5rem}.result-actions button{min-height:2.75rem;padding:.6rem .8rem;border:1px solid rgba(231,249,240,.2);border-radius:var(--radius-sm);background:rgba(255,255,255,.05);color:#e7f9f0;cursor:pointer;font-size:.72rem;font-weight:750}.result-actions button:hover:not(:disabled){background:rgba(255,255,255,.12)}.result-actions button:disabled{cursor:not-allowed;opacity:.45}.notice{margin:1rem 1rem 0;padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:.8rem}.notice--error{border:1px solid rgba(255,155,170,.32);background:rgba(184,50,69,.18);color:#ffdce2}.notice--warning{border:1px solid rgba(255,210,125,.3);background:rgba(164,103,5,.2);color:#ffe8b9}.result-panel pre{min-height:18rem;max-height:34rem;margin:0;overflow:auto;padding:1.25rem;white-space:pre-wrap;overflow-wrap:anywhere;color:#d8eee6;font:500 .8rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.result-panel.is-loading pre{color:#b8d5ca}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.info-grid article{padding:1.3rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow)}.info-grid article>span{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:50%;background:var(--mint-soft);color:var(--primary-dark);font-size:.72rem;font-weight:850}.info-grid h3{margin:1rem 0 .4rem;font-family:var(--display);font-size:1rem}.info-grid p{margin:0;color:var(--muted);font-size:.78rem}
.tool-footer{padding:1.35rem 0;border-top:1px solid var(--border);background:#fff}.tool-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.72rem}.tool-footer p{margin:0}.tool-footer a{color:var(--primary-dark);font-weight:750;text-decoration:none}.tool-footer a:hover{text-decoration:underline}
@media(max-width:74rem){.hero-grid{grid-template-columns:1fr}.hero-card{max-width:37rem}.diagnostic-layout{grid-template-columns:1fr}.availability-card ul{grid-template-columns:repeat(3,1fr)}}
@media(max-width:55rem){.segment-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}.availability-card ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:47.999rem){.utility-hero{padding-top:2.75rem}.utility-hero h1{font-size:clamp(2.25rem,11vw,3.4rem)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-card dl{grid-template-columns:1fr}.diagnostic-card,.availability-card{padding:1rem;border-radius:var(--radius-lg)}.segment-grid,.form-grid,.availability-card ul,.info-grid{grid-template-columns:1fr}.form-footer,.section-heading--row,.result-toolbar{align-items:stretch;flex-direction:column}.form-footer .button{width:100%}.measurement{width:100%;overflow:hidden}.measurement code{overflow-wrap:anywhere}.result-actions{display:grid;grid-template-columns:1fr 1fr}.result-panel pre{min-height:15rem;padding:1rem;font-size:.75rem}.section-heading--center{text-align:left}.tool-footer__inner{align-items:flex-start;flex-direction:column;gap:.4rem}}
@media(max-width:36rem){.tool-logo{width:8.9rem}.tool-header__inner{gap:.65rem}.tool-home-link{min-height:2.55rem;padding:.58rem .72rem;font-size:.72rem}.tool-home-link__full{display:none}.tool-home-link__short{display:inline}}
@media(max-width:24rem){.tool-logo{width:7.7rem}.tool-home-link{padding-inline:.58rem}.result-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}