*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#0f172a;font-family:Arial,"Microsoft YaHei",sans-serif}header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fff;border-bottom:1px solid #e2e8f0}header>a{font-size:19px;font-weight:800;color:#0f172a;text-decoration:none}header span{color:#94a3b8;font-weight:500}nav{display:flex;gap:28px}nav a{color:#475569;text-decoration:none;font-size:14px}.hero{padding:70px max(7vw,24px);display:grid;grid-template-columns:1.1fr .9fr;gap:70px;background:#fff}.hero small{color:#2563eb;background:#eff6ff;padding:8px 12px;border-radius:20px}.hero h1{font-size:56px;line-height:1.08;margin:24px 0 18px}.hero em{font-style:normal;color:#6d28d9}.hero p{color:#64748b;line-height:1.8;max-width:620px}.btn,button{display:inline-block;border:0;border-radius:12px;background:#2563eb;color:#fff;padding:13px 20px;font-weight:800;text-decoration:none;cursor:pointer}.hero aside{border-radius:32px;background:#0f172a;color:white;padding:46px;transform:rotate(-2deg);box-shadow:0 22px 50px #cbd5e1}.hero aside>b{font-size:48px}.hero aside>p{color:#94a3b8}.hero aside>div{display:flex;gap:8px;margin-top:55px}.hero aside span{padding:12px;background:#ffffff12;border-radius:10px;font-size:12px}.products{max-width:1200px;margin:auto;padding:65px 24px}.products h2{font-size:34px;margin-bottom:5px}.products>p{color:#64748b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.grid article,.panel,.wide{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:28px}.grid i{display:grid;width:56px;height:56px;place-items:center;border-radius:16px;color:#fff;font-size:25px;font-style:normal;font-weight:900}.green{background:#10b981}.orange{background:#f97316}.purple{background:#7c3aed}.grid h3{font-size:22px}.grid article>p{min-height:48px;color:#64748b}.grid article>b{font-size:30px}.grid article small{font-size:13px;color:#94a3b8}.grid article button{float:right}.panel{max-width:650px;margin:60px auto}.wide{max-width:1100px;margin:45px auto}.panel form,.order form{display:grid;gap:14px}label{display:grid;gap:7px;font-weight:700}input,textarea,select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}textarea{height:105px}.order{border:1px solid #e2e8f0;border-radius:16px;padding:18px;margin-top:15px}.order>span{float:right;background:#eff6ff;color:#2563eb;padding:5px 10px;border-radius:20px}.order form{grid-template-columns:150px 1fr auto}.ok{color:#059669;font-weight:800}.warn{color:#b45309}dialog{border:0;border-radius:24px;padding:0;max-width:460px;width:calc(100% - 30px)}dialog::backdrop{background:#0f172aaa}dialog form{padding:30px;display:grid;gap:18px}.close{position:absolute;right:12px;top:10px;background:transparent;color:#64748b;font-size:24px;padding:5px}footer{text-align:center;padding:30px;color:#64748b;font-size:13px}@media(max-width:800px){nav a:nth-child(3){display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero aside{display:none}.hero h1{font-size:39px}.grid{grid-template-columns:1fr}.order form{grid-template-columns:1fr}}