
:root{--bg:#f3eee3;--ink:#1b1b1b;--muted:#70695f;--card:#e6dfcf;--accent:#3158c7;--light:#e0e7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit}nav,main,footer{max-width:1120px;margin:auto}nav{display:flex;align-items:center;justify-content:space-between;padding:28px 24px;gap:20px}.brand{font:italic 900 32px Georgia,serif;text-decoration:none}.brand b{color:#e8553d}nav .links{display:flex;gap:22px;font-size:14px}nav .links a{text-decoration:none}nav [aria-current]{color:var(--accent);font-weight:700}main{padding:12px 24px 60px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:60px 0 72px}.eyebrow{font:700 12px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.16em;color:var(--accent)}h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.055em;line-height:1.12;margin:20px 0 24px}h1 em{color:var(--accent);font-style:normal}.lead{font-size:17px;line-height:1.9;max-width:30em;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;background:var(--accent);color:white;text-decoration:none;border-radius:100px;font-size:15px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button.secondary{background:transparent;color:var(--ink);border:1px solid #aaa294}.access{font-size:12px;color:var(--muted);margin-top:18px}.visual{background:var(--light);border-radius:28px;padding:30px;transform:rotate(2deg);position:relative}.window{background:var(--bg);border:1px solid #1b1b1b20;border-radius:18px;box-shadow:0 18px 36px #1b1b1b12;overflow:hidden;transform:rotate(-2deg)}.bar{padding:18px;border-bottom:1px solid #1b1b1b15;display:flex;justify-content:space-between;font-size:13px;font-weight:700}.bar span{color:var(--accent);font-size:11px}.messages{padding:25px 20px;display:flex;flex-direction:column;gap:16px;min-height:270px}.bubble{align-self:flex-start;background:var(--card);padding:12px 16px;border-radius:16px 16px 16px 4px;font-size:14px;max-width:90%;line-height:1.6}.bubble.mine{align-self:flex-end;background:var(--accent);color:white;border-radius:16px 16px 4px 16px}.receipt{font-size:11px;color:var(--muted);align-self:flex-end;margin-top:-10px}.typing{letter-spacing:5px}.caption{font:11px/1.6 ui-monospace,monospace;color:var(--muted);margin:16px 0 0;text-align:center}.file-row{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid #1b1b1b12;font-size:14px}.file-row:last-child{border:0}.file-icon{display:grid;place-items:center;width:38px;height:42px;background:var(--light);border-radius:8px;color:var(--accent);font-size:11px;font-weight:700}.file-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.file-row .arrow{margin-left:auto;color:var(--accent)}.section-title{font-size:30px;letter-spacing:-.04em;margin:0 0 24px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{border-radius:22px;background:var(--card);padding:26px}.feature .num{font:12px ui-monospace,monospace;color:var(--accent)}h3{font-size:20px;margin:22px 0 12px}.feature p,.step p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.how{padding:64px 0 48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #1b1b1b30;padding-top:26px}.step b{color:var(--accent);font:italic 32px Georgia,serif}.step h3{margin:14px 0 10px}.faq{padding-bottom:42px}details{border-top:1px solid #1b1b1b25;padding:20px 0}details:last-child{border-bottom:1px solid #1b1b1b25}summary{cursor:pointer;font-size:16px;font-weight:600}details p{font-size:14px;line-height:1.9;color:var(--muted);max-width:70em}.closing{background:var(--ink);color:var(--bg);padding:32px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.closing h2{font-size:26px;margin:0 0 8px}.closing p{font-size:14px;margin:0;opacity:.65}footer{padding:10px 24px 34px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media(max-width:760px){nav{padding:22px 20px}.links{gap:14px!important}main{padding:0 20px 36px}.hero{grid-template-columns:1fr;gap:30px;padding:30px 0 52px}h1{font-size:54px}.lead{font-size:16px}.visual{padding:22px;transform:none}.window{transform:none}.features,.steps{grid-template-columns:1fr}.feature{padding:24px}.feature h3{margin-top:14px}.how{padding:44px 0}.steps{gap:24px}.closing{align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Shared YIER visual language */
:root{--sans:"Arial Black","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;--cn:"PingFang SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,Consolas,monospace;--red:#e8553d;--green:#2f6b4f}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased}
  body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.45;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .35 0 0 0 0 .25 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
html{scroll-behavior:smooth;scroll-padding-top:24px}nav{padding:24px 16px}.brand{font-size:38px}.links{font-family:var(--mono)}main{padding:0 16px 48px}.hero{background:var(--ink);color:var(--bg);border-radius:24px;grid-template-columns:1.08fr 1fr;gap:32px;padding:42px 34px;margin:0 0 36px;position:relative;overflow:hidden}.eyebrow{color:var(--bg);opacity:.65;font-size:11px}h1{font-family:var(--cn);font-weight:900;font-size:clamp(42px,5.2vw,64px);letter-spacing:-.05em;margin:14px 0 20px;line-height:1.18}h1 em{color:var(--accent);position:relative;display:inline-block}.hero .lead{color:var(--bg);opacity:.7;font-family:var(--cn);font-size:15px;line-height:1.9}.hero .access{color:var(--bg);opacity:.55;line-height:1.8}.product-word{font:italic 400 clamp(72px,10vw,128px)/1 Georgia,serif;letter-spacing:-.06em;margin:24px 0 20px}.product-word b{color:var(--accent);font-style:normal}.hero .button.secondary{color:var(--bg);border-color:#f3eee34d}.button{border-radius:12px;padding:14px 20px;font-family:var(--cn)}.button.secondary{border-radius:12px}.hero .visual{background:var(--card);color:var(--ink);padding:22px;transform:rotate(2deg);border-radius:20px}.window{box-shadow:none;border:0;border-radius:12px}.caption{font-family:var(--mono);letter-spacing:.04em;font-size:10px;line-height:1.8}.bar{font-family:var(--cn)}.section-title{font-family:var(--cn);font-weight:900;font-size:28px}.feature{position:relative;overflow:hidden;transition:transform .3s,background .3s;min-height:204px}.feature:hover{transform:translateY(-5px);background:#ded4c1}.feature .num{font:900 66px/1 var(--sans);position:absolute;right:16px;top:12px;opacity:.12}.feature h3{position:relative;margin:36px 0 12px;font-family:var(--cn);font-weight:900}.feature p,.step p,details p{font-family:var(--cn)}.how{padding:48px 0}.steps{gap:14px;border:0;padding:0}.step{padding:25px;border:2px solid var(--ink);border-radius:22px}.step b{font:italic 400 40px Georgia,serif}.step h3{font-family:var(--cn);font-weight:900}.closing h2{font-family:var(--cn);font-weight:900}.closing p{line-height:1.8}.demo-controls{display:flex;align-items:center;gap:12px;margin-top:16px;position:relative;z-index:2}.demo-play{appearance:none;cursor:pointer;border:1.5px solid var(--ink);border-radius:100px;background:transparent;color:var(--ink);font:700 12px var(--cn);padding:9px 14px;transition:background .2s,color .2s;flex-shrink:0}.demo-play:hover{background:var(--ink);color:var(--bg)}.demo-play:disabled{cursor:wait;opacity:.55}.demo-status{font:11px/1.6 var(--cn);color:var(--muted)}.demo-play:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.messages{height:280px;min-height:0}.bubble{font-family:var(--cn);transition:opacity .25s,transform .35s}.bubble.pending,.receipt.pending{opacity:0;transform:translateY(12px) scale(.94)}.receipt{transition:opacity .3s;font-family:var(--cn)}.typing{display:flex;gap:4px;letter-spacing:0;width:55px}.typing i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:dot-hop 1.2s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.typing[hidden]{display:none}.file-row{transition:transform .65s cubic-bezier(.2,.9,.2,1),opacity .4s,background .3s;font-family:var(--cn)}.visual.sorting .file-row:nth-child(2){transform:translateX(-9px) rotate(-3deg);opacity:.4}.visual.sorting .file-row:nth-child(3){transform:translateX(14px) rotate(3deg);opacity:.4}.visual.sorting .file-row:nth-child(4){transform:translateX(-6px) rotate(-2deg);opacity:.4}.visual .file-row.filed{background:var(--light)}.archive-progress{height:4px;background:#1b1b1b12;overflow:hidden}.archive-progress i{display:block;background:var(--accent);height:100%;width:0;transition:width .45s}.bar .live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:4px;box-shadow:0 0 0 0 var(--accent);animation:live-pulse 2.4s infinite}.reveal{animation:tile-in .65s cubic-bezier(.2,.9,.2,1.1) both}.feature:nth-child(2){animation-delay:.09s}.feature:nth-child(3){animation-delay:.18s}summary{font-family:var(--cn);list-style:none;position:relative;padding-right:30px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;top:-3px;font:28px/1 var(--mono);color:var(--accent);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details[open] p{animation:tile-in .25s ease-out}footer{font-family:var(--mono)}@keyframes tile-in{from{opacity:0;transform:translateY(15px)}}@keyframes dot-hop{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}@keyframes live-pulse{60%{box-shadow:0 0 0 5px transparent}100%{box-shadow:0 0 0 0 transparent}}@media(max-width:760px){nav{padding:20px 16px}.hero{grid-template-columns:1fr;padding:28px 22px;gap:24px}.hero .visual{transform:none;padding:16px}h1{font-size:clamp(32px,8.8vw,50px)}.product-word{font-size:90px;margin:16px 0}.hero .lead{font-size:14px}.hero .actions{gap:8px}.hero .button{padding:12px 16px;font-size:14px}.feature{min-height:180px}.feature h3{margin-top:28px}.closing{padding:26px}.section-title{font-size:25px}.demo-controls{gap:8px}.messages{height:260px}footer{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.bubble.pending,.receipt.pending{opacity:1;transform:none}.hero .visual,.window{transform:none}}

body[data-product="files"] .hero h1 em{color:#91b89d}


body[data-product="chat"] .product-word{font-family:var(--cn);font-style:normal;font-weight:900;letter-spacing:-.06em;font-size:clamp(64px,8vw,106px)}
