:root{color-scheme:dark;--bg:#060e16;--cyan:#a9e9eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#ecf4f7;font-family:Inter,'Microsoft YaHei','PingFang SC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;border-bottom:1px solid #ffffff12;position:absolute;z-index:5;width:100%}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600}.brand b{font:italic 28px Georgia;color:#a4dbe8;border:1px solid #78adbf;width:36px;height:36px;text-align:center}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#90adbd;margin-top:5px}nav{display:flex;gap:35px;font-size:13px;color:#bdc9d3}nav a:hover{color:var(--cyan)}.login{border:1px solid #536675;padding:12px 18px;font-size:12px}#menu{display:none}.hero{position:relative;min-height:780px;height:100svh;max-height:1300px;overflow:hidden;display:flex;align-items:center;padding:130px 7% 90px;background:repeating-linear-gradient(90deg,transparent 0,transparent 119px,#ffffff03 120px)}.copy{position:relative;z-index:2;width:56%}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#94c4d5}h1{font-size:clamp(54px,5.2vw,88px);line-height:1.23;letter-spacing:-2px;font-weight:500;margin:28px 0 24px}h1 em{font-style:normal;color:#a3dbe8}p{font-size:14px;line-height:1.95;color:#93a7b6}.actions{display:flex;align-items:center;gap:30px;margin-top:34px;font-size:12px}.button{display:inline-flex;align-items:center;gap:32px;background:#b8efef;color:#0b2c36;padding:17px 23px;font-size:13px}.button:hover{background:#e2ffff}.caption{margin-top:43px;font-size:10px;color:#7892a2}.caption span{font-size:8px;border-left:1px solid #405362;margin-left:18px;padding-left:18px;letter-spacing:1px}.visual{position:absolute;width:59%;max-width:880px;right:-3%;top:50%;transform:translateY(-48%)}.visual svg{width:100%;display:block}.art-top,.art-bottom{position:absolute;color:#7ea8bc;font-size:9px;letter-spacing:3px}.art-top{top:12%;left:38%}.art-bottom{bottom:9%;right:27%;font-size:12px}.art-bottom small{display:block;font-size:7px;margin-top:12px;letter-spacing:2px;color:#668a9e}.hero-bottom{position:absolute;bottom:25px;left:5.2%;right:5.2%;display:flex;justify-content:space-between;color:#7994a5;font-size:9px;letter-spacing:1.5px;border-top:1px solid #ffffff13;padding-top:23px}.section{padding:100px 7%}.products{background:#0d1720}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.heading>a{font-size:12px;color:#a8bdca;padding-bottom:10px}h2{font-size:clamp(30px,3.1vw,49px);font-weight:400;line-height:1.45;letter-spacing:-1px;margin:20px 0 0}.featured{display:grid;grid-template-columns:1fr 1.35fr;border:1px solid #2c3c48;background:linear-gradient(110deg,#13242e,#0c1923);overflow:hidden;min-height:400px}.info{padding:43px}h3{font-size:32px;font-weight:500;margin:24px 0 16px}.info p{font-size:13px}.info ul{display:grid;grid-template-columns:1fr 1fr;padding:0;list-style:none;font-size:11px;gap:12px;color:#c1d0d8;margin:23px 0 30px}.info li:before{content:'+';margin-right:8px;color:#79bfcc}.outline{background:transparent;color:#d3e5ed;border:1px solid #586e7c;padding:12px 19px}.outline:hover{color:#092c36}.demo{align-self:center;margin:45px -35px 0 10px;background:#111f2a;border:1px solid #40576a;border-radius:8px 0 0 0;box-shadow:0 30px 75px #0007;transform:perspective(1200px) rotateY(-5deg)}.demo-top{padding:15px;border-bottom:1px solid #304251;font-size:11px}.demo-top small{float:right;margin-right:40px;font-size:9px;color:#8eabbc}.demo-body{display:flex;min-height:305px}aside{width:138px;flex-shrink:0;padding:22px 12px;background:#0c1720;font-size:10px}aside b{display:block;margin:0 9px 24px;color:#8da6b5}aside span{display:block;padding:11px 9px;color:#93a6b5}aside .active{background:#1b3b48;color:#b0e8ed}.document{padding:30px 25px;flex:1}.document label{font-size:8px;letter-spacing:2px;color:#8eb0c2}h4{font-size:16px;font-weight:400;margin:16px 0 24px}.line{height:4px;background:#294252;width:80%;margin:9px 0}.line.short{width:55%}.steps{display:flex;flex-direction:column;margin:22px 0 17px;gap:7px;font-size:10px}.steps span{padding:11px;background:#172c3a;color:#b9cedb}.steps b{float:right;padding-right:20px;font-weight:400;color:#67d6dd}.document>small{font-size:8px;color:#96b5c4}.scenes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2b3841;border-bottom:1px solid #2b3841;margin-top:44px}.scenes a{padding:35px;position:relative}.scenes a:first-child{padding-left:0}.scenes a+a{border-left:1px solid #2b3841}.scenes small{font-size:10px;letter-spacing:2px;color:#87a9ba}.scenes h3{font-size:22px}.scenes p{max-width:280px;font-size:13px}.scenes b{display:block;color:#abdae4;margin-top:35px;font-size:23px;font-weight:400}.scenes a:hover h3{color:var(--cyan)}.cta{text-align:center;background:radial-gradient(ellipse at 50% 100%,#153b4b,transparent 65%);padding-top:70px;padding-bottom:105px}.cta h2{font-size:clamp(38px,4.5vw,65px);margin-bottom:33px}footer{border-top:1px solid #26343f;padding:35px 7%;display:flex;align-items:center;gap:28px;font-size:11px;color:#9aafbc}footer strong{font-size:18px;color:#d9e7ee}footer span{margin-right:auto}footer small{font-size:9px;color:#7d9dae}@media(max-width:1000px){nav{gap:20px}.visual{width:68%;right:-16%}.copy{width:65%}.caption span{display:none}.info{padding:30px}.demo{margin-left:0}aside{width:100px}.document{padding:22px 16px}footer{flex-wrap:wrap}}@media(max-width:680px){header{height:76px;padding:0 6%}.brand{font-size:18px}.brand b{width:28px;height:28px;font-size:23px}.brand small{font-size:6px}.login{margin-left:auto;margin-right:15px;font-size:10px;padding:9px 12px}#menu{display:block;background:none;border:0;color:white;font-size:20px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#132330;padding:25px;flex-direction:column;gap:25px}nav.open{display:flex}.hero{min-height:850px;height:100svh;max-height:none;padding:115px 7% 75px;align-items:flex-start}.copy{width:100%}h1{font-size:49px;line-height:1.26;margin-top:24px}.copy p{font-size:13px}.eyebrow{font-size:8px;letter-spacing:2px}.actions{gap:23px;margin-top:26px}.button{font-size:12px;padding:14px 18px;gap:20px}.caption{display:none}.visual{width:370px;max-width:90%;right:-33px;top:auto;bottom:42px;transform:none;opacity:.7}.visual>span{display:none}.hero-bottom{bottom:18px;font-size:8px}.hero-bottom>span:last-child{display:none}.section{padding:64px 7%}.heading{align-items:start;gap:18px;flex-direction:column;margin-bottom:28px}h2{font-size:30px}.featured{display:block}.info{padding:29px}.demo{margin:0 0 0 20px;transform:none}.info p{font-size:12px}.demo-body{min-height:290px}aside{width:90px;font-size:9px;padding:20px 6px}.document h4{font-size:13px}.scenes{grid-template-columns:1fr}.scenes a,.scenes a:first-child{padding:26px 0}.scenes a+a{border-left:0;border-top:1px solid #2b3841}.scenes h3{margin-top:16px}.scenes a>b{position:absolute;right:0;top:8px}.scenes p{max-width:90%}.cta h2{font-size:40px}footer{padding:28px 7%;gap:18px}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}