:root{--ink:#101828;--muted:#667085;--line:#E4E7EC;--blue:#2850E0;--blue-d:#1F40B8;--orange:#E5651A;--navy:#0B1B33;--ground:#F6F7F9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:26px;height:68px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em}
.logo i{width:34px;height:34px;border-radius:9px;background:var(--blue);display:flex;align-items:center;justify-content:center}.logo svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav nav{display:flex;gap:24px;font-weight:500;color:#344054;margin-left:20px}.nav nav a:hover{color:var(--blue)}.sp{flex:1}
.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;border-radius:10px;font-weight:700;border:1px solid #D0D5DD;background:#fff;cursor:pointer;font-size:15px;font-family:inherit}
.btn.pri{background:var(--blue);border-color:var(--blue);color:#fff}.btn.pri:hover{background:var(--blue-d)}.btn.org{background:var(--orange);border-color:var(--orange);color:#fff}.btn.lg{height:54px;padding:0 30px;font-size:16px}.btn.sm{height:38px;padding:0 16px}
.hero{background:radial-gradient(900px 420px at 80% -10%,#DCE6FF,transparent),linear-gradient(#fff,#F6F8FF);padding:72px 0 56px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#EEF3FF;color:var(--blue);border-radius:999px;padding:5px 14px;font-weight:700;font-size:13px}
h1{font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.035em;margin:16px 0 18px;font-weight:800}h1 em{font-style:normal;color:var(--blue)}
.lead{font-size:19px;color:#475467;max-width:560px;margin:0 0 26px}.cta{display:flex;gap:12px;flex-wrap:wrap}.fine{font-size:13px;color:var(--muted);margin-top:14px}
.mock{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 70px rgba(16,24,40,.16);overflow:hidden;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg)}
.mock .bar{display:flex;gap:6px;padding:11px 14px;background:#F2F4F7;border-bottom:1px solid var(--line)}.mock .bar i{width:10px;height:10px;border-radius:50%;background:#D0D5DD}
.mock .body{display:grid;grid-template-columns:120px 1fr;min-height:330px}.mock .sb{border-right:1px solid var(--line);padding:12px 10px;font-size:11px;color:#475467;display:flex;flex-direction:column;gap:6px}.mock .sb b{display:block;padding:6px 8px;border-radius:7px}.mock .sb b.on{background:#EEF3FF;color:var(--blue)}
.mock .mn{padding:14px;background:var(--ground)}.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.kp div{border-radius:9px;padding:9px 10px;color:#fff;font-size:10px}.kp b{display:block;font-size:20px;letter-spacing:-.02em}
.kp .a{background:linear-gradient(135deg,#2850E0,#4B73F5)}.kp .b{background:linear-gradient(135deg,#E5651A,#F58A4B)}.kp .c{background:linear-gradient(135deg,#067647,#17A267)}
.rows{background:#fff;border:1px solid var(--line);border-radius:9px}.rows div{display:flex;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);font-size:11px}.rows div:last-child{border:0}.rows .av{width:22px;height:22px;border-radius:50%;background:#EEF3FF;color:var(--blue);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:9px}.rows .t{flex:1}.pl{border-radius:99px;padding:1px 8px;font-size:10px;font-weight:600;background:#EEF3FF;color:var(--blue)}.pl.g{background:#ECFDF3;color:#067647}.pl.o{background:#FEF0E7;color:var(--orange)}
section{padding:78px 0}section.alt{background:var(--ground)}.center{text-align:center}h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em;line-height:1.1;margin:0 0 12px;font-weight:800}.sub{color:#475467;font-size:18px;max-width:640px;margin:0 auto 40px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 1px 2px rgba(16,24,40,.05)}.card h3{margin:14px 0 6px;font-size:18px;letter-spacing:-.01em}.card p{margin:0;color:#475467}
.ic{width:46px;height:46px;border-radius:12px;background:#EEF3FF;display:flex;align-items:center;justify-content:center;color:var(--blue)}.ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic.o{background:#FEF0E7;color:var(--orange)}.ic.g{background:#ECFDF3;color:#067647}.ic.p{background:#F4F3FF;color:#6941C6}
.flow{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;gap:0;align-items:center}.flow .arrow{text-align:center;color:#98A2B3;font-size:28px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px}
.price{display:flex;flex-direction:column;gap:14px}.price.hot{border:2px solid var(--blue);position:relative}.price .tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;border-radius:99px;padding:3px 14px;font-size:12px;font-weight:700}
.amt{font-size:42px;font-weight:800;letter-spacing:-.03em}.amt small{font-size:15px;color:var(--muted);font-weight:500}.price ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.price li{display:flex;gap:9px;color:#344054}.price li:before{content:"✓";color:#067647;font-weight:800}
details{border:1px solid var(--line);border-radius:12px;padding:16px 20px;background:#fff;margin-bottom:10px}summary{font-weight:700;cursor:pointer}details p{margin:10px 0 0;color:#475467}
.form{max-width:560px;margin:0 auto;text-align:left}.form label{display:block;font-weight:600;font-size:14px;margin:12px 0 5px}.form input,.form textarea{width:100%;height:46px;border:1px solid #D0D5DD;border-radius:10px;padding:0 14px;font-size:15px;font-family:inherit}.form textarea{height:80px;padding:12px 14px}
.hp{position:absolute;left:-9999px}.msg{padding:12px;border-radius:10px;margin-top:12px;font-weight:600}.msg.ok{background:#ECFDF3;color:#067647}.msg.bad{background:#FEF3F2;color:#B42318}
.dark{background:linear-gradient(135deg,var(--navy),#173A6B);color:#fff}.dark .sub{color:#C7D2E5}.dark .card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:none}.dark .card p{color:#C7D2E5}.dark .ic{background:rgba(255,255,255,.12);color:#fff}
.chat{max-width:340px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.35);overflow:hidden;color:var(--ink);text-align:left}.chat .h{background:var(--navy);color:#fff;padding:12px 14px;font-weight:700;font-size:14px}.chat .m{padding:12px;display:flex;flex-direction:column;gap:7px;background:#F9FAFB;font-size:13px}.chat .m div{max-width:85%;padding:8px 11px;border-radius:10px;background:#fff;border:1px solid var(--line)}.chat .m .me{align-self:flex-end;background:var(--blue);color:#fff;border-color:var(--blue)}
footer{background:var(--navy);color:#C7D2E5;padding:40px 0;font-size:14px}footer .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}footer a:hover{color:#fff}
@media(max-width:900px){.hero .wrap,.grid3,.grid2,.flow{grid-template-columns:1fr}.mock{transform:none}.nav nav{display:none}.flow .arrow{transform:rotate(90deg);padding:6px}}