*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#101827;background:#f7f9fc;line-height:1.55}a{text-decoration:none;color:inherit}header{height:70px;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:10}.brand{font-weight:800;display:flex;gap:9px;align-items:center}.brand b{background:#175cd3;color:white;padding:8px;border-radius:9px;font-size:12px}nav{display:flex;gap:25px;color:#5d6b7d;font-size:14px}.navbtn,.btn{background:#175cd3;color:white;border:0;border-radius:9px;padding:11px 18px;font-weight:800;cursor:pointer;display:inline-block}.ghost{background:white;color:#263449;border:1px solid #d5dde8}.hero{max-width:1180px;margin:auto;padding:90px 25px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.hero label,section>label{font-size:12px;letter-spacing:.15em;color:#175cd3;font-weight:900}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.03;letter-spacing:-.05em;margin:15px 0}.hero p{font-size:18px;color:#5f6d7f;max-width:650px}.tags{margin-top:25px;color:#647287;font-size:12px;font-weight:800}.demo{background:white;border:1px solid #dce4ed;border-radius:18px;padding:20px;box-shadow:0 20px 60px #11223d15}.demohead{background:#f1f4f8;margin:-20px -20px 20px;padding:15px;border-radius:18px 18px 0 0;font-weight:800;font-size:13px}.active{padding:12px;background:#f1fbf5;color:#14784b;border:1px solid #d6efdf;border-radius:8px;font-weight:800}.demo p{font-size:11px;font-weight:800;color:#6c7888;margin:16px 0 5px}.input,.cols{border:1px solid #d9e0e8;border-radius:7px;padding:10px;font-size:11px;color:#536176}.cols{margin:16px 0;background:#f8fafc}.demo button{width:100%;background:#175cd3;color:#fff;border:0;border-radius:7px;padding:11px;font-weight:800}section{padding:80px 7%}section h2{font-size:40px;letter-spacing:-.03em;margin:8px 0 35px}.grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid article{background:#fff;border:1px solid #e1e7ee;border-radius:13px;padding:25px}.grid article>b{font-size:24px;color:#175cd3}.grid h3{margin-bottom:5px}.grid p,.steps p,.download p{color:#69778a;font-size:14px}.dark{background:#111b2b;color:white}.dark>label{color:#91baff}.steps{max-width:1150px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps div{border:1px solid #35445a;border-radius:13px;padding:25px}.steps b{color:#91baff}.steps p{color:#abb6c6}.pricing{background:#fff;text-align:center}.prices{max-width:800px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.prices article{border:1px solid #dce3eb;border-radius:15px;padding:28px;background:#fbfcfe}.prices .featured{border:2px solid #175cd3}.prices small{font-weight:900;color:#68778a}.prices strong{display:block;font-size:42px;margin:10px 0}.prices strong span{font-size:13px;color:#768395}.prices li{padding:5px;color:#5e6c7d}.note{text-align:center;color:#8994a3;font-size:11px}.status{max-width:1000px;margin:auto}.statusbox{margin:20px 0;padding:15px;background:#fff;border:1px solid #dce3eb;border-radius:9px}.statusbox span{display:block;color:#6a7788;font-size:12px}.details{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.details div{background:#fff;border:1px solid #dce3eb;border-radius:9px;padding:13px;color:#738092;font-size:11px}.details code,.details strong{display:block;color:#1f2d40;margin-top:5px;word-break:break-all}.download{background:#eaf2ff;display:flex;justify-content:space-between;align-items:center}.download h2{margin-bottom:4px}footer{padding:25px 7%;background:white;border-top:1px solid #e5eaf0;color:#788596;font-size:12px}footer a{margin-left:10px}@media(max-width:800px){nav{display:none}.hero,.prices,.steps{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.details{grid-template-columns:1fr 1fr}.download{display:block}}@media(max-width:520px){.grid,.details{grid-template-columns:1fr}.hero{padding-top:55px}}