:root{--ink:#080808;--muted:#69686e;--line:rgba(0,0,0,.1);--soft:rgba(0,0,0,.045);--violet:#efefff;--purple:#c9c6ff;--blue:#c4e6ff;--rose:#ffd4dc;--green:#c8f2df;--radius:8px;--page:calc(100vw - 64px);--max:1440px;--header:72px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block}.skip-link{position:fixed;left:16px;top:-60px;background:#000;color:#fff;padding:10px 16px;z-index:9999;border-radius:5px}.skip-link:focus{top:12px}
.site-header{height:var(--header);position:fixed;z-index:100;left:0;right:0;top:0;display:flex;align-items:center;gap:40px;padding:0 24px;transition:background .35s,box-shadow .35s,transform .35s}.site-header.scrolled{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--line)}.site-header.hidden{transform:translateY(-100%)}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:28px;height:28px}.brand-mark path:first-child{fill:none;stroke:currentColor;stroke-width:2}.brand-mark path:last-child{fill:currentColor}
.desktop-nav{display:flex;align-items:center;gap:28px;font-size:14px}.desktop-nav>a,.nav-trigger{font-size:14px;padding:12px 0;transition:opacity .2s}.desktop-nav>a:hover,.nav-trigger:hover{opacity:.55}.nav-trigger span{font-size:12px;margin-left:4px}.nav-item{position:relative}.nav-popover{position:absolute;top:46px;left:-20px;width:260px;background:rgba(255,255,255,.97);box-shadow:0 12px 50px rgba(0,0,0,.12);border:1px solid var(--line);border-radius:10px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.22s var(--ease)}.nav-item.open .nav-popover{opacity:1;visibility:visible;transform:none}.nav-popover a{display:flex;flex-direction:column;padding:13px;border-radius:6px}.nav-popover a:hover{background:var(--soft)}.nav-popover b{font-size:14px;font-weight:500}.nav-popover small{font-size:12px;color:var(--muted);margin-top:2px}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.text-button{font-size:14px;padding:10px 14px}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap;transition:transform .25s var(--ease),background .25s,color .25s}.pill:hover{transform:translateY(-2px)}.pill-dark{background:#000;color:#fff}.pill-dark:hover{background:#303030}.icon-button{width:40px;height:40px;display:grid;place-items:center}.search-button span{width:17px;height:17px;border:1.6px solid #000;border-radius:50%;position:relative}.search-button span:after{content:"";position:absolute;width:7px;height:1.5px;background:#000;right:-5px;bottom:-2px;transform:rotate(45deg)}.menu-button{display:none;width:42px;height:42px;position:relative}.menu-button i{position:absolute;width:20px;height:1.5px;background:#000;left:11px;top:17px;transition:.25s}.menu-button i+ i{top:24px}.menu-button.open i{transform:translateY(3.5px) rotate(45deg)}.menu-button.open i+i{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:90;background:#fff;padding:100px 24px 40px;display:flex;flex-direction:column;gap:0;opacity:0;visibility:hidden;transition:.3s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu a{font-size:32px;letter-spacing:-.05em;padding:14px 0;border-bottom:1px solid var(--line)}.mobile-menu .pill{margin-top:auto}
.hero{position:relative;min-height:1680px;padding-top:var(--header);overflow:hidden}.hero-aurora{position:absolute;left:0;right:0;top:0;height:1200px;background:#f1efff;overflow:hidden;z-index:-1}.hero-aurora:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 60%,#fff 97%)}.hero-aurora span{position:absolute;border-radius:45% 55% 60% 40%;filter:blur(40px);opacity:.8;mix-blend-mode:multiply;animation:drift 18s ease-in-out infinite alternate}.hero-aurora span:nth-child(1){width:850px;height:560px;left:-8%;top:-8%;background:radial-gradient(circle at 70% 55%,#b9e8ff,transparent 66%);transform:rotate(12deg)}.hero-aurora span:nth-child(2){width:760px;height:680px;right:-10%;top:5%;background:radial-gradient(circle at 45% 50%,#ffb5ca,transparent 68%);animation-delay:-7s}.hero-aurora span:nth-child(3){width:1000px;height:700px;left:18%;top:15%;background:radial-gradient(circle at 50% 40%,#bdb8ff,transparent 64%);animation-delay:-12s}@keyframes drift{to{transform:translate3d(6%,8%,0) rotate(-8deg) scale(1.08)}}
.hero-content{text-align:center;padding-top:90px;display:flex;align-items:center;flex-direction:column}.hero-symbol{width:92px;height:92px;position:relative;margin-bottom:18px;filter:drop-shadow(0 12px 25px rgba(93,72,255,.14))}.hero-symbol span{position:absolute;inset:10px;border-radius:60% 40% 58% 42%;background:linear-gradient(145deg,#fff 5%,#bdb7ff 48%,#ffb9cc);mix-blend-mode:multiply;animation:petal 9s ease-in-out infinite alternate}.hero-symbol span:nth-child(2){transform:rotate(120deg);background:linear-gradient(145deg,#fff,#bce8ff 60%,#c5b9ff);animation-delay:-3s}.hero-symbol span:nth-child(3){transform:rotate(240deg);background:linear-gradient(145deg,#fff,#ffd5dc 60%,#cabfff);animation-delay:-6s}@keyframes petal{to{border-radius:40% 60% 36% 64%;transform:rotate(30deg) scale(.94)}}.hero-symbol.small{width:70px;height:70px;margin:0 auto 20px}
.eyebrow{text-transform:uppercase;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.16em;margin:0 0 16px;color:#4d4a58}.hero h1{font-size:clamp(58px,6vw,88px);font-weight:500;line-height:.95;letter-spacing:-.075em;margin:0}.hero-lede{font-size:20px;line-height:1.5;margin:26px auto 24px;max-width:520px}.hero-cta{gap:8px}.hero-cta span{transition:transform .25s}.hero-cta:hover span{transform:translate(2px,-2px)}
.trusted{text-align:center;margin:95px auto 0}.trusted>p{font-size:13px;margin:0 0 20px;color:#56545b}.logo-marquee{max-width:950px;margin:auto;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.logo-track{width:max-content;display:flex;align-items:center;gap:70px;padding-left:70px;animation:marquee 28s linear infinite}.logo-track span{font-size:15px;letter-spacing:.07em;font-weight:600;color:#45434b}.logo-track span:nth-child(2n){font-family:serif;font-size:18px}.logo-track span:nth-child(3n){font-weight:400;letter-spacing:.16em}@keyframes marquee{to{transform:translateX(-50%)}}
.product-stage{width:min(1180px,calc(100vw - 64px));height:690px;margin:84px auto 0;background:#f8f8fa;border:1px solid rgba(0,0,0,.09);border-radius:12px;box-shadow:0 45px 120px rgba(30,22,80,.18),0 10px 30px rgba(0,0,0,.07);display:grid;grid-template-columns:240px 1fr;overflow:hidden;transform:perspective(1600px) rotateX(1deg);transform-origin:center top}.demo-sidebar{background:#f1f1f4;border-right:1px solid #dddde2;padding:14px 11px;display:flex;flex-direction:column;font-size:12px}.demo-brand{display:flex;align-items:center;gap:8px;padding:3px 5px 15px;font-weight:600}.demo-brand button{margin-left:auto;font-size:21px;color:#888}.mini-mark{width:24px;height:24px;background:#000;color:#fff;border-radius:7px;display:grid;place-items:center}.demo-new{display:flex;align-items:center;gap:8px;background:#fff;padding:9px;border-radius:7px;box-shadow:0 1px 2px rgba(0,0,0,.04);text-align:left}.demo-new kbd{margin-left:auto;color:#999;font-size:10px;border:1px solid #ddd;padding:1px 4px;border-radius:3px}.demo-section-title{font-size:9px;letter-spacing:.1em;color:#96969e;margin:24px 8px 8px}.project,.recent{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;text-align:left}.project:hover,.recent:hover,.project.active{background:#e4e4e8}.project b,.recent b{font-size:11px;font-weight:500}.project small{margin-left:auto}.project-dot{width:8px;height:8px;border-radius:3px;background:#9ac8ff}.project-dot.coral{background:#ff9d9d}.project-dot.mint{background:#83dfbe}.recent{flex-direction:column;align-items:flex-start;gap:1px}.recent small{font-size:9px;color:#999}.demo-user{margin-top:auto;border-top:1px solid #dddde2;padding:13px 5px 0;display:flex;align-items:center;gap:8px}.demo-user>span{width:28px;height:28px;border-radius:50%;background:#d6d0ff;display:grid;place-items:center;font-size:10px}.demo-user div{display:flex;flex-direction:column}.demo-user small{font-size:9px;color:#999}.demo-user i{margin-left:auto;font-style:normal;color:#999}.demo-main{display:flex;flex-direction:column;background:rgba(255,255,255,.8)}.demo-topbar{height:54px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #ececef;font-size:12px}.demo-topbar>button{display:none}.demo-topbar span{font-weight:500}.demo-topbar div{margin-left:auto;display:flex;gap:5px}.demo-topbar button{font-size:11px;padding:5px 10px;border:1px solid #ddd;border-radius:5px;background:#fff}.demo-center{flex:1;width:min(620px,80%);margin:auto;padding-top:100px;text-align:center}.demo-spark{font-size:27px}.demo-center h2{font-size:25px;letter-spacing:-.04em;font-weight:500;margin:10px 0 18px}.mode-switch{display:inline-flex;background:#eeeef1;padding:3px;border-radius:7px;margin-bottom:14px}.mode-switch button{font-size:11px;border-radius:5px;padding:5px 15px;color:#78777e}.mode-switch button.active{background:#fff;color:#111;box-shadow:0 1px 3px rgba(0,0,0,.08)}.composer{background:#fff;border:1px solid #d7d7dc;border-radius:12px;padding:14px;box-shadow:0 10px 26px rgba(0,0,0,.05);text-align:left}.composer textarea{display:block;width:100%;height:76px;resize:none;border:0;outline:0;background:transparent;font-size:13px}.composer textarea::placeholder{color:#aaa}.composer-tools{display:flex;justify-content:space-between;align-items:center}.composer-tools>div{display:flex;gap:6px}.composer-tools button{height:28px;border:1px solid #e0e0e4;border-radius:6px;padding:0 9px;font-size:10px}.send-button{width:29px!important;border-radius:50%!important;background:#111!important;color:#fff;font-size:16px!important}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.suggestions button{background:#f5f5f6;border:1px solid #e8e8ea;border-radius:7px;padding:10px;text-align:left;font-size:10px}.suggestions button span{float:right}
.product-stage.sidebar-collapsed{grid-template-columns:70px 1fr}.product-stage.sidebar-collapsed .demo-sidebar>*:not(.demo-brand){opacity:0;pointer-events:none}.product-stage.sidebar-collapsed .demo-brand>span:not(.mini-mark){display:none}.product-stage.sidebar-collapsed .demo-brand button{transform:rotate(180deg)}
.section{width:min(var(--max),var(--page));margin:0 auto}.section-heading{text-align:center;margin:0 auto 86px;max-width:760px}.section-heading h2,.final-cta h2{font-size:clamp(40px,4.2vw,64px);font-weight:500;line-height:1.12;letter-spacing:-.065em;margin:0}.section-heading>p:not(.eyebrow){max-width:600px;margin:24px auto;color:var(--muted);font-size:17px}.features{padding-top:110px}.feature-row{min-height:570px;display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:center;margin:0 0 42px}.feature-row.reverse{grid-template-columns:2fr 1fr}.feature-row.reverse .feature-copy{order:2}.feature-row.reverse .feature-art{order:1}.feature-copy{padding:32px 0}.feature-copy>span{font-family:"DM Mono",monospace;font-size:11px;color:#999}.feature-copy h3{font-size:clamp(27px,2.4vw,37px);font-weight:500;line-height:1.28;letter-spacing:-.05em;margin:18px 0}.feature-copy p{color:#626168;margin:0;font-size:16px;line-height:1.75;max-width:400px}.feature-art{height:500px;border-radius:var(--radius);position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05);box-shadow:inset 0 1px rgba(255,255,255,.7)}
.art-review{background:linear-gradient(135deg,#d9eaff,#e2d7ff 52%,#ffd8df);padding:54px 38px 0}.window-chrome{height:38px;background:#f5f5f7;border-radius:8px 8px 0 0;display:flex;align-items:center;padding:0 13px;gap:6px;font-size:9px;color:#888}.window-chrome i,.terminal-bar i{width:7px;height:7px;border-radius:50%;background:#ff6f66}.window-chrome i:nth-child(2),.terminal-bar i:nth-child(2){background:#ffc453}.window-chrome i:nth-child(3),.terminal-bar i:nth-child(3){background:#49cd72}.window-chrome span{margin-left:10px}.art-layout{height:410px;background:#fff;display:grid;grid-template-columns:38% 62%;font-size:10px;box-shadow:0 20px 45px rgba(63,40,100,.2)}.task-panel{padding:24px;border-right:1px solid #eee}.task-panel>small{color:#7c69e8;font-size:8px;letter-spacing:.1em}.task-panel h4{font-size:17px;line-height:1.3;margin:10px 0;font-weight:500}.task-panel p{color:#777;line-height:1.5}.task-panel ul{padding:0;list-style:none;margin-top:24px}.task-panel li{padding:9px 0;border-top:1px solid #eee}.task-panel li:before{content:"○";margin-right:7px}.task-panel li.done:before{content:"✓";color:#36a778}.task-panel em{font-style:normal;float:right;color:#7667ce}.file-tabs{height:38px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:25px;padding:0 15px}.file-tabs b{font-weight:500}.file-tabs span{color:#999}.code-panel pre{font-family:"DM Mono",monospace;font-size:9px;line-height:2.25;padding:22px;margin:0;color:#3c3c43}.code-panel pre i{color:#aaa;font-style:normal}.diff-summary{margin:22px 18px;padding:12px;background:#f5f5f6;border-radius:5px}.diff-summary b{color:#2c9e68;margin-left:15px}.diff-summary em{font-style:normal;color:#d46464;margin-left:6px}
.art-agents{background:linear-gradient(155deg,#d9f3ed,#dbebff 55%,#dbd2ff);padding:58px}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;transform:rotate(-2deg)}.agent-card{height:175px;background:rgba(255,255,255,.91);padding:17px;border-radius:8px;box-shadow:0 15px 35px rgba(50,70,90,.12)}.agent-card>div{display:flex;align-items:center}.agent-card div span{width:26px;height:26px;border-radius:7px;background:#111;color:#fff;display:grid;place-items:center;font-size:8px}.agent-card small{margin-left:auto;color:#7a7a82;font-size:9px}.agent-card.running small{color:#5f58bd}.agent-card h4{font-size:14px;font-weight:500;margin:17px 0 3px}.agent-card p{font-size:10px;color:#999;margin:0}.agent-card>i{height:3px;background:#eee;display:block;margin-top:18px;border-radius:4px;overflow:hidden}.agent-card>i:after{content:"";display:block;width:var(--p);height:100%;background:#7669ef}.agent-card:nth-child(2){transform:translateY(20px)}.agent-card:nth-child(3){transform:translateY(-8px)}
.art-skills{background:radial-gradient(circle at 50% 50%,#f1edff,#d8e9ff 52%,#ffe1e4);padding:20px}.skill-map{height:100%;position:relative}.skill-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.skill-map path{fill:none;stroke:rgba(73,62,105,.25);stroke-width:1.3;stroke-dasharray:4 5}.skill-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 16px 45px rgba(89,68,145,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.skill-center>span{font-size:25px}.skill-center b{font-size:15px}.skill-center small{font-size:8px;color:#888}.skill-node{position:absolute;width:112px;height:72px;background:rgba(255,255,255,.9);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;box-shadow:0 12px 30px rgba(60,50,90,.12);z-index:2}.skill-node span{font-size:10px}.skill-node.n1{left:8%;top:12%}.skill-node.n2{right:8%;top:12%}.skill-node.n3{left:8%;bottom:12%}.skill-node.n4{right:8%;bottom:12%}
.art-automation{background:linear-gradient(145deg,#ffe5d6,#e3d8ff 45%,#cfebff);padding:55px 75px}.automation-head{height:80px;background:rgba(255,255,255,.92);border-radius:8px 8px 0 0;padding:16px 20px;display:flex;align-items:center}.automation-head small{font-size:7px;letter-spacing:.12em;color:#999}.automation-head h4{font-size:17px;margin:0;font-weight:500}.automation-head button{margin-left:auto;background:#111;color:white;border-radius:5px;font-size:9px;padding:7px 10px}.automation-list{background:rgba(255,255,255,.94);padding:0 20px 20px;border-radius:0 0 8px 8px;box-shadow:0 20px 50px rgba(80,55,70,.17)}.automation-list>div{height:67px;border-top:1px solid #eee;display:flex;align-items:center;gap:12px}.auto-icon{width:27px;height:27px;background:#f0eef8;border-radius:7px;display:grid;place-items:center;font-size:11px}.automation-list p{display:flex;flex-direction:column;margin:0}.automation-list b{font-size:10px;font-weight:500}.automation-list small{font-size:8px;color:#999}.automation-list em{font-style:normal;font-size:8px;color:#777;margin-left:auto;background:#f2f2f3;padding:3px 7px;border-radius:10px}.automation-list em.live{color:#3d8b6c;background:#e0f5eb}
.art-quality{background:linear-gradient(135deg,#dbe7ff,#e7dcff 48%,#f8d8e0);display:flex;align-items:center;justify-content:center;gap:35px;padding:60px}.quality-score{width:190px;height:190px;position:relative;flex:0 0 auto}.quality-score svg{width:100%;height:100%;transform:rotate(-90deg)}.quality-score circle{fill:none;stroke:rgba(255,255,255,.6);stroke-width:8}.quality-score .score-ring{stroke:#6d5fe9;stroke-dasharray:327;stroke-dashoffset:20;stroke-linecap:round}.quality-score div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.quality-score div span{font-size:54px;line-height:1;letter-spacing:-.08em}.quality-score div small{font-size:7px;letter-spacing:.1em;color:#666;margin-top:7px}.quality-list{background:rgba(255,255,255,.88);border-radius:8px;padding:8px 17px;width:310px;box-shadow:0 16px 40px rgba(50,40,90,.13)}.quality-list>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee;padding:15px 0}.quality-list>div:last-child{border:0}.quality-list>div>span{width:23px;height:23px;background:#e4f5ed;color:#34936d;border-radius:50%;display:grid;place-items:center;font-size:10px}.quality-list>div:last-child>span{background:#fff1d8;color:#bd7f16}.quality-list p{display:flex;flex-direction:column;margin:0}.quality-list b{font-size:10px;font-weight:500}.quality-list small{font-size:8px;color:#999}.quality-list em{font-style:normal;font-size:9px;margin-left:auto;color:#6455c9}
.surfaces{padding-top:130px}.inline-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}.surface-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.surface-card{background:var(--soft);border-radius:var(--radius);padding:8px 8px 24px}.surface-card h3{font-size:21px;font-weight:500;letter-spacing:-.04em;margin:18px 12px}.surface-card>.pill{width:calc(100% - 24px);margin:0 12px}.surface-visual{height:340px;border-radius:5px;overflow:hidden;position:relative}.desktop-visual{background:linear-gradient(135deg,#cfddff,#ead8ff);padding:45px 32px;display:grid;grid-template-columns:55px 1fr}.mini-sidebar{background:#eeeef2;border-radius:7px 0 0 7px;padding:15px 10px}.mini-sidebar i{height:7px;display:block;background:#c8c8cf;margin-bottom:15px;border-radius:4px}.mini-sidebar i:first-child{width:20px;height:20px;background:#111;border-radius:6px}.mini-work{background:#fff;border-radius:0 7px 7px 0;padding:35px 24px;display:flex;flex-direction:column;box-shadow:0 16px 30px rgba(60,50,90,.15)}.mini-work span{font-size:8px;color:#7666d9}.mini-work b{font-size:13px;margin:8px 0}.mini-work p{font-size:8px;color:#888}.mini-work div{margin-top:auto}.mini-work i{height:5px;background:#eee;display:block;border-radius:3px;margin-top:10px}.mini-work i:nth-child(1){width:85%}.mini-work i:nth-child(2){width:64%}.mini-work i:nth-child(3){width:76%}.editor-visual{background:#202125;color:#c5c6cb;display:grid;grid-template-columns:34% 66%;padding-top:27px;font-family:"DM Mono",monospace}.editor-visual:before{content:"";position:absolute;top:0;left:0;right:0;height:27px;background:#33343a}.editor-tree{padding:18px 12px;font-size:8px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #37383e}.editor-tree b{font-size:7px;color:#888}.editor-visual pre{margin:0;padding:18px 12px;font-size:8px;line-height:2.2;white-space:pre-wrap}.editor-visual pre small{display:block;border-bottom:1px solid #3a3b40;margin:-10px -12px 14px;padding:0 12px 8px}.editor-visual pre i{font-style:normal;color:#666}.editor-visual pre b{display:block;background:#2d2a3a;color:#b9adff;padding:10px;margin-top:14px}.terminal-visual{background:#151619;color:#d8d9dd;font-family:"DM Mono",monospace}.terminal-bar{height:34px;background:#292a2e;display:flex;align-items:center;padding:0 12px;gap:6px}.terminal-bar span{font-size:7px;margin:auto;color:#9c9da2}.terminal-visual pre{font-size:9px;line-height:1.9;margin:0;padding:27px;white-space:pre-wrap}.terminal-visual pre span{color:#a89cff}.terminal-visual pre b{color:#b7aaff}.terminal-visual pre em{color:#75d3aa;font-style:normal}
.stories{padding-top:140px}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quote-card{margin:0;background:var(--soft);border-radius:var(--radius);min-height:330px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.quote-card blockquote{font-size:19px;line-height:1.55;letter-spacing:-.025em;margin:0}.quote-card figcaption{display:flex;align-items:center;gap:13px}.avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#d4d0ff;font-family:serif;font-size:17px}.avatar.a2{background:#c9e9df}.avatar.a3{background:#ffd8cb}.avatar.a4{background:#d8e7ff}.avatar.a5{background:#f0d7ff}.avatar.a6{background:#dbe8c8}.quote-card figcaption p{display:flex;flex-direction:column;margin:0}.quote-card figcaption b{font-size:13px;font-weight:500}.quote-card figcaption small{font-size:10px;color:#85848b;margin-top:2px}
.final-cta{height:700px;margin-top:140px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.cta-aurora{position:absolute;inset:0;background:linear-gradient(145deg,#e5f5ff,#e7deff 43%,#ffe1e6);z-index:-1}.cta-aurora:before,.cta-aurora:after{content:"";position:absolute;width:65vw;height:35vw;filter:blur(55px);border-radius:50%;animation:drift 15s ease-in-out infinite alternate}.cta-aurora:before{background:#a7ddff;left:-15%;top:-10%}.cta-aurora:after{background:#ffb9ce;right:-10%;bottom:-20%;animation-delay:-5s}.final-cta h2{margin:0 0 22px}.final-cta p{margin:0 0 24px}.final-cta .pill{gap:8px}
.site-footer{padding:70px 32px 28px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:40px}.footer-brand p{color:#777;font-size:13px;max-width:220px;margin-top:18px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-grid h3{font-size:12px;font-weight:500;margin:0 0 8px}.footer-grid>div>a{font-size:12px;color:#69686e}.footer-grid>div>a:hover{text-decoration:underline}.footer-bottom{max-width:var(--max);margin:70px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#777}.footer-bottom>div{display:flex;align-items:center;gap:20px}.language-button{font-size:11px;background:#f4f4f5;padding:8px 12px;border-radius:4px}
.download-dialog{width:min(560px,calc(100vw - 32px));border:0;border-radius:12px;padding:48px;background:#f8f8fa;box-shadow:0 40px 120px rgba(0,0,0,.3);text-align:center}.download-dialog::backdrop{background:rgba(0,0,0,.45);backdrop-filter:blur(8px)}.download-dialog[open]{animation:dialogIn .35s var(--ease)}@keyframes dialogIn{from{opacity:0;transform:translateY(20px) scale(.98)}}.dialog-close{position:absolute;right:15px;top:12px;font-size:28px;color:#777}.dialog-mark{width:56px;height:56px;background:#000;color:#fff;border-radius:15px;margin:0 auto 22px;display:grid;place-items:center}.dialog-mark svg{width:34px}.dialog-mark path:first-child{fill:none;stroke:currentColor;stroke-width:2}.dialog-mark path:last-child{fill:currentColor}.download-dialog h2{font-size:38px;letter-spacing:-.06em;line-height:1.15;margin:0 0 16px;font-weight:500}.download-dialog>p:not(.eyebrow){color:#777;font-size:14px;max-width:420px;margin:0 auto 25px}.download-dialog form{display:flex;gap:8px;max-width:430px;margin:auto}.download-dialog label{flex:1;text-align:left;font-size:9px;color:#777}.download-dialog input{display:block;width:100%;height:42px;border:1px solid #d5d5da;background:#fff;border-radius:999px;padding:0 15px;outline:0;margin-top:4px}.download-dialog input:focus{border-color:#777}.download-dialog form .pill{align-self:flex-end}.download-dialog>small{display:block;color:#999;font-size:9px;margin-top:18px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#111;color:#fff;border-radius:999px;padding:9px 15px;font-size:12px;z-index:999;opacity:0;visibility:hidden;transition:.3s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media (max-width:1024px){:root{--page:calc(100vw - 48px)}.desktop-nav{display:none}.search-button,.text-button{display:none}.menu-button{display:block}.header-actions .pill{display:none}.hero{min-height:1420px}.product-stage{height:590px;grid-template-columns:190px}.demo-center{padding-top:65px}.feature-row,.feature-row.reverse{grid-template-columns:1fr 1.65fr;gap:28px}.feature-art{height:440px}.art-review{padding:40px 25px 0}.art-agents{padding:45px 34px}.art-automation{padding:45px}.quality-score{width:145px;height:145px}.art-quality{padding:35px;gap:20px}.surface-grid,.quote-grid{gap:16px}.surface-visual{height:290px}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:20px}}
@media (max-width:760px){:root{--page:calc(100vw - 32px);--header:64px}.site-header{padding:0 16px}.brand{font-size:18px}.brand-mark{width:25px}.hero{min-height:1420px}.hero-content{padding-top:62px}.hero-symbol{width:78px;height:78px}.hero .eyebrow{display:none}.hero h1{font-size:46px}.hero-lede{font-size:17px;padding:0 30px;margin-top:20px}.trusted{margin-top:70px}.logo-track{gap:45px}.product-stage{width:calc(100vw - 32px);height:710px;margin-top:58px;grid-template-columns:1fr;transform:none}.demo-sidebar{display:none}.demo-topbar>button{display:block;border:0;padding:0;margin-right:10px}.demo-center{width:calc(100% - 28px);padding-top:88px}.demo-center h2{font-size:22px}.suggestions{grid-template-columns:1fr}.suggestions button{font-size:11px}.hero-aurora{height:1000px}.section-heading{margin-bottom:58px;text-align:left}.section-heading h2,.final-cta h2{font-size:36px}.features{padding-top:70px}.feature-row,.feature-row.reverse{grid-template-columns:1fr;margin-bottom:86px;gap:26px;min-height:0}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-art{order:initial}.feature-copy{padding:0}.feature-copy h3{font-size:28px}.feature-copy p{font-size:15px}.feature-art{height:350px}.art-review{padding:30px 16px 0}.art-layout{height:300px;grid-template-columns:46% 54%}.task-panel{padding:14px}.task-panel h4{font-size:13px}.task-panel p{font-size:8px}.task-panel ul{margin-top:12px}.task-panel li{padding:5px 0;font-size:8px}.code-panel pre{font-size:7px;padding:12px}.diff-summary{margin:10px;font-size:7px}.art-agents{padding:29px 20px}.agent-card{height:130px;padding:12px}.agent-card h4{font-size:11px;margin:12px 0 2px}.agent-card p{font-size:8px}.agent-card>i{margin-top:10px}.skill-center{width:105px;height:105px}.skill-node{width:84px;height:54px;font-size:12px}.skill-node span{font-size:8px}.art-automation{padding:32px 24px}.automation-head{height:62px}.automation-list>div{height:53px}.art-quality{padding:35px 25px;flex-direction:column;gap:12px}.quality-score{width:110px;height:110px}.quality-score div span{font-size:37px}.quality-list{width:100%;padding:4px 12px}.quality-list>div{padding:10px 0}.surfaces,.stories{padding-top:70px}.surfaces .section-heading p:not(.eyebrow){margin-left:0}.surface-grid,.quote-grid{grid-template-columns:1fr;gap:18px}.surface-visual{height:330px}.surface-card{padding-bottom:22px}.quote-card{min-height:290px}.quote-card blockquote{font-size:18px}.final-cta{height:600px;margin-top:90px;padding:20px}.final-cta h2{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;gap:18px;flex-direction:column}.footer-bottom>div{flex-wrap:wrap}.download-dialog{padding:38px 22px}.download-dialog h2{font-size:32px}.download-dialog form{flex-direction:column}.download-dialog label{text-align:left}.download-dialog form .pill{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.pill-light{background:rgba(255,255,255,.76);border:1px solid rgba(0,0,0,.08);color:#111}.hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.product-overview{padding-top:120px}.bot-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bot-card{min-height:245px;background:var(--soft);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}.bot-card span,.flow-card span{font-family:"DM Mono",monospace;font-size:11px;color:#8b8792}.bot-card h3{font-size:24px;line-height:1.22;font-weight:500;margin:24px 0 10px;letter-spacing:-.04em}.bot-card p{margin:0;color:var(--muted);font-size:14px}.bot-card b{margin-top:auto;font-size:13px;font-weight:500}.cloud-band{padding-top:120px}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flow-card{background:#f8f8fa;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius);padding:28px}.flow-card h3{font-size:24px;font-weight:500;letter-spacing:-.04em;margin:18px 0 8px}.flow-card p{margin:0;color:var(--muted);font-size:14px}.cloud-console{height:100%;display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:center;padding:38px}.telegram-phone{height:500px;background:#f7f8fb;border:1px solid #dfe1e8;border-radius:28px;box-shadow:0 24px 55px rgba(30,35,80,.12);padding:18px;display:flex;flex-direction:column;justify-content:flex-end}.phone-bar{height:54px;border-bottom:1px solid #e5e6ec;margin:-18px -18px 20px;padding:12px 18px;display:flex;flex-direction:column}.phone-bar span{font-size:10px;color:#8c8c95}.phone-bar b{font-size:13px}.chat-bubble{max-width:86%;padding:11px 13px;border-radius:14px;margin:6px 0;font-size:12px;line-height:1.55}.chat-bubble.in{background:#fff;border:1px solid #e5e5ea}.chat-bubble.out{background:#111;color:#fff;margin-left:auto}.quick-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0}.quick-buttons span{background:#fff;border:1px solid #dedee5;border-radius:8px;text-align:center;padding:8px;font-size:11px}.cloud-stack{display:grid;gap:14px}.cloud-node{background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.07);border-radius:10px;padding:20px;display:grid;grid-template-columns:44px 1fr;gap:12px;box-shadow:0 18px 40px rgba(35,35,80,.08)}.cloud-node span{width:36px;height:36px;background:#111;color:#fff;border-radius:9px;display:grid;place-items:center;font-family:"DM Mono",monospace;font-size:11px}.cloud-node b{font-size:16px}.cloud-node small{color:var(--muted);font-size:12px}.cloud-node.live{box-shadow:0 20px 45px rgba(105,95,210,.14)}.tg-stage .demo-main{background:linear-gradient(135deg,#fff,#f6f7fb)}

.page-hero{position:relative;padding:150px 0 70px;overflow:hidden;background:linear-gradient(145deg,#eff7ff,#f2edff 46%,#ffeef2)}.page-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.page-hero-inner{width:min(var(--max),var(--page));margin:auto;position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.page-hero h1{font-size:clamp(46px,5vw,76px);line-height:1;letter-spacing:-.07em;margin:0}.page-hero p{font-size:18px;color:#4f4d58;max-width:680px}.page-visual{min-height:360px;border:1px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.62);box-shadow:0 35px 90px rgba(50,42,100,.16);padding:24px;display:grid;align-content:center;gap:12px}.page-visual-row{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px}.page-visual-row span{width:34px;height:34px;border-radius:8px;background:#111;color:#fff;display:grid;place-items:center;font-size:12px}.page-visual-row div{display:flex;flex-direction:column}.page-visual-row b{font-size:14px}.page-visual-row small{font-size:11px;color:var(--muted)}.detail-section{padding-top:105px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-card{background:var(--soft);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius);padding:26px}.detail-card h3{font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.04em;margin:0 0 14px}.detail-card p,.detail-card li{font-size:14px;color:var(--muted)}.detail-card ul{padding-left:18px;margin:0}.wide-panel{background:#f8f8fa;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius);padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.wide-panel h2{font-size:36px;line-height:1.12;font-weight:500;letter-spacing:-.05em;margin:0}.wide-panel p{color:var(--muted);margin:12px 0 0}.matrix-list{display:grid;gap:10px}.matrix-list div{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:14px 16px;display:flex;justify-content:space-between;gap:16px}.matrix-list b{font-size:14px}.matrix-list small{color:var(--muted)}.mini-cta{margin-top:90px;background:linear-gradient(145deg,#eaf7ff,#f4eeff 55%,#ffecef);border-radius:12px;padding:60px;text-align:center}.mini-cta h2{font-size:42px;line-height:1.12;font-weight:500;letter-spacing:-.06em;margin:0 0 16px}.mini-cta p{color:var(--muted);margin:0 auto 22px;max-width:720px}.simple-page{padding-top:130px}.copy-box{background:#111;color:#fff;border-radius:10px;padding:24px;font-family:"DM Mono",monospace;font-size:13px;white-space:pre-wrap}.download-dialog select,.download-dialog textarea{display:block;width:100%;border:1px solid #d5d5da;background:#fff;border-radius:12px;padding:11px 13px;outline:0;margin-top:4px}.download-dialog textarea{resize:vertical;min-height:90px}.download-dialog .inquiry-form{display:grid;gap:10px;max-width:430px;margin:auto}.download-dialog .inquiry-form .pill{width:100%}.footer-link-button{font-size:12px;color:#69686e;text-align:left;padding:0}.footer-link-button:hover{text-decoration:underline}

@media (max-width:1024px){.bot-card-grid,.flow-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.cloud-console{grid-template-columns:1fr}.telegram-phone{height:380px}.page-hero-inner{grid-template-columns:1fr}.wide-panel{grid-template-columns:1fr}}
@media (max-width:760px){.hero-actions{padding:0 24px}.bot-card-grid,.flow-grid,.detail-grid{grid-template-columns:1fr}.product-overview,.cloud-band,.detail-section{padding-top:70px}.cloud-console{padding:18px}.telegram-phone{height:360px;border-radius:18px}.cloud-node{padding:16px}.page-hero{padding:112px 0 42px}.page-hero h1{font-size:42px}.page-hero p{font-size:16px}.page-visual{min-height:0}.wide-panel,.mini-cta{padding:26px}.mini-cta h2{font-size:32px}.matrix-list div{flex-direction:column;gap:4px}.detail-card{padding:22px}}
.cloud-node{gap:4px 12px}.cloud-node span{grid-row:1/3}.cloud-node b,.cloud-node small{grid-column:2}

/* Caoyu site density pass: keep the original visual language, but make it feel like a product site rather than a giant cover. */
.hero{min-height:1180px}.hero-content{padding-top:58px}.hero-symbol{width:72px;height:72px;margin-bottom:12px}.hero h1{font-size:clamp(50px,5.2vw,76px)}.hero-lede{font-size:18px;margin:22px auto 20px}.trusted{margin-top:58px}.product-stage{margin-top:52px;height:620px}.cloud-console{padding:28px}.telegram-phone{height:430px}.page-hero{padding:118px 0 42px}.page-hero-inner{gap:36px}.page-visual{min-height:285px;padding:20px}.detail-section{padding-top:74px}.section-heading{margin-bottom:62px}.mini-cta{margin-top:70px}

@media (max-width:760px){.hero{min-height:1180px}.hero-content{padding-top:50px}.hero-symbol{width:64px;height:64px}.hero h1{font-size:40px}.trusted{margin-top:48px}.product-stage{margin-top:42px}.page-hero{padding:96px 0 32px}.detail-section{padding-top:54px}.section-heading{margin-bottom:42px}}

/* 1.1 interaction and motion pass */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .18s ease both}
::view-transition-new(root){animation:page-in .42s var(--ease) both}
@keyframes page-out{to{opacity:0;transform:translateY(-4px)}}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}}

body{opacity:1;background:linear-gradient(180deg,#fbfdff 0,#fff 22rem)}
.site-header{gap:34px;border-bottom:1px solid transparent;transform:none!important}
.site-header.scrolled{background:rgba(255,255,255,.9);box-shadow:none;border-bottom-color:rgba(0,0,0,.08)}
.brand{letter-spacing:0}
.desktop-nav>a,.nav-trigger{position:relative;opacity:.78}
.desktop-nav>a:after,.nav-trigger:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .28s var(--ease)}
.desktop-nav>a:hover,.nav-trigger:hover,.desktop-nav a[aria-current="page"]{opacity:1}
.desktop-nav>a:hover:after,.nav-trigger:hover:after,.desktop-nav a[aria-current="page"]:after{transform:scaleX(1);transform-origin:left}
.nav-trigger span{display:inline-block;transition:transform .25s var(--ease)}
.nav-item.open .nav-trigger span{transform:rotate(180deg)}
.nav-popover{top:50px;width:272px;padding:7px;border-radius:8px;box-shadow:0 18px 50px rgba(32,28,46,.1);transform:translateY(-8px) scale(.985);transform-origin:top left;transition:opacity .2s ease,visibility .2s,transform .3s var(--ease)}
.nav-popover a{padding:12px 13px;border-radius:5px;transition:background .2s ease,transform .25s var(--ease)}
.nav-popover a:hover{transform:translateX(2px)}
.header-telegram{gap:7px;padding:0 17px}
.header-telegram span{transition:transform .25s var(--ease)}
.header-telegram:hover span{transform:translate(2px,-2px)}
.pill{border-radius:6px;transition:transform .25s var(--ease),background .25s ease,box-shadow .25s ease}
.pill:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.12)}

.eyebrow{text-transform:none;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;color:#5d5a67}
.hero{min-height:auto;padding-bottom:128px}
.hero-content{padding-top:94px}
.hero-symbol{display:none}
.hero h1{font-size:clamp(52px,5.6vw,80px);line-height:1.04;letter-spacing:-.04em}
.hero-lede{max-width:650px;font-size:19px;line-height:1.72}
.hero-aurora{height:980px;background:linear-gradient(145deg,#eff7ff,#f2edff 48%,#fff0f4)}
.hero-aurora span{filter:blur(70px);opacity:.52;animation-duration:28s}
.trusted{margin-top:72px}
.logo-track{animation-duration:34s}
.logo-marquee:hover .logo-track{animation-play-state:paused}
.product-stage{height:600px;margin-top:58px;border-radius:8px;box-shadow:0 28px 80px rgba(41,35,78,.12),0 4px 14px rgba(0,0,0,.05);transform:none!important;transition:box-shadow .45s var(--ease),border-color .35s ease}
.product-stage:hover{border-color:rgba(0,0,0,.14);box-shadow:0 34px 90px rgba(41,35,78,.15),0 6px 18px rgba(0,0,0,.06)}
.demo-brand{padding-right:8px}.demo-new,.project,.recent{cursor:default}.project,.recent{transition:background .2s ease}.project:hover,.recent:hover{background:transparent}.project.active{background:#e4e4e8}
.demo-topbar .status-live{margin-left:auto;display:flex;align-items:center;gap:7px;color:#626168;font-size:11px}.status-live i{width:6px;height:6px;border-radius:50%;background:#4fb987;box-shadow:0 0 0 4px rgba(79,185,135,.12);animation:status-pulse 2.4s ease-in-out infinite}@keyframes status-pulse{50%{box-shadow:0 0 0 7px rgba(79,185,135,0)}}
.telegram-phone{border-radius:18px;box-shadow:0 18px 44px rgba(30,35,80,.09)}
.chat-bubble{border-radius:8px}.quick-buttons span{border-radius:6px}
.cloud-node{border-radius:8px;box-shadow:0 12px 32px rgba(35,35,80,.06);transition:transform .36s var(--ease),border-color .25s ease,box-shadow .36s var(--ease)}
.cloud-node:hover{transform:translateX(5px);border-color:rgba(92,83,165,.22);box-shadow:0 16px 38px rgba(35,35,80,.1)}

.section-heading h2,.final-cta h2{letter-spacing:-.035em}
.bot-card,.flow-card,.detail-card{transition:transform .38s var(--ease),border-color .25s ease,background .25s ease,box-shadow .38s var(--ease)}
.bot-card:hover{transform:translateY(-5px);background:#fff;border-color:rgba(0,0,0,.12);box-shadow:0 18px 40px rgba(31,28,48,.08)}
.bot-card b{transition:transform .3s var(--ease)}.bot-card:hover b{transform:translateX(4px)}
.flow-card:hover,.detail-card:hover{transform:translateY(-3px);background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 14px 34px rgba(31,28,48,.06)}
.page-hero{padding:132px 0 68px;background:linear-gradient(145deg,#eff7ff 0,#f2edff 48%,#ffeef2 100%)}
.page-hero:before{content:"";position:absolute;width:44vw;height:44vw;right:-12vw;top:-24vw;border-radius:50%;background:rgba(255,255,255,.55);filter:blur(60px);animation:hero-breathe 12s ease-in-out infinite alternate}@keyframes hero-breathe{to{transform:translate(-3vw,4vw) scale(1.08)}}
.page-hero h1{letter-spacing:-.04em}
.page-visual{min-height:300px;border-radius:8px;box-shadow:0 24px 64px rgba(50,42,100,.11);background:rgba(255,255,255,.56);backdrop-filter:blur(12px)}
.page-visual-row{border-radius:6px;transition:transform .36s var(--ease),box-shadow .36s var(--ease);animation:row-enter .65s var(--ease) both;animation-delay:calc(120ms + var(--reveal-delay,0ms))}
.page-visual-row:hover{transform:translateX(-5px);box-shadow:0 10px 24px rgba(34,30,60,.07)}
@keyframes row-enter{from{opacity:0;transform:translateX(16px)}}
.wide-panel{background:linear-gradient(140deg,#f8f9fb,#f6f3fb);overflow:hidden;position:relative}
.matrix-list div{transition:transform .32s var(--ease),border-color .25s ease}.matrix-list div:hover{transform:translateX(-4px);border-color:rgba(0,0,0,.12)}
.mini-cta{border-radius:8px;position:relative;overflow:hidden}.mini-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);animation:cta-sheen 9s ease-in-out infinite;pointer-events:none}@keyframes cta-sheen{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.final-cta{height:560px;margin-top:120px}.cta-aurora:before,.cta-aurora:after{opacity:.55;animation-duration:26s}
.language-label{font-size:11px;color:#777}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .82s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.reveal.visible{opacity:1;transform:none}

@media (max-width:1024px){.header-actions .header-telegram{display:none}.hero{padding-bottom:96px}.product-stage{height:570px}.page-hero{padding-top:116px}}
@media (max-width:760px){body{background:linear-gradient(180deg,#fbfdff 0,#fff 15rem)}.mobile-menu{transform:translateY(-10px);transition:opacity .25s ease,visibility .25s,transform .38s var(--ease)}.mobile-menu.open{transform:none}.mobile-menu a{font-size:27px;letter-spacing:-.02em}.mobile-menu a[aria-current="page"]{color:#5c55a6}.mobile-menu .pill{border-radius:6px}.hero{min-height:auto;padding-bottom:76px}.hero-content{padding-top:64px}.hero h1{font-size:42px;line-height:1.08}.hero-lede{font-size:16px;line-height:1.68;padding:0 10px}.trusted{margin-top:52px}.product-stage{height:620px;margin-top:44px}.cloud-console{padding:16px}.telegram-phone{height:342px}.cloud-stack{gap:10px}.cloud-node{padding:13px}.page-hero{padding:104px 0 50px}.page-visual{padding:14px;gap:9px}.page-visual-row{padding:13px}.page-visual-row:hover,.matrix-list div:hover{transform:none}.final-cta{height:500px;margin-top:82px}.mini-cta{margin-top:58px}.mini-cta h2{letter-spacing:-.03em}}
@media (prefers-reduced-motion:reduce){body{opacity:1}.logo-track{transform:none}.page-visual-row{animation:none}.mini-cta:after{display:none}.status-live i{animation:none}}

/* 1.2 cinematic motion, adapted for a lightweight static deployment */
:root{--motion-ease:cubic-bezier(.16,1,.3,1);--page-progress:0;--hero-shift:0px}
h1,h2,h3,h4,.brand,.mobile-menu a{letter-spacing:0!important}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#8fcbff,#9c91ff 48%,#ff9fb5);transform:scaleX(var(--page-progress));transform-origin:left;opacity:.72;pointer-events:none}
.hero:before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:min(var(--max),var(--page));transform:translateX(-50%);border-left:1px solid rgba(30,25,55,.045);border-right:1px solid rgba(30,25,55,.045);pointer-events:none}
.hero-aurora{transform:translate3d(0,var(--hero-shift),0) scale(1.035);transform-origin:center top;will-change:transform}

.js .site-header .brand,.js .desktop-nav>*:not(.nav-item),.js .desktop-nav>.nav-item,.js .header-telegram{opacity:0;transform:translateY(-10px)}
.js body.page-ready .site-header .brand,.js body.page-ready .desktop-nav>*:not(.nav-item),.js body.page-ready .desktop-nav>.nav-item,.js body.page-ready .header-telegram{opacity:1;transform:none;transition:opacity .6s ease,transform .72s var(--motion-ease)}
.js body.page-ready .desktop-nav>*:nth-child(1){transition-delay:.05s}.js body.page-ready .desktop-nav>*:nth-child(2){transition-delay:.1s}.js body.page-ready .desktop-nav>*:nth-child(3){transition-delay:.15s}.js body.page-ready .desktop-nav>*:nth-child(4){transition-delay:.2s}.js body.page-ready .desktop-nav>*:nth-child(5){transition-delay:.25s}.js body.page-ready .header-telegram{transition-delay:.3s}

.js .hero-content.visible>.eyebrow,.js .hero-content.visible>h1,.js .hero-content.visible>.hero-lede,.js .hero-content.visible>.hero-cta{animation:intro-rise .88s var(--motion-ease) both}
.js .hero-content.visible>h1{animation-delay:.08s}.js .hero-content.visible>.hero-lede{animation-delay:.17s}.js .hero-content.visible>.hero-cta{animation-delay:.26s}
.js .trusted.visible>p{animation:intro-rise .75s var(--motion-ease) .1s both}.js .trusted.visible>.logo-marquee{animation:intro-rise .85s var(--motion-ease) .2s both}
@keyframes intro-rise{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}

.product-stage.visible .demo-sidebar{animation:stage-left .82s var(--motion-ease) .12s both}.product-stage.visible .demo-topbar{animation:intro-rise .72s var(--motion-ease) .2s both}.product-stage.visible .telegram-phone{animation:stage-up .9s var(--motion-ease) .27s both}.product-stage.visible .cloud-node{animation:stage-right .8s var(--motion-ease) both}.product-stage.visible .cloud-node:nth-child(1){animation-delay:.34s}.product-stage.visible .cloud-node:nth-child(2){animation-delay:.43s}.product-stage.visible .cloud-node:nth-child(3){animation-delay:.52s}
@keyframes stage-left{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes stage-right{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes stage-up{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}

.js .page-hero-inner.visible>div:first-child>*{animation:intro-rise .78s var(--motion-ease) both}.js .page-hero-inner.visible>div:first-child>*:nth-child(2){animation-delay:.07s}.js .page-hero-inner.visible>div:first-child>*:nth-child(3){animation-delay:.14s}.js .page-hero-inner.visible>div:first-child>*:nth-child(4){animation-delay:.21s}.js .page-hero-inner.visible>.page-visual{animation:visual-arrive .95s var(--motion-ease) .16s both}
@keyframes visual-arrive{from{opacity:0;transform:translateY(26px) scale(.975);box-shadow:0 0 0 rgba(50,42,100,0)}to{opacity:1;transform:none}}

.section-heading .eyebrow{display:inline-flex;align-items:center;gap:10px}.section-heading .eyebrow:before{content:"";width:0;height:1px;background:linear-gradient(90deg,#6aaee9,#8779e8);transition:width .7s var(--motion-ease) .1s}.section-heading.visible .eyebrow:before{width:28px}
.js .section-heading h2{opacity:0;transform:translateY(26px);clip-path:inset(0 0 36% 0)}.js .section-heading.visible h2{opacity:1;transform:none;clip-path:inset(0);transition:opacity .72s ease .08s,transform .86s var(--motion-ease) .08s,clip-path .86s var(--motion-ease) .08s}.js .section-heading>p:not(.eyebrow){opacity:0;transform:translateY(14px)}.js .section-heading.visible>p:not(.eyebrow){opacity:1;transform:none;transition:opacity .65s ease .18s,transform .72s var(--motion-ease) .18s}
.js .wide-panel.reveal.visible>div:first-child{animation:stage-left .78s var(--motion-ease) .08s both}.js .wide-panel.reveal.visible>.matrix-list{animation:stage-right .82s var(--motion-ease) .15s both}
.js .mini-cta.reveal.visible>*{animation:intro-rise .75s var(--motion-ease) both}.js .mini-cta.reveal.visible>p{animation-delay:.08s}.js .mini-cta.reveal.visible>.pill{animation-delay:.16s}

.bot-card:after{content:"";position:absolute;left:25px;right:25px;bottom:0;height:2px;background:linear-gradient(90deg,#8fcaff,#9b8fff,#ff9db4);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--motion-ease)}.bot-card{position:relative;overflow:hidden}.bot-card:hover:after{transform:scaleX(1)}
.page-visual-row span,.cloud-node span{transition:transform .38s var(--motion-ease),background .25s ease}.page-visual-row:hover span,.cloud-node:hover span{transform:scale(.92);background:#514a85}
.final-cta .reveal.visible h2{animation:intro-rise .85s var(--motion-ease) both}.final-cta .reveal.visible p{animation:intro-rise .75s var(--motion-ease) .1s both}.final-cta .reveal.visible .pill{animation:intro-rise .75s var(--motion-ease) .18s both}

@media (max-width:760px){.hero:before{left:16px;right:16px;width:auto;transform:none}.site-header:after{height:1px}.js .site-header .brand{opacity:1;transform:none}.product-stage.visible .demo-sidebar{animation:none}.js .hero-content.visible>h1{animation-delay:.04s}.js .hero-content.visible>.hero-lede{animation-delay:.1s}.js .hero-content.visible>.hero-cta{animation-delay:.16s}}
@media (prefers-reduced-motion:reduce){.hero-aurora{transform:none;will-change:auto}.site-header:after{transition:none}.js .site-header .brand,.js .desktop-nav>*,.js .header-telegram,.js .section-heading h2,.js .section-heading>p:not(.eyebrow){opacity:1;transform:none;clip-path:none}.js .hero-content.visible>*,.js .trusted.visible>*,.product-stage.visible .demo-sidebar,.product-stage.visible .demo-topbar,.product-stage.visible .telegram-phone,.product-stage.visible .cloud-node,.js .page-hero-inner.visible>div:first-child>*,.js .page-hero-inner.visible>.page-visual,.js .wide-panel.reveal.visible>div:first-child,.js .wide-panel.reveal.visible>.matrix-list,.js .mini-cta.reveal.visible>*,.final-cta .reveal.visible>*{animation:none!important}.section-heading .eyebrow:before{width:28px;transition:none}}

/* 1.3 real Telegram surfaces and blur-to-clear motion */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .18s ease both}
::view-transition-new(root){animation:page-in .48s var(--motion-ease) both}
@keyframes page-out{to{opacity:0;filter:blur(4px)}}
@keyframes page-in{from{opacity:0;filter:blur(9px)}to{opacity:1;filter:blur(0)}}

*{letter-spacing:0}
.motion-init .reveal{opacity:0;visibility:hidden;filter:blur(12px);transform:translate3d(0,30px,0) scale(.992);transition:opacity .8s ease,filter .95s var(--motion-ease),transform 1s var(--motion-ease),visibility 0s linear .95s;transition-delay:var(--reveal-delay,0ms);will-change:opacity,filter,transform}
.motion-init .reveal.visible{opacity:1;visibility:visible;filter:blur(0);transform:none;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s}
.motion-init.motion-fallback:not(.js) .reveal{opacity:1;visibility:visible;filter:none;transform:none}
.motion-init .site-header .brand,.motion-init .desktop-nav>*,.motion-init .header-telegram{opacity:0;filter:blur(7px);transform:translateY(-10px)}
.motion-init body.page-ready .site-header .brand,.motion-init body.page-ready .desktop-nav>*,.motion-init body.page-ready .header-telegram{opacity:1;filter:blur(0);transform:none;transition:opacity .55s ease,filter .7s var(--motion-ease),transform .72s var(--motion-ease)}
.motion-init body.page-ready .desktop-nav>*:nth-child(2){transition-delay:.06s}.motion-init body.page-ready .desktop-nav>*:nth-child(3){transition-delay:.12s}.motion-init body.page-ready .desktop-nav>*:nth-child(4){transition-delay:.18s}.motion-init body.page-ready .desktop-nav>*:nth-child(5){transition-delay:.24s}.motion-init body.page-ready .header-telegram{transition-delay:.3s}

.telegram-desktop{grid-template-columns:292px 1fr;background:#eef3f7;border-color:rgba(42,58,72,.14);box-shadow:0 32px 90px rgba(65,67,110,.16),0 6px 18px rgba(0,0,0,.06)}
.tg-chat-list{background:rgba(255,255,255,.92);border-right:1px solid rgba(39,55,70,.12);padding:16px 12px;overflow:hidden}
.tg-app-title{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 10px;font-size:15px}.tg-app-title span,.tg-head-actions{color:#76828d;font-size:15px}
.tg-search-field{height:36px;border-radius:8px;background:#edf1f4;color:#8a949c;font-size:13px;display:flex;align-items:center;padding:0 12px;margin:0 4px 12px}
.tg-chat-item{min-height:67px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;margin:2px 0}
.tg-chat-item.active{background:#e8e4ff}.tg-chat-item div{min-width:0;display:flex;flex-direction:column}.tg-chat-item b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-chat-item small{font-size:12px;color:#78838d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-chat-item time{font-size:11px;color:#8c969f;align-self:start;margin-top:4px}
.tg-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:700;color:#2e3540;background:#e5e8ec;flex:0 0 auto}.tg-avatar.violet{background:#dcd8ff}.tg-avatar.blue{background:#cde9ff}.tg-avatar.rose{background:#ffd7df}.tg-avatar.mint{background:#c9f0df}
.tg-conversation,.telegram-ui{min-width:0;display:flex;flex-direction:column;background:#eaf1f5}
.tg-chat-head{height:68px;flex:0 0 68px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(39,55,70,.12);display:flex;align-items:center;gap:11px;padding:0 18px}.tg-chat-head>div{display:flex;flex-direction:column}.tg-chat-head b{font-size:15px;font-weight:600}.tg-chat-head small{font-size:12px;color:#7d8892}.tg-head-actions{margin-left:auto}
.tg-chat-body{position:relative;min-height:0;flex:1;padding:34px clamp(26px,5vw,72px) 20px;display:flex;flex-direction:column;justify-content:center;background-color:#e8f0f4;background-image:linear-gradient(rgba(255,255,255,.36),rgba(255,255,255,.36))}
.tg-chat-body.compact{justify-content:center;padding:24px 28px 20px;overflow:hidden}
.tg-day{align-self:center;background:rgba(95,113,126,.48);color:#fff;border-radius:8px;padding:3px 9px;font-size:11px;margin-bottom:14px}
.tg-message{position:relative;align-self:flex-start;width:min(470px,88%);background:#fff;border:1px solid rgba(49,65,78,.08);border-radius:8px;padding:13px 14px 18px;box-shadow:0 3px 12px rgba(37,55,70,.08);font-size:14px;line-height:1.55}
.tg-message p{margin:0 0 9px;color:#242b31}.tg-message p:last-of-type{margin-bottom:0}.tg-message strong{font-weight:650}.tg-message time{position:absolute;right:9px;bottom:4px;font-size:10px;color:#89939b}
.tg-inline-grid{width:min(470px,88%);margin-top:5px;display:grid;gap:4px}.tg-inline-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}.tg-inline-row span{min-width:0;min-height:35px;display:flex;align-items:center;justify-content:center;text-align:center;padding:7px 8px;border:1px solid rgba(62,134,183,.23);border-radius:6px;background:rgba(255,255,255,.94);color:#2387c4;font-size:13px;line-height:1.25;font-weight:550}
.tg-compose{height:44px;margin-top:auto;background:rgba(255,255,255,.93);border:1px solid rgba(44,65,80,.1);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#8d979f;font-size:13px}.tg-compose b{font-size:20px;font-weight:400;color:#87939c}

.telegram-ui.page-visual{padding:0;display:flex;align-content:initial;gap:0;overflow:hidden;min-height:430px;background:#eaf1f5;box-shadow:0 24px 65px rgba(44,54,93,.14)}
.telegram-ui.page-visual .tg-chat-body{min-height:362px}
.telegram-ui.page-visual .tg-message,.telegram-ui.page-visual .tg-inline-grid{width:96%;max-width:480px}
.telegram-ui-mini{min-height:360px;border:1px solid rgba(39,55,70,.11);border-radius:8px;overflow:hidden;box-shadow:0 18px 46px rgba(49,55,86,.1)}
.telegram-ui-mini .tg-chat-body{padding:18px;min-height:292px}.telegram-ui-mini .tg-message,.telegram-ui-mini .tg-inline-grid{width:100%}
.support-session{align-items:stretch}.support-session>div:first-child{align-self:center}

.motion-init .reveal:not(.visible) .tg-chat-item,.motion-init .reveal:not(.visible) .tg-chat-head,.motion-init .reveal:not(.visible) .tg-day,.motion-init .reveal:not(.visible) .tg-message,.motion-init .reveal:not(.visible) .tg-inline-row,.motion-init .reveal:not(.visible) .tg-compose{opacity:0;filter:blur(9px);transform:translateY(14px)}
.motion-init .reveal.visible .tg-chat-head,.motion-init .reveal.visible .tg-day,.motion-init .reveal.visible .tg-message,.motion-init .reveal.visible .tg-inline-row,.motion-init .reveal.visible .tg-chat-item,.motion-init .reveal.visible .tg-compose{animation:tg-ui-enter .72s var(--motion-ease) both;animation-delay:calc(160ms + var(--ui-delay,0ms))}
.motion-init .reveal.visible .tg-chat-head{animation-delay:80ms}.motion-init .reveal.visible .tg-day{animation-delay:150ms}.motion-init .reveal.visible .tg-message{animation-delay:220ms}.motion-init .reveal.visible .tg-compose{animation-delay:680ms}
@keyframes tg-ui-enter{from{opacity:0;filter:blur(9px);transform:translateY(14px)}to{opacity:1;filter:blur(0);transform:none}}

@media (max-width:1024px){.telegram-desktop{grid-template-columns:235px 1fr}.tg-chat-body{padding-inline:34px}.telegram-ui.page-visual{min-height:410px}.telegram-ui.page-visual .tg-chat-body{min-height:342px}.page-hero-inner{grid-template-columns:1fr 1fr;gap:28px}}
@media (max-width:760px){.telegram-desktop{grid-template-columns:1fr;height:570px}.tg-chat-list{display:none}.tg-chat-body{padding:24px 16px 14px}.tg-message,.tg-inline-grid{width:96%}.tg-message{font-size:13px}.tg-inline-row span{font-size:12px;min-height:34px;padding:6px}.page-hero-inner{grid-template-columns:1fr;gap:34px}.telegram-ui.page-visual{min-height:465px}.telegram-ui.page-visual .tg-chat-body{min-height:397px;padding:20px 14px 14px}.telegram-ui.page-visual .tg-message,.telegram-ui.page-visual .tg-inline-grid{width:100%}.support-session{grid-template-columns:1fr}.telegram-ui-mini{margin-top:8px}.motion-init .site-header .brand{opacity:0;filter:blur(7px);transform:translateY(-8px)}.motion-init body.page-ready .site-header .brand{opacity:1;filter:blur(0);transform:none}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.motion-init .reveal,.motion-init .reveal.visible,.motion-init .site-header .brand,.motion-init .desktop-nav>*,.motion-init .header-telegram,.motion-init body.page-ready .site-header .brand,.motion-init body.page-ready .desktop-nav>*,.motion-init body.page-ready .header-telegram{opacity:1;visibility:visible;filter:none;transform:none;transition:none}.motion-init .reveal.visible .tg-chat-head,.motion-init .reveal.visible .tg-day,.motion-init .reveal.visible .tg-message,.motion-init .reveal.visible .tg-inline-row,.motion-init .reveal.visible .tg-chat-item,.motion-init .reveal.visible .tg-compose{animation:none}}

/* 1.4 interactive product walkthrough and clearer motion */
.brand{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;line-height:1.08}
.brand-mark{grid-row:1/3}.brand>span{grid-column:2;grid-row:1;align-self:end}.brand::after{content:"DESIGNED BY CAOYU";grid-column:2;grid-row:2;align-self:start;font-family:Arial,sans-serif;font-size:8px;font-weight:600;line-height:1;color:#8b8c93}
.tg-chat-item{width:100%;text-align:left;transition:background .25s ease,transform .25s var(--ease)}
.tg-chat-item:hover{background:#f1f3f6}.tg-chat-item.active{background:#e8e4ff;transform:translateX(2px)}
.tg-chat-copy{min-width:0;display:flex;flex-direction:column}.tg-chat-copy b,.tg-chat-copy small{display:block}
.tg-avatar.amber{background:#ffe2b8}.tg-avatar.cyan{background:#c9eff0}
.tg-user-message{align-self:flex-end;width:auto;min-width:92px;background:#d9fdd3;border-color:rgba(43,116,68,.12)}
.tg-user-message p{margin:0}.tg-inline-grid.demo-piece{animation:none}
.demo-piece{animation:demo-message-enter .72s var(--motion-ease) both}
.tg-inline-grid.demo-piece .tg-inline-row{animation:demo-message-enter .62s var(--motion-ease) both}
.tg-inline-grid.demo-piece .tg-inline-row:nth-child(2){animation-delay:.06s}.tg-inline-grid.demo-piece .tg-inline-row:nth-child(3){animation-delay:.12s}.tg-inline-grid.demo-piece .tg-inline-row:nth-child(4){animation-delay:.18s}.tg-inline-grid.demo-piece .tg-inline-row:nth-child(5){animation-delay:.24s}
.tg-demo-progress{display:flex;align-items:center;justify-content:center;gap:6px;height:22px;width:min(470px,88%)}
.tg-demo-progress i{width:18px;height:3px;border-radius:3px;background:rgba(72,89,102,.18);transition:width .35s var(--ease),background .35s ease}.tg-demo-progress i.active{width:30px;background:#7c74cd}
.tg-mobile-switcher{display:none}
.flow-grid{grid-template-columns:repeat(4,1fr)}
.motion-init .reveal{filter:blur(16px);transform:translate3d(0,38px,0) scale(.988);transition:opacity 1s ease,filter 1.15s var(--motion-ease),transform 1.2s var(--motion-ease),visibility 0s linear 1.2s}
@keyframes demo-message-enter{from{opacity:0;filter:blur(10px);transform:translateY(16px)}to{opacity:1;filter:blur(0);transform:none}}
@media (max-width:1100px){.flow-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.brand{font-size:17px}.brand::after{font-size:7px}.tg-mobile-switcher{display:flex;gap:4px;padding:7px 10px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(39,55,70,.1);overflow-x:auto;scrollbar-width:none}.tg-mobile-switcher::-webkit-scrollbar{display:none}.tg-mobile-switcher button{flex:1 0 auto;min-width:48px;padding:5px 8px;border-radius:5px;color:#68737c;font-size:11px}.tg-mobile-switcher button.active{background:#e8e4ff;color:#443d86}.tg-chat-body{padding-top:16px}.tg-demo-progress{width:96%}.flow-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.demo-piece,.tg-inline-grid.demo-piece .tg-inline-row{animation:none}.tg-demo-progress i{transition:none}}