:root{color-scheme:light dark;--bg: #f7f7f4;--surface: #eeeeea;--surface-raised: #fbfbf8;--text: #1b1b1d;--muted: #65656b;--faint: #96969c;--line: rgba(27, 27, 29, .13);--accent: #5d5fdf;--accent-strong: #484abd;--accent-soft: rgba(93, 95, 223, .12);--nav: rgba(247, 247, 244, .62);--shadow: 0 24px 70px rgba(34, 34, 51, .1);--radius-large: 28px;--radius-medium: 18px;--radius-control: 999px;--shell: min(1180px, calc(100vw - 48px) );--font-din: "DIN Alternate", "DIN Condensed", "DIN 2014", "DIN Next", DIN;--font-sans: var(--font-din), "Noto Sans SC", "PingFang SC", sans-serif;--font-mono: var(--font-din), "Noto Sans SC", "PingFang SC", sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111113;--surface: #1b1b1f;--surface-raised: #202024;--text: #f0f0ed;--muted: #aaaab0;--faint: #77777f;--line: rgba(240, 240, 237, .14);--accent: #8b8df5;--accent-strong: #b0b1ff;--accent-soft: rgba(139, 141, 245, .16);--nav: rgba(17, 17, 19, .64);--shadow: 0 28px 80px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:96px;background:var(--bg)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{position:fixed;inset:0;z-index:20;pointer-events:none;content:"";opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{color:#f8f8f6;background:var(--accent)}.lang-en,html[lang=en] .lang-zh{display:none}html[lang=en] .lang-en{display:inline}.phrase{display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 16px;border-radius:var(--radius-control);background:var(--text);color:var(--bg);transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;inset:0 0 auto;z-index:10;padding:16px 24px 0}.nav-shell{width:var(--shell);min-height:64px;margin:0 auto;padding:8px 10px 8px 20px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid color-mix(in srgb,var(--line),transparent 25%);border-radius:var(--radius-control);background:var(--nav);box-shadow:inset 0 1px color-mix(in srgb,var(--surface-raised),transparent 40%),0 10px 34px color-mix(in srgb,var(--text),transparent 94%);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.brand{display:inline-flex;align-items:center;flex:0 0 auto;font-size:15px;font-weight:650;letter-spacing:-.01em}.primary-nav{display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:14px}.primary-nav>a,.language-toggle{min-height:40px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-control);background:transparent;cursor:pointer;color:var(--muted);transition:color .18s ease,background-color .18s ease,transform .18s ease}.primary-nav>a:hover,.language-toggle:hover{color:var(--text);background:var(--accent-soft)}.primary-nav>a:active,.language-toggle:active,.button:active{transform:translateY(1px) scale(.98)}.primary-nav .nav-contact{padding-inline:18px;color:#f8f8f6;background:var(--text)}.primary-nav .nav-contact:hover{color:#f8f8f6;background:var(--accent-strong)}.hero{position:relative;isolation:isolate;width:var(--shell);min-height:690px;margin:0 auto;padding:clamp(118px,10vw,132px) 0 92px;display:grid;place-items:start center;overflow:hidden;text-align:center}.hero-copy{position:relative;z-index:4;width:min(100%,760px);display:flex;align-items:center;flex-direction:column}.eyebrow{margin:0 0 22px;font-family:var(--font-mono);font-size:11px;font-weight:650;line-height:1.4;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-strong)}.hero h1{max-width:760px;margin:0;font-size:clamp(3.25rem,5.9vw,5.25rem);font-weight:620;line-height:1.02;letter-spacing:-.055em;text-wrap:balance}.hero h1 strong,.manifesto strong{color:var(--accent);font-weight:inherit}.hero-intro{max-width:560px;margin:30px 0 0;color:var(--muted);font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.75}.hero-actions{margin-top:34px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.button{min-height:50px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:var(--radius-control);white-space:nowrap;font-size:14px;font-weight:650;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.button-primary{color:#f8f8f6;background:var(--text)}.button-primary:hover{background:var(--accent-strong)}.button-secondary{border-color:var(--line);color:var(--text);background:color-mix(in srgb,var(--bg),transparent 18%)}.button-secondary:hover{border-color:var(--accent);color:var(--accent-strong)}.hero-media{position:absolute;inset:0;z-index:1;width:100%;pointer-events:none}.project-media{margin:0}.hero-network{position:relative;width:100%;height:100%}.hero-network:before{position:absolute;inset:12% 10% 4%;z-index:-1;content:"";background:radial-gradient(ellipse at 50% 64%,color-mix(in srgb,var(--accent),transparent 92%),transparent 64%)}.hero-product-card{--product-accent: var(--accent);position:absolute;z-index:2;padding:15px;overflow:hidden;border:1px solid color-mix(in srgb,var(--product-accent),var(--line) 72%);border-radius:var(--radius-medium);color:var(--text);background:color-mix(in srgb,var(--surface-raised),transparent 5%);box-shadow:inset 0 1px color-mix(in srgb,var(--surface-raised),transparent 20%),0 18px 48px color-mix(in srgb,var(--product-accent),transparent 91%)}.hero-cove{--product-accent: #7959d6;left:24px;bottom:48px;width:238px;min-height:168px}.hero-velin{--product-accent: #3975e9;top:218px;right:18px;width:220px;min-height:154px}.hero-chord{--product-accent: #18a99c;right:108px;bottom:24px;width:340px;min-height:174px}.hero-card-heading{display:flex;align-items:center;gap:10px;text-align:left}.hero-card-heading>span:last-child{display:grid;line-height:1.12}.hero-card-heading b{font-size:12px;font-weight:720;letter-spacing:-.01em}.hero-card-heading small{margin-top:3px;color:var(--faint);font-size:9px}.hero-product-mark{display:grid;width:29px;height:29px;place-items:center;flex:0 0 auto;border-radius:9px;color:var(--product-accent);background:color-mix(in srgb,var(--product-accent),transparent 88%);font-size:10px;font-weight:780}.cove-preview{position:relative;height:86px;margin-top:8px}.cove-orbit{position:absolute;top:50%;left:50%;width:112px;height:58px;border:1px dashed color-mix(in srgb,var(--product-accent),transparent 68%);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg)}.cove-orbit:after{position:absolute;inset:9px -16px;border:1px solid color-mix(in srgb,var(--product-accent),transparent 84%);border-radius:50%;content:"";transform:rotate(22deg)}.cove-seed{position:absolute;top:50%;left:50%;z-index:2;width:24px;height:24px;border:6px solid color-mix(in srgb,var(--product-accent),transparent 84%);border-radius:50%;background:var(--product-accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--product-accent),transparent 92%);transform:translate(-50%,-50%)}.cove-fragment{position:absolute;z-index:1;width:42px;height:30px;border:1px solid color-mix(in srgb,var(--product-accent),transparent 68%);border-radius:9px;background:linear-gradient(to bottom,transparent 8px,color-mix(in srgb,var(--product-accent),transparent 82%) 8px 9px,transparent 9px 15px,color-mix(in srgb,var(--product-accent),transparent 88%) 15px 16px,transparent 16px),color-mix(in srgb,var(--surface-raised),transparent 3%);box-shadow:0 8px 18px color-mix(in srgb,var(--product-accent),transparent 92%)}.cove-fragment-a{top:2px;left:4px;transform:rotate(-7deg)}.cove-fragment-b{top:7px;right:1px;transform:rotate(9deg)}.cove-fragment-c{right:29px;bottom:0;transform:rotate(-3deg)}.velin-preview{position:relative;height:82px;margin-top:4px;overflow:hidden}.velin-route{position:absolute;z-index:2;height:2px;border-radius:999px;background:color-mix(in srgb,var(--product-accent),transparent 28%);transform-origin:left center}.velin-route-a{top:54%;left:8%;width:25%;transform:rotate(-17deg)}.velin-route-b{top:47%;left:31%;width:23%;transform:rotate(20deg)}.velin-route-c{top:55%;left:52%;width:20%;transform:rotate(-33deg)}.velin-route-d{top:43%;left:69%;width:22%;transform:rotate(13deg)}.velin-point{position:absolute;z-index:3;width:7px;height:7px;border:2px solid var(--surface-raised);border-radius:50%;background:var(--product-accent)}.velin-point-a{top:49%;left:7%}.velin-point-b{top:44%;left:51%}.velin-point-c{top:34%;left:69%}.velin-finish{position:absolute;top:30%;right:4%;z-index:3;width:21px;height:21px;border:1px solid color-mix(in srgb,var(--product-accent),transparent 40%);border-radius:50%;box-shadow:0 0 0 6px color-mix(in srgb,var(--product-accent),transparent 92%)}.velin-finish:after{position:absolute;inset:6px;border-radius:50%;content:"";background:var(--product-accent)}.velin-rhythm{position:absolute;right:9%;bottom:6px;left:10%;height:14px;display:flex;align-items:end;justify-content:center;gap:5px;opacity:.52}.velin-rhythm i{width:2px;height:35%;border-radius:999px;background:var(--product-accent)}.velin-rhythm i:nth-child(2),.velin-rhythm i:nth-child(5){height:72%}.velin-rhythm i:nth-child(3){height:100%}.velin-rhythm i:nth-child(4){height:55%}.chord-preview{position:relative;height:96px;margin-top:5px}.chord-line{position:absolute;top:50%;right:11%;left:11%;height:2px;border-radius:999px;background:linear-gradient(to right,var(--product-accent),color-mix(in srgb,var(--product-accent),transparent 68%))}.chord-node{position:absolute;top:50%;z-index:2;width:17px;height:17px;border:4px solid var(--surface-raised);border-radius:50%;background:color-mix(in srgb,var(--product-accent),transparent 42%);box-shadow:0 0 0 1px color-mix(in srgb,var(--product-accent),transparent 55%);transform:translate(-50%,-50%)}.chord-node-a{left:20%;background:var(--product-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--product-accent),transparent 34%),0 0 0 8px color-mix(in srgb,var(--product-accent),transparent 91%)}.chord-node-b{left:50%}.chord-node-c{left:80%}.chord-feedback{position:absolute;width:44px;height:25px;border:1px solid color-mix(in srgb,var(--product-accent),transparent 70%);border-radius:9px;background:color-mix(in srgb,var(--surface-raised),transparent 4%);box-shadow:0 7px 16px color-mix(in srgb,var(--product-accent),transparent 94%)}.chord-feedback:after{position:absolute;bottom:-4px;left:12px;width:7px;height:7px;border-right:1px solid color-mix(in srgb,var(--product-accent),transparent 70%);border-bottom:1px solid color-mix(in srgb,var(--product-accent),transparent 70%);content:"";background:var(--surface-raised);transform:rotate(45deg)}.chord-feedback i,.chord-feedback i:after{position:absolute;left:9px;height:1px;border-radius:999px;background:color-mix(in srgb,var(--product-accent),transparent 58%)}.chord-feedback i{top:9px;width:24px}.chord-feedback i:after{top:5px;width:16px;content:""}.chord-feedback-a{top:1px;left:32%}.chord-feedback-b{right:7%;bottom:0;transform:scale(.84)}.chord-return{position:absolute;right:17%;bottom:5px;width:43%;height:21px;border-right:1px dashed color-mix(in srgb,var(--product-accent),transparent 72%);border-bottom:1px dashed color-mix(in srgb,var(--product-accent),transparent 72%);border-bottom-right-radius:18px}.chord-return:after{position:absolute;bottom:-3px;left:-2px;width:6px;height:6px;border-radius:50%;content:"";background:var(--product-accent)}.hero-nucleus{position:absolute;bottom:48px;left:50%;z-index:3;min-height:50px;padding:8px 14px 8px 8px;display:inline-flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--accent),transparent 42%);border-radius:var(--radius-control);background:var(--surface-raised);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent),transparent 94%),0 16px 44px color-mix(in srgb,var(--accent),transparent 82%);transform:translate(-50%)}.hero-nucleus span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#f8f8f6;background:var(--accent);font-size:11px;font-weight:760}.hero-nucleus strong{white-space:nowrap;font-size:11px;font-weight:720}.hero-path{position:absolute;z-index:0;display:block;border-color:color-mix(in srgb,var(--accent),transparent 78%);pointer-events:none}.hero-path:before,.hero-path:after{position:absolute;width:7px;height:7px;border:2px solid var(--bg);border-radius:50%;content:"";background:color-mix(in srgb,var(--accent),transparent 38%)}.hero-path-cove{bottom:71px;left:252px;width:calc(50% - 322px);border-top:1px dashed color-mix(in srgb,#7959d6,transparent 76%)}.hero-path-cove:before{top:-4px;left:-1px}.hero-path-cove:after{top:-4px;right:-1px}.hero-path-velin{top:358px;right:218px;width:calc(50% - 206px);height:260px;border-right:1px dashed color-mix(in srgb,#3975e9,transparent 76%);border-bottom:1px dashed color-mix(in srgb,#3975e9,transparent 76%);border-bottom-right-radius:28px}.hero-path-velin:before{top:-3px;right:-4px}.hero-path-velin:after{bottom:-4px;left:-3px}.hero-path-chord{right:448px;bottom:70px;width:calc(50% - 380px);border-top:1px dashed color-mix(in srgb,#18a99c,transparent 72%)}.hero-path-chord:before{top:-4px;left:-2px}.hero-path-chord:after{top:-4px;right:-2px}.asset-slot{--slot-accent: var(--accent);position:relative;width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--slot-accent),transparent 76%);border-radius:var(--radius-medium);background:radial-gradient(circle at 72% 28%,color-mix(in srgb,var(--slot-accent),transparent 86%),transparent 30%),repeating-linear-gradient(132deg,color-mix(in srgb,var(--surface),var(--slot-accent) 5%) 0 10px,color-mix(in srgb,var(--surface-raised),var(--slot-accent) 3%) 10px 20px)}.asset-slot:before,.asset-slot:after{position:absolute;content:"";pointer-events:none}.asset-slot:before{inset:14% 12%;border:1px solid color-mix(in srgb,var(--slot-accent),transparent 64%);border-radius:var(--radius-medium)}.asset-slot:after{width:44%;height:1px;left:28%;top:50%;background:color-mix(in srgb,var(--slot-accent),transparent 44%);box-shadow:0 -32px color-mix(in srgb,var(--slot-accent),transparent 76%),0 32px color-mix(in srgb,var(--slot-accent),transparent 76%)}figcaption{margin-top:10px;color:var(--faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}.section-shell{width:var(--shell);margin-inline:auto}.work-section{padding:0 0 clamp(104px,12vw,168px)}.section-heading{max-width:800px;margin-bottom:58px}.section-heading h2,.about-intro h2{margin:0;font-size:clamp(2.45rem,4.5vw,4.5rem);font-weight:590;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.about-intro h2{max-width:11em;font-size:clamp(1.84rem,2.96vw,3rem)}.section-heading>p:last-child,.about-intro>p{max-width:650px;margin:24px 0 0;color:var(--muted);font-size:17px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(12px,1.6vw,22px)}.product-tile{--project-accent: var(--accent);--project-accent-strong: var(--accent-strong);--project-accent-soft: var(--accent-soft);min-width:0;display:flex;overflow:hidden;flex-direction:column;border-radius:var(--radius-large);background:color-mix(in srgb,var(--surface),var(--project-accent) 4%)}.project-cove{--project-accent: #8c5bc4;--project-accent-strong: #7543aa;--project-accent-soft: rgba(140, 91, 196, .13)}.project-velin{--project-accent: #5d5fef;--project-accent-strong: #4b4dd6;--project-accent-soft: rgba(93, 95, 239, .13)}.project-chord{--project-accent: #2fa69b;--project-accent-strong: #1b7c74;--project-accent-soft: rgba(47, 166, 155, .14)}@media(prefers-color-scheme:dark){.project-cove{--project-accent-strong: #d0b4f0}.project-velin{--project-accent-strong: #b4b6ff}.project-chord{--project-accent-strong: #82d3ca}}.product-visual{margin:0;padding:14px}.product-art{position:relative;isolation:isolate;min-height:clamp(300px,31vw,378px);overflow:hidden;border-radius:calc(var(--radius-large) - 8px)}.product-summary{min-height:254px;padding:26px 28px 32px;display:flex;align-items:flex-start;flex-direction:column}.product-meta{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}.product-wordmark{display:block;width:auto;object-fit:contain;object-position:left center}.product-wordmark-cove{height:23px}.product-wordmark-velin{height:32px}.product-state{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--faint);font-family:var(--font-mono);font-size:9px;font-weight:650;letter-spacing:.04em}.product-state:before{width:5px;height:5px;border-radius:50%;content:"";background:var(--project-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--project-accent),transparent 88%)}.product-summary h3{margin:24px 0 0;font-size:clamp(1.55rem,2.2vw,2rem);font-weight:590;line-height:1.16;letter-spacing:-.035em;text-wrap:balance}.product-summary>p{margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.7;text-wrap:pretty}.project-velin .product-summary{order:-1}.art-caption{position:absolute;top:18px;left:18px;z-index:6;padding:6px 9px;border-radius:5px;color:#ffffffe6;background:#17141bb8;font-family:var(--font-mono);font-size:9px;font-weight:650;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cove-art{background:radial-gradient(circle at 73% 24%,rgba(255,255,255,.3),transparent 24%),linear-gradient(145deg,#b998d3,#704096 78%)}.cove-art:after{position:absolute;right:-18%;bottom:-28%;width:88%;aspect-ratio:1;border-radius:50%;content:"";background:#ffffff14}.cove-art .cove-orbit{position:absolute;top:52%;left:50%;width:72%;height:42%;border:1px solid rgba(255,255,255,.44);border-radius:50%;transform:translate(-50%,-50%) rotate(-9deg)}.cove-art .cove-orbit:after{display:none}.cove-art .cove-orbit-b{width:52%;height:74%;border-style:dashed;opacity:.62;transform:translate(-50%,-50%) rotate(52deg)}.cove-core{position:absolute;top:52%;left:50%;z-index:4;width:76px;height:76px;display:grid;place-items:center;border:12px solid rgba(255,255,255,.18);border-radius:50%;background:#5c2b80d1;box-shadow:0 18px 48px #3014443d;transform:translate(-50%,-50%)}.cove-core img{display:block;width:31px;height:auto}.cove-note{position:absolute;z-index:3;width:92px;padding:14px;display:grid;gap:7px;border:1px solid rgba(255,255,255,.6);border-radius:12px;background:#ffffffd6;box-shadow:0 18px 42px #3014442e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cove-note i{display:block;height:2px;border-radius:99px;background:#54326747}.cove-note i:last-child{width:62%}.cove-note-a{top:21%;right:7%;transform:rotate(5deg)}.cove-note-b{bottom:13%;left:8%;transform:rotate(-7deg)}.cove-note-c{right:9%;bottom:11%;width:78px;transform:rotate(9deg)}.velin-art{color:#fff;background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.2),transparent 26%),#5356d9}.velin-art:before{position:absolute;inset:0;content:"";opacity:.26;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000)}.velin-metric{position:absolute;top:26%;left:8%;z-index:3;display:flex;align-items:baseline;gap:6px}.velin-metric strong{font-family:var(--font-mono);font-size:clamp(2.5rem,4.7vw,4rem);font-weight:520;line-height:1;letter-spacing:-.08em}.velin-metric span{color:#ffffffa8;font-size:11px}.velin-map{position:absolute;right:2%;bottom:3%;left:2%;z-index:2;width:96%;fill:none;overflow:visible}.velin-map path{stroke:#ffffffeb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.velin-map circle:first-of-type{fill:#9da0ff;stroke:#fff;stroke-width:3}.velin-map circle:last-of-type{fill:#fff;stroke:#5457dab8;stroke-width:5}.velin-distance{position:absolute;right:7%;bottom:7%;z-index:4;padding:8px 10px;border-radius:6px;color:#4b4dd6;background:#fffffff0;font-family:var(--font-mono);font-size:10px;box-shadow:0 12px 28px #1e1f6933}.velin-distance b{font-size:15px}.chord-art{background:radial-gradient(circle at 74% 18%,rgba(255,255,255,.32),transparent 24%),#73c3bb}.chord-art:before{position:absolute;top:54%;left:50%;width:78%;height:46%;border:1px dashed rgba(20,89,83,.28);border-radius:50%;content:"";transform:translate(-50%,-50%) rotate(-8deg)}.chord-line-art{position:absolute;top:55%;right:12%;left:12%;height:2px;border-radius:99px;background:#14595375;transform:rotate(-5deg)}.chord-person{position:absolute;z-index:4;width:48px;height:48px;display:grid;place-items:center;border:7px solid rgba(255,255,255,.5);border-radius:50%;color:#f7fffd;background:#1f746d;box-shadow:0 12px 30px #14595333;font-size:11px;font-weight:720}.chord-person-a{top:49%;left:10%}.chord-person-b{top:36%;left:calc(50% - 24px)}.chord-person-c{top:55%;right:9%}.chord-message{position:absolute;z-index:3;width:96px;padding:14px;display:grid;gap:7px;border-radius:12px;background:#f8fffddb;box-shadow:0 18px 40px #1459532e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chord-message i{display:block;height:2px;border-radius:99px;background:#1459533d}.chord-message i:last-child{width:60%}.chord-message-a{top:17%;right:9%;transform:rotate(4deg)}.chord-message-b{bottom:10%;left:18%;transform:rotate(-4deg)}.chord-signal{position:absolute;right:13%;bottom:13%;z-index:5;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#1f746d;background:#effffb;box-shadow:0 12px 24px #1459532e;font-size:15px}.chord-wordmark{color:var(--project-accent-strong);font-size:17px;font-weight:650;letter-spacing:-.02em}.manifesto{padding:clamp(56px,6.5vw,84px);border-radius:var(--radius-large);background:linear-gradient(145deg,var(--accent-soft),transparent 62%),var(--surface)}.manifesto p{max-width:980px;margin:0;font-size:clamp(1.84rem,3.2vw,3.4rem);font-weight:580;line-height:1.12;letter-spacing:-.05em;text-wrap:balance}.about-section{padding-block:clamp(110px,14vw,190px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);align-items:start;gap:clamp(52px,6.5vw,84px)}.about-intro{position:sticky;top:128px}.principles{display:grid;gap:0}.principles article{padding:34px 0 38px;border-bottom:.5px solid var(--line)}.principles article:first-child{padding-top:4px}.principles h3{margin:0;font-size:clamp(1.35rem,2.3vw,2rem);font-weight:600;letter-spacing:-.025em}.principles p{max-width:520px;margin:12px 0 0;color:var(--muted)}.site-footer{width:var(--shell);margin:0 auto 24px;padding:22px 28px;border-radius:18px;color:var(--text);background:var(--surface)}.footer-records{display:flex;align-items:center;gap:18px}.footer-records a{transition:color .18s ease}.footer-records a:hover{color:var(--text)}.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--faint);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}.js .reveal{opacity:0;transform:translateY(22px)}.js .hero h1.reveal:not(.is-visible){opacity:.28;transform:translateY(12px)}.js .reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0ms)}.js .hero .reveal.is-visible{transition-duration:.56s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}@media(prefers-reduced-transparency:reduce){.nav-shell{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(max-width:900px){:root{--shell: min(100% - 36px, 720px)}.hero{min-height:660px;padding:112px 0 72px;grid-template-columns:1fr;gap:0}.hero h1{max-width:700px}.hero-media{inset:0;max-width:none;justify-self:auto}.hero-cove{left:0;bottom:38px;width:210px}.hero-velin{top:238px;right:0;width:190px}.hero-chord{right:34px;bottom:18px;width:300px}.hero-nucleus{bottom:44px}.hero-path-cove{left:200px;width:calc(50% - 240px)}.hero-path-velin{right:188px;width:calc(50% - 170px)}.hero-path-chord{right:334px;width:calc(50% - 280px)}.product-grid{grid-template-columns:1fr;gap:18px}.product-tile{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}.product-art{min-height:340px}.product-summary{min-height:0;justify-content:center}.project-velin .product-summary{order:initial}.about-section{grid-template-columns:1fr}.about-intro{position:static}}@media(max-width:680px){:root{--shell: calc(100% - 28px) ;--radius-large: 22px;--radius-medium: 14px}.site-header{padding:10px 14px 0}.nav-shell{width:100%;min-height:58px;padding:6px 7px 6px 14px}.brand{font-size:14px}.primary-nav{gap:2px}.primary-nav>a:not(.nav-contact){display:none}.primary-nav .nav-contact,.language-toggle{min-height:38px;padding:8px 12px;font-size:13px}.hero{min-height:auto;padding:110px 0 46px;display:flex;align-items:center;flex-direction:column;gap:0}.eyebrow{margin-bottom:16px}.hero h1{font-size:clamp(2.8rem,14vw,4.15rem);line-height:1.02}html[lang=en] .hero h1{font-size:clamp(2.55rem,12vw,3.6rem)}.hero-intro{margin-top:22px;font-size:16px}.hero-actions{margin-top:28px}.button{min-height:48px}.hero-media{position:relative;inset:auto;width:100%;height:308px;margin-top:32px}.hero-network{height:308px}.hero-network:before{inset:0}.hero-product-card{padding:10px;border-radius:var(--radius-medium);box-shadow:inset 0 1px color-mix(in srgb,var(--surface-raised),transparent 20%),0 12px 32px color-mix(in srgb,var(--product-accent),transparent 92%)}.hero-card-heading{gap:7px}.hero-product-mark{width:24px;height:24px;border-radius:7px;font-size:8px}.hero-card-heading b{font-size:10px}.hero-card-heading small{font-size:7px}.hero-cove{top:12px;bottom:auto;left:0;width:158px;min-height:116px}.cove-preview{height:57px;margin-top:5px}.cove-rail{top:27px;right:7px;left:7px}.cove-note{min-width:40px;padding:5px 6px;border-radius:7px;font-size:7px}.cove-note-main{top:18px;min-width:58px}.hero-velin{top:20px;right:0;width:150px;min-height:112px}.velin-preview{margin-top:6px}.hero-velin .velin-metric strong{font-size:17px}.velin-chart{height:25px;gap:3px}.velin-secondary{display:none}.hero-chord{right:auto;bottom:0;left:50%;width:246px;min-height:126px;transform:translate(-50%)}.chord-preview{margin-top:8px;gap:5px}.chord-stage{padding:6px;gap:4px;border-radius:8px}.chord-stage span,.chord-stage small{font-size:6px}.chord-stage b{font-size:7px}.hero-nucleus{top:128px;bottom:auto;min-height:42px;padding:6px 11px 6px 6px}.hero-nucleus span{width:28px;height:28px;font-size:9px}.hero-nucleus strong{font-size:9px}.hero-path-cove,.hero-path-velin,.hero-path-chord{height:auto;border-right:0;border-bottom:0;border-radius:0}.hero-path-cove{top:82px;bottom:auto;left:150px;width:calc(50% - 150px)}.hero-path-velin{top:88px;right:143px;width:calc(50% - 143px);border-top:1px dashed color-mix(in srgb,#3975e9,transparent 76%)}.hero-path-chord{inset:169px auto auto 50%;width:1px;height:23px;border-top:0;border-left:1px dashed color-mix(in srgb,#18a99c,transparent 72%)}.hero-path-velin:before,.hero-path-velin:after,.hero-path-chord:before,.hero-path-chord:after{display:none}.work-section{padding:0 0 96px}.section-heading{margin-bottom:40px}.section-heading h2,.about-intro h2{font-size:clamp(2.25rem,11vw,3.5rem)}.about-intro h2{font-size:clamp(1.6rem,7.2vw,2.28rem)}.section-heading>p:last-child,.about-intro>p{font-size:16px}.product-tile{display:flex}.product-art{min-height:min(96vw,360px)}.product-summary{min-height:0;padding:24px 24px 28px}.product-summary h3{font-size:1.8rem}.project-velin .product-summary{order:2}.project-velin .product-visual{order:1}.manifesto{padding:48px 28px}.manifesto p{font-size:clamp(1.6rem,7.2vw,2.24rem)}.about-section{padding-block:108px;gap:56px}.site-footer{margin-bottom:14px;padding:20px 22px}.footer-meta{align-items:flex-start;flex-direction:column;gap:12px}}.hero{min-height:660px;padding:122px 0 76px;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);place-items:center stretch;gap:clamp(48px,6vw,76px);overflow:visible;text-align:left}.hero-copy{width:100%;align-items:flex-start}.hero h1{max-width:620px;font-size:clamp(4rem,6.4vw,5.9rem)}.hero h1 .lang-zh>.phrase{display:block}.hero h1 .lang-zh>wbr{display:none}.hero-intro{max-width:560px}.hero-actions{justify-content:flex-start}.hero-media{position:relative;inset:auto;width:100%;align-self:center}.hero-frame{position:relative;width:100%;aspect-ratio:4 / 3;margin:0;box-shadow:var(--shadow)}.hero-placeholder-canvas{position:absolute;inset:0}.hero-placeholder-box,.hero-placeholder-line{display:none}.hero-placeholder-label{position:absolute;top:50%;left:50%;z-index:2;padding:7px 16px;border:1px solid color-mix(in srgb,var(--accent),transparent 54%);border-radius:var(--radius-control);color:var(--accent-strong);background:color-mix(in srgb,var(--surface-raised),transparent 8%);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;transform:translate(-50%,-50%)}.hero-placeholder figcaption{position:absolute;bottom:14px;left:16px;z-index:2;margin:0}@media(max-width:900px){.hero{min-height:auto;padding:116px 0 72px;grid-template-columns:1fr;gap:48px}.hero-copy{max-width:680px}.hero-media{width:min(100%,680px);height:auto;margin:0}}@media(max-width:680px){.hero{padding:108px 0 52px;display:grid;align-items:start;gap:34px}.hero h1{max-width:none;font-size:clamp(3rem,15vw,4rem)}html[lang=en] .hero h1{font-size:clamp(2.55rem,12vw,3.6rem)}.hero-intro{font-size:16px}.hero-media{margin-top:0}}.hero{min-height:auto;padding:130px 40px 120px;display:block;overflow:visible;text-align:left}.hero:before{--orb-point-a-x: 40px;--orb-point-a-y: 145px;--orb-point-b-x: -180px;--orb-point-b-y: 260px;--orb-point-c-x: -430px;--orb-point-c-y: 120px;--orb-point-d-x: -80px;--orb-point-d-y: 300px;position:absolute;top:-60px;right:-40px;z-index:-1;width:520px;height:520px;border-radius:50%;content:"";pointer-events:none;will-change:transform;animation:hero-orb-drift 18s ease-in-out infinite alternate;background:radial-gradient(circle at 35% 35%,rgba(140,91,196,.22),rgba(93,95,239,.14) 45%,transparent 70%)}@keyframes hero-orb-drift{0%{transform:translate3d(var(--orb-point-a-x),var(--orb-point-a-y),0) scale(.96)}35%{transform:translate3d(var(--orb-point-b-x),var(--orb-point-b-y),0) scale(1.04)}70%{transform:translate3d(var(--orb-point-c-x),var(--orb-point-c-y),0) scale(.98)}to{transform:translate3d(var(--orb-point-d-x),var(--orb-point-d-y),0) scale(1.02)}}@media(prefers-reduced-motion:reduce){.hero:before{animation:none;transform:none}}.hero-copy{width:100%;max-width:none;align-items:flex-start}.hero h1{max-width:920px;font-family:"Smiley Sans Oblique","Noto Sans SC",var(--font-sans);font-size:88px;font-weight:400;line-height:1.18;letter-spacing:.03em}html[lang=en] .hero h1{font-family:var(--font-sans);font-size:84px;font-weight:700;line-height:1.03;letter-spacing:-.03em}.hero-intro{max-width:580px;margin-top:52px;font-size:17px;font-weight:400;line-height:1.95}html[lang=en] .hero-intro{max-width:560px;font-size:17.5px;line-height:1.65}.hero-actions{margin-top:56px;justify-content:flex-start;gap:12px}.hero .button{min-height:50px;padding:14px 26px;font-size:14.5px;font-weight:500}@media(max-width:900px){.hero{padding:122px 24px 92px}.hero h1,html[lang=en] .hero h1{font-size:clamp(4rem,10.5vw,5.5rem)}}@media(max-width:680px){.hero{padding:108px 0 72px;display:block}.hero:before{--orb-point-a-x: 18px;--orb-point-a-y: 50px;--orb-point-b-x: -60px;--orb-point-b-y: 105px;--orb-point-c-x: -120px;--orb-point-c-y: 62px;--orb-point-d-x: -30px;--orb-point-d-y: 132px;top:-90px;right:-14px;width:430px;height:430px}.hero h1,html[lang=en] .hero h1{font-size:clamp(3rem,15vw,4rem);line-height:1.16}.hero-intro,html[lang=en] .hero-intro{margin-top:36px;font-size:16px;line-height:1.9}.hero-actions{margin-top:40px}.hero .button{padding:13px 20px;font-size:14px}}