:root{--blue:#1769ff;--purple:#7047ff;--ink:#10152f;--muted:#59627a;--line:#e8ecf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input{font:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}header{height:68px;border-bottom:1px solid #eef1f7;background:#fff;position:sticky;top:0;z-index:20}.nav{height:68px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:7px;font-size:24px;font-weight:800;letter-spacing:-1px}.brand b{font-size:36px;color:#6046ff}.brand span{color:var(--blue)}nav{display:flex;gap:26px;font-size:14px}nav a{height:68px;display:flex;align-items:center;border-bottom:2px solid transparent}nav .active{color:var(--blue);border-color:var(--blue)}.actions{margin-left:auto;display:flex;align-items:center;gap:9px}.ico{border:0;background:none;font-size:24px}.login,.signup{height:40px;padding:0 16px;border-radius:9px;font-size:14px;font-weight:650;display:flex;align-items:center}.login{border:1px solid #e2e7f0}.signup{background:var(--blue);color:#fff}.menu{display:none;border:0;background:none;font-size:24px}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7f9ff,#f8faff);padding:48px 0 38px}.hero-in{text-align:center;position:relative;z-index:1}.orb{position:absolute;border-radius:50%;opacity:.45}.orb.a{width:230px;height:230px;background:#e8e6ff;left:-120px;top:20px}.orb.b{width:250px;height:250px;background:#e4f2ff;right:-120px;bottom:-120px}.badge{display:inline-block;background:#eef1ff;border:1px solid #e1e6ff;color:#4147b8;padding:7px 13px;border-radius:999px;font-size:12px}.hero h1{font-size:58px;line-height:1.04;letter-spacing:-2.8px;margin:25px 0 13px}.hero h1 span{background:linear-gradient(90deg,#7047ff,#1769ff);color:transparent;background-clip:text}.hero p{font-size:18px;color:var(--muted);margin:0 0 26px}.search{width:min(640px,100%);margin:auto;background:#fff;border:1px solid #e4e9f2;border-radius:16px;padding:6px;display:flex;box-shadow:0 12px 35px #2a3d6e16}.search i{font-style:normal;font-size:26px;padding:7px;color:#3f4963}.search input{flex:1;min-width:0;border:0;outline:0;padding:12px;font-size:15px}.search button{border:0;background:var(--blue);color:#fff;border-radius:11px;padding:0 34px;font-weight:700}.popular{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:17px;font-size:13px;flex-wrap:wrap}.popular button{border:1px solid #e7ebf4;background:#fff;border-radius:999px;padding:7px 14px;cursor:pointer}.section{padding:22px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{border:1px solid #e9edf5;border-radius:14px;background:#fff;box-shadow:0 8px 28px #18234612;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 15px 34px #1823461c}.cats .card{padding:20px;min-height:175px}.icon{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;margin-bottom:13px}.icon svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.red{background:#f52f4f}.purple{background:#8b3ff5}.green{background:#19c76a}.orange{background:#ff9415}.blue{background:#2e79f5}.pink{background:#ef20ad}.yellow{background:#ffb000}.cyan{background:#14bfc2}.card h3{font-size:16px;margin:0 0 6px}.card p{font-size:14px;line-height:1.42;color:var(--muted);margin:0}.bottom{display:flex;justify-content:space-between;margin-top:16px;color:#667087;font-size:13px}.bottom b{font-size:21px;color:var(--blue)}.tools .card{padding:20px;min-height:205px}.open{display:flex;justify-content:center;margin-top:18px;padding:10px;border-radius:7px;font-size:13px;font-weight:700}.open.red{background:#fff0f3;color:#e81d43}.open.blue{background:#eef5ff;color:#1769ff}.open.purple{background:#f5ebff;color:#7a32ed}.open.green{background:#eafbf2;color:#08a85a}.benefits{background:#f7faff;border:1px solid #edf1f8;border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 20px;margin-bottom:35px}.benefits>div{display:flex;gap:13px;padding:0 22px;border-right:1px solid #e1e7f1}.benefits>div:last-child{border:0}.benefits strong{font-size:32px;color:var(--blue)}.benefits span{font-size:12px;color:var(--muted);line-height:1.4}.benefits b{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}footer{border-top:1px solid #eef1f6;padding:38px 0 18px}.foot{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.35fr;gap:50px}.foot h4{font-size:14px;margin:5px 0 13px}.foot>div:not(:first-child)>a{display:block;color:#5e667b;font-size:13px;margin:9px 0}.foot p{font-size:12px;color:#6b7386}.social{margin-top:20px;font-weight:700}.subscribe{height:42px;display:flex;border:1px solid #e0e5ee;border-radius:8px;overflow:hidden}.subscribe input{flex:1;border:0;padding:0 12px;outline:0}.subscribe button{border:0;background:var(--blue);color:#fff;padding:0 16px;font-weight:700}.copy{border-top:1px solid #edf0f5;margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;color:#70788c;font-size:12px}.copy b{color:#ef3151}.dark{background:#101522;color:#f4f7ff}.dark header,.dark .card,.dark .login,.dark .search{background:#151b2b;border-color:#273149}.dark .hero{background:#11182a}.dark .card p,.dark .benefits span,.dark .foot p,.dark .foot a{color:#aab3c7}.dark .benefits{background:#151b2b;border-color:#273149}.dark footer{border-color:#273149}@media(max-width:900px){nav{display:none}.menu{display:block}.actions{margin-left:auto}.hero h1{font-size:46px}.grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr);gap:20px}.benefits>div:nth-child(2){border:0}.foot{grid-template-columns:repeat(2,1fr);gap:28px}}@media(max-width:600px){.wrap{width:calc(100% - 28px)}.nav,header{height:62px}.brand{font-size:21px}.brand b{font-size:31px}.ico:first-child{display:none}.login,.signup{padding:0 11px}.hero{padding:34px 0 30px}.hero h1{font-size:37px;letter-spacing:-1.8px}.hero p{font-size:15px}.search{border-radius:13px}.search button{padding:0 19px}.grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr;padding:18px}.benefits>div{border-right:0;border-bottom:1px solid #e1e7f1;padding:12px 4px}.benefits>div:last-child{border:0}.foot{grid-template-columns:1fr}.copy{flex-direction:column;gap:8px}}