:root{color-scheme:dark;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#edf4ff;background:#07101f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 17%,#173e62aa,transparent 45%),radial-gradient(ellipse at 20% 65%,#29376570,transparent 50%);min-height:100vh}main{max-width:1200px;margin:auto;padding:36px 40px}a{color:inherit;text-decoration:none}nav{display:flex;justify-content:space-between;gap:20px;color:#a7b9d1;font-size:13px}nav a:hover,.textlink:hover{color:white}header{padding:88px 0 68px;position:relative}.eyebrow{letter-spacing:3px;color:#75d9de;font-size:11px;font-weight:650}h1{font-size:clamp(42px,6vw,76px);line-height:1.22;letter-spacing:-2px;margin:23px 0}em{font-style:normal;color:#9dcfff}.lead{font-size:18px;line-height:1.8;color:#b7c9df}.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;gap:30px;padding:17px 24px;border-radius:12px;background:#bde6fa;color:#11253c;font-weight:650;box-shadow:0 5px 35px #58bada20}.button:hover{background:#def4ff}.secondary{color:#b9cde3;font-size:14px}.status{font-size:12px;color:#a6b9d0;display:flex;gap:8px;align-items:center;margin-top:22px}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:#7a8a9f}.status.ok:before{background:#72ddaa;box-shadow:0 0 12px #72ddaa66}.status.error:before{background:#f3b469}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{padding:28px;border:1px solid #87b5e52c;border-radius:20px;background:#abc7ef08;backdrop-filter:blur(20px)}.step{font-size:11px;letter-spacing:1px;color:#82c9ed}h2{font-size:21px;line-height:1.4;margin:16px 0}article p,.help p{font-size:14px;line-height:1.95;color:#b0c0d5}.hint{font-size:12px!important;color:#8fa3bd!important}code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}.copyline{display:flex;gap:8px;justify-content:space-between;align-items:center;background:#0002;padding:9px 10px;margin:8px 0;border-radius:7px;overflow-wrap:anywhere}button{border:1px solid #83a5ce42;background:#183754;color:#bfe8ff;border-radius:5px;padding:5px 8px;cursor:pointer;white-space:nowrap}button:hover{background:#244c71}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #9cdfed;outline-offset:5px}.textlink{display:inline-block;color:#a9d9f7;font-size:14px;margin-top:12px}.help{max-width:760px;margin:65px 0 50px}details{border-bottom:1px solid #93b2d51e;padding:18px 0}summary{cursor:pointer;font-size:15px;color:#d3e1f4}footer{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #a4c4e61d;padding:24px 0 8px;color:#829ab7;font-size:12px}.demo video{display:block;width:100%;max-height:55vh;border-radius:18px;background:black}.demo header{padding:45px 0 20px}.demo h1{font-size:42px}.demo-controls{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.demo-controls button{padding:10px 16px}.demo #playback-info{font-size:14px;color:#bdcde1}@media(max-width:900px){.cards{grid-template-columns:1fr}header{padding-top:65px}article{padding:24px}}@media(max-width:540px){main{padding:24px 20px}nav span{display:none}header{padding:60px 0 45px}.lead{font-size:16px}.actions{gap:20px}.button{gap:16px;font-size:14px}h1{letter-spacing:-1px}.copyline{max-width:100%}footer{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}