:root{color-scheme:dark;--mint:#bcebb2;--muted:#a5a9bd;--line:#ffffff12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 2% 0,#b8a7bd,transparent 60%),radial-gradient(ellipse at 100% 90%,#95a9bf,transparent 60%),#d2cedd;padding:25px;color:#f1f2f7;font:15px/1.8 "Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.page-shell{max-width:1500px;margin:auto;border:1px solid #e3dffdb0;border-radius:37px;background:radial-gradient(ellipse at 100% 0,#0e1c35,transparent 38%),radial-gradient(ellipse at 2% 50%,#1c1426,transparent 35%),#090d18;overflow:hidden;box-shadow:0 0 0 7px #ffffff18,0 30px 80px #322b4933}header{display:flex;align-items:center;justify-content:space-between;padding:27px 5%;gap:25px}.brand{display:flex;align-items:center;gap:10px}.brand svg{width:33px}.brand>span{font-size:26px;font-weight:600;letter-spacing:-1.1px}.brand small{font-size:10px;color:#b9b9ca;letter-spacing:1px;margin-left:9px;font-weight:400}.mint{color:var(--mint)}nav{display:flex;gap:5px;background:#ffffff09;padding:6px;border:1px solid #ffffff06;border-radius:30px}nav a{font-size:12px;padding:7px 19px;border-radius:24px;color:#c1c5d6}nav a:hover{background:#ffffff0d}.header-demo{background:#eff4ed;color:#1d3025;border:0;border-radius:25px;font-size:11px;padding:10px 19px}.header-demo span{margin-left:16px}main{padding:0 5%}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;padding:56px 0 67px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2px;color:#9aabc0;display:inline-flex;align-items:center;gap:8px}.eyebrow>i{width:5px;height:5px;background:var(--mint);border-radius:50%}h1{font-size:clamp(35px,4.1vw,61px);letter-spacing:-2.6px;line-height:1.36;font-weight:500;margin:19px 0 21px}h1>span{background:linear-gradient(110deg,#81d9bd,#d8ed9e);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{color:#b7bfd1;font-size:13px;line-height:2.05}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;border-radius:25px;padding:11px 19px;border:1px solid var(--line);transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(115deg,#92dfbd,#d9ec9d);color:#182e25;border-color:transparent}.secondary{background:#ffffff08;color:#e0e2eb}.paper{background:transparent;color:#acb3c8}.paper>span{font-size:9px;background:#ffffff08;border-radius:12px;padding:1px 6px;color:#919cb4}.live-status{display:flex;align-items:center;gap:7px;color:#8e9bb4;font-size:9px;margin-top:16px;flex-wrap:wrap}.live-status>span:first-child{width:5px;height:5px;background:#a593bf;border-radius:50%}.live-status>span.ready{background:var(--mint)}.live-status>small{font-size:8px;color:#747f98;margin-left:8px}.hero-visual{position:relative;border-radius:24px;padding:14px 14px 12px;background:linear-gradient(140deg,#2d324b,#1d2336);border:1px solid #ffffff12;transform:rotate(1.8deg);box-shadow:0 18px 55px #03040e44}.visual-label,.visual-foot{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a7b0c7;gap:9px;letter-spacing:.7px}.visual-label{padding:0 2px 12px}.visual-label i{display:inline-block;width:4px;height:4px;background:#bfe4a8;border-radius:50%;margin-right:4px}.hero-video{position:relative;border-radius:16px;overflow:hidden;background:#0a0c13;aspect-ratio:1.23}.hero-video video{height:100%;width:100%;object-fit:cover}.recorded-label{position:absolute;top:12px;right:12px;font-size:8px;color:#dcebd5;background:#16241fbd;border:1px solid #e7f5dd24;border-radius:6px;padding:3px 8px}.corner{position:absolute;width:24px;height:24px;border-color:#b5e5ae;border-style:solid;border-width:0}.c1{top:12px;left:12px;border-top-width:2px;border-left-width:2px}.c2{top:12px;right:12px;border-top-width:2px;border-right-width:2px}.c3{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px}.c4{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px}.floating-card{display:flex;align-items:center;gap:12px;position:absolute;bottom:54px;left:-25px;right:40px;background:linear-gradient(115deg,#a6e5ba,#d9ec9c);color:#203329;border-radius:17px;padding:13px 15px;transform:rotate(-1.8deg);box-shadow:0 10px 25px #060a1425}.orbit{font-size:28px;line-height:1}.floating-card div{flex:1}.floating-card small{display:block;font-size:6px;letter-spacing:1px;color:#426044}.floating-card b{font-size:11px;font-weight:500;display:block;margin-top:3px}.floating-card>span:last-child{font-size:20px}.visual-foot{font-size:7px;padding:13px 2px 0;color:#8c9ab3}.feature-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:20px}.feature-strip div{padding-left:24px;border-left:1px solid var(--line)}.feature-strip div:first-child{padding-left:0;border-left:0}.feature-strip span{font-size:9px;color:#acb5a5;display:inline-block;margin-right:10px}.feature-strip b{font-size:13px;font-weight:500}.feature-strip p{font-size:10px;color:#8998ad;margin:5px 0 0 25px}.section{padding:72px 0}.introduction{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}h2{font-size:30px;font-weight:400;line-height:1.6;letter-spacing:-1px;margin-top:12px}.introduction>div:last-child>p{font-size:12px;color:#a9b5c9;line-height:2.1;margin:8px 0 15px}.text-link{font-size:11px;display:inline-flex;gap:25px;align-items:center;color:#c3e2b6;margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading h2{margin-top:7px}.section-badge{font-size:8px;letter-spacing:1px;color:#a3adbd;border:1px solid #b4c1aa26;border-radius:20px;padding:5px 10px;white-space:nowrap}.section-description{font-size:11px;color:#9cabc0;margin-top:11px}.demo-section{border-top:1px solid var(--line)}.demo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px;margin-top:27px}.demo-card{background:linear-gradient(145deg,#252a40,#1c2234);border:1px solid #ffffff0b;border-radius:21px;overflow:hidden}.demo-media{position:relative;background:#0b1019;aspect-ratio:1.25}.demo-media video{width:100%;height:100%;object-fit:contain}.demo-media>span{position:absolute;top:11px;left:11px;font-size:7px;letter-spacing:.6px;padding:3px 7px;border-radius:6px;background:#111c20bf;color:#d0decf;pointer-events:none}.demo-copy{padding:18px}.demo-copy>div{display:flex;justify-content:space-between;align-items:center}.tag{font-size:8px;padding:2px 8px;border-radius:12px;background:#b4dfb21b;color:#c4e5b7}.tag.lilac{color:#cfc0e8;background:#b5a4d31c}.tag.peach{color:#e9cbb8;background:#dfb49518}.demo-copy small{font-size:8px;color:#8995ae}.demo-copy h3{font-size:14px;font-weight:500;letter-spacing:-.4px;margin:15px 0 9px}.demo-copy p{font-size:10px;color:#9daec2;line-height:1.9}.media-credit{margin-top:18px;border:1px solid var(--line);border-radius:13px;padding:12px 15px;color:#8495ae;font-size:10px}.media-credit summary{display:flex;justify-content:space-between;cursor:pointer;color:#b2bbcc}.media-credit p{margin-top:12px;font-size:10px;line-height:1.9}.media-credit a{color:#c4dfb7}.method-section{border-top:1px solid var(--line)}.section-heading>p{font-size:10px;max-width:240px;color:#98a7be;line-height:1.9}.method-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px;margin-top:30px}.method-grid article{padding:25px;border-radius:23px;background:#242b3e;border:1px solid #ffffff09}.method-grid article>span{font-size:8px;letter-spacing:1px;color:#aab8c9}.method-icon{font-size:29px;margin:20px 0 11px;color:#c2dfb8}.method-grid h3{font-size:19px;line-height:1.6;font-weight:500;letter-spacing:-.5px}.method-grid p{font-size:11px;color:#acb8cc;line-height:1.95;margin-top:12px}.mint-card{background:linear-gradient(125deg,#81d6bf,#d7eb9f)!important;color:#1f3d30}.mint-card>span,.mint-card p,.mint-card .method-icon{color:#325946!important}.lilac-card{background:linear-gradient(125deg,#897cac,#bdabd9)!important;color:#232137}.lilac-card>span,.lilac-card p,.lilac-card .method-icon{color:#3e3857!important}.resource-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);align-items:center}.resource-section>div>p{font-size:11px;color:#9aabc0;line-height:1.95;margin-top:14px;max-width:380px}.resource-links{display:grid;gap:10px}.resource-links>a,.resource-links>button{display:flex;align-items:center;gap:17px;text-align:left;background:#252b3d;color:#e2e6ee;border:1px solid #ffffff08;border-radius:15px;padding:16px 18px}.resource-links>a:hover,.resource-links>button:hover{background:#30374b}.resource-links>*>span{font-size:9px;color:#a6b89f}.resource-links div{flex:1}.resource-links b{display:block;font-size:12px;font-weight:500}.resource-links small{display:block;font-size:9px;color:#93a3ba;margin-top:2px}.resource-links i{font-style:normal;color:#b6c8ab}.closing{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:39px 40px;margin:0 0 44px;border-radius:26px;background:linear-gradient(120deg,#82d8be,#c6e8a4 65%,#dfed9b);color:#1b372b;position:relative;overflow:hidden}.closing .eyebrow{color:#3b6451}.closing h2{font-size:36px;line-height:1.5;letter-spacing:-1.5px;margin:13px 0 10px}.closing p{font-size:11px;color:#3f6351}.closing-button{border:0;background:#152c24;color:#e3efdc;font-size:12px;padding:13px 22px;white-space:nowrap}.closing-button>span{margin-left:25px}footer{padding:26px 5% 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand>span{font-size:20px}footer>div{font-size:9px;color:#8998ad;text-align:center}footer small{display:block;font-size:8px;color:#718199;margin-top:5px}footer> a:last-child{font-size:10px;color:#c0cfb7}dialog{background:#222a3d;border:1px solid #ffffff17;border-radius:24px;color:#e7eaf1;padding:33px;max-width:430px;width:calc(100% - 35px);box-shadow:0 30px 100px #02040d99}dialog::backdrop{background:#030711b8;backdrop-filter:blur(7px)}dialog h2{font-size:24px;margin:18px 0 10px}dialog p{font-size:12px;line-height:2;color:#b8c3d6;margin-bottom:25px}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;color:#9ba9c0;font-size:25px}
@media(max-width:1050px){body{padding:18px}.hero{gap:5%;padding-top:36px}h1{font-size:43px;letter-spacing:-1.9px}nav a{padding:7px 12px}.hero-actions{gap:8px}.button{font-size:11px;padding:10px 14px;gap:12px}.feature-strip b{font-size:11px}.section{padding:56px 0}h2{font-size:26px}.demo-grid,.method-grid{gap:12px}.demo-copy{padding:15px}.demo-copy h3{font-size:12px}.method-grid article{padding:21px}.method-grid h3{font-size:17px}.floating-card{left:-13px;right:20px}.floating-card b{font-size:10px}.section-badge{display:none}}
@media(max-width:760px){header{padding:22px 5%;flex-wrap:wrap;gap:16px}.brand>span{font-size:24px}.header-demo{font-size:10px;padding:8px 15px}nav{order:3;width:100%;justify-content:space-between}nav a{flex:1;text-align:center;font-size:11px;padding:5px 8px}.hero{grid-template-columns:1fr;gap:42px;padding:32px 0 45px}.hero-copy{max-width:540px}h1{font-size:49px}.hero-copy>p{font-size:12px}.hero-visual{max-width:530px;width:94%;justify-self:center;transform:rotate(1.2deg)}.hero-video{aspect-ratio:1.45}.hero-visual .floating-card{bottom:40px;left:-13px}.feature-strip{grid-template-columns:1fr;gap:16px;padding:22px 0}.feature-strip div{padding-left:0;border-left:0}.feature-strip b{font-size:13px}.feature-strip p{font-size:10px;margin-top:1px}.introduction,.resource-section{grid-template-columns:1fr;gap:25px}.section-heading{align-items:start;flex-direction:column;gap:10px}.demo-grid{grid-template-columns:1fr;gap:19px}.demo-media{aspect-ratio:1.55}.demo-copy h3{font-size:16px}.demo-copy p{font-size:11px}.demo-copy{padding:19px}.method-grid{grid-template-columns:1fr;gap:13px}.method-grid article{padding:25px}.method-icon{margin:15px 0 5px}.method-grid h3{font-size:21px}.method-grid p{font-size:12px}.closing{padding:28px;flex-direction:column;align-items:start;gap:25px}.closing h2{font-size:33px}.closing-button{padding:12px 19px}.closing p{font-size:10px}footer{flex-wrap:wrap;gap:18px}footer>div{order:3;width:100%;text-align:left}.section-description{font-size:10px}}
@media(max-width:430px){body{padding:10px}.page-shell{border-radius:25px;box-shadow:0 0 0 4px #ffffff18,0 20px 50px #322b4933}header{padding:20px 5% 14px}.brand svg{width:29px}.brand>span{font-size:23px}.brand small{font-size:9px;margin-left:5px}.header-demo{padding:8px 12px}.header-demo span{margin-left:10px}.eyebrow{font-size:7px;letter-spacing:1.5px}.hero{padding-top:24px;gap:35px}h1{font-size:40px;letter-spacing:-2px;margin-top:16px}.hero-copy>p{font-size:11px}.hero-actions .button{font-size:10px;padding:9px 12px;gap:9px}.paper>span{font-size:8px}.live-status{font-size:8px}.live-status>small{margin-left:12px;width:100%;font-size:7px}.hero-visual{width:96%;padding:10px;border-radius:18px}.visual-label,.visual-foot{font-size:6px}.hero-video{border-radius:12px;aspect-ratio:1.2}.floating-card{padding:10px;gap:8px;right:12px!important;left:-8px!important;bottom:43px!important}.floating-card b{font-size:9px}.floating-card small{font-size:5px}.orbit{font-size:23px}.recorded-label{top:8px;right:8px;font-size:7px}.section{padding:42px 0}h2{font-size:25px}.introduction>div:last-child>p{font-size:11px}.resource-links>a,.resource-links>button{padding:15px}.resource-links small{font-size:8px}.closing{padding:25px;margin-bottom:30px}.closing h2{font-size:30px}.media-credit{font-size:9px}.media-credit p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}