*{box-sizing:border-box}body{color:#e8eaed;background:#0b0d10;margin:0;font-family:system-ui,sans-serif}main{width:min(42rem,100% - 2rem);margin:4rem auto}.landing{flex-direction:column;gap:.75rem;margin-top:15vh;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#8a8f98;font-size:.8rem}.landing h1{margin:0;font-size:clamp(1.75rem,4vw,2.75rem)}.landing p{color:#b0b4bb;max-width:32rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin-top:1.5rem;display:grid}.card{color:inherit;background:#16181c;border:1px solid #23262b;border-radius:.75rem;flex-direction:column;gap:.4rem;padding:1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.card:hover{border-color:#3a3f47;transform:translateY(-2px)}.card h2{margin:0;font-size:1.1rem}.card p{color:#b0b4bb;margin:0;font-size:.9rem}.card-cta{color:#8a8f98;margin-top:auto;padding-top:.5rem;font-size:.85rem}.sizing-page{flex-direction:column;gap:.5rem;width:min(56rem,100% - 2rem);margin:3rem auto 4rem;display:flex}.sizing-page h1{margin:0;font-size:clamp(1.5rem,3.5vw,2.25rem)}.sizing-page>p{color:#b0b4bb;margin:0 0 1rem}.sizing-section{background:#16181c;border:1px solid #23262b;border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.sizing-section h2{margin:0 0 1rem;font-size:1rem}.sizing-grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem;display:grid}.sizing-grid label{color:#b0b4bb;flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.sizing-grid input,.sizing-grid select{color:#e8eaed;font:inherit;background:#0b0d10;border:1px solid #2c2f36;border-radius:.4rem;padding:.5rem .6rem}.sizing-note{color:#8a8f98;margin:0 0 1rem;font-size:.85rem}.sizing-preview{border-collapse:collapse;width:100%;font-size:.9rem}.sizing-preview th,.sizing-preview td{text-align:left;border-bottom:1px solid #23262b;padding:.4rem .6rem}.approx{color:#b08d57;font-size:.8rem}.field-error{color:#e07a5f;font-size:.8rem}.generate-button{color:#0b0d10;font:inherit;cursor:pointer;background:#e8eaed;border:none;border-radius:.5rem;align-self:flex-start;padding:.7rem 1.5rem;font-weight:600}.generate-button:disabled{opacity:.5;cursor:not-allowed}