@font-face{font-family:"THZ Preview Sans";src:url("/static/fonts/thz-preview-sans.otf") format("opentype");font-weight:100 900;font-display:swap}
:root{--bg:var(--tone-1);--panel:var(--tone-2);--text:var(--tone-3);--muted:var(--tone-4);--line:var(--tone-5);--accent:var(--tone-6);--radius:12px;--space:clamp(24px,6vw,88px);--ease:cubic-bezier(.2,.7,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,"THZ Preview Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{cursor:pointer}p{color:var(--muted);line-height:1.8}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(28px,3.2vw,46px);line-height:1.4;font-weight:500;letter-spacing:-1px}h3{font-weight:500}.skip{position:fixed;top:-100px;left:10px;z-index:99;background:var(--accent);color:var(--tone-7);padding:12px}.skip:focus{top:10px}.nav{height:88px;position:absolute;inset:0 0 auto;z-index:10;padding:0 var(--space);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--tone-8);background:var(--tone-9)}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:700;letter-spacing:1px}.brand small{font-size:12px;letter-spacing:2px;font-weight:400}.brandmark{font-style:italic;font-size:26px;letter-spacing:-10px;padding-right:16px}.brandmark span{color:var(--accent)}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav a{color:var(--tone-10)}nav a:hover{color:var(--accent)}.nav-cta{border:1px solid var(--tone-11);border-radius:6px;padding:11px 17px}.nav-cta span{margin-left:22px}.menu{display:none}.hero{height:820px;min-height:720px;max-height:1000px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art,.hero-art svg,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-art{transform-origin:73% 46%;animation:breathe 18s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,var(--tone-12) 2%,var(--tone-13) 33%,var(--tone-14) 71%),linear-gradient(0deg,var(--tone-1) 0%,transparent 25%)}.hero-copy{position:relative;z-index:1;margin:0 var(--space);padding-top:192px;max-width:650px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:2.2px;color:var(--accent);margin-bottom:24px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px}.hero h1{font-size:clamp(52px,5.6vw,80px);font-weight:500;letter-spacing:-3px;line-height:1.19;margin-bottom:24px}.hero h1 span{color:var(--accent)}.hero-description{font-size:17px;line-height:1.85;margin-bottom:29px}.actions{display:flex;gap:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 22px;border:1px solid transparent;border-radius:5px;font-size:14px;min-height:50px;transition:background .2s,transform .2s}.primary{background:var(--accent);color:var(--tone-15)}.primary:hover{background:var(--tone-16);transform:translateY(-2px)}.ghost{border-color:var(--tone-17);background:var(--tone-18)}.ghost:hover{background:var(--tone-19)}.demo-note{font-size:11px;color:var(--tone-20);margin-top:20px}.frame-note{position:absolute;right:var(--space);bottom:147px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.frame-note span{font-size:10px;color:var(--tone-21);letter-spacing:1px}.frame-note b{font-size:19px;font-weight:400;letter-spacing:7px}.hero-bottom{position:absolute;bottom:30px;left:var(--space);right:var(--space);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:1px}.hero-bottom button{background:var(--tone-22);color:var(--tone-23);border:1px solid var(--tone-24);padding:9px 14px;border-radius:30px}.section{padding:94px var(--space);max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;margin:0}.entry-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:22px}.entry{display:block;background:linear-gradient(140deg,var(--tone-25),var(--tone-26));border:1px solid var(--line);padding:32px;border-radius:var(--radius);transition:transform .22s,border-color .22s;overflow:hidden}.entry:hover{transform:translateY(-4px);border-color:var(--tone-27)}.overline{font-size:10px;letter-spacing:2px;color:var(--tone-4)}.entry h3{font-size:24px;display:flex;justify-content:space-between;margin-bottom:14px}.entry h3 span{color:var(--accent)}.entry p{font-size:13px;margin-bottom:24px}.text-link{font-size:12px;color:var(--accent)}.mini-board{height:170px;margin:28px 0 30px;display:flex;border:1px solid var(--tone-24);border-radius:7px;background:var(--tone-28);transform:perspective(800px) rotateX(4deg) rotateY(-5deg);overflow:hidden}.mini-sidebar{font-size:10px;width:50px;background:var(--tone-29);padding:15px;color:var(--tone-30);line-height:1.8}.mini-content{padding:16px;width:100%}.mini-content i{font-style:normal;font-size:10px;color:var(--tone-31);display:flex;justify-content:space-between}.mini-content em{font-size:8px;color:var(--accent)}.mini-cards{display:flex;gap:8px;margin-top:17px}.mini-cards b{height:70px;flex:1;background:linear-gradient(155deg,var(--tone-32),var(--tone-33));border-radius:4px}.mini-cards b:nth-child(2){background:linear-gradient(145deg,var(--tone-34),var(--tone-35) 60%,var(--tone-36))}.mini-cards b:nth-child(3){background:linear-gradient(25deg,var(--tone-37),var(--tone-38))}.mini-lines{width:70%;border-top:4px solid var(--tone-39);margin-top:13px}.api-entry{background:linear-gradient(130deg,var(--tone-40),var(--tone-41))}.code-art{font-family:monospace;height:170px;margin:28px 0 30px;font-size:12px;line-height:1.5;color:var(--tone-42)}.code-art span,.code-art i{color:var(--tone-43);font-style:normal}.code-art small{font-size:10px;color:var(--tone-4)}.code-art b{color:var(--tone-44);margin-left:12px}.showcase{padding-top:32px}.pill{border:1px solid var(--line);border-radius:30px;padding:7px 12px;font-size:10px;color:var(--muted);white-space:nowrap}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.poster{min-width:0}.poster-scene{height:270px;border-radius:8px;position:relative;overflow:hidden;transition:transform .22s}.poster:hover .poster-scene{transform:translateY(-4px)}.scene-one{background:radial-gradient(ellipse at 50% 50%,var(--tone-45),transparent 55%),linear-gradient(var(--tone-46),var(--tone-47))}.orb{position:absolute;width:36%;height:60%;border:4px solid var(--tone-48);border-bottom:0;border-radius:60px 60px 0 0;left:32%;top:24%;box-shadow:0 0 45px var(--tone-49),inset 0 0 45px var(--tone-50)}.scene-two{background:linear-gradient(160deg,var(--tone-51),var(--tone-52) 40%,var(--tone-53))}.city{position:absolute;bottom:0;width:100%;height:82%;background:repeating-linear-gradient(90deg,transparent 0 8%,var(--tone-54) 8% 17%,transparent 17% 22%);clip-path:polygon(0 30%,20% 30%,20% 0,40% 0,40% 40%,70% 40%,70% 20%,90% 20%,90% 50%,100% 50%,100% 100%,0 100%)}.scene-three{background:linear-gradient(var(--tone-55),var(--tone-56))}.scene-three:before,.scene-three:after{content:"";position:absolute;background:var(--tone-57);width:120%;height:65%;bottom:-15%;transform:rotate(-25deg);border-radius:20%}.scene-three:after{background:var(--tone-58);bottom:-38%;transform:rotate(24deg)}.moon{position:absolute;width:53px;height:53px;border-radius:50%;background:var(--tone-59);left:60%;top:18%;box-shadow:0 0 40px var(--tone-60)}.scene-label{position:absolute;z-index:2;bottom:19px;left:20px;font:9px monospace;letter-spacing:2px;color:var(--tone-61)}.poster h3{font-size:16px;margin-top:18px;display:flex;justify-content:space-between;gap:8px}.poster h3 small{color:var(--muted);font-size:10px;font-weight:400}.caption{font-size:11px;margin:18px 0 0}.workflow{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(6,1fr);padding:0;list-style:none;margin:48px 0 0}.steps li{border-top:1px solid var(--tone-62);padding-top:23px;padding-right:10px}.steps span{font:11px monospace;color:var(--accent)}.steps h3{margin:25px 0 10px;font-size:19px}.steps p{font-size:12px;margin:0}.api-strip{display:grid;grid-template-columns:1fr 1fr;gap:70px}.api-strip ol{list-style:none;margin:0;padding:0}.api-strip li{display:flex;gap:26px;border-bottom:1px solid var(--line);padding:24px 0}.api-strip li:first-child{padding-top:0}.api-strip b{color:var(--accent);font:12px monospace}.api-strip h3{font-size:17px;margin-bottom:8px}.api-strip p{font-size:12px;margin:0}.api-strip .eyebrow{margin-bottom:22px}.api-strip .button{margin-top:10px}.faq{padding-top:35px;max-width:1100px}.faq h2{margin-bottom:32px}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq summary{cursor:pointer;font-size:15px;line-height:1.5}.faq details p{font-size:13px;margin:16px 0 0;max-width:720px}.closing{text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 120%,var(--tone-63),transparent 70%);max-width:none}.closing h2{margin-bottom:28px}footer{display:flex;gap:28px;align-items:center;padding:32px var(--space);border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer .brand{margin-right:auto;color:var(--text)}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}.paused *{animation-play-state:paused!important}.paused .reveal{opacity:1;transform:none;transition:none}@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.035)}}@media(min-width:1600px){.hero{height:900px}.hero-copy{padding-top:230px}}@media(max-width:800px){nav{gap:18px}.hero{height:760px}.hero-art svg{width:155%;left:-35%}.hero-copy{padding-top:180px}.frame-note{bottom:125px}.section{padding-top:65px;padding-bottom:65px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.entry-grid{grid-template-columns:1fr}.showcase-grid{gap:14px}.poster-scene{height:220px}.poster h3{display:block}.poster h3 small{display:block;margin-top:8px}.steps{grid-template-columns:repeat(3,1fr);gap:30px 0}.api-strip{gap:40px}.pill{white-space:normal}}@media(max-width:560px){.nav{height:72px}.brand{font-size:20px}.brand small{font-size:10px}.menu{display:block;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:9px 13px;font-size:12px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--tone-64);padding:24px;flex-direction:column;align-items:stretch;gap:23px}nav.open{display:flex}.hero{height:780px;min-height:0}.hero-copy{padding-top:147px}.hero h1{font-size:57px;line-height:1.2;letter-spacing:-2px}.hero-description{font-size:14px;line-height:1.9;max-width:310px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.actions{gap:9px}.button{font-size:12px;padding:14px 16px;gap:14px;min-height:48px}.hero-art svg{width:225%;left:-100%;opacity:.85}.hero-shade{background:linear-gradient(90deg,var(--tone-65),var(--tone-66)),linear-gradient(0deg,var(--tone-1),transparent 55%)}.frame-note{bottom:115px}.frame-note b{font-size:16px}.frame-note span{font-size:8px}.hero-bottom{font-size:9px;bottom:24px;flex-wrap:wrap;gap:16px}.hero-bottom>span{width:100%}.demo-note{font-size:9px}.section{padding-top:56px;padding-bottom:56px}.section h2{font-size:29px}.entry{padding:24px}.entry h3{font-size:22px}.showcase-grid{grid-template-columns:1fr}.poster-scene{height:250px}.poster h3{display:flex;font-size:15px}.poster h3 small{margin:0}.showcase{padding-top:0}.steps{grid-template-columns:repeat(2,1fr);margin-top:30px;gap:27px 16px}.steps h3{margin-top:18px}.api-strip{grid-template-columns:1fr}.faq{padding-top:12px}.faq summary{font-size:14px}footer{flex-wrap:wrap;gap:20px}footer .brand{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}@media(max-width:560px){.hero-art{animation:none}}