*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
body{background:#f4f7f8;color:#101010;padding:38px 18px}.compatibility-section{max-width:960px;margin:auto}.compatibility-header{background:radial-gradient(circle at top right,rgba(0,184,176,.55),transparent 32%),linear-gradient(135deg,#000 0%,#00353b 55%,#00b8b0 100%);border-radius:28px;padding:34px 50px 235px;position:relative;overflow:hidden;color:#fff;box-shadow:0 24px 55px rgba(0,0,0,.18)}.eyebrow{display:inline-block;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);padding:8px 14px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px}.compatibility-header h1{font-size:58px;font-weight:900;line-height:1.03;letter-spacing:-1.5px;margin-bottom:16px;max-width:720px}.subhead{font-size:28px;max-width:560px;line-height:1.35}.phone{position:absolute;left:50%;bottom:-78px;transform:translateX(-50%);width:170px;height:320px;background:#fff;border:6px solid #171717;border-radius:36px;display:flex;justify-content:center;align-items:center;box-shadow:0 18px 42px rgba(0,0,0,.36)}.phone:before{content:"";position:absolute;top:0;width:72px;height:13px;background:#171717;border-radius:0 0 12px 12px}.check{width:120px;height:120px;border-radius:50%;background:#00b8b0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:72px;font-weight:900}.compatibility-card{background:#fff;width:92%;margin:-58px auto 0;padding:44px;border-radius:28px;box-shadow:0 22px 55px rgba(0,0,0,.14);position:relative;z-index:5}.compatibility-card h2{text-align:center;font-size:34px;margin-bottom:30px;color:#111}label{display:block;font-weight:800;margin:16px 0 8px;color:#111}.compatibility-card select,.compatibility-card input{width:100%;height:66px;padding:0 20px;border:1px solid #d7dde2;border-radius:14px;font-size:20px;background:#fff;color:#222}.compatibility-card input:focus,.compatibility-card select:focus{outline:3px solid rgba(0,184,176,.22);border-color:#00b8b0}.compatibility-card button{width:100%;height:68px;margin-top:22px;border:none;border-radius:999px;background:#00b8b0;color:#fff;font-size:25px;font-weight:900;cursor:pointer;transition:.2s}.compatibility-card button:hover{background:#009b95;transform:translateY(-1px)}.result-box{margin-top:26px;padding:24px;border-radius:18px;text-align:center;font-size:18px;line-height:1.55;border:1px solid #e2e8ee;background:#f8fafb}.result-box h3{font-size:28px;margin-bottom:8px}.result-box .badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:15px}.badge{padding:8px 11px;border-radius:999px;background:#eafdfb;color:#00756f;font-weight:800;font-size:14px}.compatible{border-color:#b8f4dc;background:#effdf7;color:#14532d}.not-compatible{border-color:#ffd1d1;background:#fff4f4;color:#991b1b}.idle{color:#555}.popular-box{margin-top:28px;text-align:center}.popular-box h3{font-size:18px;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{border:none;background:#eef5f5;color:#103b3d;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.chip:hover{background:#d8f6f4}.fineprint{margin-top:28px;padding:17px 20px;background:#f5f7f9;border-left:5px solid #00b8b0;border-radius:12px;color:#555;font-size:14px;line-height:1.65;text-align:center}.fineprint strong{color:#111;font-size:15px}@media(max-width:768px){body{padding:22px 10px}.compatibility-header{padding:28px 24px 198px;border-radius:22px}.compatibility-header h1{font-size:38px}.subhead{font-size:20px}.phone{width:135px;height:255px;bottom:-62px}.check{width:92px;height:92px;font-size:55px}.compatibility-card{width:96%;padding:28px;margin-top:-42px}.compatibility-card h2{font-size:24px}.compatibility-card select,.compatibility-card input,.compatibility-card button{height:58px;font-size:17px}.result-box h3{font-size:23px}}