*{box-sizing:border-box}
:root{--blue:#175cd3;--ink:#101827;--muted:#657386;--line:#dfe5ec;--bg:#f7f9fc}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
header{height:68px;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,7%);position:sticky;top:0;z-index:10}
.brand{font-weight:800;display:flex;gap:10px;align-items:center}
.brand b{background:var(--blue);color:#fff;padding:8px;border-radius:9px;font-size:12px}
.brand span{white-space:nowrap}
nav{display:flex;gap:24px;color:#5d6b7d;font-size:14px}
nav a:hover{color:var(--blue)}
.navbtn,.btn{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:11px 18px;font-weight:800;cursor:pointer;display:inline-block}
.navbtn{white-space:nowrap}
.navlogin{white-space:nowrap;background:#eaf2ff;color:var(--blue);border:1px solid #cfe0ff;border-radius:9px;padding:10px 14px;font-weight:900;font-size:12px}
.navlogin:hover{background:#dceaff}
.trial-banner{margin-top:18px;max-width:650px;padding:14px 16px;background:#eef6ff;border:1px solid #cfe0ff;border-radius:11px;display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px}
.trial-banner strong{color:var(--blue);font-size:12px;letter-spacing:.04em}
.trial-banner span{color:#536176;font-size:12px;flex:1 1 280px}
.trial-banner a{color:var(--blue);font-weight:900;font-size:11px;white-space:nowrap}
.ghost{background:#fff;color:#263449;border:1px solid #d5dde8}
.hero{max-width:1180px;margin:auto;padding:82px 25px 76px;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}
.hero label,section>label{font-size:12px;letter-spacing:.15em;color:var(--blue);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;margin-bottom:22px}
.hero-actions{display:flex;gap:9px;flex-wrap:wrap}
.tags{margin-top:22px;color:#647287;font-size:12px;font-weight:800}
.demo{background:#fff;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:var(--blue);color:#fff;border:0;border-radius:7px;padding:11px;font-weight:800}
section{padding:76px 7%}
section h2{font-size:40px;letter-spacing:-.03em;margin:8px 0 32px}
.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:23px}
.grid article>b{font-size:24px;color:var(--blue)}
.grid h3{margin-bottom:5px}
.grid p,.steps p,.download p{color:#69778a;font-size:14px}
.dark{background:#111b2b;color:#fff}
.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:23px}
.steps b{color:#91baff}
.steps p{color:#abb6c6}
.pricing{background:#fff;text-align:center}
.pricing-intro{max-width:720px;margin:-12px auto 30px;color:#66758a;font-size:14px}
.prices{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left}
.prices article{position:relative;border:1px solid #dce3eb;border-radius:16px;padding:28px;background:#fbfcfe;overflow:hidden}
.prices .featured{border:2px solid var(--blue);box-shadow:0 14px 35px rgba(23,92,211,.12)}
.offer-badge{display:inline-block;background:#eaf2ff;color:var(--blue);border:1px solid #cfe0ff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.06em;margin-bottom:14px}
.prices small{display:block;font-weight:900;color:#68778a;letter-spacing:.05em}
.old-price{margin-top:10px;color:#8a95a5;text-decoration:line-through;font-size:15px;font-weight:700}
.prices strong{display:block;font-size:42px;line-height:1.05;margin:4px 0 8px}
.prices strong span{font-size:13px;color:#768395;font-weight:700}
.offer-copy{margin:0 0 12px;color:#526176;font-size:13px;font-weight:700}
.prices ul{padding-left:20px}
.prices li{padding:4px;color:#5e6c7d}
.prices .btn{width:100%;text-align:center;margin-top:8px}
.offer-note{text-align:center;margin-top:10px;color:#7b8797;font-size:10px;font-weight:700}
.offer-disclaimer{max-width:900px;margin:24px auto 8px;padding:13px 16px;background:#f7f9fc;border:1px solid #e2e8f0;border-radius:10px;color:#68778a;font-size:11px}
.note{text-align:center;color:#8994a3;font-size:11px}
.status{max-width:850px;margin:auto}
.statusbox,.login-panel,.account-card{margin:18px 0;padding:17px;background:#fff;border:1px solid var(--line);border-radius:11px}
.statusbox span,.login-panel>span{display:block;color:#6a7788;font-size:12px;margin-top:5px}
.statusbox.good{border-color:#b8e3c8;background:#f4fcf7}
.login-panel>b{display:block;font-size:13px}
.site-input{width:100%;padding:12px;border:1px solid #d5dde8;border-radius:8px;font-size:14px;margin:9px 0 10px}
.site-message{min-height:20px;margin-top:8px;font-size:12px;color:#69778a}
.account-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.account-head>b{font-size:14px}
.account-head span{font-size:11px;color:#7a8797}
.details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.details div{background:#f8fafc;border:1px solid #e2e7ee;border-radius:9px;padding:12px;color:#738092;font-size:11px}
.details strong{display:block;color:#1f2d40;margin-top:5px;word-break:break-word}
.account-actions{display:flex;gap:8px;margin-top:14px}
.account-note{font-size:12px;color:#7a8797;margin:12px 0 0}
.download{background:#eaf2ff;display:flex;justify-content:space-between;align-items:center}
.download h2{margin-bottom:4px}
footer{padding:25px 7%;background:#fff;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}}
@media(max-width:520px){.brand span{display:none}.grid,.details{grid-template-columns:1fr}.hero{padding-top:55px}.download{display:block}.navbtn{padding:10px 13px}.navlogin{padding:9px 10px;font-size:10px}.trial-banner{display:block}.trial-banner span{display:block;margin:5px 0 8px}}