*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fcf8f2;color:#262234;font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit}header,main,footer{max-width:1240px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 36px;gap:26px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:27px;font-weight:850;letter-spacing:-1px}.brand img{width:43px;height:43px}nav{display:flex;gap:25px;font-size:14px}nav a{text-decoration:none}a:hover{color:#7148ec}.langs{display:flex;gap:11px;font-size:13px}.langs a{text-decoration:none}.langs [aria-current]{font-weight:800;color:#7148ec}.hero{padding:80px 36px 95px;display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.eyebrow{font-weight:800;font-size:12px;letter-spacing:2px;color:#7148ec}h1{font-size:clamp(42px,4.6vw,65px);line-height:1.08;letter-spacing:-3px;margin:24px 0}em{font-style:normal;color:#7148ec}p{color:#696475}.intro{font-size:19px;max-width:550px}.cta{display:inline-flex;align-items:center;gap:22px;padding:17px 25px;border-radius:14px;background:#7148ec;color:white;text-decoration:none;font-weight:750;margin-top:18px;box-shadow:0 8px 25px #7148ec22}.cta:hover{background:#5a34c9;color:white}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.tags span{font-size:12px;border:1px solid #e6dfee;padding:5px 11px;border-radius:20px}.demo{background:#252231;color:white;border-radius:30px;padding:29px;transform:rotate(2deg);box-shadow:12px 24px 0 #e8defe}.demo .eyebrow{color:#ddfb88;font-size:10px}.demo h2{font-size:26px;line-height:1.3}.demo p{color:#b9b3c8}.demo-card{background:#3b354c;border-radius:20px;padding:23px;margin-top:23px}.demo-card h3{font-size:23px;line-height:1.3;margin:12px 0}.sport{font-size:58px;line-height:1;display:block;color:#ddfb88}.demo-bar{display:flex;gap:8px;margin-top:23px}.demo-bar i{height:9px;flex:1;background:#ddfb88;border-radius:8px}.demo-bar i:nth-last-child(-n+2){background:#615577}.demo-foot{font-size:13px;background:#ddfb88;color:#272233;border-radius:12px;padding:12px 16px;margin-top:17px}.section{padding:70px 36px}h2{font-size:clamp(30px,3.2vw,43px);line-height:1.15;letter-spacing:-1.4px;margin:18px 0 35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border:1px solid #e8e0ec;border-radius:22px;background:#fffdfa}.card small{color:#7148ec;font-weight:800}.card h3{font-size:21px;line-height:1.3;margin:16px 0 12px}.card p{font-size:15px;margin:0}.focus{background:#7148ec;border-radius:28px;color:#fff;margin:30px 36px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.focus h2{margin:0}.focus p{color:#ece6ff;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps b{display:inline-flex;background:#ddfb88;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%}.steps h3{font-size:21px;line-height:1.35}.steps p{font-size:16px}.faq{max-width:850px}details{border-bottom:1px solid #e2d9e8;padding:20px 0}summary{cursor:pointer;font-weight:700;padding-right:20px}details p{font-size:16px}.end{text-align:center;background:#eae1fc;border-radius:28px;margin:35px 36px 75px;padding:55px 25px}.end h2{margin:0 auto 15px;max-width:700px}.end p{margin:0}footer{display:flex;justify-content:space-between;align-items:center;padding:30px 36px;border-top:1px solid #e8dfed;font-size:13px;color:#696475}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;z-index:10}@media(max-width:800px){header{padding:20px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:13px}.hero{grid-template-columns:1fr;padding:40px 22px 65px;gap:40px}h1{letter-spacing:-1.8px}.demo{transform:none;margin:0 9px 0 0}.cards{grid-template-columns:1fr 1fr}.section{padding:45px 22px}.focus{grid-template-columns:1fr;margin:10px 22px;padding:30px;gap:20px}.steps{grid-template-columns:1fr;gap:15px}.steps h3{margin-bottom:8px}.end{margin:20px 22px 45px;padding:35px 22px}footer{padding:25px 22px;gap:20px;flex-wrap:wrap}}@media(max-width:480px){.cards{grid-template-columns:1fr}.intro{font-size:17px}.brand{font-size:24px}.demo{padding:22px}.hero h1{font-size:43px}.langs{gap:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.guide-title{max-width:900px;margin-bottom:25px}.guide-cards{margin-top:35px}.guide-cards a{text-decoration:none}.guide-cards .read{display:inline-block;color:#7148ec;font-size:14px;font-weight:750;margin-top:20px}.editorial{max-width:820px;margin:55px auto 20px;padding:0 30px}.editorial h1{font-size:clamp(34px,4vw,53px);line-height:1.13;letter-spacing:-1.8px}.editorial h2{font-size:29px;margin:40px 0 18px;line-height:1.2}.editorial p{font-size:18px;color:#514b5b}.editorial .byline{font-size:13px;color:#746c80;margin:25px 0}.toc{display:flex;flex-direction:column;gap:9px;background:#eee6fc;padding:25px;border-radius:18px;margin:32px 0}.toc a{font-size:15px;color:#5635ac;text-decoration:none}.toc strong{font-size:14px}.editorial section{scroll-margin-top:25px}@media(max-width:800px){header nav{flex-wrap:wrap}.editorial{margin-top:30px;padding:0 22px}.editorial p{font-size:17px}.editorial h2{font-size:26px}.guide-title{font-size:38px}}