*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#172033;background:#f7f9fc}a{text-decoration:none;color:inherit}.container{max-width:1120px;margin:auto;padding:0 22px}header{background:#fff;border-bottom:1px solid #e9edf3;position:sticky;top:0;z-index:10}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:800;letter-spacing:-1px}.logo span{color:#4f46e5}.nav nav{display:flex;gap:25px;color:#566174;font-size:14px}.nav nav a:hover{color:#4f46e5}.hero{padding:90px 0 75px;background:linear-gradient(135deg,#eef2ff,#fff 55%,#f5f3ff)}.badge{display:inline-block;background:#e0e7ff;color:#4338ca;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:1px}.hero h1{font-size:58px;line-height:1.02;letter-spacing:-3px;margin:20px 0 15px}.hero h1 span{color:#4f46e5}.hero p{font-size:18px;color:#667085;max-width:600px;line-height:1.6}.search{margin-top:30px;background:white;border:1px solid #dfe4ec;border-radius:13px;max-width:620px;padding:4px 15px;box-shadow:0 8px 25px #293a5b10;display:flex;align-items:center}.search input{border:0;outline:0;flex:1;padding:15px;font-size:15px}.section{padding:70px 0}.section h2{text-align:center;font-size:32px;margin:0 0 8px}.sub{text-align:center;color:#7a8495;margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e8ecf2;border-radius:16px;padding:25px;transition:.2s;box-shadow:0 4px 18px #17203306}.card:hover{transform:translateY(-4px);border-color:#c7d2fe;box-shadow:0 12px 30px #17203312}.icon{width:46px;height:46px;border-radius:12px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-weight:800;color:#4f46e5;font-size:20px}.card h3{margin:17px 0 8px;font-size:18px}.card p{margin:0;color:#778195;font-size:14px;line-height:1.5}.cta{background:#111827;color:white;text-align:center;padding:65px 0}.cta h2{margin:0 0 10px;font-size:30px}.cta p{color:#aeb7c7}.footer{min-height:85px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#7a8495}.footer div:last-child{display:flex;gap:18px}.page{padding:65px 0;min-height:70vh}.page h1{font-size:42px;letter-spacing:-1px}.page p,.page li{color:#667085;line-height:1.7}.toolbox{max-width:700px;margin:30px auto;background:#fff;padding:30px;border:1px solid #e4e8ef;border-radius:18px;box-shadow:0 10px 35px #1720330b}.toolbox h1{text-align:center;margin-top:0}.field{margin:16px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #d8dee8;border-radius:9px;font-size:15px;outline:none}.field textarea{min-height:220px;resize:vertical}.btn{background:#4f46e5;color:white;border:0;border-radius:9px;padding:13px 20px;font-weight:700;cursor:pointer}.result{margin-top:20px;padding:18px;background:#f0f4ff;border-radius:10px;color:#28356b;font-weight:700;min-height:20px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:750px){.grid{grid-template-columns:1fr 1fr}.hero h1{font-size:43px}.nav nav{gap:12px}.footer{flex-direction:column;justify-content:center;gap:12px;padding:20px 0}}@media(max-width:500px){.grid{grid-template-columns:1fr}.nav nav a:nth-child(3),.nav nav a:nth-child(4){display:none}.row{grid-template-columns:1fr}}