:root{color-scheme:dark;--bg:#101b31;--ink:#f1f6ff;--muted:#b7c4da;--accent:#5de0cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.9 system-ui,Tahoma,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1160px;margin:auto;padding-inline:28px}header{display:flex;justify-content:space-between;align-items:center;padding-block:30px;border-bottom:1px solid #ffffff20}.brand{font-size:25px;font-weight:850;letter-spacing:1px}.brand span{font-size:14px;font-weight:400;color:var(--muted)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:90px 0}.eyebrow{color:var(--accent);font-size:15px}h1{font-size:clamp(40px,5vw,68px);line-height:1.45;margin:16px 0;font-weight:850;letter-spacing:-1.5px}h1 span{color:var(--accent)}.intro{font-size:20px;color:var(--muted);max-width:580px}.cta{display:inline-block;background:var(--accent);color:#102332;border-radius:12px;padding:15px 25px;font-weight:750;margin-top:16px}.cta:hover{background:#8aeee1}.note{font-size:14px;color:var(--muted)}aside{background:#182740;padding:26px;border:1px solid #ffffff20;border-radius:24px;box-shadow:0 30px 80px #040c1f66}.chat-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff20;padding-bottom:20px}.chat-head span,small{color:var(--muted);font-size:14px}.bubble{background:#263953;border-radius:15px;padding:18px;margin-top:22px;font-size:16px}.user{background:#23483f;margin-left:30px}.file{display:flex;gap:20px;align-items:center;padding:28px 0}.file>span{font-size:35px;color:var(--accent)}small{display:block}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:5px 13px;border:1px solid #ffffff25;border-radius:8px;font-size:14px}section{padding:55px 0}h2{font-size:clamp(27px,3vw,38px);line-height:1.6;margin:12px 0 30px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}article{border-top:1px solid #53647c;padding-top:24px}article p,.how p,.faq p,.last p{color:var(--muted)}h3{font-size:21px;margin:16px 0}.number{color:var(--accent);font-size:14px}.how{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;border-block:1px solid #ffffff20;margin:35px 0}ol{padding-inline-start:30px}li{padding-inline-start:15px;margin-bottom:24px}li::marker{color:var(--accent);font-weight:bold}li p{margin:4px 0}.faq{max-width:800px;margin:auto}details{border-bottom:1px solid #ffffff20;padding:18px 0}summary{cursor:pointer;font-weight:650}details p{margin-bottom:0}.last{text-align:center;margin-block:30px;background:#182740;border-radius:24px;padding:50px 20px}.last h2{margin-bottom:0}.share{display:inline-block;padding:15px 25px}footer{display:flex;justify-content:space-between;gap:20px;padding-block:28px;color:var(--muted);font-size:14px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px;padding:45px 0}.grid{grid-template-columns:1fr 1fr}.how{grid-template-columns:1fr;gap:0}.intro{font-size:18px}footer{flex-direction:column}}@media(max-width:460px){header,main,footer{padding-inline:20px}.grid{grid-template-columns:1fr}.brand span{display:none}.chat-head{flex-direction:column;gap:0}aside{padding:20px}section{padding-block:35px}}