@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--blue:#0866f5;--navy:#071a42;--ink:#101e40;--muted:#62708c;--line:#e1e9f6;--sky:#ecf3ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;margin:0;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input{font:inherit}.shell{width:min(1380px,calc(100% - 88px));margin:auto}header{border-bottom:1px solid #e4eaf4;background:white;position:sticky;top:0;z-index:30}.topnav{height:70px;display:flex;justify-content:space-between;align-items:center;gap:25px}.logo{font-size:29px;letter-spacing:-1.65px;font-weight:800;color:var(--navy);white-space:nowrap}.logo span{color:var(--blue)}.links{display:flex;gap:32px;align-items:center}.links a{font-size:13px;font-weight:500;padding:25px 0 22px;border-bottom:3px solid transparent}.links a.active,.links a:hover{color:var(--blue);border-bottom-color:var(--blue)}.flags{font-size:12px;border:1px solid #e2e8f2;padding:11px 15px;border-radius:10px;box-shadow:0 3px 9px #152f5410}.hero{background:linear-gradient(130deg,#ffffff 10%,#f7faff 50%,#edf5ff 100%);overflow:hidden}.heroinner{display:grid;grid-template-columns:49% 51%;gap:10px;min-height:415px;align-items:center;padding:38px 0 33px}.micro{font-size:11px;letter-spacing:2.5px;color:#2b75fb;font-weight:700}.hero h1{font-size:clamp(33px,3.1vw,46px);line-height:1.13;letter-spacing:-2px;color:var(--navy);margin:12px 0 17px;font-weight:800}.hero h1 span{color:var(--blue)}.hero p{font-size:16px;line-height:1.55;color:#415473;max-width:560px;margin:0 0 22px}.search{display:flex;align-items:center;gap:12px;max-width:640px;border-radius:40px;background:white;border:1px solid #dce7f6;box-shadow:0 6px 20px #2354a51b;padding:6px 6px 6px 20px}.search .mag{font-size:27px;color:var(--blue);line-height:1}.search input{width:100%;min-width:0;flex:1;border:0;outline:0;font-size:13px}.search button,.primary{border:0;cursor:pointer;background:var(--blue);border-radius:30px;color:white;padding:13px 25px;font-weight:700;font-size:13px}.trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;font-size:12px;color:#344d75}.trust b{color:var(--blue);font-size:16px}.heroart{height:345px;position:relative}.heroart:before{content:'';position:absolute;inset:0 0 0 5%;background:linear-gradient(120deg,#d8e9ff 5%,#eff6ff 75%);border-radius:54% 46% 39% 61%/45% 56% 44% 55%;transform:rotate(-13deg)}.floating{position:absolute;overflow:hidden;display:flex;flex-direction:column;border-radius:11px;background:#fff;box-shadow:0 15px 25px #14386621;border:1px solid #e6eefa}.floating .pic{height:88px;background-position:center;background-size:cover}.floating .ft{display:flex;align-items:center;gap:9px;padding:12px 14px;justify-content:space-between}.ft strong{font-size:14px;display:block}.ft small{font-size:11px;color:#5d6c85;display:block;margin-top:5px}.circlearr{background:white;border:1px solid #dbe6fa;border-radius:100%;min-width:30px;height:30px;display:grid;place-items:center;color:var(--blue);font-size:20px;box-shadow:0 4px 9px #0b244518}.float-home{top:2px;left:42%;width:54%}.float-tech{top:108px;left:8%;width:48%}.float-code{top:165px;right:1%;width:45%}.float-tech .pic{height:92px}.float-code .pic{height:83px}.category-strip{padding:4px 0 18px;background:#fff}.categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.category{background:#fff;border-radius:11px;border:1px solid #ebeff6;padding:8px;box-shadow:0 5px 20px #1c3f6a0b;min-width:0}.category img{display:block;width:100%;height:78px;object-fit:contain;background:#f7f9fc;border-radius:6px}.category .ctitle{margin:10px 3px 3px;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;font-weight:700}.category .arr{flex-shrink:0;color:var(--blue);display:grid;place-items:center;border-radius:50%;border:1px solid #e9eff8;height:23px;width:23px;background:#fff}.stepband{background:#eaf2ff;padding:26px 0}.stepgrid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:20px;align-items:center}.stepheader .micro{font-size:10px}.stepheader h2{font-size:27px;line-height:1.16;letter-spacing:-1.2px;margin:12px 0 0}.stepheader h2 span{color:var(--blue)}.step{display:flex;gap:14px;align-items:center;background:#fff;padding:21px 15px;border-radius:9px;min-height:104px;border:1px solid #dae6fa}.stepnum{color:var(--blue);background:#e6f0ff;font-weight:800;font-size:18px;border-radius:50%;width:40px;height:40px;flex-shrink:0;display:grid;place-items:center}.stepicon{font-size:24px;color:var(--blue)}.step h3{font-size:13px;margin:0 0 6px}.step p{font-size:11px;line-height:1.45;color:#687897;margin:0}.deals{padding:24px 0 22px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.sectionhead h2{font-size:21px;letter-spacing:-.5px;margin:0 0 4px}.sectionhead p{font-size:12px;color:#62728b;margin:0}.sectionhead a{font-size:12px;color:var(--blue);font-weight:700}.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.product{display:flex;align-items:center;gap:12px;min-width:0;padding:11px;background:white;border-radius:10px;border:1px solid #e0e9f7;min-height:126px}.product img{width:39%;height:96px;object-fit:contain;background:#f8faff;border-radius:8px}.productinfo{flex:1;min-width:0}.label{font-size:10px;padding:4px 7px;background:#edf4ff;color:#2164d4;border-radius:4px;display:inline-block;margin-bottom:7px}.product h3{font-size:12px;line-height:1.32;margin:0 0 6px}.product small{font-size:10px;color:#7887a0}.product .soon{font-size:11px;font-weight:700;color:#366ca7;margin-top:7px;display:block}.cred{padding:18px 0;background:#eef4fc}.cred-inner{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;font-size:12px;color:#455774}.cred-inner b{font-size:15px;margin-right:7px}footer{padding:26px 0;border-top:1px solid #e4eaf4}.footerinner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footerinner .logo{font-size:22px}.footlinks{display:flex;gap:18px;font-size:12px;color:#576884}.copyright{font-size:11px;color:#657890}.pagehero{padding:65px 0;background:#edf5ff}.pagehero h1{margin:12px 0;font-size:36px;letter-spacing:-1px}.pagehero p{font-size:15px;color:#536682;max-width:700px;line-height:1.6}.empty{max-width:750px;margin:50px auto;padding:45px;text-align:center;border:1px dashed #c8d8f1;border-radius:14px;color:#647794}.empty h2{color:var(--navy)}.empty p{line-height:1.7}.legal{padding:55px 0;max-width:850px;line-height:1.8;color:#586d89}.legal h2{color:var(--navy)}.alert{background:#fff8e9;border:1px solid #edd9ae;padding:16px;border-radius:10px}.empty a{color:var(--blue)}
@media(max-width:1120px){.shell{width:calc(100% - 48px)}.categories{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(3,1fr)}.stepgrid{grid-template-columns:repeat(3,1fr)}.stepheader{grid-column:1/-1}}@media(max-width:760px){.shell{width:calc(100% - 28px)}.topnav{height:65px}.logo{font-size:21px}.links{gap:10px}.links a{font-size:11px}.links a:nth-child(1),.links a:nth-child(4){display:none}.flags{display:none}.heroinner{grid-template-columns:1fr;gap:12px;padding:42px 0 28px}.hero h1{font-size:37px}.heroart{height:330px}.categories{grid-template-columns:repeat(2,1fr)}.category img{height:93px}.stepgrid{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.product{flex-direction:column;align-items:stretch}.product img{width:100%;height:98px}.footlinks{flex-wrap:wrap}.footerinner{flex-direction:column;align-items:start}.search button{padding:12px 15px}.trust{gap:10px}}
