.pro-hero{padding:70px 0 34px;background:linear-gradient(180deg,#f4f7fa,#fff)}.pro-hero h1{font-size:46px;max-width:820px;margin:10px 0}.pro-hero p{max-width:760px;color:#687584;font-size:18px}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:30px}.quick-grid button,.pro-card{background:#fff;border:1px solid #e5eaf0;border-radius:18px}.quick-grid button{padding:18px;text-align:left;cursor:pointer}.quick-grid b{display:block;font-size:16px}.quick-grid small{display:block;color:#7b8794;margin-top:5px}.pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.pro-card{padding:24px}.pro-card h2{margin:0 0 7px}.pro-card p{color:#718091}.row,.selectors{display:flex;gap:10px;flex-wrap:wrap}.row input,.row select,.selectors input,.selectors select{flex:1;min-width:130px;padding:13px;border:1px solid #dce3ea;border-radius:10px;background:#fff}.output,.results-mini{margin-top:14px;padding:14px;border-radius:12px;background:#f7f9fb;min-height:20px}.mini-product{display:grid;grid-template-columns:1fr auto;gap:5px;padding:12px 0;border-bottom:1px solid #e8edf1}.mini-product:last-child{border-bottom:0}.pro-bottom{margin:28px auto 60px;padding:32px;border-radius:22px;background:#111820;color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center}.pro-bottom p{color:#b8c2cc;max-width:700px}.pro-bottom .primary{color:#111820;background:#fff;padding:13px 18px;border-radius:10px;text-decoration:none;white-space:nowrap}@media(max-width:900px){.quick-grid{grid-template-columns:repeat(2,1fr)}.pro-grid{grid-template-columns:1fr}.pro-hero h1{font-size:34px}.pro-bottom{display:block}.pro-bottom .primary{display:inline-block;margin-top:15px}}