@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#182239;--muted:#7b8699;--blue:#3868f5;--line:#e8edf4;--soft:#f7f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px 'DM Sans',sans-serif;color:var(--ink);background:white}h1,h2,h3,.brand,.big{font-family:'Plus Jakarta Sans',sans-serif}.nav{height:78px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f2f7}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:17px;letter-spacing:-.5px}.brand span span,.big span{color:var(--blue)}.brand small{display:block;font:500 10px 'DM Sans';color:#929bad;margin-top:3px;letter-spacing:0}.logo{width:39px;height:39px;background:var(--blue);border-radius:12px;color:white!important;display:grid;place-items:center;font-size:21px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 17px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer;font-size:13px}.primary{background:var(--blue);color:white;box-shadow:0 7px 16px #3868f528}.outline{background:white;border-color:#e0e6f0;color:#46516a}.hero{max-width:1160px;margin:auto;padding:80px 28px 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--blue)}h1{font-size:clamp(37px,4.4vw,56px);letter-spacing:-2.4px;line-height:1.14;margin:20px 0 16px}h1 span{color:var(--blue)}.hero p,.heading p{color:var(--muted);line-height:1.8}.hero p{max-width:490px;font-size:15px}.actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.trust{display:flex;gap:17px;flex-wrap:wrap;color:#778297;font-size:11px;margin-top:27px}.hero-panel{padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(140deg,#fff,#f6f8ff);box-shadow:0 18px 50px #1f30530b}.pill{display:inline-block;color:#168b68;background:#eafaf4;padding:8px 10px;border-radius:7px;font-size:10px;font-weight:800}.big{font-size:34px;font-weight:800;letter-spacing:-1.5px;margin-top:34px}.hero-panel p{font-size:13px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.mini-grid b{display:block;color:var(--blue);font-size:18px}.mini-grid small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.section{max-width:1160px;margin:auto;padding:48px 28px 65px}.heading h2{font-size:29px;letter-spacing:-1px;margin:10px 0 7px}.heading p{margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0 18px}.filter{padding:9px 15px;border:1px solid var(--line);background:white;border-radius:8px;color:#707b90;font-weight:700}.filter.active{background:#edf2ff;border-color:#dce5ff;color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{border:1px solid var(--line);border-radius:14px;padding:20px}.service h3{font-size:15px;margin:0 0 8px}.service p{color:var(--muted);font-size:12px;line-height:1.65;min-height:39px}.tag{display:inline-block;background:#f0f4ff;color:var(--blue);font-size:10px;font-weight:800;border-radius:7px;padding:7px 9px;margin-bottom:14px}.service button{margin-top:8px;width:100%}.order-section{padding-top:40px}.form-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:17px;margin-top:23px;align-items:start}.box{border:1px solid var(--line);border-radius:15px;padding:24px;background:#fff;box-shadow:0 5px 25px #1f305308}.box label{display:block;font-size:12px;font-weight:700;color:#4c5870;margin-bottom:16px}.box input,.box select,.box textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #e0e6ef;border-radius:9px;font:13px 'DM Sans';outline:none;color:var(--ink);background:white}.box input:focus,.box select:focus,.box textarea:focus{border-color:#9aafff}.two{display:grid;grid-template-columns:1fr 130px;gap:12px}.notice{padding:13px;background:#fff9eb;border:1px solid #f3e8cb;border-radius:9px;color:#8b7547;font-size:11px;line-height:1.7;margin:12px 0 17px}.full{width:100%}.small{font-size:12px;color:#c23f4c;line-height:1.5}.wa-logo{display:grid;place-items:center;width:53px;height:53px;border-radius:16px;background:#e8faf1;color:#159b61;font-weight:800;font-size:17px;margin:22px 0 14px}.contact h3{font-size:19px;margin:0 0 9px}.contact p{font-size:12px;line-height:1.7;color:var(--muted)}footer{max-width:1160px;margin:auto;padding:24px 28px;border-top:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#929bad;font-size:10px}[hidden]{display:none!important}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:28px;padding-top:50px}.grid{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr}.contact{order:-1}}@media(max-width:540px){.nav{height:70px;padding:0 17px}.brand{font-size:14px}.logo{width:34px;height:34px}.nav .btn{font-size:11px;padding:10px}.hero{padding:45px 20px}.hero h1{font-size:39px;letter-spacing:-1.7px}.section{padding:38px 20px}.heading h2{font-size:25px}.grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.box{padding:18px}footer{padding:20px;align-items:flex-start;flex-direction:column}}