:root{--ink:#14151b;--muted:#697080;--line:#e7e9f0;--bg:#f7f8fb;--accent:#6356e8;--good:#14885b;--dark:#12141b;--shadow:0 18px 55px rgba(19,21,30,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.container{max-width:1240px;margin:auto;padding:0 22px}.nav{height:76px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.navinner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:23px;font-weight:900;letter-spacing:-.04em}.brand span{color:var(--accent)}.links{display:flex;gap:22px;color:#4f5462;font-size:14px}.navActions,.heroButtons,.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:800}.primary{background:var(--accent);color:#fff}.ghost{background:#fff;border:1px solid var(--line)}.full{width:100%}.hero{background:linear-gradient(135deg,#151721,#292746 62%,#4d409f);color:#fff;padding:86px 0 78px}.kicker{font-size:12px;font-weight:900;color:#aaa2f4;letter-spacing:.08em}.hero h1{font-size:clamp(48px,7.5vw,88px);line-height:.94;letter-spacing:-.055em;margin:13px 0 20px;max-width:950px}.hero p{font-size:19px;line-height:1.65;color:#d0d4df;max-width:760px}.heroButtons{margin-top:24px}.heroGhost{background:#ffffff14;color:#fff;border:1px solid #ffffff35}.trustbar{background:#fff;border-bottom:1px solid var(--line)}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustitem{padding:19px;text-align:center;border-right:1px solid var(--line);font-size:13px}.trustitem:last-child{border-right:0}.trustitem b{display:block;margin-bottom:3px}.trustitem span{color:#666c79}.section{padding:74px 0}.sectionTitle{max-width:780px;margin-bottom:28px}.sectionTitle small{font-weight:900;color:var(--accent);letter-spacing:.07em}.sectionTitle h2{font-size:42px;letter-spacing:-.04em;margin:8px 0 10px}.sectionTitle p{color:var(--muted);line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.template{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 6px 24px rgba(20,22,30,.035)}.screen{height:245px;padding:17px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#1c2230,#6659dc)}.template:nth-child(2) .screen{background:linear-gradient(135deg,#10352f,#2a9b79)}.template:nth-child(3) .screen{background:linear-gradient(135deg,#392217,#d47a31)}.screen small{opacity:.8}.screen h3{font-size:27px;margin:5px 0}.templateBody{padding:17px}.category{font-size:11px;font-weight:900;color:var(--accent)}.templateBody h3{font-size:20px;margin:7px 0}.templateBody p{font-size:14px;color:var(--muted);line-height:1.55}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:10px;background:#f3f3f7;border-radius:999px;padding:5px 7px;color:#626775}.templateActions{display:flex;gap:8px;margin-top:15px}.pricingBg{background:#11131a;color:#fff}.pricingBg .sectionTitle p{color:#b9c0cf}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.planCard{background:#1a1d26;border:1px solid #2a2e3b;border-radius:21px;padding:23px}.planCard.featured{border-color:#7569ee;box-shadow:0 0 0 2px #6255df40}.planCard small{color:#9ca3b3}.price{font-size:40px;font-weight:900}.price span{font-size:13px;color:#9ea4b4;font-weight:500}.features{list-style:none;padding:0}.features li{padding:7px 0;border-bottom:1px solid #2a2d38;font-size:13px;color:#d4d7df}.features li:before{content:"✓";color:#7dd6ad;font-weight:900;margin-right:8px}.how{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.step{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px}.stepNum{width:32px;height:32px;border-radius:10px;background:#edeaff;color:#5748ca;display:grid;place-items:center;font-weight:900}.step p{font-size:13px;color:var(--muted);line-height:1.55}.final{padding:70px 0}.finalbox{background:linear-gradient(135deg,#edeaff,#f7f6ff);border:1px solid #ded9ff;border-radius:25px;padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:center}.finalbox h2{font-size:36px;margin:0 0 8px}.finalbox p{color:#5e6271;margin:0}.footer{background:#11131a;color:#9ba1af;padding:34px 0}.footinner{display:flex;justify-content:space-between;gap:20px}.footer b{color:#fff}.notice{font-size:13px;line-height:1.5;background:#fff7df;border:1px solid #f1dd9c;color:#775716;border-radius:10px;padding:11px;margin:10px 0}.modal{position:fixed;inset:0;background:#0d0e14c7;display:none;place-items:center;padding:18px;z-index:100}.modal.open{display:grid}.modalCard{background:#fff;width:min(850px,96vw);max-height:92vh;overflow:auto;border-radius:22px;box-shadow:0 30px 90px #0006}.modalHead{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modalBody{padding:20px}.checkoutGrid{display:grid;grid-template-columns:1fr 310px;gap:18px}.field{display:grid;gap:6px;margin:11px 0}.field label{font-size:11px;font-weight:850;color:#595f6d;text-transform:uppercase}.field input,.field select{border:1px solid var(--line);border-radius:10px;padding:11px 12px}.summary{background:#f7f7fb;border:1px solid var(--line);border-radius:15px;padding:15px;align-self:start}.row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.total{font-size:17px;font-weight:900}.success{display:none;text-align:center;padding:30px}.success.show{display:block}.check{width:58px;height:58px;border-radius:50%;background:#e8f7ef;color:#13875b;display:grid;place-items:center;margin:0 auto 12px;font-size:28px;font-weight:900}.toast{position:fixed;right:22px;bottom:22px;background:#171922;color:#fff;padding:12px 15px;border-radius:11px;opacity:0;transform:translateY(10px);transition:.2s;z-index:120}.toast.show{opacity:1;transform:none}@media(max-width:1000px){.cards,.plans{grid-template-columns:1fr 1fr}.how{grid-template-columns:1fr 1fr}.checkoutGrid{grid-template-columns:1fr}}@media(max-width:700px){.links{display:none}.hero{padding:58px 0}.trustgrid,.cards,.plans,.how{grid-template-columns:1fr}.trustitem{border-right:0;border-bottom:1px solid var(--line)}.sectionTitle h2{font-size:34px}.finalbox{align-items:flex-start;flex-direction:column}.footinner{flex-direction:column}}